/* Theme Name: New Forex Investoo Theme by Flytonic.com Theme URI: http://www.flytonic.com/forex-theme Description: Custom Forex and Broker theme brought to you by Flytonic.com for Wordpress! Version: 1.0 Author: Flytonic.com Themes Author URI: http://www.flytonic.com */ @ charset "UTF-8"; /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 01 - LOADER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ #loader-wrapper { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999999999999; background: #fff; } .cssload-container { width: 100%; height: 49px; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loader { display: inline-block; width: 30px; height: 30px; position: relative; border: 4px solid #244b7c; top: 50%; -webkit-animation: loader 2s infinite ease; animation: loader 2s infinite ease; } .loader-inner { vertical-align: top; display: inline-block; width: 100%; background-color: #244b7c; -webkit-animation: loader-inner 2s infinite ease-in; animation: loader-inner 2s infinite ease-in; } @-webkit-keyframes loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loader-inner { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } @keyframes loader-inner { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 02 - RESET */ /*-------------------------------------------------------------------------------------------------------------------------------*/ * { box-sizing: border-box; } 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, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; /* font: inherit; */ font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 03- PLUGINS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; height: inherit !important; } .swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; -webkit-transition-property: -webkit-transform, left, top; transition-property: transform, left, top; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; transition-timing-function: ease; box-sizing: content-box; height: inherit !important; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { float: left; box-sizing: border-box; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } .pagination { position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin: 0; } @media screen and (max-width: 481px) { .pagination { bottom: 5px; } } .swiper-pagination-switch { display: inline-block; border-radius: 50%; width: 18px; height: 18px; border: 1px solid #ed1c24; margin: 0 10px; cursor: pointer; } .swiper-active-switch { text-align: center; position: relative; } .swiper-active-switch:after { content: ''; width: 12px; height: 12px; background: #ed1c24; position: absolute; left: 50%; top: 50%; margin-top: -6px; margin-left: -6px; border-radius: 50%; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .pagination-type-2 { position: relative; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); top: 30px; bottom: 0 !important; left: 0; display: table; margin: 0 auto; } .pagination-type-2 .swiper-pagination-switch { border-color: #2c2c2c; } .pagination-type-2 .swiper-active-switch:after { background: #2c2c2c; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 04- BASE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ body { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; color: #666666; background: #f7f7f7; } a { color: #fff; display: inline; -webkit-transition: color 0.3s linear; transition: color 0.3s linear; text-decoration: none; } a:hover { color: #ff6600; text-decoration: none; } .text-center { text-align: center; } p { font-size: 15px; line-height: 1.4; padding-bottom: 10px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1250px) { .container { width: 1200px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 05- ELEMENTS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .cover { background-size: cover !important; background-position: center; } .transition { -webkit-transition: background 0.3s linear, color 0.3s linear; transition: background 0.3s linear, color 0.3s linear; } .center { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .title-center { text-align: center; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 06- MODIFIERS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after { clear: both; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 07- SPRITE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ @-webkit-keyframes my-bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } 60% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes my-bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } 60% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes fade-in { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fade-in { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { visibility: hidden; } .fade-in { animation: 1s ease-out 0s normal backwards 1 fade-in; -webkit-animation: 1s ease-out 0s normal backwards 1 fade-in; -ms-animation: 1s ease-out 0s normal backwards 1 fade-in; visibility: visible; } .delay-200 { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; } .delay-400 { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; } .delay-600 { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; } .header-top { padding: 17px 0 20px; background: #fff; } .header-top .container { position: relative;padding-right: 25px; } .navigation { background: #263440; } @media screen and (max-width: 992px) { .navigation { padding: 0; display: none; } .navigation .container { width: 100%; padding: 0; } } .menu-item { float: left; /** margin-right: 25px; **/ position: relative; } .menu-item i { color: #fff; font-size: 20px; margin-left: 5px; position: relative; top: 0; -webkit-transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; margin-top: -5px; } .menu-item a { color: #fff; text-transform: uppercase; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 600; padding: 15px 15px; -webkit-transition: color 0.3s linear, background 0.3s linear; transition: color 0.3s linear, background 0.3s linear; position: relative; display: inline-block; } @media screen and (max-width: 992px) { .menu-item a { text-align: center; padding: 15px 0; display: block; border-top: 1px solid #fff; } } .menu-item a:hover, .menu-item a.active { color: #ff6600; } @media screen and (max-width: 992px) { .menu-item a:hover, .menu-item a.active { color: #fff; background: #ff6600; } } @media screen and (max-width: 992px) { .menu-item { float: none; display: block; margin: 0; } } .menu-item.active a { color: #ff6600; } @media screen and (max-width: 992px) { .menu-item.active a { color: #fff; background: #ff6600; } } .sub-menu { position: absolute; top: 46px; left: -15px; z-index: 555; background: #263440; width: 180px; opacity: 0; visibility: hidden; display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-top: 30px; } @media screen and (max-width: 992px) { .sub-menu { -webkit-transition: none; transition: none; width: 100%; left: 0; top: 0; opacity: 1; visibility: visible; display: none; margin-top: 0; position: relative; } } .sub-menu li { border-bottom: 1px solid #fff;width: 180px;} .sub-menu li:last-of-type { border-bottom: 0; } .sub-menu a { display: block; padding: 10px 15px; /**border-bottom: 1px solid #fff; **/ font-size: 13px; font-family: 'Open Sans', sans-serif; } @media screen and (min-width: 992px) { .menu-item:hover .sub-menu { visibility: visible; opacity: 1; margin-top: 0; } .menu-item:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } } .logo { float: left; margin-left: 10px; } @media screen and (max-width: 992px) { .logo img { max-width: 70%; } } .user-panel { float: right; padding-top: 8px; } @media screen and (max-width: 992px) { .user-panel { width: 100%; padding-top: 30px; display: none; float: left; } } @media screen and (max-width: 992px) { .user-panel-mobile { display: table; margin: 0 auto; } } @media screen and (max-width: 700px) { .user-panel-mobile { text-align: center; } } .search-input { background: #f7f7f7; border: 1px solid #e3e3e3; border-radius: 5px; width: 270px; height: 36px; line-height: 36px; padding: 0 55px 0 12px; box-sizing: border-box !important; -webkit-transition: border-color 0.2s linear; transition: border-color 0.2s linear; } .search-input:focus { outline: none; border-color: #5497ed; } @media screen and (max-width: 420px) { .search-input { width: 200px; } } .search:not(body) { position: relative; float: right; } @media screen and (max-width: 700px) { .search { float: none; margin-bottom: 20px; display: inline-block; } } .go { position: absolute; right: 0; top: 0; background: #5497ed; border-radius: 0 5px 5px 0; height: 36px; border: none; width: 45px; } .go:focus { outline: none; } .search-ico { color: #fff; margin-right: 15px; position: absolute; top: 10px; right: 0; } .login-panel { float: right; } @media screen and (max-width: 700px) { .login-panel { float: none; display: inline-block; } } .button { height: 36px; line-height: 36px; border-radius: 5px; background: #343a45; padding: 0 20px; display: inline-block; margin: 0 4px; font-family: 'Titillium Web', sans-serif; font-weight: 600; color: #fff !important; text-decoration: none !important; -webkit-transition: background 0.3s linear; transition: background 0.3s linear; } .button:hover { background: #ff6600; } .type-2 { background: #4f84c8; } .lang-panel { float: right; min-height: 36px; border-left: 1px solid #e8e8e8; padding: 5px 20px 5px 10px; margin-left: 10px; position: relative; z-index: 100; } #lang_sel_footer ul li a { text-decoration: none; padding: 5px 10px; color: #e65c00; } #lang_sel li { float: left; width: 110px!important; position: relative; padding: 0 !important; margin: 0 !important; list-style-type: none !important; } .lang-panel i { position: absolute; right: 7px; top: 7px; cursor: pointer; } @media screen and (max-width: 700px) { .lang-panel { float: none; display: inline-block; } } @media screen and (max-width: 460px) { .lang-panel { border: none; margin-left: 0; } } .lang-list { color: #666666; font-family: 'Titillium Web', sans-serif; font-weight: 500; position: relative; display: block; margin-bottom: 10px; } .lang-hd { display: none; position: absolute; } .lang-hd.active { display: block; } .menu-button { width: 36px; height: 18px; position: absolute; top: 7px; right: 15px; display: none; cursor: pointer; z-index: 1000; } .menu-button span { height: 3px; margin-top: 5px; background: #ff6600; display: block; position: relative; top: 0; -webkit-transition: all 500ms ease-out; transition: all 500ms ease-out; } @media screen and (max-width: 992px) { .menu-button { display: block; } } @media screen and (max-width: 481px) { .menu-button { top: 7px; } } .menu-button span:first-child { margin-top: 0; } .menu-button.active span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 9px; } .menu-button.active span:nth-child(2) { opacity: 0; top: 7px; } .menu-button.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: -7px; } .banner { padding: 28px 0; background: url("img/banner.jpg"); background-size: cover; } @media screen and (max-width: 481px) { .banner { text-align: center; } } .banner-title { color: #fff; font-size: 40px; font-weight: 500; } @media screen and (max-width: 1250px) { .banner-title { font-size: 30px; } } @media screen and (max-width: 481px) { .banner-title { font-size: 26px; } } .banner-sub-title { color: #ffcf4c; font-size: 30px; font-family: 'Titillium Web', sans-serif; font-weight: 600; padding:5px 0 15px; } @media screen and (max-width: 1250px) { .banner-sub-title { font-size: 22px; } } @media screen and (max-width: 481px) { .banner-sub-title { font-size: 20px; } } .banner-list { font-size: 20px; color: #fff; padding-left: 40px; } @media screen and (max-width: 1250px) { .banner-list { font-size: 16px; } } .banner-list li { margin-bottom: 15px; font-weight: 300; } @media screen and (max-width: 481px) { .banner-list li { line-height: 1.3; } } .banner-list i { font-size: 18px; font-weight: 300; margin-right: 10px; margin-top: -5px; } @media screen and (max-width: 1250px) { .banner-list i { font-size: 16px; } } .type-3 { background: #ff6600; height: auto; padding: 13px 30px; line-height: 1; border-bottom: 3px solid #e65c00; margin-left: 44px; font-size: 20px; } .type-3:hover { background: #e65c00; } .type-3 i { margin-right: 10px; } .register-area { padding-left: 95px; position: relative; padding-top: 13px; } @media screen and (max-width: 481px) { .register-area { padding-left: 0; } } .register-area:before { content: ''; background: url("img/arrow.png"); width: 78px; height: 59px; position: absolute; left: 44px; top: -5px; } @media screen and (max-width: 481px) { .register-area:before { content: none; } } .banner-home .container { position: relative; padding-left: 25px;padding-right: 25px; } .banner-home .container:after { content: ''; background: url("img/img.png"); width: 502px; height: 322px; position: absolute; right: 20px; bottom: 0; } @media screen and (max-width: 1250px) { .banner-home .container:after { width: 450px; height: 289px; background-size: contain; } } @media screen and (max-width: 992px) { .banner-home .container:after { width: 302px; height: 194px; } } @media screen and (max-width: 767px) { .banner-home .container:after { content: none; } } .featured { background: #fff; padding: 20px 0; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); } @media screen and (max-width: 992px) { .featured { overflow: hidden; } .featured .container { position: relative; padding-top: 60px; } } .featured .logos { text-align: center; } .featured .logos img { max-width: 100%; } .logos-container h3 { font-size: 24px; padding-top: 17px; } @media screen and (max-width: 1250px) { .logos-container h3 { font-size: 18px; padding-top: 20px; } } @media screen and (max-width: 992px) { .logos-container h3 { font-size: 24px; text-align: center; padding-top: 10px; } } @media screen and (max-width: 992px) { .logos-container .col-sm-2 { width: 100% !important; position: absolute; top: 0; } } .logos-link { display: inline-block; } .logos-link { display: inline-block; } .content { padding-top: 35px; } .home .content{ padding-top: 65px; } .post-template-single-casino-php .content { padding-top: 50px; } @media screen and (max-width: 1250px) { .content { padding-top: 40px; } } @media screen and (max-width: 992px) { .content { padding-top: 30px; } } .title { font-size: 35px; text-transform: uppercase; font-weight: 500; color: #2f569e; } @media screen and (max-width: 481px) { .title { font-size: 26px; } } #readreview h2:after , .title:after { content: ''; width: 90px; height: 1px; background: #bfbfbf; display: block; margin: 15px auto; } .info-box h1.title:after { content: ''; width: 90px; height: 1px; background: #bfbfbf; display: block; margin: 15px 0; } .title-left { text-align: left; } @media screen and (max-width: 600px) { .title-left { text-align: center; } } .title-left:after { margin-left: 0; } @media screen and (max-width: 600px) { .title-left:after { margin: 15px auto; } } .col-info { text-align: center; border-right: 1px solid #ebebeb; } @media screen and (max-width: 767px) { .col-info { border: none; margin-bottom: 30px; } .col-info:last-of-type { margin-bottom: 0; } } .col-info:last-of-type { border-right: 0; } .col-info .h3 { margin-bottom: 20px; } @media screen and (max-width: 1250px) { .col-info .h3 { font-size: 18px; } .col-info .h3 br { display: none; } } .col-info img { margin-bottom: 15px; max-width: 100%; } .row-info { padding-top: 20px; } .h3 { font-size: 20px; font-family: 'Titillium Web', sans-serif; font-weight: 700; line-height: 1.3; } .type-4 { background: #ff6600; } .type-4 i { margin-right: 5px; } .type-4:hover { background: #343a45; } .info-box { margin-bottom: 60px; } .home .info-box:last-of-type { margin-bottom: 0;} @media screen and (max-width: 767px) { .info-box { margin-bottom: 30px; } } .info-box a { color: #ff9900; } .info-box a:hover { text-decoration: underline; } .about-box p:last-of-type { padding-bottom: 0; } .more { font-family: 'Titillium Web', sans-serif; font-weight: 700; margin-top: 10px; } .more:hover { color: #343a45; text-decoration: none !important; } .media-info { display: inline-block; padding: 0 6px; color: #b8bec2; font-family: 'Titillium Web', sans-serif; font-weight: 700; margin-bottom: 12px; position: relative; } .media-info:after { content: ''; position: absolute; right: -2px; top: 0; height: 14px; width: 2px; background: #b8bec2; } .media-info:last-of-type:after { content: none; } .col-info-media .h3 { margin-bottom: 6px; } .testimonials-box { position: relative; } .testimonials-box .title, .testimonials-box .testim-text { padding-left: 175px; } @media screen and (max-width: 600px) { .testimonials-box .title, .testimonials-box .testim-text { padding-left: 0; } } .author { position: absolute; left: 0; top: 15px; width: 122px; text-align: center; } @media screen and (max-width: 600px) { .author { position: relative; top: 0; margin: 0 auto 20px; } } .name { font-size: 16px; color: #e65c00; font-family: 'Titillium Web', sans-serif; font-weight: 700; text-align: center; } .name img { width: 122px; height: 122px; border: 4px solid #FFF; border-radius: 50%; margin-bottom: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); } .article { padding-top: 15px; border-bottom: 1px dotted #eaeaea; } .article:last-of-type { border: none; } .article p { font-size: 15px; font-family: 'Titillium Web', sans-serif; font-weight: 600; } .thumbnail-link { float: left; margin-right: 27px; margin-bottom: 15px; } @media screen and (max-width: 767px) { .thumbnail-link { float: none; } } .thumbnail-link img { width: 169px;min-height: 126px; } .main-content .title-post a { color: #545454; } .title-post a:hover { color: #e65c00; text-decoration: none !important; } .category { overflow: hidden; margin-top: 5px; margin-bottom: 5px; } .category li { float: left; margin-right: 5px; } .category li a { color: #b8bec2; font-family: 'Titillium Web', sans-serif; font-weight: 600; } .category li a:hover { color: #e65c00; text-decoration: none !important; } .category i { color: #b8bec2; font-weight: 600; float: left; margin-right: 5px; } .widget { margin-bottom: 30px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); position: relative; } .widget:after { content: ''; border-bottom: 1px dotted #eaeaea; display: block; margin-top: 15px; position: absolute; left: 0; bottom: -16px; width: 100%; } .widget:last-of-type { padding-bottom: 0; margin-bottom: 0; } .widget:last-of-type:after { content: none; } .widget .info-widget-box:nth-child(odd) { background: #f5f5f0; } .widget-title { background: #3b69a5; padding: 15px 5px; text-align: center; color: #fff !important; font-size: 18px; font-family: 'Titillium Web', sans-serif; font-weight: 700; } .sidebar { padding-left: 0; width: 26%; } @media screen and (max-width: 1250px) { .sidebar { width: 33%; } } @media screen and (max-width: 992px) { .sidebar { width: 100%; padding-bottom: 30px; padding-left: 15px; max-width: 325px; } } .sidebar-page { width: 28%; } @media screen and (max-width: 1250px) { .sidebar-page { width: 33%; } } @media screen and (max-width: 992px) { .sidebar-page { max-width: 352px !important; width: 100%; } } .main-content { width: 71%;margin-bottom: 40px; margin-right: 24px; margin-left: 12px; } .home .main-content { width: 72%;margin-bottom: 40px; margin-right: 24px; margin-left: 0px; } @media screen and (max-width: 1250px) { .main-content { width: 65%; } } @media screen and (max-width: 992px) { .main-content { width: 100%; } } .widget-block { padding: 12px; background: #fff; } /**.widget ul li { padding-left: 10px; min-height: 25px; margin-bottom: 5px; padding-bottom:5px; border-bottom: 1px dotted #eaeaea; } .widget ul li a { font-size: 15px; padding: 5px 0 5px; color: #666666; } .widget ul li a:hover { font-size: 15px; padding: 5px 0 5px; color: #F90; } **/ .widget-review { border: none; } .widget-box { position: relative; padding-left: 60px; min-height: 45px; margin-bottom: 12px; padding-bottom: 15px; border-bottom: 1px dotted #eaeaea; } .widgetnew li { padding-left: 25px; /* min-height: 20px; */ margin-bottom: 0; padding: 15px 20px; border-bottom: 1px dotted #eaeaea; } .widgetnew li a { color:#666666; } .widgetnew li a:hover { color:#ff6600; } .widget-box:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget-box h4 a { font-size: 13px; font-family: 'Titillium Web', sans-serif; font-weight: 700; color: #666; } .widget-box h4 a:hover { color: #2f569e; } .w-icon { width: 45px; height: 45px; /**background: #3b69a5; **/ display: block; float: left; margin-right: 15px; text-align: center; line-height: 45px; position: absolute; left: 0; top: 0; } .w-icon i { font-size: 26px; color: #fff !important; position: relative; top: 5px; left: 1px; } .progress { position: relative; border-radius: 10px; background: #d9d9d9; height: 5px; margin-top: 8px; } .progress span { height: 5px; width: 20%; background:#7cbb39; position: absolute; left: 0; top: 0; border-radius: 10px 0 0 10px; } .widget-info { margin-top: 3px; font-size: 12px; color: #999; font-family: 'Titillium Web', sans-serif; font-weight: 700; } .widget-info span { color: #33599f; } .widget-box-2 { padding-left: 0; } .widget-box-2 img { float: left; border: 1px solid #e6e6e6; margin-right: 15px; min-width: 100px; min-height: 65px; } .widget-box-2 h4 { font-size: 15px; padding: 5px 0 5px; } .btn-box { text-align: left; } .min-btn { background: #2f569e; padding: 0 7px; height: 27px; line-height: 25px; border-radius: 5px; color: #fff !important; border: 2px solid #2f569e; -webkit-transition: background 0.3s linear, border-color 0.3s linear, color 0.3s linear; transition: background 0.3s linear, border-color 0.3s linear, color 0.3s linear; display: inline-block; } @media screen and (max-width: 330px) { .min-btn { padding: 0 4px; } } .min-btn i { margin-right: 5px; } .min-btn:hover { background: #343a45; border-color: #343a45; } .min-btn-1 { color: #2f569e !important; background: #fff; } .min-btn-1:hover { color: #fff !important; background: #2f569e; } .pagination-hide { display: none; } .intro-img { padding-right: 30px; border-right: 1px solid #d9d9d9; display: inline-block; } @media screen and (max-width: 640px) { .intro-img { padding-right: 0; border: none; text-align: center; display: block; } } .intro-img .imgbox { border-radius: 10px; border: 9px solid #254977; width: 263px; padding: 0 2px; background-color: #FFF; height:248px; position:relative; } .intro-img .imgbox img { position: absolute; max-width: 240px; max-height: 230px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } @media screen and (max-width: 992px) { .intro-img img { max-width: 200px; } } @media screen and (max-width: 640px) { .intro-img img { max-width: 260px; } } .crumb { margin-bottom: 20px; } .crumb i { color: #fff; float: left; } .crumb li { float: left; margin-left: 5px; font-weight: 600; font-family: 'Titillium Web', sans-serif; } .crumb li span { color: #fff; } .crumb li:before { content: 'ยป'; color: #fff; display: inline-block; margin-right: 5px; } .intro-box { float: left; position: absolute; } @media screen and (max-width: 640px) { .intro-box { position: relative; width: 100%; } } .h1 { font-size: 34px; font-weight: 700; color: #fff; } .h1 span { font-weight: 600; font-size: 24px; color: #ffbf40; font-family: 'Open Sans', sans-serif; } .banner-info { padding-left: 324px; padding-top: 10px; float: left; width: auto; } @media screen and (max-width: 992px) { .banner-info { padding-left: 260px; } } @media screen and (max-width: 640px) { .banner-info { padding-left: 0; } } .review-block { margin-top: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 20px 0; } @media screen and (max-width: 400px) { .review-block { text-align: center; padding-bottom: 0; } } .review-info { color: #fff; padding: 15px 0 15px; line-height: 1.4; } .info-box-col { width: 20%; float: left; text-align: center; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 12px; line-height: 1.3; font-family: 'Titillium Web', sans-serif; } @media screen and (max-width: 400px) { .info-box-col { width: 30%; float: none; margin-bottom: 20px; display: inline-block; } } .rew-icon { height: 38px; line-height: 38px; margin-bottom: 10px; font-size: 41px; font-family: 'Titillium Web', sans-serif; } @media screen and (max-width: 992px) { .rew-icon { font-size: 32px; } } .full { font-weight: 600; color: #ffbf40; margin-left: 10px; font-family: 'Roboto', sans-serif; } @media screen and (max-width: 367px) { .full { margin-left: 0; margin-top: 15px; } } .info-container { background: #fff; padding: 30px; } @media screen and (max-width: 481px) { .info-container { padding: 10px; } } #readreview h2:after { text-align: left; margin: 15px 0; } #readreview h2 , .main-title { font-size: 28px; font-weight: 400; color: #545454; font-family: 'Titillium Web', sans-serif; text-transform: none; } #readreview h2:after , .main-title:after { background: #ff6600 !important; } @media screen and (max-width: 600px) { #readreview h2:after , .main-title:after { margin-left: 0; } } @media screen and (max-width: 600px) { #readreview h2 ,.main-title { text-align: left; } } .info-content { margin-bottom: 40px; } .info-content p { padding-bottom: 18px; } @media screen and (max-width: 767px) { .info-content { margin-bottom: 25px; } } .info-content:last-of-type { margin-bottom: 0; } /**.info-content h3 { font-size: 16px; font-weight: 700; margin-bottom: 12px; color: #545454; }**/ .info-content p:last-of-type { padding-bottom: 0; } .info-content p span { font-weight: 700; } .support-item { margin-bottom: 2px; } .support-item span { display: block; float: left; line-height: 1.3; } .support-item span:first-of-type { font-size: 16px; font-weight: 700; font-family: 'Titillium Web', sans-serif; width: 25%; display: inline-block; } @media screen and (max-width: 767px) { .support-item span:first-of-type { width: 100%; } } .support-item span:last-of-type { font-size: 15px; width: 75%; } @media screen and (max-width: 767px) { .support-item span:last-of-type { width: 100%; } } .info-container { margin-bottom: 65px; } .info-container a { color:#ff6600; } .info-content .button { margin-top: 20px; margin-right: 10px; } .type-5 { background: #fff; color: #ff6600 !important; border: 2px solid #ff6600; padding: 12px 18px 13px; position: relative; top: 1px; } .type-5:hover { color: #fff !important; background: #ff6600; } .previews { padding: 0 30px; margin-bottom: 20px; } @media screen and (max-width: 481px) { .previews { padding: 0 10px; } } .preview-item { width: 47%; float: left; margin-right: 6%; margin-bottom: 20px; } .preview-item:last-of-type { margin-right: 0; } @media screen and (max-width: 481px) { .preview-item { width: 100%; margin-right: 0; } } .preview-item img { max-width: 100%; border: 4px solid #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .tab-info { display: none; } .tab-info.active { display: block; } .tab-wrapper { margin-bottom: 40px; } .nav-tab { padding: 0 30px; } @media screen and (max-width: 481px) { .nav-tab { padding: 0 15px; } } .nav-tab-item { float: left; width: 33.3333%; padding-right: 3px; } @media screen and (max-width: 700px) { .nav-tab-item { width: 100%; padding-right: 0; } } .nav-tab-item:last-of-type { padding: 0; } .nav-tab-item span { font-weight:bold; display: block; text-align: center; border: 1px solid #ededed; background: #f2f2ed; padding: 15px 0; font-size: 14px; text-transform: uppercase; color: #2f569e; cursor: pointer; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; position: relative; } @media screen and (max-width: 1250px) { .nav-tab-item span { font-size: 12px; } } .nav-tab-item span:hover { color: #2f569e; } .nav-tab-item i { margin-right: 10px; } .nav-tab-item.active span { background: #fff; border-color: #fff; color: #2f569e; } .nav-tab-item.active span:after { content: ''; position: absolute; left: -1px; top: -3px; width: 100%; border-top: 4px solid #2f569e; border-left: 2px solid #2f569e; } .tabs-content { background: #fff; padding: 24px 30px; } @media screen and (max-width: 481px) { .tabs-content { padding: 10px; } } .tab-table { width: 47%; margin-right: 6%; border: 1px solid #f5f5f0; float: left; } .tab-table:last-of-type { margin-right: 0; } @media screen and (max-width: 700px) { .tab-table { margin-right: 0; width: 100%; margin-bottom: 15px; } .tab-table:last-of-type { margin-bottom: 0; } } .nw-table tr:nth-last-of-type(odd) { background: #f5f5f0; } .tab-table tr:nth-last-of-type(odd) { background: #f5f5f0; } .nw-table tr th { width: 45%; font-weight: 600; font-family: 'Titillium Web', sans-serif; } /**.tab-table tr:nth-last-of-type(odd) { background: #f5f5f0; } **/ /*.tab-table tr.grey { background: #f5f5f0; }*/ .tab-table tr th { width: 46%; font-weight: 500; font-family: tahoma; } @media screen and (max-width: 1250px) { .tab-table tr th { width: 60%; } } @media screen and (max-width: 700px) { .tab-table tr th { width: 50%; } } @media screen and (max-width: 481px) { .tab-table tr th { width: 70%; } } .tab-table tr td { width: 55%; font-weight: 400; font-family: tahoma; } @media screen and (max-width: 1250px) { .tab-table tr td { width: 40%; } } @media screen and (max-width: 700px) { .tab-table tr td { width: 50%; } } @media screen and (max-width: 481px) { .tab-table tr td { width: 30%; } } .tab-table tr .fa-times { color: #ef6759; } .tab-table tr .fa-check { color: #6dbc2d; } .tab-table th, .tab-table td { padding: 8px 10px; font-size: 15px; } .main-content-review { width: 72%; padding-right: 30px; margin-right: 0px; margin-left: 0px; } @media screen and (max-width: 1250px) { .main-content-review { width: 65%; } } @media screen and (max-width: 992px) { .main-content-review { padding-right: 15px; width: 100%; } } .info-widget-box a.brokerlink { color: #e65c00; } .info-widget-box { padding: 15px; background: #fff; /**font-family: 'Titillium Web', sans-serif; **/ font-family: tahoma;} .info-widget-box p:last-of-type { padding-bottom: 0; } .info-widget-box a { color: #666; font-weight: 400; margin-top: 5px; } .info-widget-box a:hover { color: #ff6600; } .info-list li { font-family: tahoma; font-size: 15px; margin-bottom: 10px; position: relative; padding-left: 25px!important; } .info-list li:last-of-type { margin-bottom: 0; } .info-list i { position: absolute; left: 0; top: 0; } .info-list .fa-times { color: #ef6759; } .info-list .fa-check { color: #6dbc2d; } .news-title { font-weight: 700; margin-bottom: 5px; font-size: 15px; } .inline { display: inline-block; font-weight: 700; margin-right: 10px; font-size: 15px; } .widget-table { width: 100%; } .widget-table tr { font-size: 15px; background: #fff; } .widget-table tr:nth-of-type(even) { background: #f5f5f0; } .widget-table tr td, .widget-table tr th { padding: 10px 15px; } .widget-table tr .fa-check { color: #6dbc2d; } .title-block h1 { float: left; } @media screen and (max-width: 700px) { .title-block h1 { float: none; } } .visit-link { float: right; margin-top: 16px; } @media screen and (max-width: 700px) { .visit-link { float: none; margin-top: 5px; } } .plus { color: #fff; text-align: center; padding: 10px 0 12px; -webkit-transition: background 0.3s linear; transition: background 0.3s linear; background: #3b69a5; font-family: 'Titillium Web', sans-serif; font-size: 13px; cursor: pointer; } .plus:hover { background: #ef6759; } .plus i { margin-right: 4px; position: relative; top: 1px; } .sidebar-page .widget:after { content: none; } .footer { background: #343a40; border-top: 10px solid #e6e7e8; } .footer-top { padding: 70px 0 30px; } @media screen and (max-width: 767px) { .footer-top { padding: 30px 0; } .footer-top .col-sm-3 { margin-bottom: 25px; } } .footer-bottom { background: #2d343b; padding: 30px 0; color: #fff; font-size: 13px; font-family: 'Titillium Web', sans-serif; } @media screen and (max-width: 992px) { .footer-bottom { padding-bottom: 20px; } } .copy { float: left; } @media screen and (max-width: 992px) { .copy { float: none; text-align: center; margin-bottom: 10px; line-height: 1.3; } } .ftr-nav { float: right; } @media screen and (max-width: 992px) { .ftr-nav { float: none; display: block; text-align: center; } } .ftr-nav li { float: left; padding: 0 10px; border-left: 1px solid #fff; } @media screen and (max-width: 992px) { .ftr-nav li { float: none; display: inline-block; margin-bottom: 10px; } } .ftr-nav li:last-of-type { padding-right: 0; } .ftr-nav li:first-of-type { border: none; } .ftr-nav li a { text-transform: uppercase; } .footer-top h3 { font-size: 18px; color: #fff; font-family: 'Titillium Web', sans-serif; margin-bottom: 25px; } .textwidget li,.ftr-list li { padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid #4c4e52; } .textwidget li:last-of-type, .ftr-list li:last-of-type { border-bottom: 0; padding-bottom: 0; } .textwidget li a ,.ftr-list li a { font-family: 'Titillium Web', sans-serif; color: #dddddd; font-size: 15px; } .textwidget a:hover, li.ftr-list li a:hover { color: #e65c00; } .mini-nav { margin: 20px 0; width: 100%; display: block; overflow: hidden; } .mini-nav li { float: left; padding: 0 4px; } @media screen and (max-width: 1250px) { .mini-nav li { float: none; padding: 0 0 10px; } } .mini-nav li:first-of-type { padding-left: 0; } .mini-nav li:after { content: ''; width: 4px; height: 4px; border-radius: 50%; display: inline-block; background: #dddddd; position: relative; top: -2px; left: 4px; } @media screen and (max-width: 1250px) { .mini-nav li:after { content: none; } } .mini-nav li:last-of-type:after { content: none; } .mini-nav li a { font-family: 'Titillium Web', sans-serif; color: #dddddd; font-size: 15px; } .mini-nav li a:hover { color: #e65c00; } .social a { margin-right: 10px; font-family: 'Titillium Web', sans-serif; color: #dddddd; font-size: 15px; } .social a:hover { color: #e65c00; } .row-ftr { border-top: 1px solid #4c4e52; padding-top: 15px; margin-top: 30px; } .row-ftr p { color: #eee; font-family: 'Titillium Web', sans-serif; font-size: 12px; } .row-ftr p strong { font-weight: 700; } .logo-ftr img { max-width: 100%; } .info-box li ,.info-content li { font-size: 15px; line-height: 1.4; padding-bottom: 5px; list-style-type: disc; list-style-position: inside; margin-left: 20px; } .category li { font-size: 14px; line-height: 1.4; padding-bottom:0px; list-style-type:none; list-style-position: inside; margin-left:0px; } .bylines {padding-bottom: 15px;} .main-content h1 { font-size: 30px; text-transform: uppercase; font-weight: 500; color: #2f569e; } .main-content h1:after { content: ''; width: 90px; height: 1px; background: #bfbfbf; display: block; margin: 15px 0; } .fullwidth a , .main-content a {color:#e65c00; } .info-box .pagination {clear:both;padding:0;line-height:13px; margin:0 0 15px 0;} .info-box .pagination span, .info-box .pagination a {display:block;float:left;margin: 2px 7px 2px 0;padding:9px 9px 9px 9px;text-decoration:none;width:auto;color:#2669a8;background: #fff; text-decoration:none; border-radius:4px; -moz-border-radius:4px;} .info-box .pagination a:hover{color:#fff;background: #2669a8;} .info-box .pagination .current{padding:9px 9px 9px 9px;background: #2669a8;color:#fff;} .info-box .pagination a.last{ background:#999; color:#FFF;} .info-box .pagination a.last:hover{ background:#333; color:#FFF;} /************************** Comparison Table ***********************/ .info-box .comptable{ margin:0 0 25px 0; font-size:.9em; line-height:1.1em; } .info-boxt .comptable th{ font-weight:bold; color:#707070; border-bottom:1px solid #b4b4b4; border-right:1px solid #dadada; padding:2px} .info-box .comptable th.bright{border-right:none;} .info-box .comptable th.bleft{border-left:none;} .info-box .comptable td{ border-right:1px solid #d9d9d9; border-bottom:#d9d9d9 1px solid; text-align:center; font-size:1.1em; color:#666; vertical-align:middle; line-height:1.1em; padding:6px; } .info-box .comptable td.blue{color:#000; font-weight:bold; } .info-box .comptable td.blueh{ background:#eef3f6;} .info-box .comptable td.bright{border-right:none;} .info-box .comptable td span{font-weight:bold; color:#000;} .info-box .comptable a.visit, .info-box .comptable a.demo{ display:block; background:url(images/button_sprite.png) -2px -48px no-repeat; width:90px; color:#FFF; line-height:30px; text-shadow:1px 1px 1px #666; text-align:center; font-size:1.0em; margin:0 auto 5px auto; } .info-box .comptable a.visit:hover, .info-box .comptable a.demo:hover{ background:url(images/button_sprite.png) -94px -48px no-repeat; text-decoration:none;} .info-box .comptable th, .info-box .comptable td { text-align: center; font-weight: normal; vertical-align: middle; } .nav > .left > ul.menu > li { background: url(img/divider.png) no-repeat right center; padding: 0 1px 0 0; } .star-block { display: inline-block; text-align: center; margin-top: -3px; } .star { width: 14px; height: 14px; display: inline-block; background-repeat: no-repeat; position: relative; top: 2px; } .srar-active { background-image: url(img/srar-active.png);} .srar-half { background-image: url(img/srar-half.png);} .srar-no { background-image: url(img/srar-no.png); } .button-left { margin-left: 0; } /* WP Course Style */ #wpcw_fe_course { width: 100%; margin-top: 30px; } #wpcw_fe_course tr { border-color:#f0f0f0!important; } .wpcw_fe_unit:hover { background-color:#F7F7F7;} #wpcw_fe_course .wpcw_fe_module td { background-image: none!important; background-color: #f0f0f0!important; } #wpcw_fe_course td { border-bottom: 1px solid #f0f0f0!important; } #wpcw_fe_course td { } .wpcw_fe_module { color: #000; font-family: 'Open Sans', sans-serif; } .wpcw_fe_unit { font-family: 'Open Sans', sans-serif; } .wpcw_fe_course_title { font-size: 15px!important; font-family: 'Open Sans', sans-serif; font-weight: bold; } #wpcw_fe_course_progress .wpcw_fe_course_progress_grade, #wpcw_fe_course_progress .wpcw_fe_course_progress_pc { line-height: 0!important; text-align: center; } #wpcw_fe_course .wpcw_fe_unit a { color: #353535; font-weight: normal!important; line-height: 20px; font-size: 14px; display: inline-block; } #wpcw_fe_course_progress .wpcw_fe_course_progress_course a { color:#2669A8; font-weight:bold; } .wpcw_fe_course_progress_course a:hover { color:#2669A8;} #wpcw_fe_course_progress .wpcw_fe_course_progress_course { font-family: 'Open Sans', sans-serif!important; color:#000!important; } #wpcw_fe_course_progress .wpcw_fe_course_progress_pc { font-family: 'Open Sans', sans-serif!important; color:#000!important; } #wpcw_fe_course_progress .wpcw_fe_course_progress_grade { font-family: 'Open Sans', sans-serif!important; color:#000!important; } #wpcw_fe_course_progress { width:100%; margin-bottom: 20px; } .wpcw_progress { float: left;margin-left: 50px!important; } .wpcw_progress_percent { float: left; } .wpcw_fe_module { height:47px!important; } .course #wpcw_fe_course { font-family: 'Open Sans', sans-serif; } #wpcw_fe_course_progress td.wpcw_fe_course_progress_detail { background: none repeat scroll 0 0 #EFEFEF; display: table-cell!important; padding: 5px; } #wpcw_fe_course_progress td.wpcw_fe_course_progress_detail #wpcw_fe_course tr.wpcw_fe_module td:first-child { font-weight:bold;font-size: 14px; } #wpcw_fe_course_progress td.wpcw_fe_course_progress_detail #wpcw_fe_course td:first-child { border-right: 1px solid #f0f0f0; font-weight: 700;font-size: 12px;} #wpcw_fe_course_progress td.wpcw_fe_course_progress_detail #wpcw_fe_course td { color: #353535; font-weight: 400; font-size: 14px; line-height: 14px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; } #wpcw_fe_course_progress td.wpcw_fe_course_progress_detail { padding: 0!important; } #wpcw_fe_course { border:0px solid #000!important; } .btn-success {color: #fff!important;background-color: #5cb85c;border-color: #4cae4c;padding: 3px 8px;font-size: 12px!important;line-height: 1.5!important;border-radius: 3px;} .fa-play-circle{padding-right:10px;} .btn-success-pro { color: #fff!important;background-color: #fca830;border-color: #D66F00;padding: 3px 10px;font-size: 12px!important;line-height: 1.5!important;border-radius: 3px; } /************************** Featured Table ***********************/ .info-content .featured { margin:0 0 25px 0; padding:0; line-height:1.2em; overflow:hidden; } .info-content .featured .left{float:left; background:url(images/leftfeat.png); width:163px; height:121px; padding:15px 15px; margin:0; } .info-content .featured .left img{margin:0 0 5px 0; border:1px solid #EEE;} .info-content .featured .right{ font-size:.9em; line-height:1em; float:left; width:410px; padding:8px 10px 0 0; height:123px; background:#eef2f9; margin:9px 0; border:1px solid #bababa; border-left:0;} .info-content .featured .right ul{ margin:0;} .info-content .featured .right li{ list-style:none; background:url(images/bullnavy.png) left center no-repeat; margin:0 0 8px 0; padding:0 0 0 27px; text-indent:-2px; } .info-content .featured a.visit{ display:block; cursor:pointer; text-decoration:none; color:#FFF; background:url(images/button_sprite.png) -2px -2px no-repeat; text-align:center; line-height:44px; width:157px; text-shadow: 1px 1px 1px #99000; font-size:1.6em; margin:0 auto; } .info-content .featured a.visit:hover{ color:#FFF; text-decoration:none; background:url(images/button_sprite.png) -166px -2px no-repeat; } .info-content .comptable th, .info-content .comptable td { text-align: center; font-weight: normal; vertical-align: middle; } /************************** Comparison Table ***********************/ .info-content .comptable{ margin:0 0 25px 0; font-size:.9em; line-height:1.1em; } .info-content .comptable th{ font-weight:bold; color:#707070; border-bottom:1px solid #b4b4b4; border-right:1px solid #dadada; padding:2px} .info-content .comptable th.bright{border-right:none;} .info-content .comptable th.bleft{border-left:none;} .info-content .comptable td{ border-right:1px solid #d9d9d9; border-bottom:#d9d9d9 1px solid; text-align:center; font-size:1.1em; color:#666; vertical-align:middle; line-height:1.1em; padding:6px; } .info-content .comptable td.blue{color:#000; font-weight:bold; } .info-content .comptable td.blueh{ background:#eef3f6;} .info-content .comptable td.bright{border-right:none;} .info-content .comptable td span{font-weight:bold; color:#000;} .info-content .comptable a.visit, .info-content .comptable a.demo{ display:block; background:url(images/button_sprite.png) -2px -48px no-repeat; width:90px; color:#FFF; line-height:30px; text-shadow:1px 1px 1px #666; text-align:center; font-size:1.0em; margin:0 auto 5px auto; } .info-content .comptable a.visit:hover, .info-content .comptable a.demo:hover{ background:url(images/button_sprite.png) -94px -48px no-repeat; text-decoration:none;} p img {padding: 0; max-width: 100%; } img.centered, .aligncenter, div.aligncenter {display: block; margin:10px auto 10px auto; float:none; text-align:center; padding:2px; } img.alignrigit {float: right; margin: 0px 0px 5px 10px; border:1px solid #DDD; padding:4px;} img.alignleft {float: left; margin: 0px 10px 5px 0px; /*border:1px solid #DDD;*/ padding:4px; } .alignright {float: right; } .alignleft {float: left; } /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .ia_button { display: inline-block!important; padding: 7px; margin: 0px 5px 0px 0px !important; background-color: #E65415; position: relative; outline: 0; } .fullwidth { padding:0 30px 30px;} /* top rated */ /* top rated */ tr.rat-tr { height: 87px; } tr.rat-tr-bottom { height: 87px; } tr.rat-tr-one { height: 92px !important; } tr.rat-tr-two { height: 90px !important; } div.div-padding { margin-bottom: 15px !important; } tr.rat-tr:last-of-type { background-color: #f5f5f0 !important; } .rat-banner { padding: 50px 0; background: url("images/toprated/title-picture-rating.jpg"); background-size: cover; } .rat-banner-home .rat-container:after { width: 100%; height: 90px; background-size: contain; } .rat-banner-home .rat-container { position: relative; } .rat-container { margin-right: auto; margin-left: auto; width: 86.7%; } .rat-container:before, .rat-container:after { content: " "; display: table; } .rat-container:after { clear: both; } h1.rat-title { font-family: "Titillium Web",sans-serif; font-size: 30px; color: #ffce4b; font-weight: bold; } h1.rat-title > span { margin-left: 2px; font-family: "Titillium Web",sans-serif; font-size: 30px; color: #ffffff; font-weight: bold; } h1.rat-title::after { background: #ffce4b none repeat scroll 0 0; content: ""; display: block; height: 1px; margin: 15px auto; width: 90px; } span.rat-list-red { font-family: 'Roboto', sans-serif; font-size: 15px; color: #ff9900; font-weight: bold; } span.rat-id { font-family: 'Roboto', sans-serif; font-size: 15px; color: #737373; font-weight: bold; text-align: center; width: 100%; } th.rat-id-center { text-align: center; } div.rat-tab-table-background { width: 100%; float: left; text-align: center; } img.rat-award { margin: auto; } div.rat-first { margin-left: 5px; } div.rat-star-rating-div { margin: auto; width: 80px; } div.rat-star-rating-red { margin: auto; width: 70%; } div.rat-star-rating-full { width: 15px; height: 14px; background-image: url("images/toprated/star-rating.png"); background-position: 43px 0px; float: left; } div.rat-star-rating-full:hover { width: 15px; height: 14px; background-image: url("images/toprated/star-rating.png"); background-position: 15px 0px; float: left; } div.rat-star-rating-half { width: 15px; height: 14px; background-image: url("images/toprated/star-rating.png"); background-position: 29px 0px; float: left; } div.rat-star-rating-half:hover { width: 15px; height: 14px; background-image: url("images/toprated/star-rating.png"); background-position: 15px 0px; float: left; } div.rat-star-rating-empty { width: 15px; height: 14px; background-image: url("images/toprated/star-rating.png"); background-position: 15px 0px; float: left; } div.rat-star-rating-empty:hover { width: 15px; height: 14px; background-image: url("images/toprated/star-rating.png"); background-position: 43px 0px; float: left; } th.rat-rating-left { background-color: #307fdd; height: 61px; border-top-left-radius: 5px; border-style: solid; border-right-color: #2c5f9e; border-right-width: 1px; border-bottom-color: #345780; border-bottom-width: 4px; } .rat-rating-left-0 { width: 75px !important; } .rat-rating-left-1 { width: 169px !important; } .rat-rating-left-2 { width: 94px !important; } .rat-rating-left-3 { width: 182px !important; } .rat-rating-left-4 { width: 122px !important; } .rat-rating-left-5 { width: 98px !important; } .rat-rating-left-6 { width: 131px !important; } .rat-rating-left-7 { width: 103px !important; } .rat-rating-left-8 { width: 193px !important; } th.rat-rating-right { background-color: #307fdd; height: 61px; border-top-right-radius: 5px; border-style: solid; border-left-color: #478ee2; border-left-width: 1px; border-bottom-color: #345780; border-bottom-width: 4px; } th.rat-rating-center { background-color: #307fdd; height: 61px; border-style: solid; border-left-color: #478ee2; border-left-width: 1px; border-right-color: #2c5f9e; border-right-width: 1px; border-bottom-color: #345780; border-bottom-width: 4px; } .rat-tab-table > tr > th > img { margin: auto; } .rat-tab-table > tr > th > span.rat-id { text-align: center; float: left; } th.rat-rating-left { text-align: center; } th.rat-rating-center { text-align: center; } th.rat-rating-right { text-align: center; } tr.rat-tr { background-color: #ffffff; border-style: solid; border-left-color: #f0f0e4; border-left-width: 1px; border-right-color: #f0f0e4; border-right-width: 1px; } tr.rat-tr > td { border-style: solid; border-left-color: #f0f0e4; border-left-width: 1px; vertical-align: middle; } tr.rat-tr > th { vertical-align: top; } tr.rat-tr-bottom > th { vertical-align: top; } tr.rat-tr-bottom > td { border-style: solid; border-left-color: #f0f0e4; border-left-width: 1px; vertical-align: top; } tr.rat-tr-bottom { border-style: solid; border-left-color: #f0f0e4; border-left-width: 1px; border-right-color: #f0f0e4; border-right-width: 1px; border-bottom-color: #f0f0e4; border-bottom-width: 2px; } .rat-tab-table-bottom { width: 100%; height: 100px; margin-bottom: -40px; } .rat-tab-table:last-of-type { background-color: #f5f5f0; } .rat-th-hidden { } .rat-th-hidden-mob { } img.rat-companie { margin: auto; margin-left: 1px; margin-right: 1px; } .rat-tab-table { background: #315f9c !important; width: 86.7%; margin: auto; } .rat-tab-table-resposive { min-height: .01%; overflow-x: auto; margin-top: -110px; } span.rat-list { font-family: 'Roboto', sans-serif; font-size: 15px; color: #737373; line-height: 140%; } span.rat-text-button { font-family: "Titillium Web",sans-serif; font-size: 14px; color: #ffffff; font-weight: bold; text-decoration: none; text-transform: uppercase; } span.rat-text-button-one { font-family: "Titillium Web",sans-serif; font-size: 14px; color: #ffffff; font-weight: bold; text-decoration: none; text-transform: uppercase; } span.rat-read-fool { font-family: 'Roboto', sans-serif; font-size: 14px; color: #737373; } .rat-button { height: 36px; min-width: 150px; line-height: 36px; border-radius: 5px; background: #ff6600; padding: 0 13px; display: inline-block; margin: 0 4px; font-family: 'Titillium Web', sans-serif; font-weight: 700; color: #fff !important; text-decoration: none !important; -webkit-transition: background 0.3s linear; transition: background 0.3s linear; font-size: 17px; } .rat-button:hover { background: #343a45; } div.rat-description-page { font-family: 'Roboto', sans-serif; font-size: 15px; color: #ffffff; text-align: left; line-height: 155%; padding: 0px 0px 10px; } div.rat-title-picture-rating { background: url("images/toprated/title-picture-rating.jpg") repeat scroll; padding: 0px 0; height: 389px; } .rat-tab-table-tr { background: #315f9c !important; height: 56px; } @media screen and (max-width: 700px) { .rat-tab-table { } .rat-tab-table:last-of-type { } .rat-th-hidden { display: none; } .rat-th-hidden-mob { } .rat-tab-table { width: 99%; margin: auto; } .rat-container { margin-right: auto; margin-left: auto; width: 99%; } .rat-tab-table-resposive { min-height: .01%; overflow-x: auto; margin-top: -100px; } span.rat-read-fool { font-family: 'Roboto', sans-serif; font-size: 14px; color: #737373; } div.rat-title-picture-rating { background: url("images/toprated/title-picture-rating.jpg") repeat scroll; padding: 0px 0; height: 200px; } } .rat-tab-table tr:nth-last-of-type(odd) { background: #f5f5f0; } .rat-tab-table tr.rat-tr:nth-last-of-type(odd) { height: 87px; } @media screen and (max-width: 963px) { .rat-tab-table-resposive { min-height: .01%; overflow-x: auto; margin-top: -100px; } } @media screen and (max-width: 1250px) { .rat-th-hidden { display: none; } } @media screen and (max-width: 700px) { .rat-th-hidden { display: none; } .rat-tab-table { width: 99%; margin: auto; } .rat-container { margin-right: auto; margin-left: auto; width: 99%; } .rat-tab-table-resposive { min-height: .01%; overflow-x: auto; margin-top: -100px; } span.rat-read-fool { font-family: 'Roboto', sans-serif; font-size: 14px; color: #737373; } div.rat-title-picture-rating { background: url("images/toprated/title-picture-rating.jpg") repeat scroll; padding: 0px 0; height: 200px; } } @media screen and (max-width: 481px) { .rat-th-hidden { display: none; } .rat-th-hidden-mob { display: none; } .rat-tab-table { width: 99%; margin: auto; } .rat-container { margin-right: auto; margin-left: auto; width: 99%; } .rat-tab-table-resposive { } span.rat-read-fool { font-family: 'Roboto', sans-serif; font-size: 14px; color: #737373; } div.rat-title-picture-rating { background: url("images/toprated/title-picture-rating.jpg") repeat scroll; padding: 0px 0; min-height: 240px; } .rat-button { height: 36px; min-width: 150px; line-height: 36px; border-radius: 5px; background: #ff6600; padding: 0 13px; display: inline-block; margin: 0 4px; font-family: 'Titillium Web', sans-serif; font-weight: 700; color: #fff !important; text-decoration: none !important; -webkit-transition: background 0.3s linear; transition: background 0.3s linear; font-size: 11px; } } .rat-tab-table tr td { text-align: center; } h1.rat-title { text-align: center; } @media screen and (max-width: 1250px) { .rat-th-hidden { display: none; } } @media screen and (max-width: 700px) { .rat-th-hidden { display: none; } .rat-tab-table { width: 99%; margin: auto; } .rat-container { margin-right: auto; margin-left: auto; width: 99%; } .rat-tab-table-resposive { min-height: .01%; overflow-x: auto; margin-top: -100px; } span.rat-read-fool { font-family: 'Roboto', sans-serif; font-size: 14px; color: #737373; } div.rat-title-picture-rating { background: url("images/toprated/title-picture-rating.jpg") repeat scroll; padding: 0px 0; height: 380px; } } @media screen and (max-width: 592px) { .rat-th-hidden { display: none; } .rat-th-hidden-mob { display: none; } .rat-tab-table { width: 99%; margin: auto; } .rat-container { margin-right: auto; margin-left: auto; width: 99%; } .rat-tab-table-resposive { } span.rat-read-fool { font-family: 'Roboto', sans-serif; font-size: 10px; color: #737373; } div.rat-title-picture-rating { background: url("images/toprated/title-picture-rating-mobile.jpg") repeat scroll; padding: 0px 0; min-height: 500px; } .rat-button { height: 26px; min-width: 80px; line-height: 25px; border-radius: 5px; background: #ff6600; padding: 0 0px; display: inline-block; margin: 0 3px; font-family: 'Titillium Web', sans-serif; font-weight: 600; color: #fff !important; text-decoration: none !important; -webkit-transition: background 0.3s linear; transition: background 0.3s linear; font-size: 10px; } img.rat-companie { width: 80px; height: 50px; } span.rat-list { font-family: 'Roboto', sans-serif; font-size: 12px; color: #737373; line-height: 190%; } span.rat-text-button { font-family: "Titillium Web",sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; text-transform: uppercase; } span.rat-text-button-one { font-family: "Titillium Web",sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none; text-transform: uppercase; } td.deposit-width-size { width: 20px !important; } th.deposit-width-size { width: 20px !important; } } th > img { display: block; margin-left: auto; margin-right: auto; } th { padding: 15px; } span.rat-read-fool { float: left; padding: 10px 0 0 0; width: 100%; } span.rat-read-fool a { color: #737373; } div.rat-top { margin-top: 47px; } div.rat-top-description-one { margin-top: 10px; } div.rat-top-description-two { margin-top: 10px; } div.rat-top-procent { width: 86.7%; margin: auto; } div.rat-line-top { background-color: #ffce4b; width: 88px; height: 1px; margin: auto; } div.rat-top-description-three { margin-top: 10px; } tr.rat-tr > td > img.rat-companie { padding: 11px 0 12px 0; } tr.rat-tr-bottom > td > img.rat-companie { padding: 23px 0 0 0; } tr.rat-tr > td > span.rat-list { /*top: 35px;*/ position: relative; } tr.rat-tr-bottom > td > span.rat-list { top: 35px; position: relative; } tr.rat-tr > td > span.rat-list.rat-list-height { top: 20px; } tr.rat-tr-bottom > td > span.rat-list.rat-list-height { top: 20px; } tr.rat-tr > td > div.rat-star-rating-div { padding: 26px 0px; position: relative; } tr.rat-tr-bottom > td > div.rat-star-rating-div { padding: 26px 0px; position: relative; } tr.rat-tr > td > div.rat-star-rating-red { top: -10px; position: relative; } tr.rat-tr-bottom > td > div.rat-star-rating-red { top: -10px; position: relative; } tr.rat-tr > td > a.rat-button { margin-top: 20px; } tr.rat-tr-bottom > td > a.rat-button { margin-top: 20px; } div.rat-float { /* float: left;*/ margin: 9px 0; } tr.rat-tr > th > span.rat-id { top: 23px; position: relative; } tr.rat-tr > th > img.rat-award { padding: 8px 0 0 0; position: relative; } tr.rat-tr-bottom > th > span.rat-id { top: 23px; position: relative; } tr.rat-tr-bottom > th > img.rat-award { padding: 8px 0 0 0; position: relative; } /* ================== NEW STYLE ======================*/ /*new tabs*/ .tab-table.nw-table {width: 100%; text-align: left;} .nw-table tr th {width: auto; background: #3b69a5; color: #fff; font-size: 15px; text-transform: uppercase; font-weight: 600; font-family: 'Titillium Web', sans-serif;} .nw-table tr td {color: #666666; font-weight: 400; font-size: 15px; width: auto; font-family: 'Titillium Web', sans-serif;padding:5px 10px;} .nw-table tr td img {margin-left: 6px; max-height:21px;} .nw-table tr td:nth-child(2) {color: #3b69a5; font-weight: 600; font-family: 'Titillium Web', sans-serif;} .nw-green {color: #6dbc2d;} .table-responsive {min-height: .01%;overflow-x: auto;} /*floating header*/ .fix-header {position: absolute; width: 100%; height: 132px; left: 0px; top: 0px; z-index: 500; backface-visibility: hidden;} .fix-header .header-wrap {position: absolute; width: 100%; height: auto; z-index: 5;} .nw-banner{margin-top: 132px; transition: all 0.3s ease-out 0.1s; -webkit-transition: all 0.3s ease-out 0.1s;-moz-transition: all 0.3s ease-out 0.1s;-ms-transition: all 0.3s ease-out 0.1s;} .rew-icon {font-weight: 600;} /*.menu-item:before {content: ''; position: absolute; right: -13px; top: 50%; margin-top: -8px; height: 16px; width: 2px; background: #fff;}*/ .nw-scroll-baner {position: fixed; top: 47px; left: 0px; width: 100%; background: #fcfcfc; height: 95px; box-shadow: 4px 0px 4px rgba(0,0,0,0.2); transform: translateY(-200%); -webkit-transform: translateY(-200%);-moz-transform: translateY(-200%);-ms-transform: translateY(-200%); transition: all 0.3s ease-out 0.1s; -webkit-transition: all 0.3s ease-out 0.1s;-moz-transition: all 0.3s ease-out 0.1s;-ms-transition: all 0.3s ease-out 0.1s;} .nw-scroll-baner.scrol {transform: translateY(0%); -webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%); top: 44px;} .fix-header .header-top {position: absolute; left: 0px; top: 0px; left: 0px; width: 100%;} .fix-header .navigation {position: absolute; top: 88px; left: 0px; width: 100%;} .fix-header.scrol .navigation {top: 0px; position: fixed; left: 0px;} .nw-scroll-baner .container {height: inherit;} .nw-scroll-baner .info-box-col {text-align: center; height: inherit; display: table;} .nw-scroll-baner .info-box-col .rew-icon {color: #5597eb; font-size: 36px; margin-right: 5px; position: relative; float: none; display: inline-block; line-height: 36px; margin-bottom: 0px;} .nw-scroll-baner .info-box-col h4 {position: relative; float: none; display: inline-block; font-size: 13px; font-weight: 700; color: #ababab; text-align: left; line-height: 16px;} .info-box-logo {position: relative; float: left; height: inherit;} .info-box-logo img {max-width: 120px; height: auto; width: 100%;} .info-box-button { position: relative; float: right; display: table; height: inherit; } .info-box-button, .info-box-button .table-cell div:after, .info-box-button .table-cell div:before { visibility: hidden; opacity: 0; background: transparent; transition: all 0.3s ease-out; } .info-box-button .table-cell div:after, .info-box-button .table-cell div:before { content: ''; position: absolute; top: 0; bottom: 0; width: 100%; } .nw-scroll-baner.scrol .info-box-button, .nw-scroll-baner.scrol .info-box-button .table-cell div:after, .nw-scroll-baner.scrol .info-box-button .table-cell div:before { background: #fcfcfc; visibility: visible; opacity: 1; } .info-box-button .table-cell div:after { left: 100%; } .info-box-button .table-cell div:before { right: 100%; } .info-box-button .table-cell div { text-align: left !important; } .info-box-button .button.type-3 { margin-right: 30px; float: right; font-size: 19px;} .nw-rate {color: #ff6602; display: block; text-align: left;} .nw-rate.col-white {color: #fff;} .nw-rate-wrap {position: relative; float: none; display: inline-block;} .nw-scroll-baner .info-box-col .nw-rate-wrap h4 {display: block;} .table-cell {display: table-cell; vertical-align: middle; height: inherit;} @media screen and (max-width: 1250px) { .info-box-button .button.type-3 {font-size: 14px; margin-right: 0px;} .info-box-logo {margin-right: 30px;} } @media screen and (max-width: 992px) { .menu-item:before {display: none;} .nw-banner {margin-top: 70px;} .fix-header {height: 70px; box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.2); } .nw-scroll-baner {display: none; height: auto;} .fix-header .header-wrap {position: relative; } .fix-header .header-top {position: relative;} .fix-header .navigation {position: relative; top: auto;} .fix-header.scrol .header-top {transform: translateY(0); -webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);} } @media screen and (max-width: 767px) { .table-responsive {width: 100%;margin-bottom: 15px;overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar;} } /*---------------------------------------------------------------------------------------------------------------------------------*/ /*TABLE*/ /*---------------------------------------------------------------------------------------------------------------------------------*/ .bannerTitle { font-size: 27px; line-height: 32px; color: #fff; margin-bottom: 21px; letter-spacing: 1px; font-weight: normal; } .bannerSeparate { width: 100%; height: 1px; background: #6084b4; margin-bottom: 20px; } .bannerSubTitle { font-size: 23px; line-height: 29px; color: #fff; /* font-weight: 900;*/ margin-bottom: 17px; padding-right: 45px; font-weight: normal; } .headerBanner { padding: 25px 0 7px; margin-bottom: 34px; background: url("images/newtable/banner.jpg"); background-size: cover; } .bannerList { font-size: 19px; line-height: 21px; color: #fff; font-weight: 300; } .bannerList { counter-reset: number; } .bannerList li { margin-bottom: 10px; } .bannerList li:before { counter-increment: number; content: counter(number); font-size: 12px; line-height: 16px; font-weight: 900; padding: 2px 6px; margin-right: 9px; background: #fff; color: #263440; border-radius: 100%; position: relative; top: -2px; } .bannerList li:last-child { margin-bottom: 0; } .contentShortcode { padding-left: 47px; } /* Main-Table */ .mainTableTitle { font-size: 32px; line-height: 36px; color: #3b69a5; text-align: center; text-transform: uppercase; font-weight: 700; margin-bottom: 11px; } .table { position: relative; display: table; border-spacing: 0; border-collapse: collapse; width: 100%; box-shadow: 0 0 27px 0px rgba(0, 0, 0, 0.2); margin-bottom: 83px; } .headerTr { display: table-row; background: url(images/newtable/line-gradient.jpg) repeat-x center bottom #5885c3; } .headerTr > .headerTc { text-transform: uppercase; } .tr { position: relative; display: table-row; color: #000; } .table .tr:nth-child(2n+1) .tc { background: #e7e7e7; border-right: 1px solid rgba(226, 226, 226, .9); } .table .tr:nth-child(2n+1) .tc:after { position: absolute; top: 0; right: 0; width: 1px; height: 100%; content: ''; background: url(images/newtable/white-border.png) repeat-y center center; } .headerTc { position: relative; display: table-cell; color: #f7f7f7; font-size: 14px; line-height: 18px; font-weight: 900; padding: 5px 10px; text-align: center; height: 60px; letter-spacing: 1px; vertical-align: middle; border-right: 1px solid rgba(255, 255, 255, .2); } .freeAcc { font-size: 17px; line-height: 21px; padding-bottom: 0; text-transform: uppercase; } .desAcc { font-size: 13px; line-height: 15px; text-transform: lowercase; } .tc { position: relative; display: table-cell; font-size: 17px; line-height: 20px; font-weight: 500; font-family: 'Roboto', sans-serif; padding: 5px 10px; background: #fff; vertical-align: middle; text-align: center; border-right: 1px solid rgba(226, 226, 226, .9); border-left: 1px solid rgba(255, 255, 255, .9); height: auto; color: #000; } .dark { /*font-weight:bold!important;*/} .ratpad { padding-top: 14px;} .review ,.review a { font-size: 14px; line-height: 15px; display: block; color: #666666; font-weight: 400; } .moreInfo { cursor: pointer; position: absolute; top: 40%; right: 12px; padding: 10px; background: url(images/newtable/more-info-icon.png) no-repeat center center; } .imgShortcode { display: inline-block; vertical-align: top; } .imgtop {position: relative; top: -5px; } .headerMoreInfo { position: relative; top: 0; right: 0; cursor: pointer; display: inline-block; vertical-align: middle; padding: 15px 10px 10px; background: url(images/newtable/more-info-icon.png) no-repeat center center; } .someInfoText { display: none; font-size: 14px; line-height: 23px; font-weight: 400; font-family: 'Fira Sans'; color: #636363; background: #fff; text-align: left; border: 1px solid #7f7f7f; border-radius: 5px; position: absolute; top: 33px; left: -13px; width: 230px; padding: 16px 35px; z-index: 2; } .someInfoText:before { position: absolute; top: 22px; right: 0; bottom: 0; left: 21px; content: ''; width: 0; height: 0; border-top: 4px solid transparent; border-left: 5px solid #737373; border-bottom: 4px solid transparent; } .someInfoText:after { position: absolute; top: -10px; right: 0; bottom: 0; left: 11px; content: ''; background: url(images/newtable/arrow-up.png) no-repeat 0% 0%; } .headerInfoText { top: 34px; left: -13px; } .moreInfo:hover .someInfoText{ display: block; } .table .button { background: url(images/newtable/table-button-bg.jpg) repeat-x center center; white-space: nowrap; height: 38px; line-height: 38px; padding: 0 24px; margin-bottom: 5px; font-family: 'Roboto'; font-size: 17px; -webkit-transition: all 150ms linear; transition: all 150ms linear; } .table .button:hover { box-shadow: 0 0 1px 2px rgba(64, 64, 64, 0.5); } .ratingStar { font-size: 0; } .bonusUp { font-size: 17px; padding-bottom: 0; } .checkIcon { color: #00963f; font-size: 35px; } .tableStar { color: #f4a631; font-size: 18px!important; } .shadowBox { box-shadow: inset 0 0 7px rgba(0, 0, 0, .1); } .progressGreen span { background: #7cbb39; } .w-icon2 { width: 40px; height: 40px; } .newsTitle { font-size: 36px; font-weight: 900; } /*Update*/ .ration { font-family: 'Roboto', 'sans-serif'; font-size: 17px; color: #000; font-weight: 500; padding-bottom: 0; position: relative; top: 0px; } .currentRation { color: #ff9900; font-weight: 900; } .ranks { font-weight: 500; } .brName { position: relative; display: inline-block; } .brName:after { position: absolute; width: 14px; height: 11px; bottom: 0; right: 0; content: ''; background: url(images/newtable/usa.png) no-repeat 100% 100%; } .brNameno { position: relative; display: inline-block; } .brNameno:after { position: absolute; width: 14px; height: 11px; bottom: 0; right: 0; content: ''; } /*Media-Queries*/ @media (min-width: 992px) { .hiddenLg { display: none; } .regulation { width:125px;} .bonusdata { width:110px;} } @media (max-width: 1199px) {} @media (max-width: 991px) { .headerBanner .imgWrapper { display:none; } .bannerTitle { font-size: 22px; } .bannerSubTitle { font-size: 19px; padding-right: 0; } .mainTableTitle { font-size: 16px; } .headerBanner { text-align: center; } .bannerList { margin-bottom: 20px; } .visibleMd { display: block; } .table, .tr, .tc { display: block; } .place1:after, .place2:after, .place3:after { position: absolute; top: 0; right: 221px; bottom: 2px; left: 0; content: ''; background: url(images/newtable/place-1.png) no-repeat 50% 50%; } .place2:after { background: url(images/newtable/place-2.png) no-repeat 50% 50%; } .place3:after { background: url(images/newtable/place-3.png) no-repeat 50% 50%; } .headerTr { display: none; } .table .tr:nth-child(2n) .tc { background: #f7f7f3 !important; } .table .tr:nth-child(2n) .tc:nth-child(2n) { background: #ececec !important; } .table .tr .tc{ background: #fff !important; } .table .tr .tc:nth-child(2n) { background: #f1f1ef !important; border-left: 0; border-right: 0; } .tr { border-bottom: 1px solid #999996; } .tc:before { content: attr(data-name); color: #000; vertical-align: top; } .tc { height: auto; padding: 11px 0; } .freeAcc { color: #000; text-transform: capitalize; line-height: 21px; } .desAcc { color: #202020; } .imgShortcode { position: relative; padding: 6px 0; } .imgShortcode2 { position: relative; top: 0; left: 50%; margin-left: -17px; display: block; } .hiddenLg { display: inline-block; padding-bottom: 13px; } .moreInfo { position: relative; top: 4px; right: 3px; display: inline-block; } .checkIcon { display: block; } .someInfoText { left: -201px; } .someInfoText:after { left: 197px } .bonusUp { display: inline-block; padding-bottom: 0; } .table:before { position: absolute; top: -13px; right: 0; bottom: 0; left: 0; content: ''; background: url(images/newtable/table-bg-2.jpg) repeat-x 0% 0%; } .ratingStar { display: inline-block; } .contentShortcode { padding-left: 0; } /* .brName:after { display: none; } */ .ranks { display: none; } .ration { display: none; } } @media (max-width: 767px) {} /*---------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 02 -ACCESS PAGE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .access-sectiontop {position: relative; padding: 0px 0px 35px;} .access-sectiontop.no-bottom {padding-bottom: 0px;} .access-sectiontop.sm-padd {padding-bottom: 30px;} .access-section {position: relative; padding: 35px 0px 70px;} .access-section.no-bottom {padding-bottom: 0px;} .access-section.sm-padd {padding-bottom: 30px;} .border-on {border-bottom: 1px solid #bfbfbf;} .access-caption {text-align: center; padding: 30px 0px 0px;} .access-caption .caption {padding-bottom: 5px; color: #2f569e; font-weight: 700; text-transform: uppercase;} .access-caption h3.caption {font-size: 30px; line-height: 36px;} .access-caption h4.caption {font-size: 24px; line-height: 30px; font-weight: 600; color: #2f569e;} .access-caption span {font-weight: 700; font-size: 22px; line-height: 28px; color: #666;} .access-caption .simple-text {padding-bottom: 35px;} .vertical-wrap {font-size: 0;} .vertical-wrap > div[class*="col"], .vertical-wrap > .align-item { display: inline-block; vertical-align: middle; position: relative; float: none; } .option-title {padding-bottom: 30px;} .option-title .caption, .form-caption .caption {font-size: 24px; text-transform: uppercase; color: #2f569e; font-weight: 500; line-height: 30px;} .option-title .caption b {font-weight: 900;font-family: arial;} .option-title .simple-text {padding-top: 20px;} .service-item-wrap {margin-bottom: 30px;} .service-item {padding-bottom: 30px; position: relative; display: inline-block; width: 100%; cursor: pointer;} .service-item:last-child {padding-bottom: 0px;} .service-item .image {position: relative; float: left;} .service-item .text {position: relative; color: #666; padding: 27px 0px 0px 120px;} .service-item .text .caption {font-size: 19px; line-height: 19px; font-weight: 700;margin-bottom:8px;} .service-item .text span {display: block; font-size: 15px; line-height: 19px; } .service-video-wrap {position: relative; width: 100%; text-align: center;} .service-video {text-align: center; position: relative; min-height: 280px; margin-bottom: 40px; } .service-img { position: absolute; left: 0px; top: 0px; width: 100%; opacity: 0; height: 100%; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;-moz-transition: all 0.35s ease-out;} .service-img.active {opacity: 1;} .service-video iframe {width: 100%; height: inherit; margin-bottom: 40px; box-shadow: 2px 2px 5px rgba(0,0,0,0.55);} .service-video .image {height: 280px; position: relative; width: 100%;} .button-style-11 {position: relative; display: inline-block; height: 56px; line-height: 56px; border-bottom: 2px solid #d35400; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 700; background: url(img/table-button-bg.jpg) repeat-x; background-size: 7px 56px; padding: 0 55px; text-transform: uppercase; transition: all 0.35s ease-in; -webkit-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;} .button-style-11:hover {color: #fff; box-shadow: 0 0 1px 2px rgba(64, 64, 64, 0.5);} .button-style-11 span {padding-right: 30px;} .arrow-on {text-align: center; position: relative; display: inline-block;} .arrow-on .button-style-11 {margin-bottom: 10px;} .sub-title { display: block; font-size: 24px; text-transform: uppercase; color: #2f569e; font-weight: 500; line-height: 30px;} .sub-title a {font-weight: 700; color: #666;} .arrow-on .arr {position: absolute; left: -95px; bottom: -5px;} .bg { overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -ms-background-size: cover; background-size: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .access-caption span.thankssection { font-size: 16px; font-weight: normal; line-height: 24px;} .thankssection a { color:#2e82bc;} .simple-text p {font-size: 13px; line-height: 24px; color: #666; font-weight: 400; padding-bottom: 0;} .simple-text.lg {font-size: 15px;} .simple-text p b {font-weight: 700;} .table.table-style-2 {margin-bottom: 0px; box-shadow: none;} .table.table-style-2 .headerTc {font-size:14px; font-weight: 700; height: 60px;} .table.table-style-2 .tc {font-family: 'Open Sans', sans-serif; font-weight: 500;} .table.table-style-2 .bonusUp {min-width: 100%;} .table.table-style-2 .ratingStar {min-width: 100px;} .table.table-style-2 .moreInfo {right: 20px;} .ratingStar-title {font-size: 14px; font-weight: 600;} .ratingStar-title b {color: #f4a631;} .table.table-style-2 .headerTr {background: none;} .table.table-style-2 .headerTc {background: #f7f7f7 url(img/line-gradient.jpg) repeat-x center bottom;} .table.table-style-2 .headerTc.no-bg, .table.table-style-2 .tc.no-bg {background: none;} .table.table-style-2.pro-style .tc {height: 55px;} .table.table-style-2.pro-style .tr .tc:first-child {text-align: left; padding: 5px 30px; width: 445px;} .table.table-style-2.pro-style .tr .tc:nth-child(2), .table.table-style-2.pro-style .tr .tc:nth-child(3) {width: 350px;} .pro-title {font-size: 17px; font-weight: 700; color: #666; padding-bottom: 0px; font-family: arial;} .button.lg {height: 46px; line-height: 46px; background-size: 7px 46px; font-size: 15px; text-transform: uppercase; position: relative;} .button.lg i {position: absolute; right: 15px; display: block; line-height: 46px; font-size: 17px; top: 0px;} .table.table-style-2.pro-style .button.lg {padding: 0 30px; width: 100%; margin-bottom: 0px;} .button.border-style {background: none; border: 2px solid #3b69a5; color: #3b69a5!important; line-height: 42px;} .accordeon-item {border: 1px solid #dcdcdc; margin-bottom: 10px; border-radius: 5px; position: relative; z-index: 1; overflow: hidden;} .accordeon-item a { display:inline-block;} /*.accordeon-item:first-child .accordeon-inner {display: block; }*/ .accordeon-item:last-child {margin-bottom: 0px;} .accordeon-inner {display: none; padding: 20px;} .accordeon-inner p {padding-bottom: 0px;} .accordeon-triger {background: #fff; padding: 15px 20px; font-size: 16px; font-weight: 600; color: #666; position: relative; width: 100%; font-family: arial;} .accordeon-triger .lett {font-size: 18px; font-weight: 900; color: #2f569e;} .open-trig {position: absolute; top: 0; right: 10px; font-size: 16px; line-height: 46px; color: #2f569e; display: block;} .accordeon-item.active .open-trig {transform: rotate(180deg); -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);} .testi-item {position: relative; width: 100%; margin-bottom: 40px; display: inline-block;} .testi-item .image {position: relative; float: left; border-radius: 50%; width: 120px; overflow: hidden; border: 5px solid #3b69a5;} .testi-item .image img {display: block; width: 100%; height: auto;} .testi-item .text {position: relative; padding-left: 140px; padding-top: 30px;} .testi-item .caption {color: #ff6600; font-weight: 900; font-size: 15px; line-height: 20px; padding-bottom: 5px;} .testi-item p {font-size: 15px; line-height: 19px; color: #666;} .tc.no-style {border-left: 0px none; border-right: 0px none; background: none;} .option-choose {text-align: center;} .choose {display: inline-block; position: relative;} .button.xl {height: 80px; line-height: 80px; position: relative;background-image: url(img/xl-button-bg.jpg); background-repeat: repeat-x; font-size: 20px; border-radius: 8px; padding: 0 55px; margin: 0; background-size: 47px 80px; text-transform: uppercase; transition: all 0.35s ease-in; -webkit-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in} .button.xl i {position: absolute; right: 30px; top: 0; line-height: 80px; font-size: 22px; color: #fff;} .button.xl:hover {box-shadow: 0 0 1px 2px rgba(64, 64, 64, 0.5);} .button.xl.blue {background-image: url(img/xl-button-blue-bg.jpg); padding: 0px;} .button.xl.blue .txt {padding: 0 70px 0 40px; border-left: 2px solid #5688ca; display: inline-block;} .button.xl .img {position: relative; display: inline-block; max-width: 145px; border-right: 1px solid #3b69a5; padding: 0 20px;} .button.xl .img img {vertical-align: middle; width: 100%; height: auto;} .choose-text {display: inline-block; position: relative; margin-bottom: 20px; } .choose-text span {font-weight: 700; color: #666; font-size: 13px; position: relative; vertical-align: top; transition: all 0.35s ease-in; -webkit-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;} .choose-text img {margin-top: 5px; transition: all 0.35s ease-in; -webkit-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;} .choose.left .choose-text {text-align: right; float: right;} .choose.right .choose-text {float: left;} .or {position: relative; display: inline-block; vertical-align: top; font-size: 13px; color: #666;} .choose.left .choose-text span {padding-left: 20px; padding-right: 10px;} .choose.right .choose-text span {padding-right: 20px; padding-left: 10px;} .choose:hover .choose-text span {color: #b3b3b3;} .choose:hover .choose-text img {opacity: 0.5;} .link {font-size: 15px; color: #00bff3; display: block;} .form-caption {padding-bottom: 40px; text-align: center;} .section-register {padding: 55px 0px 60px;} .form-icon {position: relative; width: 100%; display: inline-block; margin-bottom: 50px;} .form-icon .image {position: relative; float: left; max-width: 95px;} .form-icon .text {position: relative; padding-left: 115px; padding-top: 5px;} .form-icon .text h6 {font-size: 17px; font-weight: 700; padding-bottom: 5px; line-height: 20px;} .form-icon .text .simple-text p {line-height: 30px; font-size: 15px;} .register-form {position: relative; width: 100%; background: #fff;} .register-header {background: #3b69a5; width: 100%; position: relative; display: inline-block; text-align: center; padding: 15px 0px; font-size: 20px; line-height: 22px; color: #fff; text-transform: uppercase; font-weight: 600;} .register-form form {padding: 30px 15px;} .sign {position: relative; text-align: center; height: 40px; line-height: 40px; border-radius: 5px; display: block; padding: 0px 50px; transition: all 0.35s ease-in; -webkit-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;} .sign .icon {position: absolute; left: 0; top: 6px; height: 100%; width: 50px; text-align: center; color: #fff; font-size: 24px; border-right: 1px solid rgba(0,0,0,0.15); text-shadow: 1px 1px 1px rgba(0,0,0,0.2)} .sign p {font-size: 16px; display: inline-block; font-weight: 400; color: #fff; border-left: 1px solid rgba(255,255,255,0.15); padding-bottom: 0px; line-height: 40px; width: 100%;} .register-folow {max-width: 430px; padding: 0 20px 15px; border-bottom: 1px solid #dfdfdf; margin: 0 auto; display: block;} .register-folow .sign {margin-bottom: 15px;} .fb {background: url(img/fb_bg.jpg) repeat-x; background-size: 1px 40px;} .in {background: url(img/in_bg.jpg) repeat-x; background-size: 1px 40px;} .sign-arr {position: absolute; right: 20px; color: #fff; font-size: 16px; line-height: 40px; top: 0;} .sign:hover {box-shadow: 0 0 1px 2px rgba(64, 64, 64, 0.5);} .register-field {text-align: center; width: 100%; max-width: 400px; margin: 0 auto; display: block; padding-top: 30px;} .register-field .caption {font-size: 15px; line-height: 20px; color: #666; padding-bottom: 20px; display: block; font-weight: 600;} .input-field {position: relative; display: inline-block; width: 100%; height: 42px; line-height: 40px; border: 1px solid #e3e3e3; border-radius: 5px; padding: 0 15px; font-size: 16px; margin-bottom: 15px;} .input-field::-webkit-input-placeholder, .input-field::-moz-placeholder, .input-field:-moz-placeholder, .input-field:-ms-input-placeholder {color:rgba(102,102,102,0.6); opacity: 1;} .submit-button {position: relative; width: 100%; display: inline-block; height: 45px; line-height: 45px; border-bottom: 2px solid #d35400; border-radius: 5px; background: #ff6600; text-align: center; margin-bottom: 15px; transition: all 0.35s ease-in; -webkit-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;} .submit-button input {background: none; border: 0px none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 700;} .submit-button i {position: absolute; right: 20px; color: #fff; font-size: 16px; line-height: 45px; top: 0;} .login-text {display: block; text-align: center; font-size: 13px; line-height: 16px; color: #3b69a5;} .login-text a {font-weight: 900; color: inherit;} .login-text a:hover {color: #ff6600;} .submit-button:hover {box-shadow: 0 0 1px 2px rgba(64, 64, 64, 0.5);} .bg-white {background: #fff;} .input-img {position: relative; width: 100%; height: 40px; line-height: 38px; border: 1px solid #e3e3e3; border-radius: 5px; z-index: 1; margin-bottom: 15px;} .input-img i {font-size: 16px; position: relative; float: left; color: #adadad; display: inline-block; width: 40px; text-align: center; line-height: inherit;} .input-img input {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding:0px 15px 0px 40px; color: #666; box-shadow: none; background: none; border: 0 none; font-size: 16px; line-height: inherit;} .logo-section {padding: 60px 0px;} .title.md {font-size: 24px; line-height: 30px;} .testi-section {padding: 55px 0px 70px;} .testi-section .title {margin-bottom: 30px;} .pagination.hidden {display: none;} .logo-slider .swiper-slide {padding: 0 15px; text-align: center; } .image-logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 70px;} .logo-slider {position: relative; padding-left: 215px;} .logo-title {position: relative; float: left; line-height: 70px; font-size: 22px; font-weight: 700; color: #666;} @media (max-width: 1300px) { .button.xl.blue .txt {padding: 0px 50px 0px 20px;} .button.xl .img {max-width: 110px; padding: 0 10px;} .button.xl {font-size: 16px; padding: 0 50px 0px 20px;} } @media (max-width: 1200px) { .service-item-wrap {padding-bottom: 40px;} } @media (max-width: 992px) { .form-caption {padding-bottom: 40px;} .access-section {padding: 35px 0px 50px;} .access-sectiontop {padding: 0px 0px 35px;} .imgShortcode {vertical-align: middle;} .table.table-style-2.pro-style .tr .tc:first-child {padding: 15px; text-align: center;} .table.table-style-2.pro-style .tc {height: auto;} .table.table-style-2.pro-style .tc:before {display: inline-block;} .table.table-style-2.pro-style .imgShortcode2 {display: inline-block; top: auto; left: auto; margin-left: 10px; vertical-align: middle; } .table.table-style-2.pro-style .tr .tc:first-child:before {display: none;} .table.table-style-2.pro-style .tr .tc.no-style {padding: 0px; background: none!important;} .choose {width: 50%; float: left;} .or {position: absolute; left: 50%; top: 0px;} .option-choose {display: inline-block; width: 100%;} .pro-style.table-style-2 .tr:last-child {border-bottom: 0 none;} .table.table-style-2.pro-style .tr .tc:first-child {width: 100%;} .table.table-style-2.pro-style .tr .tc:nth-child(2), .table.table-style-2.pro-style .tr .tc:nth-child(3) {width: 100%;} } @media (max-width: 768px) { .button-style-11 {padding: 0 20px; font-size: 13px;} .button-style-11 span {padding-right: 10px;} .button.xl {height: 60px; line-height: 60px; font-size: 13px; padding: 0 40px 0px 20px;} .button.xl i {right: 20px; line-height: 60px;} .button.xl .img {max-width: 80px;} .logo-slider {padding-left: 0px;} .logo-title {display: inline-block; width: 100%; text-align: center; float: none; line-height: 28px; margin-bottom: 30px;} } @media (max-width: 650px) { .choose-text, .or {display: none;} .choose {width: 100%; margin-bottom: 15px;} } @media (max-width: 480px) { .arrow-on .arr {display: none;} .sign p {font-size: 13px;} .register-folow {padding: 0 0 15px;} .form-icon .image, .service-item .image, .testi-item .image {float: none; display: block; margin: 0 auto 20px;} .testi-item {margin-bottom: 30px;} .input-field {font-size: 13px; padding: 0 10px;} .form-icon .text, .service-item .text, .testi-item .text {padding: 0px; text-align: center;} .register-header {font-size: 18px;} .form-icon {margin-bottom: 30px;} .register-form {margin-top: 30px;} .option-title .caption, .form-caption .caption, .access-caption h4.caption {font-size: 20px; line-height: 24px;} .access-caption h3.caption {font-size: 24px; line-height: 28px;} .access-caption span {font-size: 18px; line-height: 16px;} .access-caption {padding-top: 0px;} .service-item {text-align: center;} .service-item-wrap, .option-title .caption {text-align: center;} .accordeon-triger, .table.table-style-2.pro-style .tc {font-size: 14px; line-height: 18px;} .logo-slider .swiper-slide {padding: 0 10px;} .testi-section {padding: 50px 0px;} .form-caption { position: absolute; top: -810px; } .wpm_regform_table.wpm_registration td input { font-size: 16px !importer; } } .info-content h1 ,.info-content h2 ,.info-content h3 { margin-bottom:10px;} .fullwidth h1 { font-size: 30px; text-transform: uppercase; font-weight: 500; color: #2f569e; } .fullwidth h2 { font-size: 25px; font-weight: 500; color: #2f569e; } .fullwidth h3 { font-size: 20px; font-weight: 500; color: #2f569e; } .fullwidth h4 { font-size: 18px; font-weight: 500; color: #2f569e; } .fullwidth h5 { font-size: 16px; font-weight: 500; color: #2f569e; } .fullwidth h1:after { content: ''; width: 90px; height: 1px; background: #bfbfbf; display: block; margin: 15px 0; }.wpcf7 .col-sm-4 { padding: 15px 0; text-align: left; } .wpcf7 .wpcf7-text , .wpcf7 .wpcf7-date { background-color: #fff; font-family: inherit; border-style: solid;border-width: 1px;border-color: #ccc;border-radius: 5px;height:37px; } .wpcf7 .col-sm-12 { margin: 10px 0; } .wpcf7 label { font-size: 16px; } .wpcf7-submit { height: 36px;line-height: 36px;border-radius: 5px;padding: 0 20px;display: inline-block;margin: 0 4px;font-family: 'Titillium Web', sans-serif; font-weight: 600; color: #fff !important; text-decoration: none !important; -webkit-transition: background 0.3s linear;transition: background 0.3s linear; background: #ff6600; border: 0; } .wpcf7-submit:hover { background: #ff6600; } .access-alert{position:relative;/*background:#8c96a8;padding:23px 80px 13px 29px;*/margin-top:0px;margin-bottom:12px;} .access-alert-title{font-size:22px;line-height:28px;font-weight:700;color:#fff;text-transform:uppercase;margin-bottom:12px;} .access-alert p{font-size:15px;line-height:26px;color:#fff;} .access-alert-close{display:block;position:absolute;top:11px;right:13px;width:30px;height:30px;font-size:24px;line-height:30px;color:#2f569e;text-align:center;-webkit-transition:color 0.3s linear;transition:color 0.3s linear;cursor:pointer;} .access-alert-close:hover{color:#ff6600;} .access-caption.large{padding-top:34px;} .access-caption.large .caption{font-size:34px;line-height:38px;} .service-list{list-style:none;padding-left:0;margin-bottom:50px;} .service-list.no-marg{margin-bottom:0;margin-top:30px;} .service-list li{display:block;position:relative;font-size:19px;line-height:29px;font-weight:700;color:#666;padding-left:22px;margin-bottom:28px;} .service-list li:before{content:'\f00c';display:block;width:17px;height:17px;position:absolute;top:50%;left:0;font: normal normal normal 12px/18px FontAwesome;color:#fff;background:#00963f;text-align:center;border-radius:50%;margin-top:-9px;} .service-list li:last-child{margin-bottom:0;} .service-center{text-align:center;} .service-center .img-responsive{margin-bottom:38px;-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0, 0.55);-moz-box-shadow:1px 1px 10px 0px rgba(0,0,0,0.55);box-shadow:1px 1px 10px 0px rgba(0,0,0, 0.55);} .button-style-1.green{background-image:url(img/table-button-bg-green.jpg);border-color:#008939;overflow:hidden;} .simple-text.lg .large{font-size:17px;line-height:24px;} .simple-text.margins p{margin-bottom:24px;} .simple-text.margins p:last-child{margin-bottom:0;} .service-img{display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto;} .white-wrapper{background:#fff;} .border-small{position:relative;} .border-small:before{content:'';display:block;width:90%;height:1px;position:absolute;bottom:0;left:5%;background:#dbdbdb;} .access-caption.mrg-sm{margin-bottom:21px;} .table.mrg-sm{margin-bottom:40px;} .option-block{background:#f7f7f7;border-radius:5px;padding:24px 21px 22px 21px;-webkit-box-shadow:0px 3px 5px 0px rgba(206,206,206,0.75);-moz-box-shadow:0px 3px 5px 0px rgba(206,206,206,0.75);box-shadow:0px 3px 5px 0px rgba(206,206,206,0.75);} .option-block .row{font-size:0;} .option-block .row > div[class^="col-"]{display:inline-block;vertical-align:middle;float:none;} .option-block .option-title{font-size:24px;line-height:30px;font-weight:500;color:#2f569e;text-transform:uppercase;padding-bottom:15px;} .option-block .option-title b{font-weight:900;} .button.md{height:56px;line-height:56px;position:relative;background-image:url(img/xl-button-bg.jpg);background-repeat:repeat-x;font-size:16px;border-radius:5px;padding:0 55px;margin:0;background-size:47px 80px;text-transform:uppercase;transition:all 0.35s ease-in;-webkit-transition:all 0.35s ease-in;-ms-transition:all 0.35s ease-in;} .button.md .img{position:relative;display:inline-block;margin-right:9px;padding:0 19px;} .button.md .img img{vertical-align:middle;} .button.md i{position:absolute;right:20px;top:0;line-height:56px;font-size:20px;color:#fff;} .button.md.blue .txt{display:inline-block;font-size:16px;padding-right:47px;} .button.md.blue{background-image:url(img/xl-button-blue-bg.jpg);padding:0px;} .button.md:hover{box-shadow:0 0 1px 2px rgba(64,64,64,0.5);} .option-block .button.md{float:right;} .button.xl.green{background-image:url(img/xl-button-bg-green.jpg);} .table .button.green{background-image:url(img/table-button-bg-green.jpg);} .img-responsive{max-width:100%;height:auto;} @media (max-width: 1199px) { .service-center{margin-top:30px;} .service-img{margin-bottom:30px;} } @media (max-width: 991px) { .option-block .simple-text{margin-bottom:22px;} } @media (max-width: 767px) { .access-caption.large .caption{font-size:30px;line-height:36px;} .service-list li{font-size:17px;line-height:27px;margin-bottom:20px;} .access-alert{margin-bottom:0;} .access-alert{padding-right:50px;} .access-section.lg-padd{padding-top:50px;} .option-block .button.md{float:none;} } @media (max-width: 480px) { .access-caption.large .caption{font-size: 24px;line-height: 28px;} .button.md .img{padding:0 10px;margin-right:0;width:60px;} .button.md .img img{max-width:100%;} .button.md.blue .txt{margin-right:0px;font-size:15px;padding-right:32px;} } /*new style*/ .button-style-6{position:relative;display:inline-block;height:56px;line-height:56px;border-bottom:2px solid #d35400;border-radius:5px;color:#fff;font-size:16px;font-weight:700;background:url(img/table-button-bg.jpg) repeat-x;background-size:7px 56px;padding:0 55px;text-transform:uppercase;transition:all 0.35s ease-in;-webkit-transition:all 0.35s ease-in;-ms-transition:all 0.35s ease-in;} .button-style-6:hover{color:#fff;box-shadow:0 0 1px 2px rgba(64,64,64,0.5);} .button-style-6 span{padding-right:30px;} .arrow-on .button-style-6{margin-bottom:10px;} .button-style-6.green{background-image:url(img/table-button-bg-green.jpg);border-color:#008939;overflow:hidden;} @media (max-width: 768px) { .button-style-6 {padding: 0 20px; font-size: 13px;} .button-style-6 span {padding-right: 10px;} } .service-image{display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto;} @media (max-width: 1199px) { .service-image{margin-bottom:30px;} } /*video-box*/ .video-box-wrapper{text-align:center;} .video-box{position:relative;display:inline-block;} .video-box:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.25;} .video-box:after{content:'';display:block;position:absolute;top:50%;left:50%;width:81px;height:45px;background:url(img/video_btn.png) no-repeat;margin-top:-22px;margin-left:-40px;opacity:0.65;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;} .video-box:hover:after{opacity:1;} .video-box img{max-width:100%;height:auto;} .popup-wrapper{position:fixed;z-index:11;left:0;top:0;width:100%;height:100%;left:-100%;transition-delay:.3s;-webkit-transition-delay:.3s;} .popup-wrapper.active{left:0;transition-delay:0s;-webkit-transition-delay:0s;} .popup-wrapper .bg-layer{position:absolute;left:0;top:-100px;right:0;bottom:-100px;background:rgba(0,0,0,.8);transition:all .3s ease-out;-webkit-transition:all .3s ease-out;opacity:0;} .popup-wrapper.active .bg-layer{opacity:1;} .popup-content{position:absolute;left:0;top:0;right:0;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;font-size:0;text-align:center;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transform:translateY(100px);-webkit-transform:translateY(100px);opacity:0;visibility:hidden;padding:15px;} .popup-content.active{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;visibility:visible;} .popup-content:after{display:inline-block;vertical-align:middle;height:100%;content:"";} .popup-container{display:inline-block;vertical-align:middle;width:100%;position:relative;text-align:left;background:#fff;max-width:570px;} .popup-container .button-close{position:absolute;top:-10px;right:-10px;} .popup-content .layer-close{position:absolute;left:0;bottom:0;right:0;height:10000px;} .popup-align{padding:80px 100px;overflow:hidden;} .button-close{width:30px;height:30px;background:#fff;display:inline-block;vertical-align:bottom;cursor:pointer;border-radius:100%;} .button-close span{width:20px;height:1px;margin-left:-10px;position:absolute;top:50%;left:50%;background:#2f569e;-webkit-transition:all 150ms linear;transition:all 150ms linear;} .button-close:hover span{background:#000;} .button-close span:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg);} .button-close span:last-child{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} .embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden;} .embed-responsive-16by9{padding-bottom:56.25%;} .embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;} .overflow-hidden{overflow:hidden;} @media (max-width: 1199px){ .video-box{margin-bottom:30px;} }.custom_style_form .register-field .fa {margin-top: 31px;margin-left: 14px;} .custom_style_form .register-folow .wlm_social_ui{margin-top: 28px !important;} .custom_style_form .login-text {padding-bottom: 15px;} .lang-panel .wpml-ls-legacy-dropdown { width: auto; }