/*Theme Name: Website Theme*/
@font-face { font-family: 'RobotoBlack'; src: url('../font/RobotoBlack.eot'); src: url('../font/RobotoBlack.eot') format('embedded-opentype'), url('../font/RobotoBlack.woff2') format('woff2'), url('../font/RobotoBlack.woff') format('woff'), url('../font/RobotoBlack.ttf') format('truetype'), url('http://assets.mcgregortrade24.com/wp-content/themes/website-theme/fonts/roboto/RobotoBlack.svg#RobotoBlack') format('svg'); }
@font-face { font-family: 'RobotoBlackItalic'; src: url('../font/RobotoBlackItalic.eot'); src: url('../font/RobotoBlackItalic.eot') format('embedded-opentype'), url('../font/RobotoBlackItalic.woff2') format('woff2'), url('../font/RobotoBlackItalic.woff') format('woff'), url('../font/RobotoBlackItalic.ttf') format('truetype'), url('http://assets.mcgregortrade24.com/wp-content/themes/website-theme/fonts/roboto/RobotoBlackItalic.svg#RobotoBlackItalic') format('svg'); }
@font-face { font-family: 'RobotoBold'; src: url('../font/RobotoBold.eot'); src: url('../font/RobotoBold.eot') format('embedded-opentype'), url('../font/RobotoBold.woff2') format('woff2'), url('../font/RobotoBold.woff') format('woff'), url('../font/RobotoBold.ttf') format('truetype'), url('http://assets.mcgregortrade24.com/wp-content/themes/website-theme/fonts/roboto/RobotoBold.svg#RobotoBold') format('svg'); }
@font-face { font-family: 'RobotoBoldItalic'; src: url('../font/RobotoBoldItalic.eot'); src: url('../font/RobotoBoldItalic.eot') format('embedded-opentype'), url('../font/RobotoBoldItalic.woff2') format('woff2'), url('../font/RobotoBoldItalic.woff') format('woff'), url('../font/RobotoBoldItalic.ttf') format('truetype'), url('http://assets.mcgregortrade24.com/wp-content/themes/website-theme/fonts/roboto/RobotoBoldItalic.svg#RobotoBoldItalic') format('svg'); }
@font-face { font-family: 'RobotoItalic'; src: url('../font/RobotoItalic.eot'); src: url('../font/RobotoItalic.eot') format('embedded-opentype'), url('../font/RobotoItalic.woff2') format('woff2'), url('../font/RobotoItalic.woff') format('woff'), url('../font/RobotoItalic.ttf') format('truetype'), url('http://assets.mcgregortrade24.com/wp-content/themes/website-theme/fonts/roboto/RobotoItalic.svg#RobotoItalic') format('svg'); }
@font-face { font-family: 'RobotoLight'; src: url('../font/RobotoLight.eot'); src: url('../font/RobotoLight.eot') format('embedded-opentype'), url('../font/RobotoLight.woff2') format('woff2'), url('../font/RobotoLight.woff') format('woff'), url('../font/RobotoLight.ttf') format('truetype'), url('http://assets.mcgregortrade24.com/wp-content/themes/website-theme/fonts/roboto/RobotoLight.svg#RobotoLight') format('svg'); }
@font-face { font-family: 'RobotoLightItalic'; src: url('../font/RobotoLightItalic.eot'); src: url('../font/RobotoLightItalic.eot') format('embedded-opentype'), url('../font/RobotoLightItalic.woff2') format('woff2'), url('../font/RobotoLightItalic.woff') format('woff'), url('../font/RobotoLightItalic.ttf') format('truetype'), url('http://assets.mcgregortrade24.com/wp-content/themes/website-theme/fonts/roboto/RobotoLightItalic.svg#RobotoLightItalic') format('svg'); }
@font-face { font-family: 'RobotoMedium'; src: url('../font/RobotoMedium.eot'); src: url('../font/RobotoMedium.eot') format('embedded-opentype'), url('../font/RobotoMedium.woff2') format('woff2'), url('../font/RobotoMedium.woff') format('woff'), url('../font/RobotoMedium.ttf') format('truetype'), url('http://assets.mcgregortrade24.com/wp-content/themes/website-theme/fonts/roboto/RobotoMedium.svg#RobotoMedium') format('svg'); }
@font-face { font-family: 'RobotoMediumItalic'; src: url('../font/RobotoMediumItalic.eot'); src: url('../font/RobotoMediumItalic.eot') format('embedded-opentype'), url('../font/RobotoMediumItalic.woff2') format('woff2'), url('../font/RobotoMediumItalic.woff') format('woff'), url('../font/RobotoMediumItalic.ttf') format('truetype'), url('http://assets.mcgregortrade24.com/wp-content/themes/website-theme/fonts/roboto/RobotoMediumItalic.svg#RobotoMediumItalic') format('svg'); }
@font-face { font-family: 'RobotoRegular'; src: url('../font/RobotoRegular.eot'); src: url('../font/RobotoRegular.eot') format('embedded-opentype'), url('../font/RobotoRegular.woff2') format('woff2'), url('../font/RobotoRegular.woff') format('woff'), url('../font/RobotoRegular.ttf') format('truetype'), url('http://assets.mcgregortrade24.com/wp-content/themes/website-theme/fonts/roboto/RobotoRegular.svg#RobotoRegular') format('svg'); }
@font-face { font-family: 'RobotoThin'; src: url('../font/RobotoThin.eot'); src: url('../font/RobotoThin.eot') format('embedded-opentype'), url('../font/RobotoThin.woff2') format('woff2'), url('../font/RobotoThin.woff') format('woff'), url('../font/RobotoThin.ttf') format('truetype'), url('http://assets.mcgregortrade24.com/wp-content/themes/website-theme/fonts/roboto/RobotoThin.svg#RobotoThin') format('svg'); }
@font-face { font-family: 'RobotoThinItalic'; src: url('../font/RobotoThinItalic.eot'); src: url('../font/RobotoThinItalic.eot') format('embedded-opentype'), url('../font/RobotoThinItalic.woff2') format('woff2'), url('../font/RobotoThinItalic.woff') format('woff'), url('../font/RobotoThinItalic.ttf') format('truetype'), url('http://assets.mcgregortrade24.com/wp-content/themes/website-theme/fonts/roboto/RobotoThinItalic.svg#RobotoThinItalic') format('svg'); }
html{scroll-behavior: smooth;}
.flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; }
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe, .flex-video object, .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}
abbr[title], acronym[title] { border-bottom: none; }
.ancient-browser-alert { background: #a00; color: #faa; display: block; padding: 3px 0; text-align: center; }
.ancient-browser-alert a { color: #fff; text-decoration: underline; }
.pagination { margin: 0; }
.pagination-center { text-align: center; }
.pagination-row { margin-bottom: 20px; }
.required { color: #f00; }
.row-with-vspace { margin-bottom: 20px; }
.site-main .format-aside { background: #f5f5f5; }
/*.site-main .format-image { background: url('../img/content-post-format-image.png') left top no-repeat; }
.site-main .format-link { background: url('../img/content-post-format-link.png') left top no-repeat; }
.site-main .format-quote { background: url('../img/content-post-format-quote.png') left top no-repeat; }
.site-main .format-video { background: url('../img/content-post-format-video.png') left top no-repeat; }*/
.site-title > a { text-decoration: none; }
.site-title > div { height: auto; line-height: 18px; }
.site-title .site-description { color: #999; font-size: 16px; }
.site-title .site-title-heading { margin: 0; }
.widget_calendar #wp-calendar { margin: 0; }
.widget_calendar #wp-calendar #next { text-align: right; }
#comments .comment-navigation { margin-bottom: 0; }
#comments .comment-navigation-below { margin-bottom: 20px; margin-top: 15px; }
#comments .media-list li .media { margin-top: 15px; }
#comments .media-list li .media .media-body { border: 1px solid #eee; padding: 10px; }
#comments .media-list li .media .media-body .comment-author { font-size: 12px; margin-bottom: 10px; }
#comments .media-list ul.children { list-style: none; margin-left: 2.5em; }
#main-column .wp-video-shortcode { display: block; height: auto; max-width: 100%; }
#main-column .attachment .entry-content { margin-bottom: 20px; }
#main-column .attachment .entry-content .attachment { text-align: center; }
#main-column .attachment .entry-meta { margin-bottom: 20px; }
#main-column .post, #main-column .page { border: 0px solid #344953; margin-bottom: 0px; padding: 0px; }
#main-column .post .entry-header .entry-meta { color: #999; }
#main-column .post .entry-header .entry-meta a { color: inherit; }
#main-column .post .entry-header .entry-meta .posted-on .updated { display: none; }
#main-column .post .entry-meta .categories-icon { cursor: default; }
#main-column .post .entry-meta .comments-link a { color: #333; }
#main-column .post .entry-meta .comments-link a .comment-icon .comment-total, #main-column .page .entry-meta .comments-link a .comment-icon .comment-total { color: #555; font-size: 12px; margin-left: 5px; }
#main-column .attachment .edit-post-link a, #main-column .attachment .entry-meta .edit-post-link a, #main-column .post .entry-meta .edit-post-link a, #main-column .page .entry-meta .edit-post-link a { color: #333; }
#main-column .post .entry-meta .tags-icon { cursor: default; }
#main-column .attachment .entry-title, #main-column .post .entry-title, #main-column .page .entry-title { margin-top: 0; word-wrap: break-word; }
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
/* WordPress gallery */
.gallery { margin-bottom: 1.6em; }
.gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }
.gallery-icon img { margin: 0 auto; }
.gallery-caption { color: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-family: "RobotoRegular", sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1.5; padding: 0.5em 0; }
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; }
.wp-caption { border: 1px solid #ccc; margin-bottom: 1.5em; max-width: 100%; }
.wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; }
.wp-caption-text { text-align: center; }
.wp-caption .wp-caption-text { margin: 0.8075em 0; }
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.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. */ }
.col-lg-20, .col-lg-40, .col-lg-60, .col-lg-80, .col-md-20, .col-md-40, .col-md-60, .col-md-80, .col-sm-20, .col-sm-40, .col-sm-60, .col-sm-80, .col-xs-20, .col-xs-40, .col-xs-60, .col-xs-80 { position:relative; min-height:1px; padding-right:15px; padding-left:15px }
.col-xs-20 { width:20%; float:left }
.col-xs-40 { width:40%; float:left }
.col-xs-60 { width:60%; float:left }
.col-xs-80 { width:80%; float:left }
.navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .open a { background-image:none; box-shadow:none; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: none; outline-offset: 0; box-shadow: none; }
/***** Website CSS Start ********/
body { font-family: 'RobotoRegular'; font-size:14px; overflow-x:hidden; background: #fff; color:#000; margin:0 auto; }
a, a:focus, a:hover { color:#144995; text-decoration:none; }
a, a:focus, a:hover, a:active, a.active:hover, a.active:focus, select, option, select:focus, button, button:focus { outline:none; }
.aligncenter { margin:0 auto; }
.transitions { transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; }
.relative { position:relative; }
.row-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; }
.no-padding { padding-left:0; padding-right:0; }
.no-padding-right{padding-right:0;}
.no-left-pad { padding-left:0; }
.no-right-pad { padding-right:0; }
span, a, abbr { display:inline-block; }
.home #main-column .post, .home #main-column .page { padding:0; border:0 }
.home .entry-title, .entry-title { display:none }
/***** Common Spacing CSS Style *****/
.padding10x{padding:10px;}
.padding20x{padding:20px 0 20px 0;}
.padding1x{padding-top:10px; padding-bottom:10px;}
.padding2x{padding-top:20px; padding-bottom:20px;}
.padding3x{padding-top:30px; padding-bottom:30px;}
.padding4x{padding-top:40px; padding-bottom:40px;}
.padding5x{padding-top:50px; padding-bottom:50px;}
.padding6x{padding-top:60px; padding-bottom:60px;}
.spacetop1x{margin-top:10px;}
.spacetop2x{margin-top:20px;}
.spacetop3x{margin-top:30px;}
.spacetop4x{margin-top:40px;}
.spacetop5x{margin-top:50px;}
.spacetop6x{margin-top:60px;}
.spacebottom1x{margin-bottom:10px;}
.spacebottom2x{margin-bottom:20px;}
.spacebottom3x{margin-bottom:30px;}
.spacebottom4x{margin-bottom:40px;}
.spacebottom5x{margin-bottom:50px;}
.spacebottom6x{margin-bottom:60px;}
.padding-lr20{padding:0 20px 0 20px;}
/***** Header CSS *******************/
.site-header { background: #fff; color: #000; }
.logo {
padding: 6px 0 0 0;
position: relative;
background: #fff;
}
.logo a {
position: relative;
z-index: 9;
right: -7px;
}
.logo:after {
position: absolute;
top: 0;
right: -61px;
content: '';
border-style: solid;
border-width: 45px;
border-bottom-color: transparent;
border-right-color: transparent;
border-left-color: #fff;
border-top-color: #fff;
transform: rotate(-65deg);
z-index: 0;
}
.logo:before {
position: absolute;
top: 0;
left: -46px;
content: '';
border-style: solid;
border-width: 35px;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: #fff;
border-top-color: #fff;
transform: rotate(29deg);
z-index: 0;
}
.param { margin-bottom: 0; }
.top-head-bar { padding:10px 0 !important; color:#000000; background: #fff;}
.top-head-bar ul{margin:0; Padding:0;}
.top-head-bar li {
padding: 0 2px;
font-size: 15px;
color: #fff;
}
/*.top-head-bar li:first-child{
padding-left:0;
}*/
.top-head-bar li a{color:#000;}
.top-head-bar li a.login {
color: #3774cd;
text-transform: uppercase;
transition: 0.5s;
background: #000;
padding: 7px 20px;
}
.top-head-bar li a.signup {
background: #3774cd;
padding: 7px 7px;
color: #e4e3e3 !important;
text-transform: uppercase;
font-size: 15px;
}
.top-head-bar li a.signup:hover {
color: #fff !important;
}
.top-head-bar li a.login:hover{color: #fff;}
.top-head-bar li i{color:#3774cd; margin-right:7px;}
.top-info-right { padding:10px 0; color:#000; }
.main-navigation { position:relative; padding:0; background: #144995;}
.main-navigation .navbar-default { background-image: none; box-shadow: none; background-color:transparent; border-color:transparent; padding: 0 }
.main-navigation .navbar { position:relative; min-height:auto; margin-bottom:0px; border:0 solid transparent; float: right; }
.main-navigation .navbar-primary-collapse { padding:0 }
.main-navigation .navbar-default .navbar-nav li { transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; }
.main-navigation .navbar-default .navbar-nav > li.active, .main-navigation .navbar-default .navbar-nav > li:hover, .main-navigation .navbar-default .navbar-nav > li:focus, .main-navigation .navbar-default .navbar-nav > li.current-menu-parent { color: #0067da; }
.main-navigation .navbar-default .navbar-nav > li:hover a{color: #144a94;;}
.main-navigation .navbar-default .navbar-nav li.current-menu-parent > a { color: #000; background: #fff;!important;}
.main-navigation .navbar-default .navbar-nav li.current-menu-parent:hover > a{color: #144a94;}
.main-navigation .nav li a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
line-height: 65px;
padding: 0 20px;
font-size: 17px;
text-shadow: none;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
-moz-transition: all .5s ease;
}
.main-navigation .nav li ul li a{line-height:normal;}
.main-navigation .navbar-default .navbar-nav li a {color:#fff;}
.main-navigation .navbar-default .navbar-nav li a:focus,
.main-navigation .navbar-default .navbar-nav li a:hover,
.main-navigation .navbar-default .navbar-nav > li:hover{
color: #144a94;
background: #fff;
outline: 0;
outline-offset: 0;
text-shadow: none;
}
.main-navigation .navbar-default .navbar-nav .active a, .main-navigation .navbar-default .navbar-nav .active a:focus, .main-navigation .navbar-default .navbar-nav .active a:hover {color: #144995; background: #fff; }
.main-navigation ul.sub-menu{background: #fff; border-radius: 0; top: 65px; border:none; min-width: 180px; text-align: left; margin: 0; padding: 0; box-shadow: none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border-left: 3px solid #3774cd;}
.main-navigation ul.sub-menu li:first-child {
position: relative;
}
.main-navigation ul.sub-menu>li:before
{
position: absolute;
height: 3px;
background: #3774cd;
top: 0;
width: 45%;
content: "";
}
.main-navigation ul.sub-menu li a { color:#000 !important; font-size: 13px; min-height: auto; padding:10px; border-bottom: 1px solid #c1c1c1; justify-content: inherit; text-transform:inherit; }
.main-navigation ul.sub-menu li:last-child a { border-bottom: none; }
.main-navigation ul.sub-menu li.active a, .main-navigation ul.sub-menu li:hover a, .main-navigation ul.sub-menu li a:hover, .main-navigation ul.sub-menu li a:focus { color: #0067da !important; background: transparent !important; padding: 10px 10px 10px 15px; }
.main-navigation .nav li a .caret { display:none; }
.main-navigation ul.sub-menu ul.sub-menu {
left: -184px;
top: 0;
display: none !important;
transition:0.5s;
right: auto;
}
.main-navigation ul.sub-menu li:first-child:hover ul.sub-menu{display:block !important;}
.main-navigation ul.sub-menu ul.sub-menu li a { background: #fff !important; color: #000 !important; }
.main-navigation ul.sub-menu ul.sub-menu li a:hover, .main-navigation ul.sub-menu ul.sub-menu li a:focus { background: #0067da !important; color: #fff !important; }
.main-navigation .navbar-default .navbar-nav li:last-child ul.sub-menu { left: auto; right: 0; }
/***** Language Switcher CSS ************/
.page-header-top-right div { display: inline-block !important; }
.page-header-top-right .wpml-ls-legacy-dropdown { width: auto; max-width: initial; padding-left: 5px; }
.page-header-top-right .wpml-ls-legacy-dropdown a { display: inline-block; background-color: transparent; border: none; color: #000; }
.page-header-top-right .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { border: 5px solid transparent; border-top: 6px solid; }
.page-header-top-right .wpml-ls-sidebars-header-right .wpml-ls-current-language>a { color: #000; }
.page-header-top-right .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { border-top: none; background: #1c1061; }
.page-header-top-right .wpml-ls-legacy-dropdown a:hover, .page-header-top-right .wpml-ls-legacy-dropdown a:focus, .page-header-top-right .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a { color: #000; background: transparent; text-decoration:none; }
.page-header-top-right ul.wpml-ls-sub-menu li { background: #fff;border-bottom: 1px solid #000 !important; padding-top: 4px; padding-bottom: 4px; }
.page-header-top-right ul.wpml-ls-sub-menu li:last-child { border-bottom:none!important; background: #fff;}
.wpml-ls-legacy-dropdown-click {width: 6.5em!important;}
.wpml-ls-legacy-dropdown-click a:hover {background: #fff!important;}
.wpml-ls-legacy-dropdown .wpml-ls-item {
padding: 0;
margin: 0;
list-style-type: none;
border: 1px solid #d2d0d0;
}
.wpml-ls-legacy-dropdown .wpml-ls-item {
padding: 3px 0px;
margin: 0;
list-style-type: none;
border: 1px solid #000;
}
ul.list-inline.show991 {display: none!important;}
/***** Footer CSS **********************/
.main-footer {
padding: 15px 0;
background: #141414;
color: #a1a0a0;
}
.sub-footer { padding: 20px 0; background: #0a2c4f; color:#fff;}
.sub-footer h2 {
text-transform: uppercase;
font-size: 22px;
font-family: 'RobotoBold';
position: relative;
margin: 0 0 25px 0;
padding: 0 0 15px 0;
}
.sub-footer h2:before {
position: absolute;
content: "";
background: #144995;
height: 5px;
left: 0;
right: 70%;
bottom: 0;
}
.ft-col-1, .ft-col-3{padding-top:50px;}
.ft-col-2{padding-top:15px;}
.ft-col-1 p {
color: #a2a2a2;
font-size: 14px;
margin: 0 0 20px 0;
}
.ft-col-2 p, .ft-col-2 p a{
color: #a2a2a2;
font-size: 17px;
margin: 0 0 20px 0;
}
.ft-col-2 p a{margin:0;}
.ft-col-2 small {
color: #a2a2a2;
font-size: 14px;
margin: 0 0 15px 0;
display: inline-block;
}
.ft-col-3 li a {
color: #a2a2a2;
font-size: 13px;
margin: 0 0 14px 0;
border: 1px solid #2a5f95;
padding: 8px 8px;
}
.site-footer { padding: 0; background: #1a1a1a; color: #fff; }
.contact-info { margin: 0; padding:0; }
.contact-info li { display: inline-block; padding-right:8px; font-size: 16px; color:#fff; }
.contact-info li:first-child { padding-left: 0; }
.contact-info li a { color: #fff; text-decoration: none; }
.contact-info li a:hover, .contact-info li a:focus { color: #04b1b7; text-decoration: none; }
.coprights {
padding: 13px 0 0 0;
}
.social-network {
margin: 0;
padding: 10px 0 0 0;
list-style: none;
text-align: right;
}
.social-network li { padding: 0 10px; list-style: none; display: inline-block; }
.social-network li > a { font-size:17px; color:#989699; text-transform:uppercase }
.social-network a:hover, .social-network a:focus { color:#fff; text-decoration:none }
.disclaimer { padding-top: 20px; }
.disclaimer p { color:#d6d6d6; font-size:13px; line-height: 20px; }
.disclaimer p a { color: #04b1b7; text-decoration:underline }
.disclaimer a:hover, .disclaimer a:focus { color: #04b1b7; }
.footer-links { list-style: none; padding: 0; margin: 0; text-align: right; }
.footer-links li { display: inline-block; padding: 0 10px; }
.footer-links li a { color: #d6d6d6; font-size: 14px; text-decoration: none; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.footer-links li a:hover, .footer-links li a:focus { color: #04b1b7; }
.footer-copyright .copyright { color: #fff; margin: 0; font-size: 14px; }
.back-to-top { cursor: pointer; position: fixed; bottom: 9px; right: 9px; display:none; }
.back-to-top span { background: #000; color: #fff; padding: 7px; font-size: 16px; border-radius: 6px; }
.back-to-top span:hover, .back-to-top span:focus { opacity:0.7 }
/***** HP Slider ***********/
/***** HP Slider ***********/
.home .page-container { background: #fff; }
.homebanner { position:relative; }
.homebanner .carousel { z-index:0; }
.ban-image { width: 100%; }
.homebanner .carousel-caption {
height: 100%;
padding: 0;
top: 0;
bottom: 0;
text-align: center;
display: flex;
align-items: flex-end;
flex-direction: column;
justify-content: center;
left: 0;
right: 0;
}
.homebanner .box-txt-wrap { padding: 0; color: #fff; text-shadow: none; }
.homebanner .carousel-caption span { font-size: 13px; font-family: 'RobotoRegular', sans-serif; font-style:italic; }
.homebanner .carousel-caption h2 {
margin: 0;
font-size: 40px;
color: #246aca;
line-height: inherit;
margin-bottom: 10px;
font-family: 'RobotoBold';
text-shadow: none;
text-transform: uppercase;
}
.homebanner .carousel-caption h3 { margin: 0; font-size: 36px; line-height: normal; color: #fff; margin-bottom: 20px; font-family: 'RobotoRegular', sans-serif; }
.homebanner .carousel-caption h4 { font-size: 24px; margin-top: 0; }
.homebanner .carousel-caption p {
font-size: 20px;
margin: 0 0 30px 0;
color: #fff;
text-shadow: none;
}
.homebanner .carousel-caption a {
background:#144a94;
display: inline-block;
padding: 13px 50px;
border-radius: 25px;
color: #fff;
font-size: 16px;
text-transform: uppercase;
transition: 1s;
}
.homebanner .carousel-caption a:hover {
background: rgba(15,137,255,1);
background: -moz-linear-gradient(top, rgba(15,137,255,1) 0%, rgba(72,165,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(15,137,255,1)), color-stop(100%, rgba(72,165,255,1)));
background: -webkit-linear-gradient(top, rgba(15,137,255,1) 0%, rgba(72,165,255,1) 100%);
background: -o-linear-gradient(top, rgba(15,137,255,1) 0%, rgba(72,165,255,1) 100%);
background: -ms-linear-gradient(top, rgba(15,137,255,1) 0%, rgba(72,165,255,1) 100%);
background: linear-gradient(to bottom, rgba(15,137,255,1) 0%, rgba(72,165,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f89ff', endColorstr='#48a5ff', GradientType=0 );
}
.slider-content-bg {
text-align: center;
padding: 30px;
background: rgba(0,0,0,0.4);
display: inline-block;
}
/***** Sidebar CSS *****************/
.sidebar-box-bg {/*padding-top: 40px;*/}
aside.widget.widget_text { margin-bottom: 0; text-align: center; }
.sidebar-left, .sidebar-right { margin-bottom:0px; background:#144995; padding:0px; }
.sidebar-left .widget, .sidebar-right .widget{overflow: hidden; padding: 0px; }
.sidebar-left .widget.widget_nav_menu, .sidebar-right .widget.widget_nav_menu { border: 0px solid transparent; /*margin-bottom: 50px;*/ }
.sidebar-left .widget.widget_custom_post_widget, .sidebar-right .widget.widget_custom_post_widget { padding:0px; padding-bottom:20px; }
.sidebar-left .widget ul, .sidebar-right .widget ul { padding-left: 15px; }
.sidebar-left .widget .widget-title, .sidebar-right .widget .widget-title { font-size: 20px; background: transparent; margin: 0; padding: 15px 10px; text-align: center; color: #fff; text-transform: uppercase; }
.sidebar-left .widget.widget_nav_menu div { padding:0px; text-align: center; }
.sidebar-left ul.menu, .sidebar-right ul.menu{padding:0; margin:0; list-style-type: none; text-align:center;}
.sidebar-left ul.menu li, .sidebar-right ul.menu li{padding: 0px 15px; display: inline-block;}
.sidebar-left ul.menu li:hover, .sidebar-left ul.menu li.current-menu-item, .sidebar-right ul.menu li:hover, .sidebar-right ul.menu li.current-menu-item { background-color:#3774cd;}
.sidebar-left ul.menu li>a, .sidebar-right ul.menu li>a { color: #fff; font-size: 14px; text-decoration: none; width: 100%; display: block; padding: 10px 0px; position:relative; }
.sidebar-left ul.menu li:hover > a, .sidebar-left ul.menu li.current-menu-item > a, .sidebar-right ul.menu li:hover > a, .sidebar-right ul.menu li.current-menu-item > a { color: #fff; }
/***** Inner Page Banner CSS*******************/
.entry-header { display: none; }
.inner_bnr_container { top: 0; background: #e8e8e8; background-repeat: no-repeat; position: relative; overflow: hidden; min-height: auto; background-size: cover; background-position: center center; left: 0; right: 0; justify-content: center; color: #fff; align-items: center; display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; -webkit-display: flex; width: 100%; }
.inner_bnr_container .banner-content { position: absolute; right: 0; left: 0; }
.inner_bnr_container .banner-content h2 {
margin-bottom: 0;
color:#fff;
margin: 0 0 10px 0;
font-family: 'RobotoBold';
text-transform: uppercase;
font-size: 40px;
}
.inner_bnr_container .banner-content p{
color: #fff;
font-size: 18px;
margin: 0;
}
.page-id-109 .inner_bnr_container .banner-content h2,
.page-id-111 .inner_bnr_container .banner-content h2,
.page-id-184 .inner_bnr_container .banner-content h2,
.page-id-186 .inner_bnr_container .banner-content h2,
.page-id-188 .inner_bnr_container .banner-content h2,
.page-id-192 .inner_bnr_container .banner-content h2,
.page-id-194 .inner_bnr_container .banner-content h2,
.page-id-158 .inner_bnr_container .banner-content h2,
.page-id-160 .inner_bnr_container .banner-content h2,
.page-id-162 .inner_bnr_container .banner-content h2,
.page-id-164 .inner_bnr_container .banner-content h2,
.page-id-275 .inner_bnr_container .banner-content h2{color: #000;}
.page-id-109 .inner_bnr_container .banner-content p,
.page-id-111 .inner_bnr_container .banner-content p,
.page-id-184 .inner_bnr_container .banner-content p,
.page-id-186 .inner_bnr_container .banner-content p,
.page-id-188 .inner_bnr_container .banner-content p,
.page-id-192 .inner_bnr_container .banner-content p,
.page-id-194 .inner_bnr_container .banner-content p,
.page-id-158 .inner_bnr_container .banner-content p,
.page-id-160 .inner_bnr_container .banner-content p,
.page-id-162 .inner_bnr_container .banner-content p,
.page-id-164 .inner_bnr_container .banner-content p,
.page-id-275 .inner_bnr_container .banner-content p{color: #000;}
.crumb a { color: #e9e9e9; }
/***** Common Page CSS*******************/
.inner-pg-container { padding: 0; }
.bg-wht-row { margin: 0 auto; background: #fff; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.26); }
hr.yellow { border-top: 2px inset #efc217; }
.list { list-style:none; padding: 0; margin:0; line-height: normal; margin-bottom: 20px; }
.list li {
position: relative;
padding-left: 30px;
margin: 0 0 7px 0;
}
.list li:before{content:'\f178'; color:#144995; position:absolute; left:0; top:0; font-size: 20px; vertical-align: middle; font-family: 'Fontawesome'; }
.order-list { counter-reset:item; list-style-type:none; margin:0; padding:0 }
.order-list li { counter-increment:item; display:table; margin-bottom:10px }
.order-list li a { color:#000; text-decoration:none; }
.order-list li a:hover { text-decoration:underline }
.order-list li:before { color:#000; content:counters(item, ".", decimal) "."; display:table-cell; font-size:16px; padding-right:5px; font-weight:500 }
.order-list li li { margin:5px 0 }
.order-list li li:before { color:#585858; content:counters(item, ".", decimal) "."; font-size:16px; font-weight:400 }
.order-list p { margin:0 0 10px }
.message-box { text-align: center; margin-bottom: 40px; }
.message-box p { font-size: 18px; margin-top: 15px; }
.message-box a, .message-box a:hover, .message-box a:focus { color: #04b1b7; text-decoration: none; }
/***** Common Table CSS Style *****/
.common-table .table { margin-bottom:0; }
.common-table .table thead tr th { background: #ccc; color: #000; font-size: 15px; font-family: 'RobotoLight'; letter-spacing: 0.8px; padding: 12px 12px; text-transform:capitalize; }
.common-table .table thead tr th, .common-table .table tbody tr td { vertical-align:middle; }
.common-table .table tbody tr td { padding: 10px 12px; }
.common-table .table tbody tr:hover { background-color: #f3f3f3; }
/***** Modal CSS Style *****/
.modal-open .modal.common-modal, .modal-open .modal, .modal-open .common-modal { padding-right: 0 !important; }
.modal-backdrop, .common-modal { background: rgba(0,0,0,0.7); text-align: center; }
.common-modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.common-modal .modal-dialog { width: 92%; margin: 30px auto; max-width: 800px; display: inline-block; vertical-align: middle; }
.common-modal .modal-content { border-radius:0; }
.common-modal .modal-header { padding: 0; border-bottom: none; position: relative; }
.common-modal .close { margin-top: 0px; position: absolute; z-index: 1; right: -12px; top: -12px; text-shadow: none; background: #04b1b7; color: #fff; opacity: 1; line-height: 0; padding: 12px 6px; border-radius: 20px; }
.common-modal .modal-body { padding: 20px; }
/***** Form CSS Style *****/
.form-horizontal .form-group { display: flex; align-items: center; margin-right: 0; margin-left: 0; margin-bottom: 20px; }
.form-horizontal .form-group label { font-size:15px; font-family: 'RobotoLight'; position:relative; }
.form-group { margin-bottom: 12px; }
.form-control, .form-control:focus, textarea.form-control { background: #fff; border-width: 1px; border-color: #e0e0e0; border-style: solid; box-shadow: none; border-radius: 0; color: #7b7b7b; height: 36px; position: relative; font-size: 14px; }
.form-control.country-code { width: 25%; float: left; margin-right: 2%; background: #fff; }
.form-control.phn-number { width: 73%; float: left; }
textarea.form-control, textarea.form-control:focus { height: 100px; resize: none; }
.help-block.form-error { position: absolute; margin: 0; font-size: 11px; bottom: 0; color: #a94442; }
/***** Placeholder ******/
.form-control::placeholder {
color:#7b7b7b;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #7b7b7b;
}
.form-control::-ms-input-placeholder {
color: #7b7b7b;
}
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
/***** Checbox CSS Style ******/
.form-group .checkbox label { font-size: 14px; padding-left:0; }
.checkbox label:after { content: ''; display: table; clear: both; }
.checkbox .cr { position: relative; display: inline-block; border: 1px solid #a9a9a9; border-radius: 0; width: 1em; height: 1em; float: left; margin-right: 8px; margin-top: 2px; }
.checkbox .cr .cr-icon { position: absolute; font-size: 12px; line-height: 0; top: 50%; left: 2%; }
.checkbox .acceptance { padding-left: 0; float: left; display: inline-block; width: 93%; }
.checkbox label input[type="checkbox"] { display: none; }
.checkbox label input[type="checkbox"] + .cr > .cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in; }
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon { transform: scale(1) rotateZ(0deg); opacity: 1; }
.checkbox label input[type="checkbox"]:disabled + .cr { opacity: .5; }
/***** Checbox div *****/
/**/
/***** Radio Box ******/
.radio-btns .form-check { display: inline-block; margin-right: 18px; }
.radio-btns .form-check:last-child { margin-right: 0; }
input[type="radio"] { position: absolute; right: 9000px; }
input[type="radio"] + .label-text:before { content: "\f10c"; font-family: "FontAwesome"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing:antialiased; width: 1em; display: inline-block; margin-right: 5px; }
input[type="radio"]:checked + .label-text:before { content: "\f192"; color: #000; animation: effect 250ms ease-in; }
input[type="radio"]:disabled + .label-text { color: #aaa; }
input[type="radio"]:disabled + .label-text:before { content: "\f111"; color: #ccc; }
/***** Radio div *****/
/**/
/***** Common Button CSS ******/
.cmn-btn { display: inline-block; border: none; outline: 0; background: #000; color: #fff; padding: 5px 30px; font-size: 16px; }
.cmn-btn:hover, .cmn-btn:focus { background: #555; }
/***** Loader CSS Style ******/
.page-loader { background: rgba(0, 0, 0, 0.7 ); top: 0; bottom: 0; left: 0; right: 0; position: fixed; justify-content: center; align-items: center; display: flex; z-index: 99999999; }
.page-wrapper { width: 50px; height: 50px; }
.loader { display: inline-block; width: 30px; height: 30px; position: relative; border: 4px solid #fff; top: 50%; animation: loader 2s infinite ease; }
.loader-inner { vertical-align: top; display: inline-block; width: 100%; background-color: #3774cd; animation: loader-inner 2s infinite ease-in; }
@keyframes loader { 0% {
transform: rotate(0deg);
}
25% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes loader-inner { 0% {
height: 0%;
}
25% {
height: 0%;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0%;
}
}
/***** Page Loader div ******/
/**/
/****************/
.second-section {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding-bottom: 40px;
text-align: center;
padding-top: 40px;
}
/**/
.second-section .left-content .top {
background: #144995;
padding: 20px;
display: flex;
align-items: center;
border-radius: 60px;
margin: -80px 0 0 0;
-webkit-box-shadow: 0px 26px 46px -22px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 26px 46px -22px rgba(0,0,0,0.75);
box-shadow: 0px 26px 46px -22px rgba(0,0,0,0.75);
}
.second-section .left-content .top h2{
margin: 0;
font-family: 'RobotoBold';
text-transform: uppercase;
font-size: 25px;
color: #fff;
text-align: left;
padding: 0 0 0 30px;
}
.second-section .left-content .top p, .second-section .left-content .top a{color: #fff; font-size: 16px; margin: 0;}
.second-section .left-content .top a:hover{text-decoration:underline;}
/**/
.second-section .left-content .bottom{
padding: 30px 20px 15px 20px;
background: #ffffff;
box-shadow: 0 2px 8px #e2e2e2;
}
.left-content .bottom ul{list-style-type: none;}
.left-content .bottom ul li {
position: relative;
padding: 12px 0;
font-size: 16px;
}
.left-content .bottom ul li:before {
background: url(../image/sprite.png);
content: "";
height: 22px;
width: 25px;
background-position: -16px -9px;
left: -40px;
position: absolute;
}
/**/
.right-content .top{height: 110px; padding: 15px 0; display: flex; align-items: center; justify-content: center;}
.right-content .top h3{color: #fff; font-size: 20px; position: relative; margin: 0; z-index: 8;}
.right-content .top h3 span{position:relative;}
.right-content .top h3 span.one:before {
content: "\f10d";
font-family: 'FontAwesome';
font-size: 70px;
color: #0f3876;
z-index: -2;
position: absolute;
top: -55px;
left: -5px;
}
.right-content .top h3 span.two:after {
content: "\f10e";
font-family: 'FontAwesome';
font-size: 70px;
color: #0f3876;
z-index: -2;
position: absolute;
top: -31px;
right: -17px;
}
.right-content .bottom h2 {
color: #000000;
font-size: 20px;
margin: 0 0 15px 0;
-webkit-box-shadow: 0px 26px 46px -22px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 26px 46px -22px rgba(0,0,0,0.75);
box-shadow: 0px 26px 46px -22px rgba(0,0,0,0.75);
}
.second-section .left-content .top a {
background: #000;
padding: 8px 28px;
border-radius: 35px;
text-transform: uppercase;
}
.right-content .bottom h3 {
color: #0c2d50;
margin: 25px 0 25px 0;
font-family: 'RobotoBold';
text-transform: uppercase;
font-size: 34px;
}
.right-content .bottom p{font-size: 16px;}
/********/
.second-section .right-content .bottom{padding: 60px 0 0 0;}
.second-section .right-content .bottom .btn-wrap{padding: 15px 0;}
/*******/
.common-blue-btn{
background: #144a94;
display: inline-block;
padding: 13px 50px;
border-radius: 25px;
color: #fff;
font-size: 16px;
text-transform: uppercase;
transition: 1s;
}
.common-blue-btn:hover {
color: #fff;
}
/****************/
/*********/
.why-join { text-align: center; overflow-x: hidden; padding: 40px; background: #e8ebf2;}
.why-join .why-join-box { text-align: center; margin: 100px 0 25px 0; }
/*.why-join .owl-item.active.center .why-join-box { margin: 75px 0 25px 0; }*/
.why-join ul { list-style: none outside none; padding-left: 0; margin: 0; height: auto !important; }
/*
.why-join .lSAction > .lSPrev { left: 210px; z-index: 99; padding: 3px 0 5px 0; position: absolute; top: 45%; color: #fff; background: url(../images/sprit.png) rgba(76, 71, 71); background-repeat: no-repeat; background-position: -269px -1098px; height: 75px; width: 30px; }
.why-join .lSAction > .lSNext { right: 210px; z-index: 99; padding: 3px 0 5px 0; position: absolute; top: 45%; color: #fff; background: url(../images/sprit.png) rgba(76, 71, 71); background-repeat: no-repeat; background-position: -264px -967px; height: 75px; width: 30px; }
*/
/*.why-join .lslide.active .why-join-box,
.why-join .clone.left.active .why-join-box { padding: 60px 80px; }*/
.white-bg{padding:40px 40px 50px 40px; /*background: #f4f4f4;*/ margin: 0 0 42px 0;}
.white-bg a {
font-size: 17px;
text-decoration: underline;
margin: 0 0 5px 0;
color: #cbcbcc;
}
.why-join-box h3 { margin: 0 0 10px 0; text-transform: uppercase; font-size: 25px; color: #cbcbcb; }
.why-join-box p { margin: 0 0 15px 0; color: #cbcbcb; font-size:16px;}
.why-join-box .icon {
height: 100px;
width: 100px;
display: inline-block;
background: url(../image/sprite.png) #000;
border-radius: 70px;
margin: 0 0 -97px 0 !important;
visibility: hidden;
}
.why-join-box .slide-one{background-position: -290px -120px;}
.why-join-box .slide-two{background-position: -292px -261px;}
.why-join-box .slide-three{background-position: -292px -396px;}
.why-join-box .slide-four{background-position: -295px -509px;}
.why-join-box .slide-five{background-position: -292px -396px;}
.owl-item.active.center .white-bg{background:#e2e2e2; -webkit-box-shadow: -1px 1px 28px -3px rgba(103, 103, 103, 0.75); -moz-box-shadow: -1px 1px 28px -3px rgba(103, 103, 103, 0.75); box-shadow: -1px 1px 28px -3px rgba(103, 103, 103, 0.75); }
.owl-item.active.center .why-join-box .icon{visibility:unset;}
.owl-item.active.center .why-join-box h3{
color: #144995;
font-family: 'RobotoMedium';
font-size: 25px;
}
.owl-item.active.center .why-join-box p {
color: #000;
font-size: 16px;
}
.owl-item.active.center .why-join-box a {
font-size: 17px;
text-decoration: underline;
margin: 0 0 5px 0;
color:#144995;
}
.owl-carousel .owl-nav.disabled { display: block; position: absolute; top: 0; left: 0; right: 0; margin: 0; }
.icon.owlprev { background-position:-524px -149px; }
.icon.owlnext { background-position:-522px -43px; }
.owl-carousel .owl-nav.disabled button.owl-prev { left: 13%; position: absolute; }
.owl-carousel .owl-nav.disabled button.owl-next { position: absolute; right: 13%; }
.owl-theme .owl-nav [class*='owl-']:hover { background:#3774cd;}
.why-join h2 {
color: #092a4b;
margin: 25px 0 25px 0;
font-family: 'RobotoBold';
text-transform: uppercase;
font-size: 28px;
}
.owl-carousel .icon{margin:0;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
width: 50px;
height: 50px;
}
.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
}
.white-bg:hover,
.owl-item.active.center .white-bg{background: #e2e2e2;}
.why-join-box:hover .icon{visibility:visible;}
/**********NEW HOME PAHE CSS BY ABHIJEET ********/
.why-join { text-align: center; overflow-x: hidden; padding: 40px 0px; background: #e8ebf2;}
.why-join .why-join-box { text-align: center; margin: 100px 0 25px 0; }
/*.why-join .owl-item.active.center .why-join-box { margin: 75px 0 25px 0; }*/
.why-join ul { list-style: none outside none; padding-left: 0; margin: 0; height: auto !important; }
/*
.why-join .lSAction > .lSPrev { left: 210px; z-index: 99; padding: 3px 0 5px 0; position: absolute; top: 45%; color: #fff; background: url(../images/sprit.png) rgba(76, 71, 71); background-repeat: no-repeat; background-position: -269px -1098px; height: 75px; width: 30px; }
.why-join .lSAction > .lSNext { right: 210px; z-index: 99; padding: 3px 0 5px 0; position: absolute; top: 45%; color: #fff; background: url(../images/sprit.png) rgba(76, 71, 71); background-repeat: no-repeat; background-position: -264px -967px; height: 75px; width: 30px; }
*/
/*.why-join .lslide.active .why-join-box,
.why-join .clone.left.active .why-join-box { padding: 60px 80px; }*/
.white-bg{padding:40px 40px 50px 40px; background: #fff;
margin: 0 15px 42px 15px;
-webkit-box-shadow: -1px 1px 15px -3px rgba(103, 103, 103, 0.75);
-moz-box-shadow: -1px 1px 15px -3px rgba(103, 103, 103, 0.75);
box-shadow: -1px 1px 15px -3px rgba(103, 103, 103, 0.75);
}
.white-bg a {
font-size: 17px;
text-decoration: underline;
margin: 0 0 5px 0;
color: #000;
}
.why-join-box h3 { margin: 0 0 10px 0; text-transform: uppercase; font-size: 25px; color: #144995; }
.why-join-box p { margin: 0 0 15px 0; color:#000; font-size:16px; min-height:92px;}
.why-join-box .icon {
height: 100px;
width: 100px;
display: inline-block;
background: url(../image/sprite.png) #000;
border-radius: 70px;
margin: 0 0 -97px 0 !important;
visibility: hidden;
}
.why-join-box .slide-one{background-position: -290px -120px;}
.why-join-box .slide-two{background-position: -292px -261px;}
.why-join-box .slide-three{background-position: -292px -396px;}
.why-join-box .slide-four{background-position: -295px -509px;}
.why-join-box .slide-five{background-position: -292px -396px;}
.owl-item.active.center .white-bg{background: #e2e2e2; -webkit-box-shadow: -1px 1px 15px -3px rgba(103, 103, 103, 0.75);
-moz-box-shadow: -1px 1px 15px -3px rgba(103, 103, 103, 0.75);
box-shadow: -1px 1px 15px -3px rgba(103, 103, 103, 0.75);
}
.owl-item.active.center .why-join-box .icon{visibility:unset;}
.owl-item.active.center .why-join-box h3{
color: #144995;
font-family: 'RobotoMedium';
font-size: 25px;
}
.owl-item.active.center .why-join-box p {
color: #000;
font-size: 16px
}
.owl-item.active.center .why-join-box a {
font-size: 17px;
text-decoration: underline;
margin: 0 0 5px 0;
color:#144995;
}
.owl-carousel .owl-nav.disabled { display: block; position: absolute; top: 0; left: 0; right: 0; margin: 0; }
.icon.owlprev { background-position:-524px -149px; }
.icon.owlnext { background-position:-522px -43px; }
.owl-carousel .owl-nav.disabled button.owl-prev { left: 13%; position: absolute; }
.owl-carousel .owl-nav.disabled button.owl-next { position: absolute; right: 13%; }
.owl-theme .owl-nav [class*='owl-']:hover { background:#3774cd;}
.why-join h2 {
color: #092a4b;
margin: 25px 0 25px 0;
font-family: 'RobotoBold';
text-transform: uppercase;
font-size: 28px;
}
.owl-carousel .icon{margin:0;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
width: 50px;
height: 50px;
}
.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent;
position: absolute;
top: 0;
left: 19%;
right: 19%;
margin: 0;
}
.owl-carousel .owl-nav button.owl-prev{float: left;}
.owl-carousel .owl-nav button.owl-next{float: right;}
/*****--------------END -------------*****/
/**********************/
/****************/
.trading-tutorial { background: url(../image/s-trading-bg.jpg) center center; background-size: cover; padding: 60px 0 60px 0;}
.trading-tutorial .section-heading {
color: #144591;
font-family: 'RobotoBold';
font-size: 33px;
margin: 0 0 30px 0;
}
.trading-tutorial p { color: #000; font-size: 20px; margin: 0 0 25px 0; }
.cmn-btn{border: 1px solid #000;}
/******************/
.stock-trading {
}
.stock-trading .top {
text-align: center;
background: url(../image/stock-trading-bg.png) center top;
background-repeat: no-repeat;
padding: 60px 0;
height: 370px;
display: flex;
align-items: center;
justify-content: center;
}
.stock-trading h2{
text-transform: uppercase;
font-size: 40px;
font-family: 'RobotoBold';
position: relative;
margin: 0;
padding: 0 0 50px 0;
color: #fff;
}
.stock-trading .bottom {
background: #fff;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: -100px;
padding: 30px;
max-width: 1090px;
width: auto;
}
.stock-trading .bottom p {
margin: 0 0 20px 0;
font-size: 17px;
}
.relative{position:relative;}
/******************/
/**********/
.hp-platform-section {
padding:60px 0 60px 0;
}
.hp-platform-section .content-right{
height: 100%;
display: flex;
}
.hp-platform-section .content-right p {
line-height: 27px;
font-size: 15px;
}
.hp-platform-section .content-right .hp-pbox {
box-shadow: 0 1px 5px #888888;
padding: 20px;
height: 73%;
margin: 40% 0 0 0;
position: relative;
width: 100%;
}
.hp-platform-section .content-right .hp-pbox:before {
height: 40px;
width: 40px;
content: "" !important;
background: transparent;
position: absolute;
top: 0px;
left: 0;
border-top: 2px solid #144995;
border-left: 2px solid #144995;
}
.hp-platform-section .content-right .hp-pbox:after{
height: 40px;
width: 40px;
content: "" !important;
background: transparent;
position: absolute;
bottom: 0;
right: 0;
border-bottom: 2px solid #144995;
border-right: 2px solid #144995;
}
.hp-platform-section .content-right .hp-pbox h3 {
text-transform: uppercase;
font-family: 'RobotoBold';
margin: 15px 0;
font-size: 20px;
}
.hp-platform-section .content-right .hp-pbox a {
color: #092d51;
text-decoration: underline;
font-size: 16px;
position: absolute;
bottom: 25px;
}
/*********/
/***** Account types page *****/
.acnt-types-wrapper { padding: 60px 0;}
.acnt-types-wrapper h2.acc-heading{
text-transform: uppercase;
font-size: 40px;
font-family: 'RobotoBold';
position: relative;
margin: 0;
padding: 0;
color: #144a94;
position:relative;
text-align: center;
}
.acnt-types-wrapper h2.acc-heading:after {
height: 22px;
width: 60px;
background: transparent;
border-top: 3px solid #144a94;
border-left: 3px solid #144a94;
border-right: 3px solid #144a94;
content: "";
position: absolute;
top: -30px;
z-index: 9;
left: 0;
right: 0;
margin: 0 auto;
}
.acnt-types-wrapper h5 {
padding: 5px 0 15px;
text-align: center;
position: relative;
margin: 0 0 50px 0;
}
.acnt-types-wrapper h5:after {
height: 30px;
width: 60px;
background: transparent;
border-bottom: 3px solid #144a94;
content: "";
position: absolute;
bottom: 0;
z-index: 9;
left: 0;
right: 0;
margin: 0 auto 0;
}
.acnt-list{background: #fff; text-align: center; border: 1px solid #dcdcdc; }
.title { background: #0a2c4f; color: #fff; padding: 20px 14px 5px; position:relative; min-height: 194px;}
/*.title:after { content: ''; position: absolute; top: 100%; left: 40%; right: 0; padding-bottom: 7%; background: #04b1b7; -webkit-clip-path: polygon(0% 0%, 30% 0%, 15% 100%); clip-path: polygon(0% 0%, 30% 0%, 15% 100%); }*/
.title h2 { margin: 0 0 12px; font-size: 24px; text-transform: uppercase; color:#fff; }
.title p {font-size: 14px; color:#fff; }
.acnt-list ul{margin: 0;padding: 70px 0 0 0;list-style: none;}
.acnt-list ul li{
padding: 12px 0;
list-style: none;
border-bottom: 1px solid #cfcfcf;
font-size: 12px;
color: #082e52;
font-family:'RobotoMedium';
}
.acnt-list ul li span{color:#144995;}
.acnt-list ul li span:last-child{margin-left: 5px; color:#000;}
.acnt-list ul li span.green{color:#209b02;}
.acnt-list ul li span.red{color:#fe0200;}
.acnt-list ul li:nth-child(even) {
background: #f8f8f8;
}
.acnt-list ul li:last-child { border-bottom: none; }
.acnt-btn {
background: #0a2c4f;
color: #fff;
padding: 6px 15px;
font-size: 14px;
display: inline-block;
margin: 15px 0;
}
.title .icon {
width: 110px;
height: 110px;
margin: 15px auto -54px;
display: block;
background: #f6f6f6 url(../image/sprite.png);
border-radius: 100%;
position: absolute;
z-index: 5;
bottom: 0;
left: 0;
right: 0;
}
.title .icon:after {
position: absolute;
content: '';
top: -6px;
bottom: -6px;
right: -6px;
left: -6px;
background: rgba(255,255,255, 0.3);
border-radius: 100px;
z-index: 0;
}
.icon.icon-16 { background-position: -863px -59px;}
.icon.icon-17 { background-position: -881px -198px;}
.icon.icon-18 { background-position: -892px -340px;}
.icon.icon-19 { background-position: -897px -481px;}
.acnt-list:hover .title{background: #144995;}
.acnt-list:hover .acnt-btn, .acnt-btn:focus{background:#144995; color: #fff;}
/*********************/
/*******************/
.payment-system {
padding: 0;
border-top: 1px solid #ebebeb;
position: relative;
overflow-x: hidden;
overflow-y: hidden;
}
.payment-system .wrap-content {
padding: 0;
text-align: center;
top: 0;
bottom: 0;
display: flex;
justify-content: center;
left: 0;
right: 0;
}
.payment-system .wrap-content h2 {
margin: 0;
font-size: 24px;
font-family: 'RobotoBold';
}
.ps-logo {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
.ps-logo:before {
position: absolute;
left: -660px;
bottom: 0;
/*background: #3774cd;*/
content: "";
top: 0;
z-index: 99;
width: 660px;
height: 102px;
right: 0;
}
.ps-logo:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 60px;
/*background: #3774cd;*/
z-index: 99999;
height: 113px;
right: -30px;
left: auto;
transform: rotate(-26deg);
}
.ps-right {
padding: 0 0 0 70px;
}
/****************/
/***** FAQ *****/
.faq-wrap .panel-group .panel, .faq-wrap .panel-group .panel + .panel { border-radius: 0; box-shadow: none; margin-top: 15px; border-color: #c1c1c1; }
.faq-wrap .panel-group .panel:first-child { margin-top: 0; }
.faq-wrap .panel-heading .panel-title { margin: 0 auto; padding: 0; }
.faq-wrap .panel-group .panel .panel-body { padding: 0 25px 18px; border-top: none; }
.faq-wrap .panel-group .panel .panel-body p { margin: 0 auto; }
.faq-wrap .panel-default .panel-heading { background: transparent; padding: 15px 18px 15px 25px; border-color: #c1c1c1; border-radius: 0; }
.faq-wrap .panel-heading a.collapsed { }
.faq-wrap .panel-heading a { display:block; line-height: normal; position:relative; text-decoration: none; color:#363636; font-size: 14px; }
.faq-wrap .panel-title > a:before { float: right !important; font-family: FontAwesome; content:"\f068"; padding: 6px 0; color: #000; }
.faq-wrap .panel-title > a.collapsed:before { float: right !important; content:"\f067"; }
/******* START HOME PAGE CSS FROM HERE ******/
.lg-heading, .medium-heading, .small-heading, .xs-heading { color: #000; text-transform: uppercase; }
.lg-heading { font-size: 28px; margin-top: 0; margin-bottom: 20px; }
.medium-heading { font-size: 25px; margin-top: 0; margin-bottom: 10px; }
.small-heading, .xs-heading { font-size: 24px; margin-top: 0; margin-bottom: 10px; }
.xs-heading { font-size: 16px; margin-top: 0; margin-bottom: 10px; }
.inner-page-wrapper{padding: 40px 0;}
/********/
.legal-flexwrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.legal-icon-box {
margin-top: 30px;
box-shadow: 0px 0px 5px #2222;
padding: 20px;
}
.legal-icon-box .xs-heading {
text-transform: capitalize;
}
.legal-icon-box a {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.legal-icon-box a .pdf-icon {
display: inline-block;
width: 100px;
height: 60px;
margin: 0 auto 15px;
background: url(../image/sprite.png);
background-position: -288px -21px;
}
.legal-icon-box a .xs-heading {
text-transform: capitalize;
}
/***********/
/*****About Us Page****/
.inner-page-wrapper.about-us-wrap {
background: url(../image/about-us-backgrond.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: cover;
}
.inner-page-wrapper.about-us-wrap p {
line-height: 23px;
font-size: 15px;
color:#000;
}
.inner-page-side-img {
position: relative;
padding: 0;
margin: 0;
}
.inner-page-side-img:after {
position: absolute;
content: "";
left: 10px;
right: 10px;
top: 10px;
bottom: 20px;
border: 5px solid rgba(255,255,2550,0.5);
}
.inner-page-side-img h2{
position: absolute;
top: 40%;
color: #fff;
text-transform: uppercase;
font-size: 20px;
padding: 15px;
margin: 0;
background: #144995;
border: 4px solid #fff;
right: -40px;
z-index: 9;
}
.inner-page-wrap{padding: 60px 0;}
.inner-page-wrap h3{
color: #144995;
font-size: 18px;
font-family: 'RobotoMedium';
margin: 0 0 10px 0;
}
.blue-btn{
background: #144995;
color: #fff;
border: 0;
padding: 10px 40px;
border-radius: 20px;
}
/*******Trading*********/
.inner-page-wrapper.trading-wrap .inner-page-side-img{
position: relative;
padding: 0;
margin: 0;
width: 296px;
float: right;
}
.inner-page-wrapper.trading-wrap .inner-page-side-img h2 {
background: #000;
font-size: 17px;
top: 40%;
left: -72px;
text-align: center;
right: auto;
padding: 10px 50px;
}
.inner-page-wrapper.trading-wrap .row-eq-height {
margin: 0 0 40px 0;
padding: 0 0 40px 0;
border-bottom:1px solid #e0e0e0;
}
.inner-page-wrapper.trading-wrap .row-eq-height:last-child {
margin: 0;
padding: 0;
border: 0;
}
.trading-content {
padding: 20px 0;
}
.trading-content p{
color: #000;
font-size: 15px;
margin: 0;
}
.strock-btn {
padding: 9px 20px;
border: 2px solid #144a94;
border-radius: 50px;
display: inline-block;
margin: 15px 0;
color: #144a94;
transition: 0.5s;
}
.strock-btn:hover, .strock-btn:focus{
background: #144a94;
color: #fff;
}
/********trading-pro***********/
.inner-page-wrapper.about-us-wrap.trading-pro {
background: url(../image/trading-bg.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: cover;
}
.inner-page-side-img h2{font-size: 18px; top:31%; padding:10px 20px;}
/**********/
.news-wrap .pr247ndwg_footer {
display: none !important;
}
.news-wrap .pr247ndwg_headline{ color: #3774cd; font-size: 15px}
.news-wrap .pr247ndwg_date {
font-size: 14px;
font-style: normal;
font-family: arial;
float: left;
margin-right: 5px;
font-weight: bold;
color: #000;
}
.news-wrap .pr247ndwg_brief {
font-weight: normal;
font-family: arial;
color: #494949;
font-size: 14px;
width: 100%;
}
/********/
/***** FAQ *****/
.faq-wrap .panel-group .panel, .faq-wrap .panel-group .panel + .panel{border-radius: 0; box-shadow: none; margin-top: 15px; border-color:#144995;}
.faq-wrap .panel-group .panel:first-child{margin-top: 0;}
.faq-wrap .panel-heading .panel-title{margin: 0 auto; padding: 0;}
.faq-wrap .panel-group .panel .panel-body{padding: 0 25px 18px; border-top: none;}
.faq-wrap .panel-group .panel .panel-body p{margin: 0 auto;}
.faq-wrap .panel-group .panel .panel-body a{color: #144995;}
.faq-wrap .panel-default .panel-heading{background: transparent; padding:10px 20px 10px 20px; border-color: #144995; border-radius: 0; }
.faq-wrap .panel-heading a.collapsed{color:#000;}
.faq-wrap .panel-heading a{font-family: 'RobotoMedium'; display:block; line-height: normal; position:relative; text-decoration: none; color:#144995; font-size: 15px; }
.faq-wrap .panel-title > a:before{float: right !important; font-family: FontAwesome; /*content:"\f102";*/ font-size: 15px; padding: 0; color: #144995; }
.faq-wrap .panel-title > a.collapsed:before{float: right !important; /*content:"\f103";*/}
.faq-wrap .panel-group .panel .panel-body p {
font-size: 14px;
}
/******************/
/********* MT4 **************/
.steps-group {
height: 100px;
display: flex;
align-items: center;
position: relative;
padding-left: 130px;
padding-right: 15px;
border: 1px solid #b5b5b5;
margin-bottom: 15px;
background: #f8f8f8;
}
.steps {
position: absolute;
left: 0;
height: 100%;
display: flex;
align-items: center;
width: 100px;
padding: 15px 30px;
background: #246aca;
color: #fff;
font-size: 19px;
}
.steps:after {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 25px solid #ed4634;
content: '';
position: absolute;
left: 99px;
display: none;
}
.inner-page-wrapper.mt4 h2 {
font-size: 30px;
margin: 0 0 25px 0;
}
.steps-group p {
margin: 0;
}
.steps-group:nth-child(odd) {
background: #dfdfdf;
}
.steps-group:nth-child(odd) .steps {
background: #ababab;
}
.steps-group:nth-child(odd) .steps:after{border-left: 25px solid #8e8e8e;}
.mt4 .platform-bottom {
text-align: center;
}
.mt4 .platform-bottom h3 {
margin: 0 25px;
}
.mt4 .platform-bottom .common-btn {
margin-top: 8px;
padding: 12px 25px;
background: #246aca;
display: inline-block;
color: #fff;
border-radius: 5px;
font-size: 16px;
}
.mt4 .platform-bottom .sprit{ margin-bottom: -18px;}
.mt4shortcut {
border: 1px solid #ccc;
}
.mt4-group {
border-bottom: 1px solid #ccc;
}
.mt4-left {
width: 15%;
float: left;
background: #f1f1f1;
height: 90px;
display: flex;
align-items: center;
justify-content: center;color: #ed4634;font-size: 18px;padding:0 10px;text-align:center;
}
.mt4-right {
width: 85%;
float: right;
height: 90px;
display: flex;
align-items: center;
justify-content: left;
padding-left: 40px;
}
.mt4 .platform-bottom .sprit.icon {
width: 50px;
height: 40px;
position: relative;
}
.mt4 .platform-bottom .sprit:after {
content: "\f02d";
font-family: 'FontAwesome';
font-size: 34px;
}
/*********** mt4 shortcuts ***********/
/*****Contact Us Page****/
.inner-page-wrap.contact-us-page {
padding: 0;
}
.contact-right {
padding: 60px 0;
background: url(../image/contact-white-bg.jpg) center center;
background-size: cover;
background-repeat: no-repeat;
}
.contact-right .address{margin-bottom: 20px;}
address {
display: flex;
}
.inner-page-wrap.contact-us-page {
padding: 0;
}
.contact-right address {
margin: 0;
background: #fff;
height: 100%;
border-radius: 57px;
display: flex;
align-items: center;
padding: 25px;
box-shadow: 0 0 20px #b9b9b9;
}
.contact-right{align-items: center;}
.contact-right h3{
color: #114285;
font-family: 'RobotoMedium';
text-transform: uppercase;
font-size: 20px;
margin: 0 0 12px 0;
display: flex;
align-items: center;
border-bottom: 1px solid #bdbdbd;
padding-bottom: 12px;
}
.contact-right h3 i{margin-right: 12px;}
.contact-right p{font-size:16px; margin: 0;}
.contact-left{padding: 60px 0; background: url(../image/contact-bg.jpg) center center; background-size: cover; background-repeat: no-repeat;}
.contact-left .blue-btn{background: #144995; color: #fff; border: 0; padding: 10px 40px; border-radius: 20px;}
.contact-right .icon{width: 60px;height: 60px;margin: 0 10px 0 0;border: 1px dashed #bfbfbf;}
.icon.add{background-position: -159px 3px;}
.icon.email{background-position: -158px -120px;}
.icon.phone{background-position: -158px -234px;}
.contact-right address.blue{background: #114285;}
.contact-right address.blue h3,
.contact-right address.blue p,
.contact-right address.blue i,
.contact-right address.blue a{color:#fff;}
.contact-right address div:last-child {
width: 75%;
}
.contact-right address div:first-child {
width: 25%;
}
.contact-right address.blue h3{border-bottom: 1px solid #3967a5;}
.contact-left .form-control, .form-control:focus, textarea.form-control {
background: rgba(0,0,0,0.5);
border: 1px solid #616161;
}
/*****/
.tradingview-widget-container{position:relative;}
.tradingview-widget-container:after {
position: absolute;
content: "";
width: 30px;
height: 25px;
background: #ffffff;
bottom: 10px;
right: 1px;
}
/*****/
/****icon*****/
.icon{
width:60px;
height: 60px;
margin: 0 0 15px 0;
display: inline-block;
background:url(../image/sprite.png);
border-radius: 100%;
position: relative;
z-index: 5;
}
.msg-icon .fa {
font-size: 80px;
color: #144995;
}
/********/
/***** RESPONSIVE MEDIA CSS **********/
@media (min-width: 200px) {
}
@media (min-width:768px) {
.col-sm-20 { width:20%; float:left }
.col-sm-40 { width:40%; float:left }
.col-sm-60 { width:60%; float:left }
.col-sm-80 { width:80%; float:left }
}
@media (min-width:992px) {
.col-md-20 { width:20%; float:left }
.col-md-40 { width:40%; float:left }
.col-md-60 { width:60%; float:left }
.col-md-80 { width:80%; float:left }
}
@media (min-width:1200px) {
.col-lg-20 { width:20%; float:left }
.col-lg-40 { width:40%; float:left }
.col-lg-60 { width:60%; float:left }
.col-lg-80 { width:80%; float:left }
}
@media all and (max-width: 1299px) {
.hp-platform-section .content-right .hp-pbox{height: 81%; margin: 28% 0 0 0; width: 100%;}
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1199px) {
.main-navigation ul.sub-menu { right: 0; }
.homebanner .carousel-caption h2{font-size: 32px; margin: 0;}
.homebanner .carousel-caption p{margin:10px 0 10px 0;}
.logo { padding: 0;}
.stock-trading h2{padding: 0 0 60px 0;}
.second-section .left-content .top h2{font-size: 30px; margin: 0 0 5px 0;}
.right-content .top h3{font-size: 16px;}
.hp-platform-section .content-right .hp-pbox{height: 80%; margin: 27% 0 0 0; width: 100%;}
.hp-platform-section .content-right p{line-height: 22px;}
.hp-platform-section .content-right .hp-pbox h3{height:35px;}
.sub-footer h2{font-size: 20px;}
.ft-col-2 p, .ft-col-2 p a{font-size: 16px;}
.inner-page-wrapper.about-us-wrap{background-position: -230px 0;}
.acnt-list ul li{font-size: 12px}
ul.list-inline {display: none;}
ul.list-inline.show991 {display: block!important;}
.top-head-bar li a.signup2 {Padding: 1px 12px; Border: 1px Solid #d0cece;}
}
@media all and (max-width: 1024px){
.contact-right .row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: block;
}
.contact-right address{margin: 0 0 30px 0;}
.contact-right address div:first-child{width: 10%;}
.contact-right address div:last-child{width: 90%;}
}
@media all and (max-width: 991px){
/***** Header CSS ******/
.logo {
padding-top:0px;padding-bottom: 0px;
}
.page-header-top-right{text-align:right;}
.page-header-top-left{text-align:left;}
.row-eq-height { display: -webkit-box; display: -webkit-box; display: -ms-box; display: block; }
.site-title { min-height: auto; }
.main-navigation{padding:0;}
.main-navigation ul.sub-menu { right: 0; }
.main-navigation .navbar { width: 320px; margin-bottom: 0; }
.navbar-header { float: right; display: inline-block; }
.header-bottom-menu { padding:23px 0 0 15px;}
.main-navigation .navbar-toggle { display: block; border-color: transparent; border-radius: 0; background: transparent !important; margin: 0; margin-bottom: 0; padding: 0 8px 0; }
.main-navigation .navbar-toggle .icon-bar { background-color: #fff; width:22px; transition:all .2s }
.main-navigation .navbar-toggle .top-bar { transform:rotate(45deg); transform-origin:10% 10% }
.main-navigation .navbar-toggle .middle-bar { opacity:0 }
.main-navigation .navbar-toggle .bottom-bar { transform:rotate(-45deg); transform-origin:10% 90% }
.main-navigation .navbar-toggle.collapsed .top-bar { transform: rotate(0deg); }
.main-navigation .navbar-toggle.collapsed .middle-bar { opacity: 1; }
.main-navigation .navbar-toggle.collapsed .bottom-bar { transform: rotate(0deg); }
header .navbar-collapse.collapse { display: none!important; border-color: transparent; }
header .collapse.in { display:block!important; border-color:transparent;}
#navbar-primary-collapse { overflow: scroll!important; border-color: transparent; margin-top: -7px;}
ul.navbar-nav.primary-menu { margin: 0!important; background: #000; padding: 0; display: block; width: 100%; }
header .navbar-primary-collapse { float:none; text-align: center; background:#0067da; position:absolute; padding:0; top:48px; left:0; right:16px; box-shadow: 0 0 10px #cfcfcf; -webkit-box-shadow: 0 0 10px #cfcfcf; z-index:1; }
.main-navigation .navbar-nav li { float: none; display: block; border-top: 1px solid #e6e6e6 !important !important; background: #144995; clear: both; padding: 5px 0; }
.main-navigation .navbar-default .navbar-nav li.current-menu-parent > a { color: #fff; }
.main-navigation .navbar-default .navbar-nav li a, .top-left-menu .navbar-default .navbar-nav li:first-child a{
padding:6px 15px; width:100%; margin:0 auto; min-height: inherit; letter-spacing: 1px; text-align: left;
}
.main-navigation .nav li a { justify-content: inherit; line-height: 25px;}
.main-navigation .navbar-nav li .dropdown-menu { display: block!important; position: relative; width: 100%; background: #fff; clear: both; top: 0; padding: 2px 10px; }
.main-navigation .navbar-nav li .dropdown-menu li a { font-size: 13px; color: #000; padding: 6px 15px; width: 100%; margin: 0 auto; border-bottom: 1px solid #00797d; letter-spacing: 1px; text-transform: capitalize; }
.main-navigation .navbar-nav li .dropdown-menu li:last-child a { border-bottom: none; }
.main-navigation .dropdown-menu .active a, .top-left-menu .dropdown-menu .active a:focus, .top-left-menu .dropdown-menu .active a:hover { background:#efc217; color: #000!important; }
.main-navigation .navbar-collapse { max-height: 400px!important; }
.main-navigation .navbar-default .navbar-nav .active a, .main-navigation .navbar-default .navbar-nav .active a:focus, .main-navigation .navbar-default .navbar-nav .active a:hover, .main-navigation .navbar-default .navbar-nav li a:focus, .main-navigation .navbar-default .navbar-nav li a:hover { color: #fff; }
.main-navigation ul.sub-menu li { background:transparent; border: none; padding: 0; border-top: none !important; }
.main-navigation .nav li a.dropdown-toggle:after { position: absolute; right: 14px; top: 5px; color: #fff; font-size: 15px; }
.main-navigation .navbar-default .navbar-nav .active .sub-menu li a { color:#000; }
.main-navigation ul.sub-menu ul.sub-menu { left: 0%; top: 0; padding: 2px 0 2px 10px; }
.page-header-top-right {padding: 0;}
.top-head-bar {display:block;padding:0;}
.page-header-top-right .pull-right{
float: none;
width: 100%;
}
.main-navigation .navbar-default .navbar-nav li a {
color: #fff;
font-weight: normal;
font-size: 16px;
}
/***** Slider CSS ******/
.homebanner .carousel-caption.container{position: relative; padding: 20px 15px 12px 15px; background: #000;width: 100%; text-align: center;}
.homebanner .box-txt-wrap{width: 65%;}
.homebanner .carousel-caption h2{font-size: 28px; line-height: 45px;}
.homebanner .carousel-caption h3{font-size: 22px; margin-bottom: 15px;}
.homebanner .carousel-caption p{font-size: 16px; color:#fff;}
.homebanner .carousel-caption a{ padding: 10px 29px; margin: 10px 0; font-size: 15px;}
/***** Inner Page CSS ******/
.site-content { height: auto!important; }
.sidebar-left, .sidebar-right { margin-bottom: 0px; padding: 0px; position: relative!important; left: 0!important; width: 100%!important; top: initial!important; }
.sidebar-box-bg { padding-bottom: initial; }
.inner-pg-content {padding: 30px 0;}
.second-section{padding: 60px 0;}
.second-section .left-content .top h2 {
font-size: 20px;
margin: 0;
padding: 0;
}
.second-section .left-content .top p, .second-section .left-content .top a {
font-size: 15px;
padding: 8px 20px;
}
.right-content .top{background: #144995; margin: 40px 0 0 0;}
.second-section:before{display:none;}
.stock-trading .bottom{position: relative; top: 0px;}
.stock-trading .top{height: 200px;}
.stock-trading h2{padding:0;}
.hp-platform-section {padding: 0 0 60px 0;}
.hp-platform-section .content-right{display: block;}
.hp-platform-section .content-right .hp-pbox{
height: auto;
margin: 50px auto;
width: 400px;
text-align: center;
}
.hp-platform-section .content-right .hp-pbox h3{height: auto;}
.hp-platform-section{padding: 0;}
.hp-platform-section .content-right .hp-pbox a{position: relative; bottom: 0;}
.hp-platform-section {
padding: 0;
}
.acnt-list{margin: 0 0 40px 0;}
.acnt-types-wrapper{padding: 60px 0 20px 0;}
.ft-col-1{padding-top:0;}
.ft-col-2, .ft-col-3{padding-top: 20px;}
.sub-footer {
padding: 40px 0;
text-align: center;
}
.sub-footer h2 {
font-size: 18px;
}
.sub-footer h2:before {
height: 4px;
left: 0;
right: 0;
bottom: 0;
width: 80px;
margin: 0 auto;
}
.coprights{text-align: center;}
.social-network{text-align: center;}
/***** Other CSS goes here ******/
.inner-page-side-img{width: 320px; margin: 0 auto 40px;}
.inner_bnr_container .banner-content h2{font-size: 30px;}
.inner_bnr_container .banner-content p{font-size: 16px;}
.stock-trading{text-align: center;}
.stock-trading img.img-responsive{display: inline-block; margin: 0 0 0 0;}
.content-left {
text-align: center;
}
.hp-platform-section .content-left img {
display: inline-block;
margin: 0 auto;
}
.acnt-list ul li{font-size: 14px;}
.contact-right{padding-left: 0;}
.contact-right h3{font-size: 18px; margin: 0 0 5px 0;}
address{margin-bottom: 10px;}
.inner-page-wrapper.trading-wrap .row-eq-height {
margin: 0 0 15px 0;
display: flex;
}
.payment-system .wrap-content{display:block;}
.ps-logo {
position: relative;
padding: 15px;
display: inline-block;
width: auto;
margin: 15px 0 0 0;
}
.ps-logo:after, .ps-logo:before{display:none;}
.ps-logo img{width: 70%; margin: 0 auto;}
.ps-right{padding: 0 0 0 0;}
.main-navigation ul.sub-menu>li:before{display:none;}
/*.why-join .owl-item.active.center .why-join-box {margin: 30px 0 25px 0;}*/
.why-join-box p{min-height: 92px;}
.white-bg a{min-height:auto;}
.trading-tutorial{background: url(http://assets.mcgregortrade24.com/wp-content/themes/website-theme/images/s-trading-bg-light.png.png) center center; text-align: center; padding: 60px 0 20px 0;}
.slider-content-bg{padding: 30px 0 60px 0;}
.second-section .left-content .top{margin: -100px 0 0 0;}
.right-content .bottom h3{font-size: 27px;}
.contact-right address div:first-child,
.contact-right address div:last-child{
width: 100%;
}
.contact-right address{display:block; text-align: center;}
.contact-right h3{margin: 0 0 15px 0;text-align: center; display: inline-block; padding: 15px;}
.contact-left .form-horizontal{margin-top: 25px;}
.contact-right p{text-align: center; padding:0;}
.inner-page-wrapper.mt4 h2{font-size: 24px;}
}
.logo-img{
max-height: 60px;
margin-top: 4px;
}
@media all and (max-width: 767px){
header .navbar-primary-collapse{top: 38px;}
.inner-page-wrap{padding: 40px 0;}
/***** Slider CSS ******/
.sidebar-left, .sidebar-right{padding: 15px 0;}
.homebanner .carousel-caption h2{font-size: 30px; }
.homebanner .carousel-caption h3{font-size: 18px; margin-bottom: 10px; }
/***** Footer CSS ******/
/***** Other CSS goes here ******/
.logo {padding: 10px 0; text-align: center; margin: -1px 0 0 0;}
/*.logo:before{left:-34px; border-width: 28px;}
.logo:after{ right: -43px; border-width: 28px; }*/
.logo-img{
max-height: 35px;
margin-top: 4px;
}
#navbar-primary-collapse{margin-top: 3px;}
.right-content .bottom h3, .why-join h2, .trading-tutorial .section-heading{font-size: 24px;}
.second-section .left-content .top h2{text-align:center; margin: 5px 0 10px 0;}
.slider-content-bg {
padding: 20px 0 20px 0;
}
.trading-tutorial p {
color: #000;
font-size: 15px;
margin: 0 0 15px 0;
}
.trading-tutorial .section-heading{margin: 0 0 20px 0; font-size: 26px;}
.hp-platform-section .content-right .hp-pbox{margin: 40px auto;}
.hp-platform-section .content-right div:first-child .hp-pbox {
margin: 0;
}
.page-header-top-right .pull-right {
float: none !IMPORTANT;
width: 100%;
text-align: center;
padding: 12px 0 0 0;
}
.top-head-bar{
padding: 0 !important;
}
.site-branding{padding: 7px 0;}
.header-bottom-menu {
padding: 26px 0 0 0;
}
.main-navigation{padding:0;}
.homebanner .carousel-caption h2{font-size: 20px;}
.homebanner .carousel-caption p{font-size: 14px;}
.second-section {
padding-bottom: 40px;
padding-top: 40px;
}
.second-section .container div{padding:0;}
.second-section .left-content .top, .second-section .right-content .top {
height: auto;
border-radius: 0;
margin: 0;
display: block;
padding: 10px;
border-radius: 3px;
}
.second-section .right-content .top h3{font-size: 15px; padding: 30px 20px;}
.right-content .top h3 span.one:before{font-size:40px; top: -30px; left: -13px;}
.right-content .top h3 span.two:after{font-size: 37px; top: -18px; left: -13px;}
.hp-platform-section .content-right .hp-pbox{width: auto;}
.acnt-types-wrapper h2.acc-heading,
.stock-trading h2{font-size: 30px;}
.stock-trading .bottom{padding: 0;}
.sub-footer h2{font-size: 17px;}
.acnt-types-wrapper {
padding: 50px 0 20px 0;
}
.stock-trading .top {
height: 150px;
}
.second-section{ padding-bottom: 40px;}
.acnt-types-wrapper {
padding: 50px 0 0 0;
}
.padding-lr20 {
padding:0;
}
.inner_bnr_container{display: block;}
.inner_bnr_container .banner-content p{color:#fff;}
.inner_bnr_container .banner-content{
position: relative;
background: #000;
padding: 15px;
text-align: center;
}
.inner_bnr_container .banner-content h2 {
font-size: 22px;
margin: 0 0 15px 0;
}
.sidebar-left ul.menu li, .sidebar-right ul.menu li {
padding:0;
display: block;
border-bottom: 1px solid #5374a2;
}
.sidebar-left ul.menu li:last-child,
.sidebar-right ul.menu li:last-child{
border-bottom:0;
}
.ft-col-2 p, .ft-col-2 p a{font-size: 15px;}
.acnt-list{max-width: 440px; margin: 0 auto 40px; width: 100%;}
.contact-left{text-align: center;}
.contact-left .blue-btn{padding: 10px 60px;}
.contact-right{padding: 20px 0 0 0;}
address{background: #f2f2f2; padding: 15px; text-align:center;}
.contact-right h3{justify-content: center;}
address:last-child{margin: 0;}
.inner-page-wrapper.trading-wrap .row-eq-height{flex-wrap: wrap; align-items: center; text-align: center; justify-content: center;}
.inner-page-wrapper.trading-wrap .row-eq-height:last-child{flex-direction: column-reverse; margin: 0;}
.inner-page-wrapper.trading-wrap .trading-content{padding: 20px 0 0 0; text-align: center;}
.inner_bnr_container .banner-content h2, .inner_bnr_container .banner-content p{color:#fff !important;}
.ps-logo img{/*width: 80%;*/}
.steps-group{height:auto; display: block; margin:0 0 15px 0; padding:0;}
.steps-group p{margin: 0; text-align: center; padding: 10px;}
.steps{display:block; height:auto; padding: 8px 0;position: relative; width: 100%; text-align: center;}
.inner-page-wrapper.mt4 h2 {
font-size: 20px;
}
}
@media all and (max-width: 680px) {
/***** Slider CSS ******/
.homebanner .box-txt-wrap { width: 100%; background: transparent; text-align: center; }
/***** Other CSS goes here ******/
}
@media all and (max-width: 679px) {
.col-xxs{width:100%;}
.legal-icon-box a .xs-heading{text-align:center;}
}
@media all and (max-width: 568px) {
#navbar-primary-collapse{margin-top: 3px;}
.owl-item.active.center .why-join-box p,
.owl-item.active.center .why-join-box a {
min-height: auto;
}
}
@media all and (max-width: 566px) {
/***** Header CSS *****
.main-navigation { padding: 0; }
.site-title.logo { display: block; padding: 10px; width:100% }
.site-title.logo img { margin:0 auto; }
.header-bottom-menu { width:100%; padding: 10px 15px; border-top: 1px solid #333; }
.navbar-header { float: left; display: inline-block; }*/
/***** Other CSS goes here ******/
.page-header-top-left,
.page-header-top-right{width:100%; text-align:center;}
.inner_bnr_container .banner-content p{color:#fff; font-size: 13px;}
.inner_bnr_container .banner-content h2 {
font-size: 20px;
margin: 0 0 5px 0;
}
.contact-info li{width:100%}
.contact-info li a{display: block;}
}
@media all and (max-width: 480px) {
/***** Footer CSS ******/
.main-footer { text-align: center; }
/***** Other CSS goes here ******/
.header-bottom-menu {
padding: 20px 0 0 0;
}
}
@media all and (max-width: 445px) {
/***** Slider CSS ******/
.homebanner .box-txt-wrap { padding: 15px 0; }
.homebanner .carousel-caption h2 { font-size: 28px; line-height: 32px; }
.homebanner .carousel-caption h3 { font-size: 17px; margin-bottom: 10px; }
/***** Other CSS goes here ******/
.main-navigation .navbar{width: 280px;}
.inner-page-side-img{width: 90%; margin: 0 auto 40px;}
.inner-page-wrapper.trading-wrap .inner-page-side-img h2{
background: rgba(0,0,0,0.6);
font-size: 17px;
top: auto;
left: 15px;
text-align: center;
right: 15px;
padding: 12px 40px;
bottom: 26px;
border: 0;
}
.inner-page-wrapper.trading-wrap .inner-page-side-img{width: 100%;}
#navbar-primary-collapse{margin-top: 5px;}
}
@media all and (max-width: 375px) {
/***** Slider CSS ******/
.homebanner .carousel-caption h2 { font-size: 22px; line-height: 30px; }
/***** Other CSS goes here ******/
.header-bottom-menu {
padding: 15px 0 0 0;
}
#navbar-primary-collapse {
margin-top: -5px;
}
.logo {padding: 0px 0; text-align: center; margin: 0;}
.logo:before{left:-34px; border-width: 28px;}
.logo:after{ right: -43px; border-width: 28px; }
.logo-img{
max-height: 35px;
margin-top: 4px;
}
}