/*trading_sesssion css start*/
/* First block Start */
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: block;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.stock_clocks_h {
margin-top: 2em !important;
font-weight: bold;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.row {
margin-left: 0px;
*zoom: 1;
}
.row:before,
.row:after {
display: block;
content: "";
line-height: 0;
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 0px;
}
.span24 {
width: 624px;
}
.span23 {
width: 598px;
}
.span22 {
width: 572px;
}
.span21 {
width: 546px;
}
.span20 {
width: 520px;
}
.span19 {
width: 494px;
}
.span18 {
width: 468px;
}
.span17 {
width: 442px;
}
.span16 {
width: 416px;
}
.span15 {
width: 390px;
}
.span14 {
width: 364px;
}
.span13 {
width: 338px;
}
.span12 {
width: 312px;
}
.span11 {
width: 282px;
}
.span10 {
width: 260px;
}
.span9 {
width: 234px;
}
.span8 {
width: 206px;
}
.span7 {
width: 182px;
}
.span6 {
width: 156px;
}
.span5 {
width: 130px;
}
.span4 {
width: 104px;
}
.span3 {
width: 78px;
}
.span2 {
width: 52px;
}
.offset24 {
margin-left: 624px;
}
.offset23 {
margin-left: 598px;
}
.offset22 {
margin-left: 572px;
}
.offset21 {
margin-left: 546px;
}
.offset20 {
margin-left: 520px;
}
.offset19 {
margin-left: 494px;
}
.offset18 {
margin-left: 468px;
}
.offset17 {
margin-left: 442px;
}
.offset16 {
margin-left: 416px;
}
.offset15 {
margin-left: 390px;
}
.offset14 {
margin-left: 364px;
}
.offset13 {
margin-left: 338px;
}
.offset12 {
/*margin-left: 312px;*/
margin-left: 414px;
}
.offset11 {
margin-left: 286px;
}
.offset10 {
margin-left: 260px;
}
.offset9 {
margin-left: 234px;
}
.offset8 {
margin-left: 208px;
}
.offset7 {
margin-left: 182px;
}
.offset6 {
margin-left: 156px;
}
.offset5 {
margin-left: 130px;
}
.offset4 {
margin-left: 104px;
}
.offset3 {
margin-left: 78px;
}
.offset2 {
margin-left: 52px;
}
.offset1 {
margin-left: 26px;
}
#trading-sessions {
width: auto;
margin: 0 auto;
}
#trading-sessions .american {
background: #CEFEE3 !important;
border: 1px solid #CEFEE3;
color: #208549;
font-size: 16px;
}
#trading-sessions .european {
background: #FCCDD2 !important;
border: 1px solid #FCCDD2;
color: #91111F;
font-size: 16px;
}
#trading-sessions .asian {
background: #CDEAFD !important;
border: 1px solid #CDEAFD;
color: #3688C2;
font-size: 16px;
}
#trading-sessions .pacific {
background: #F6D9BF !important;
border: 1px solid #F6D9BF;
color: #AA5C18;
font-size: 16px;
}
#trading-sessions .world-map {
position: relative;
height: 100%;
border: 1px solid #888888;
margin-bottom: 30px;
}
#trading-sessions .world-map .world-bg {
/*background-color: white;*/
background-color: #f9f9f9;
}
#trading-sessions .world-map .world-bg .world-img {
width: 100%;
height: 100%;
display: block;
}
#trading-sessions .world-map .world-bg .city {
position: absolute;
font-size: 12px;
font-weight: bold;
z-index: 10;
}
#trading-sessions .world-map .world-bg .city i {
width: 13px;
height: 15px;
display: block;
background: transparent url('/i/img/markers.png') no-repeat;
margin: 0 auto;
}
#trading-sessions .world-map .world-bg .city i.icon-place-american {
background-position: 0px 0px;
}
#trading-sessions .world-map .world-bg .city i.icon-place-european {
background-position: -13px 0px;
}
#trading-sessions .world-map .world-bg .city i.icon-place-asian {
background-position: -26px 0px;
}
#trading-sessions .world-map .world-bg .city i.icon-place-pacific {
background-position: -39px 0px;
}
#trading-sessions .world-map .world-bg .city.wellington i {
margin-left: 40px;
}
#trading-sessions .world-map .marker-ruler {
height: 100%;
position: absolute;
z-index: 2;
}
#trading-sessions .world-map .marker-ruler .span1 {
height: 100%;
position: relative;
}
#trading-sessions .world-map .marker-ruler .span1 .marker {
/*border-right: 1px solid rgba(211, 205, 205, 0.2);*/
border-right: 1px solid #E3F2FC;
text-align: center;
height: 100%;
opacity: 0.8;
filter: alpha(opacity=80);
}
#trading-sessions .world-map .marker-ruler .span1 .marker span {
/*display: block;*/
/*position: absolute;*/
/*bottom: 0px;*/
/*width: 100%;*/
display: block;
position: absolute;
width: 100%;
border-right: 1px solid;
border-bottom: 1px solid;
}
#trading-sessions .world-map .marker-ruler .span1 .marker div {
/*position: absolute;*/
/*bottom: -13px;*/
/*width: 0;*/
/*left: 6px;*/
/*height: 0;*/
/*border-left: 7px solid rgba(0, 0, 0, 0);*/
/*border-right: 7px solid rgba(0, 0, 0, 0);*/
/*border-bottom: 11px solid #4880A5;*/
position: absolute;
bottom: 356px;
width: 0;
left: 6px;
height: 0;
border-left: 7px solid rgba(0, 0, 0, 0);
border-right: 7px solid rgba(0, 0, 0, 0);
border-top: 11px solid #4880A5;
}
#trading-sessions .world-map .marker-ruler .span1 .marker.last {
border-right: none;
}
#trading-sessions .world-map .marker-ruler .span1.active .marker {
background: #4880A5;
border-right:1px solid #4880A5;
}
#trading-sessions .world-map .sessions {
height: 90%;
width: 100%;
top: 0%;
left: 0px;
position: absolute;
z-index: 3;
}
#trading-sessions .world-map .sessions > .row {
height: 25%;
}
#trading-sessions .world-map .sessions > .row [class*="span"] {
/*position: relative;*/
/*height: 60%;*/
/*font-size: 12px;*/
/*text-align: center;*/
/*color: white;*/
/*top: 20%;*/
position: relative;
height: 32%;
font-size: 12px;
text-align: center;
color: white;
top: 36%;
/*border: 1px solid;*/
/*opacity: 0.4;*/
opacity: 0.6;
filter: alpha(opacity=40);
}
#trading-sessions .world-map .sessions > .row [class*="span"] table {
width: 100%;
height: 100%;
}
#trading-sessions .world-map .sessions > .row [class*="span"] table td {
vertical-align: middle;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#trading-sessions .world-map .sessions > .row.active [class*="span"] {
opacity: 0.8;
filter: alpha(opacity=80);
}
#trading-sessions .info-table {
padding: 2%;
background: white;
}
#trading-sessions .info-table table {
width: 100%;
}
#trading-sessions .info-table table .marker {
width: 10%;
}
#trading-sessions .info-table table .marker div {
width: 10px;
height: 10px;
background: #efeffd;
}
#trading-sessions .info-table table .marker div.open {
background: #1818A2;
}
#trading-sessions .info-table table .name {
width: 50%;
text-align: left;
}
#trading-sessions .info-table table .timer {
width: 40%;
text-align: right;
}
#trading-sessions .table-sessions {
width: 100%;
margin-bottom: 30px;
background: #F1F1F1;
}
#trading-sessions .table-sessions th {
text-align: center;
background-color: #e3e3e3;
/*color: #9a0000;*/
padding: 5px 0px;
}
#trading-sessions .table-sessions td {
text-align: center;
padding: 5px;
background: white;
}
#trading-sessions .trading-toolbar {
/*padding: 10px 0;*/
/*border-top: 1px solid #888888;*/
/*font-size: 16px;*/
/*background: #dcdcdc;*/
/* padding: 1px 0px;*/
padding:9px 9px 14px 7px;
border-bottom: 1px solid #888888;
font-size: 16px;
background: #740000;
margin-top: -29px;
border-left: 1px solid #888888;
border-right: 1px solid #888888;
}
#trading-sessions .trading-toolbar > table {
width: 100%;
}
#trading-sessions .trading-toolbar .time-zones {
text-align: right;
padding-top: 5px;
}
#trading-sessions .trading-toolbar .time-zones select {
padding: 3px;
margin: 0;
}
#trading-sessions .trading-toolbar .open-sessions {
width: 40%;
color: #ff7100;
font-weight: 600;
}
#trading-sessions .trading-toolbar .next-sessions {
text-align: center;
padding-right: 20px;
width: 40%;
color: #ff7100;
font-weight: 600;
}
#trading-sessions .trading-toolbar .next-sessions-date {
width: 11%;
text-align: center;
}
#trading-sessions .trading-toolbar .next-sessions-date span {
/*padding: 10px;*/
/*display: block;*/
/*font-size: 24px;*/
/*color: #9a0000;*/
/*background: #C7C7C7;*/
/*box-shadow: inset -2px 2px 10px rgba(0, 0, 0, 0.4);*/
padding: 10px;
display: block;
font-size: 24px;
color: #ff7100;
box-shadow: inset 1px 2px 9px 4px rgba(1, 6, 8, 0.4);
border-radius: 5px;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1500;
max-width: 276px;
padding: 1px;
text-align: left;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 8px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
white-space: normal;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 11px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover .arrow {
border-width: 11px;
}
.popover .arrow:after {
border-width: 10px;
content: "";
}
.popover.top .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999999;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px;
}
.popover.top .arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #ffffff;
}
.popover.right .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999999;
border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right .arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #ffffff;
}
.popover.bottom .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -11px;
}
.popover.bottom .arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #ffffff;
}
.popover.left .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left .arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #ffffff;
bottom: -10px;
}
.tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
font-size: 11px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.009000000000000001;
filter: alpha(opacity=0.9);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #000000;
border-radius: 8px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
left: 5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
right: 5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
left: 5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
right: 5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
/*trading_sesion css end*/
#trading-sessions {
width: auto;
}
#rp-content{
width:auto;
}
form #search input[type=search], select {
background-color: transparent !important;
color: #000 !important;
padding: 5px;
width: auto !important;
border: none;
}
.session-text {float: left;padding-bottom: 4px;margin-left: 10px;line-height: 0px;font-size: 13px;color: #ffffff;padding-top: 4px;}
.session-text_ar {line-height: 0px;font-size: 13px;color: #ffffff;padding-top: 4px;float: right;padding-right: 10px;margin-left: 10px;text-align: right;unicode-bidi: embed;direction: rtl;}
.add-btn, .add-btn-block a:visited {
border: 1px #808080 solid;
padding: 4px 13px;
border-radius: 5px;
background-image: url("/i/img/pages_bg.gif");
color: #808080;
font-weight: bold;
}
.add-btn:hover, .add-btn-block a:visited:hover {
border: 1px #5d9a23 solid;
color: #fff;
background-color: #5d9a23;
background-image: none;
}
.add-btn:hover div.plus{
background-position: 0 -8px;
}
.add-btn-block {
text-align: right;
margin: 10px 0;
}
div.plus {
background: url("/i/img/plus-icon.png") no-repeat;
width: 8px;
height: 8px;
background-size: 8px;
display: inline-block;
}
#mclock15 > .no-flash-player {
display: none;
margin-top: 100px;
text-align: center;
font-size: 12px;
}
#mclock15.no-flash > .no-flash-player {
display: block;
}
.app-clock {
position: relative;
margin: 10px 0;
}
/* First block END */
/* Second block start */
.block_team_info #scrollbar1 p {
font-size: 12px !important;
}
.block_team_info #scrollbar1 .head_show_data {
font-size: 13px !important;
}
.h1_t {
border-bottom: 1px dotted #ccc;
padding-bottom: 5px;
}
.h1_t h2 {
text-transform: none;
}
.team-btn-block {
position:absolute;
bottom: 25px;
}
@media(max-width: 1222px) {
.team-btn-block {
position: initial;
}
}
.transform___fix {
transform: none !important;
}
.page > .block.banner__headertext {
background: url(/i/img/headers/header_team.png);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
}
.team__head_photo img {
width: 240px;
}
.team__head_desc {
margin-left: 15px;
position: relative;
}
.block.banner.banner__headertext .main_text {
background: #ffffffba;
padding: 15px 15px;
width: 100%;
position: relative;
font-style: italic;
}
.block.banner.banner__headertext .main_text .main_text_image img{
position: absolute;
width: 177px;
bottom: 0;
left: 0;
}
.main_text_footer {
position: absolute !important;
right: 15px;
bottom: 15px;
text-align: left;
}
@media(max-width: 990px) {
.main_text .team__head_desc, .main_text .team__head_desc > div {
color: #000000 !important;
}
.block.banner.banner__headertext .main_text .main_text_image img {
position: unset !important;
}
.main_text_footer {
position: unset !important;
}
div.page{
margin-top:30.35px;
}
}
@media(max-width: 600px) {
.main_text {
display: block !important;
}
.block.banner.banner__headertext .main_text .team__head_photo img {
width: 30%;
min-width: 200px;
}
.team__head_photo {
text-align: center;
margin-bottom: 12px;
}
.team__head_desc {
margin: 0;
font-size: 14px;
}
}
.tdsession {
text-align: justify;
line-height: 1.5;
margin: 10px 0;
margin-top: 2em;
}
.block1__flex__one__head{
text-align: center;
font-size: 17px;
font-weight: bold;
margin-top: 10px;
}
.block1__flex__one__text{
text-align: center;
font-size: 14px;
margin-top: 3px;
}
.block1__flex__one__link{
text-align: center;
font-size: 12px;
margin-top: 10px;
}
@media only screen and (min-width: 0px) and (max-width: 1100px) {
.left_hero_cs{
display:none
}
.right_hero_cs{
display:none;
}
}
#main-menu .dropdown .container-fluid {
padding-left: 0px !important;
}
/* Second block END */
/*Third block Start */
#informers {
margin-bottom: 10px;
margin-top: -15px;
}
#informers .bx-wrapper {
margin: 0 auto 10px;
}
#informers .row_item p{
margin: 10px 0;
text-align: justify;
line-height: 1.5;
}
.text-block-ins{
background: #F9F9F9;
}
.text-block{
padding-top:0px;
}
#trading-sessions {
width: auto;
}
#rp-content{
width:auto;
}
.config-block{
border-left: 1px solid #888888;
border-right: 1px solid #888888;
border-top: 1px solid #888888;
border-bottom: 1px solid #888888;
width: 99.6%;
}
.table-responsive {
min-height: .01%;
overflow-x: auto;
}
.table {
width: 100%;
margin-bottom: 20px;
background-color: transparent;
border-spacing: 0;
border-collapse: collapse;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
/*
MAINFOUR-4214 ÐŸÐµÑ€ÐµÐ½Ð¾Ñ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²ÐºÐ° в H1
*/
.new-clock{
position: relative;
}
.stock_clocks-h1{
position: absolute;
text-transform: none;
padding-top: 50px;
text-align: center!important;
color: #fff!important;
left: 0;
right: 0;
}
@media screen and (max-width:569px){
.stock_clocks-h1{
top:-40px;
font-size: 1.2em!important;
}
#banner-section{
padding-top: 0;
}
}
.small-clock-container{
padding-top: 50px;
}
/* end of MAINFOUR-4214*/
#banner-section{
width:100%;
min-height:500px;
background:url(/i/img/clock_test/banner.jpg) no-repeat center center;
background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;
margin:auto;
margin-top:-30px;
padding-top: 60px;/*MAINFOUR-4214*/
}
#banner-section .headline-cover{text-align:center;margin:auto;}
#banner-section .headline-cover h2{line-height:45px;color:#fff;padding:40px 0 10px 0;}
#banner-section .clocks-cover{width:60%;min-height:300px;margin:auto;margin-top:70px; position:relative;}
#banner-section .clocks-cover .single-clock-cover{text-align:center;margin-left:2px;float:left;width:19.2%;background:rgba(0,0,0,0.6);}
#banner-section .clocks-cover .single-clock-cover:first-child{margin-left:15px;}
#banner-section .clocks-cover .single-clock-cover p{color:#fff;padding:10px 0;}
#banner-section .clocks-cover .single-clock-cover img{width:170px;}
#banner-section .buttons-cover{text-align:center;padding:0 0 30px 0;}
#banner-section .buttons-cover a{margin:0 5px 0 0;text-align:center;color:#fff;font-size:13px;border:1px solid #fff;border-radius:5px;padding:8px 10px;background:rgba(0,0,0,0.3);}
#banner-section .buttons-cover a:hover{background:rgba(0,0,0,0.52);}
.table-cover table tr td.asia{background:#CDEAFD;color:#3688C2;font-weight:bold;padding-top:50px !important;}
.table-cover table tr td.europe{background:#FCCDD2;color:#91111F;font-weight:bold;padding-top:50px !important;}
.table-cover table tr td.america{background:#CEFEE3;color:#208549;font-weight:bold;padding-top:50px !important;}
.table-cover table tr td.pacific{background:#F6D9BF;color:#AA5C18;font-weight:bold;padding-top:50px !important;}
/** small banner carousel **/
.small-device-carousel{display:none;}
.small-device-carousel .clocks-wrapper .single-company-wrapper{margin:20px;}
.small-device-carousel .clocks-wrapper .single-company-wrapper img{display: block;width: 100%;height: auto;}
.owl-theme .owl-controls .owl-page span {
display: block;
filter: Alpha(Opacity=50);
opacity: 0.5;
background: #fff;
}
.small-single-clock-cover{text-align:center;margin:auto;background:rgba(0,0,0,0.6);}
.small-single-clock-cover p{color:#fff; text-align:center;padding:15px 0;}
.small-single-clock-cover img{width:50%;text-align:center;margin:auto;}
.small-device-carousel .buttons-cover{text-align:center;padding:0 0 30px 0;}
.small-device-carousel .buttons-cover a{margin:0 5px 5px 0;text-align:center;color:#fff;font-size:13px;border:1px solid #fff;border-radius:5px;padding:8px 10px;background:rgba(0,0,0,0.3);}
.small-device-carousel .buttons-cover a:hover{background:rgba(0,0,0,0.52);}
.table-cover table tr td {
text-align: center;
padding: 20px 0 !important;
border-top: 1px solid #ddd;
line-height: 1.42857143;
vertical-align: top;
}
div.page .banner p {
text-align: center;
color: #fff !important;
}
/************Asfour**************/
#banner-section .block_scrolling_widgets {
background: transparent !important;
margin-top:30px;;
}
/** Deloawer Hossain start**/
#banner-section .scrolling_widgets .bx-wrapper .bx-next {
background: url(/i/img/button_register/next_white.png) !important;
background-size: contain !important;
}
#banner-section .scrolling_widgets .bx-wrapper .bx-prev {
background: url(/i/img/button_register/prev_white.png) !important;
background-size: contain !important;
}
@media only screen and (max-width: 768px){
/*.bx-wrapper {*/
/*margin: 0px auto 170px !important;*/
/*}*/
.small-clock-container .bx-wrapper .bx-viewport{
height: 256px !important;
}
.text-block-ins {
padding: 0px;
}
}
.bx-wrapper .bx-pager.bx-default-pager a{
background: #d6d6d6 !important;
}
.bx-wrapper .bx-viewport{
border: 0px !important;
background: transparent !important;
-moz-box-shadow: 0 0 0px #ccc !important;
-webkit-box-shadow: 0 0 0px #ccc !important;
box-shadow: 0 0 0px #ccc;
}
@media only screen and (max-width: 480px) and (min-width: 0px){
.small-device-carousel .small-single-clock-cover {
margin-top: 0px !important;
}
}
/** Deloawer Hossain End**/
#banner-section .block_scrolling_widgets .scrolling_link_trading_mt {
color: #fff !important;
}
#banner-section .ScrollingOpenAcc .btn.btn-primary{
background-color: rgba(30,30,30,.9);
color: #fff;
border-color: rgba(30,30,30,.9);
}
#banner-section .ScrollingOpenAcc .btn.btn-default{
background-color: rgba(30,30,30,.9);
color: #fff;
border-color: rgba(30,30,30,.9);
}
#banner-section .ScrollingOpenAcc a:hover{
background: #900101 !important;
}
/************End Asfour**************/
@media only screen and (min-width: 992px) and (max-width: 1200px) {
#banner-section .clocks-cover .single-clock-cover img{width:90%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
#banner-section .clocks-cover .single-clock-cover img{width:80%;}
}
@media only screen and (min-width: 570px) and (max-width: 957px) {
#banner-section .clocks-cover{width:75%;}
#banner-section .clocks-cover .single-clock-cover img{width:75%;}
}
@media only screen and (min-width: 570px) and (max-width: 765px) {
#banner-section .clocks-cover{width:85%;}
#banner-section .clocks-cover .single-clock-cover:first-child{margin-left:0;}
#banner-section .clocks-cover p{font-size:12px;}
#banner-section .clocks-cover .single-clock-cover img{width:65%;}
}
@media only screen and (min-width: 481px) and (max-width: 569px) {
.small-clock-container .bx-wrapper {
margin: 0px auto 170px !important;
}
/***********asfour*******/
div#clock-wrapper {
height: 460px;
}
#banner-section{min-height: 0px !important;
height: 0px;
}
#banner-section .block_scrolling_widgets {
background: transparent !important;
position: relative;
z-index: 99999999;
top: -135px;
}
#banner-section .scrolling_widgets{
display: block !important;
}
.headline-cover{display: none;}
.clocks-cover{display: none;}
#banner-section .block_scrolling_widgets .ScrollingDownloadMT .scrolling_img_div_mt img{
width: 130px !important;
height: 38px !important;
margin-top: 0 !important;
}
/*********End Asfour***********************/
.small-device-carousel{background:url(/i/img/clock_test/banner.png) no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;margin:auto;margin-top:-20px;display:block;}
/* .small-device-carousel .small-single-clock-cover{margin-top:40px;} */
.small-device-carousel h2{font-size:22px;text-align:center;color:#fff;padding-top:30px;}
}
@media only screen and (min-width:0px) and (max-width: 480px) {
.small-clock-container .bx-wrapper {
margin: 0px auto 170px !important;
}
/***********asfour*******/
div#clock-wrapper {
height: 460px;
}
#banner-section{min-height: 0px !important;
height: 0px;
}
#banner-section .block_scrolling_widgets {
background: transparent !important;
position: relative;
top: -135px;
}
#banner-section .scrolling_widgets{
display: block !important;
}
.headline-cover{display: none;}
.clocks-cover{display: none;}
#banner-section .block_scrolling_widgets .ScrollingDownloadMT .scrolling_img_div_mt img{
width: 130px !important;
height: 38px !important;
margin-top: 0 !important;
}
/*********End Asfour***********************/
.small-device-carousel{background:url(/i/img/clock_test/banner.png) no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;margin:auto;margin-top:-30px;display:block;}
.small-device-carousel .small-single-clock-cover{margin-top:40px;}
.small-device-carousel h2{font-size:18px;text-align:center;color:#fff;padding-top:40px;}
.owl-carousel{
right:10px;
}
.small-device-carousel .buttons-cover {
margin-top: 12px;
}
#rp-content{
width:auto;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-top: 0px !important;
margin-top: -20px;
}
#trading-sessions{
width: auto;
}
.marker-ruler .span1{
width: 16.7px;
font-size: 8px;
}
.sessions .span8{
width: 80px;
top: 58%;
}
.sessions .pacific {
right: 32%;
width: 123px;
top: 45% !important;
}
.sessions .asian {
margin-left: 0px;
left: 52%;
width: 187px;
}
.sessions .european {
margin-left: 23%;
width: 186px;
}
.sessions .american {
width: 184px;
}
#trading-sessions .world-map .world-bg .city.london {
left: 42%;
top: 23%;
}
#trading-sessions .world-map .world-bg .city.frankfurt {
left: 45%;
top: 32%;
}
#trading-sessions .world-map .world-bg .city.chicago {
left: 12%;
top: 30%;
}
#trading-sessions .world-map .world-bg .city.newyork {
left: 14%;
top: 39%;
}
#trading-sessions .world-map .world-bg .city.tokyo {
left: 78%;
top: 33%;
}
#trading-sessions .world-map .world-bg .city.hongkong {
left: 65%;
top: 40%;
width: 64px;
}
#trading-sessions .world-map .world-bg .city.sydney {
left: 73%;
top: 62%;
}
#trading-sessions .world-map .world-bg .city.wellington {
left: 76%;
top: 72%;
}
#trading-sessions .trading-toolbar .next-sessions-date span {
padding:6px;
}
#trading-sessions .trading-toolbar .open-sessions {
font-size: 12px;
}
#trading-sessions .trading-toolbar .next-sessions {
text-align: center;
padding-right: 5px;
width: 100%;
color: #ff7100;
font-weight: 600;
font-size: 12px;
}
#trading-sessions .world-map .marker-ruler .span1 .marker div {
bottom: 100%;
left:0px;
}
#trading-sessions .world-map .world-bg .city{
font-size:11px;
}
}
@media only screen and (min-width:570px) and (max-width: 600px){
.small-clock-container .bx-wrapper {
margin: 0px auto 20px !important;
}
#rp-content{
width:auto;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-top: 0px !important;
margin-top: -20px;
}
#trading-sessions{
width: auto;
}
.sessions .pacific {
margin-top: -14% !important;
}
#trading-sessions .trading-toolbar .next-sessions-date span {
padding:6px;
}
#trading-sessions .trading-toolbar .open-sessions {
font-size: 15px;
}
#trading-sessions .trading-toolbar .next-sessions {
text-align: center;
padding-right: 30px;
width: 100%;
color: #ff7100;
font-weight: 600;
font-size: 15px;
}
#trading-sessions .world-map .marker-ruler .span1 .marker div {
bottom: 100%;
left:0px;
}
#trading-sessions .world-map .world-bg .city{
font-size:12px;
}
}
@media only screen and (max-width: 414px) {
.marker-ruler .span1{
width: 14.25px;
font-size: 8px;
}
.sessions .pacific {
width: 112px;
top: 51% !important;
float: right;
right: 3.6%;
}
.sessions .asian {
margin-left: 1.7%;
width: 150px;
float: left;
}
.sessions .european {
margin-left: 24%;
width: 151px;
margin-top: 2%;
}
.sessions .american {
width: 149px;
}
#trading-sessions .world-map .marker-ruler .span1 .marker div {
bottom: 100%;
left:0px;
}
#trading-sessions .world-map .world-bg .city.london {
left: 34%;
top: 21%;
}
#trading-sessions .world-map .world-bg .city.frankfurt {
left: 43%;
top: 28%;
}
#trading-sessions .world-map .world-bg .city.chicago {
left: 12%;
top: 27%;
}
#trading-sessions .world-map .world-bg .city.newyork {
left: 20%;
top: 34%;
}
#trading-sessions .world-map .world-bg .city.hongkong {
left: 68%;
top: 40%;
}
#trading-sessions .world-map .world-bg .city.wellington {
left: 80%;
top: 72%;
}
#trading-sessions .world-map .world-bg .city.sydney {
left: 78%;
top: 62%;
}
#trading-sessions .world-map .world-bg .city.tokyo {
left: 82%;
top: 33%;
}
}
@media only screen and (max-width: 412px) {
.marker-ruler .span1 {
width: 14.18px;
font-size: 8px;
}
}
@media only screen and (max-width: 411px) {
.marker-ruler .span1 {
width: 14.11px;
font-size: 8px;
}
.sessions .asian {
margin-left: 1.5%;
}
}
@media only screen and (max-width: 384px) {
.config-block{
font-size:16px;
}
.marker-ruler .span1{
width: 13px;
font-size: 8px;
}
.sessions .pacific {
width: 101px;
top: 57% !important;
float: right;
right: 4%;
}
.sessions .asian {
margin-left: 1.7%;
width: 136px;
float: left;
}
.sessions .european {
margin-left: 24%;
width: 141px;
margin-top: 2%;
}
.sessions .american {
width: 139px;
}
#trading-sessions .world-map .marker-ruler .span1 .marker div {
bottom: 100%;
left:0px;
}
#trading-sessions .world-map .world-bg .city.london {
left: 34%;
top: 20%;
}
#trading-sessions .world-map .world-bg .city.frankfurt {
left: 42%;
top: 27%;
}
#trading-sessions .world-map .world-bg .city.chicago {
left: 10%;
top: 26%;
}
#trading-sessions .world-map .world-bg .city.newyork {
left: 18%;
top: 34%;
}
#trading-sessions .world-map .world-bg .city.tokyo {
left: 83%;
top: 33%;
}
#trading-sessions .world-map .world-bg .city.hongkong {
left: 69%;
top: 40%;
}
}
@media only screen and (max-width: 380px) {
.config-block{
font-size:16px;
}
.marker-ruler .span1{
width: 12.82px;
font-size: 8px;
}
.sessions .pacific {
width: 101px;
top: 57% !important;
float: right;
right: 4%;
}
.sessions .asian {
margin-left: 1.4%;
width: 136px;
float: left;
}
.sessions .european {
margin-left: 24%;
width: 141px;
margin-top: 2%;
}
.sessions .american {
width: 139px;
}
#trading-sessions .world-map .marker-ruler .span1 .marker div {
bottom: 100%;
left:0px;
}
#trading-sessions .world-map .world-bg .city.london {
left: 34%;
top: 20%;
}
#trading-sessions .world-map .world-bg .city.frankfurt {
left: 42%;
top: 27%;
}
#trading-sessions .world-map .world-bg .city.chicago {
left: 10%;
top: 26%;
}
#trading-sessions .world-map .world-bg .city.newyork {
left: 18%;
top: 34%;
}
#trading-sessions .world-map .world-bg .city.tokyo {
left: 83%;
top: 33%;
}
#trading-sessions .world-map .world-bg .city.hongkong {
left: 69%;
top: 40%;
}
}
@media only screen and (max-width: 375px) {
.marker-ruler .span1{
width: 12.63px;
font-size: 8px;
}
.config-block{
font-size:15.5px;
}
.sessions .asian {
margin-left: 1%;
width: 134px;
float: left;
}
.sessions .european {
margin-left: 24%;
width: 137px;
margin-top: 2%;
}
.sessions .american {
width: 135px;
}
#trading-sessions .world-map .world-bg .city.london {
left: 34%;
top: 20%;
}
#trading-sessions .world-map .world-bg .city.frankfurt {
left: 42%;
top: 27%;
}
#trading-sessions .world-map .world-bg .city.chicago {
left: 10%;
top: 26%;
}
#trading-sessions .world-map .world-bg .city.newyork {
left: 18%;
top: 34%;
}
#trading-sessions .world-map .world-bg .city.tokyo {
left: 83%;
top: 33%;
}
#trading-sessions .world-map .world-bg .city.hongkong {
left: 69%;
top: 40%;
}
}
@media only screen and (max-width: 360px) {
.config-block{
font-size:14px;
}
.marker-ruler .span1{
width: 11.99px;
font-size: 8px;
}
.sessions .pacific {
width: 94px;
top: 61% !important;
float: right;
right: 13px;
}
.sessions .asian {
margin-left: 1.5%;
width: 126px;
float: left;
}
.sessions .european {
margin-left: 24%;
width: 131px;
margin-top: 2%;
}
.sessions .american {
width: 130px;
}
#trading-sessions .world-map .world-bg .city.london {
left: 34%;
top: 20%;
}
#trading-sessions .world-map .world-bg .city.frankfurt {
left: 41%;
top: 27%;
}
#trading-sessions .world-map .world-bg .city.chicago {
left: 11%;
top: 27%;
}
#trading-sessions .world-map .world-bg .city.newyork {
left: 18%;
top: 35%;
}
#trading-sessions .world-map .world-bg .city.tokyo {
left: 83%;
top: 33%;
}
#trading-sessions .world-map .world-bg .city.hongkong {
left: 70%;
top: 40%;
}
}
@media only screen and (max-width: 320px) {
.config-block{
font-size:12px;
}
#trading-sessions .trading-toolbar .next-sessions {
text-align: center;
padding-right: 4px;
width: 100%;
color: #ff7100;
/* font-weight: 600; */
font-size: 12px;
}
#trading-sessions .trading-toolbar .next-sessions-date span{
font-size:12px;
}
.marker-ruler .span1{
width: 10.32px;
font-size: 8px;
}
.sessions .pacific {
width: 85px;
top: 65% !important;
float: right;
right: 4.9%;
}
.sessions .asian {
width: 107px;
float: left;
margin-top: 1%;
margin-left:1.5%;
}
.sessions .european {
margin-left: 24%;
width: 108px;
margin-top: 2%;
}
.sessions .american {
width: 115px;
}
#trading-sessions .world-map .world-bg .city.wellington {
left: 73%;
top: 72%;
}
#trading-sessions .world-map .world-bg .city.sydney {
left: 71%;
top: 62%;
}
#trading-sessions .world-map .world-bg .city.london {
left: 34%;
top: 22%;
}
#trading-sessions .world-map .world-bg .city.frankfurt {
left: 39%;
top: 29%;
}
#trading-sessions .world-map .world-bg .city.chicago {
left: 9%;
top: 26%;
}
#trading-sessions .world-map .world-bg .city.newyork {
left: 15%;
top: 35%;
}
#trading-sessions .world-map .world-bg .city.hongkong {
left: 63%;
top: 40%;
}
}
@media (max-width: 990px){
.page div.banner img {
/*width: 58% !important;*/
max-width: 568px;
}
.col-xs-12{
width: 90% !important;
}
#informers .col-xs-12{
width: 100% !important;
}
/***********asfour*******/
#banner-section .block_scrolling_widgets .ScrollingDownloadMT .scrolling_img_div_mt img{
width: 130px !important;
height: 38px !important;
margin-top: 0 !important;
}
/*********End Asfour***********************/
}
#informers .bx-wrapper .bx-viewport{
left:0px;
}
@media only screen and (min-width:415px) and (max-width: 5000px){
.sessions .pacific {
width: 33.3%;
position: absolute !important;
height: 41px !important;
right: -2px;
margin-top: -15%;
}
.sessions .asian {
width: 45.9%;
position: absolute !important;
height: 41px !important;
right: -2px;
margin-top: -3%;
}
.sessions .european {
width: 45.9%;
position: absolute !important;
height: 41px !important;
right: 29.2%;
margin-top: 8%;
}
.sessions .american {
width: 38.9%;
position: absolute !important;
height: 41px !important;
margin-top: 20%;
}
#trading-sessions .world-map .world-bg .city.wellington {
position: absolute;
right: 2%;
bottom: 13%;
font-size: 16px;
}
#trading-sessions .world-map .world-bg .city.sydney {
position: absolute;
right: 8%;
bottom: 18%;
font-size: 16px;
}
#trading-sessions .world-map .world-bg .city.tokyo {
position: absolute;
right: 16%;
font-size: 16px;
top: 32%;
}
#trading-sessions .world-map .world-bg .city.hongkong {
position: absolute;
right: 20%;
font-size: 16px;
top: 37%;
}
#trading-sessions .world-map .world-bg .city.london {
position: absolute;
right: 51%;
font-size: 16px;
top: 25%;
}
#trading-sessions .world-map .world-bg .city.frankfurt {
position: absolute;
right: 47%;
font-size: 16px;
top: 29%;
}
#trading-sessions .world-map .world-bg .city.newyork {
position: absolute;
left: 23%;
font-size: 16px;
top: 39%;
}
#trading-sessions .world-map .world-bg .city.chicago {
position: absolute;
left: 20%;
font-size: 16px;
top: 35%;
}
}
@media screen and (max-width: 1440px) {
.span1 {width: 35px;}
}
@media screen and (max-width: 1280px) {
.span1 {width: 39.3px;}
}
@media screen and (max-width: 1024px) {
.span1 {width: 28.62px}
#trading-sessions .world-map .world-bg .city.sydney {right: 8%;bottom: 18%;}
#trading-sessions .world-map .world-bg .city.wellington {bottom: 12%;}
}
@media only screen and (min-width:415px) and (max-width: 800px){
.span1 {width: 30.35px;}
#trading-sessions .world-map .world-bg .city.wellington {
position: absolute;
right: 2%;
bottom: 12%;
font-size: 15px !important;
}
#trading-sessions .world-map .world-bg .city.sydney {
position: absolute;
right: 8%;
bottom: 18%;
font-size: 15px !important;
}
#trading-sessions .world-map .world-bg .city.tokyo {
position: absolute;
right: 14% !important;
font-size: 15px !important;
top: 34% !important;
}
#trading-sessions .world-map .world-bg .city.hongkong {
position: absolute;
right: 18% !important;
font-size: 15px !important;
top: 42% !important;
}
#trading-sessions .world-map .world-bg .city.london {
position: absolute;
right: 51%;
font-size: 15px !important;
top: 25%;
}
#trading-sessions .world-map .world-bg .city.frankfurt {
position: absolute;
right: 46% !important;
font-size: 15px !important;
top: 30% !important;
}
#trading-sessions .world-map .world-bg .city.newyork {
position: absolute;
left: 23% !important;
font-size: 15px !important;
top: 38% !important;
}
.city.chicago {
position: absolute;
left: 20%;
font-size: 15px !important;
top: 32% !important;
}
}
@media only screen and (min-width:415px) and (max-width: 600px){
.span1 {width: 22px;}
}
#trading-sessions .world-map .marker-ruler .span1 .marker div {
display:none;
}
.config-block {
position: relative;
height: 30px;
width: 99.6%;
left: 0px;
top: 0px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
z-index: 1010;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content:flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
background: #efefef;
/* border-left: 5px solid #4880A5;
border-right: 5px solid #4880A5;
*/
border-top: 1px solid #4880A5;
}
.config-block > div {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content:space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.config-block > div {
margin-right: 10px;
color: #555555;
}
.config-block > div i {
font-size: 26px;
color: #008000;
opacity: 0.6;
cursor: pointer;
}
.config-block > div i.active {
opacity: 1;
text-shadow: 0px 0px 3px #B3B3B3;
}
.ns-popover-tooltip-theme {
box-sizing: border-box;
z-index: 100;
background-color: transparent; }
.ns-popover-tooltip-theme .ns-popover-tooltip {
box-sizing: border-box;
border: solid 1px #d2d2d2;
border-radius: 3px;
z-index: 100;
background-color: #fff;
padding: 10px;
min-width: 300px;
font-size: 12px;
-webkit-box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2);
box-shadow: 0 0.3125rem 0.625rem rgba(0, 0, 0, 0.2);
margin: 10px; }
.ns-popover-tooltip-theme .ns-popover-tooltip select {
border: none;
outline: none;
}
.ns-popover-tooltip-theme.ns-popover-bottom-placement .triangle {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
border: 11px solid transparent;
border-bottom-color: #d2d2d2;
/*left: 50%;*/
top: -11px;
margin-left: -11px;
}
.ns-popover-tooltip-theme.ns-popover-bottom-placement .triangle:after {
content: " ";
display: block;
width: 0;
height: 0;
border: solid 10px;
border-color: transparent;
position: absolute;
}
.ns-popover-tooltip-theme.ns-popover-bottom-placement .triangle:after {
border-bottom-color: white;
border-top-width: 0;
top: 1px;
margin-left: -10px;
}
.ns-popover-tooltip-theme.ns-popover-top-placement .triangle:after {
border-top-color: white;
border-bottom-width: 0;
bottom: 1px;
margin-left: -10px;
}
.ns-popover-tooltip-theme.ns-popover-right-placement .triangle {
content: "";
display: block;
width: 0;
height: 0;
border: solid 11px;
border-color: transparent;
position: absolute;
border-right-color: #d2d2d2;
top: 50%;
left: -11px;
margin-top: -11px;
}
.ns-popover-tooltip-theme.ns-popover-right-placement .triangle:after {
content: " ";
display: block;
width: 0;
height: 0;
border: solid 10px;
border-color: transparent;
position: absolute;
}
.ns-popover-tooltip-theme.ns-popover-right-placement .triangle:after {
border-right-color: white;
border-left-width: 0;
left: 1px;
bottom: -10px;
}
.ns-popover-tooltip-theme.ns-popover-right-align .ns-popover-tooltip {
margin-right: 0;
}
.am-flip-x {
-webkit-animation-duration: .4s;
animation-duration: .4s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards
}
.am-flip-x.am-flip-x-add, .am-flip-x.ng-hide-remove, .am-flip-x.ng-move {
-webkit-animation-name: flipInXBounce;
animation-name: flipInXBounce
}
.am-flip-x.am-flip-x-remove, .am-flip-x.ng-hide {
-webkit-animation-name: flipOutX;
animation-name: flipOutX
}
.am-flip-x.ng-enter {
visibility: hidden;
-webkit-animation-name: flipInXBounce;
animation-name: flipInXBounce
}
.am-flip-x.ng-enter.ng-enter-active {
visibility: visible
}
.am-flip-x.ng-leave {
-webkit-animation-name: flipOutX;
animation-name: flipOutX
}
.am-flip-x-linear {
-webkit-animation-duration: .4s;
animation-duration: .4s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards
}
.am-flip-x-linear.am-flip-x-add, .am-flip-x-linear.ng-hide-remove, .am-flip-x-linear.ng-move {
-webkit-animation-name: flipInX;
animation-name: flipInX
}
.am-flip-x-linear.am-flip-x-remove, .am-flip-x-linear.ng-hide {
-webkit-animation-name: flipOutX;
animation-name: flipOutX
}
.am-flip-x-linear.ng-enter {
visibility: hidden;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
.am-flip-x-linear.ng-enter.ng-enter-active {
visibility: visible
}
.am-flip-x-linear.ng-leave {
-webkit-animation-name: flipOutX;
animation-name: flipOutX
}
@-webkit-keyframes flipInX {
from {
opacity: 0;
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg)
}
to {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg)
}
}
@keyframes flipInX {
from {
opacity: 0;
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg)
}
to {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg)
}
}
@-webkit-keyframes flipInXBounce {
from {
opacity: 0;
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg)
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg)
}
to {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg)
}
}
@keyframes flipInXBounce {
from {
opacity: 0;
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg)
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg)
}
to {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg)
}
}
@-webkit-keyframes flipOutX {
from {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg)
}
to {
opacity: 0;
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg)
}
}
@keyframes flipOutX {
from {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg)
}
to {
opacity: 0;
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg)
}
}
.table-sessions tbody tr td:first-child{
vertical-align: middle;
}
/*Third block END */
/* HERO Implementation View*/
.left_hero_cs .block1__flex__one{
margin: 0 auto;
}
.right_hero_cs .block1__flex__three{
margin: 0 auto;
}
.hero-block-clk {
width: 100%;
}
.left_hero_cs {
float: left;
width: 25%;
}
.clock_js {
display: flex;
justify-content: center;
float: left;
width: 50%;
}
.clock_js > iframe {
width: 515px !important;
height: 520px !important;
}
.right_hero_cs {
float: left;
width: 25%;
}
@media only screen and (min-width:320px) and (max-width: 350px){
.clock_js{
width: 100% !important;
}
.clock_js > iframe{
height: 295px !important;
}
}
@media only screen and (min-width:351px) and (max-width: 369px){
.clock_js{
width: 100% !important;
}
.clock_js > iframe{
height: 310px !important;
}
}
@media only screen and (min-width:370px) and (max-width: 385px){
.clock_js{
width: 100% !important;
}
.clock_js > iframe{
height: 330px !important;
}
}
@media only screen and (min-width:386px) and (max-width: 400px){
.clock_js{
width: 100% !important;
}
.clock_js > iframe{
height: 345px !important;
}
}
@media only screen and (min-width:401px) and (max-width: 420px){
.clock_js{
width: 100% !important;
}
.clock_js > iframe {
width: 515px !important;
height: 360px !important;
}
}
@media only screen and (min-width:421px) and (max-width: 440px) {
.clock_js{
width: 100% !important;
}
.clock_js > iframe {
width: 515px !important;
height: 380px !important;
}
}
@media only screen and (min-width:441px) and (max-width: 460px) {
.clock_js{
width: 100% !important;
}
.clock_js > iframe {
width: 515px !important;
height: 400px !important;
}
}
@media only screen and (min-width:461px) and (max-width: 483px) {
.clock_js{
width: 100% !important;
}
.clock_js > iframe {
width: 515px !important;
height: 422px !important;
}
}
@media only screen and (min-width:484px) and (max-width: 510px) {
.clock_js{
width: 100% !important;
}
.clock_js > iframe {
width: 515px !important;
height: 447px !important;
}
}
@media only screen and (min-width:511px) and (max-width: 599px){
.clock_js{
width: 100% !important;
}
.clock_js > iframe {
width: 400px !important;
height: 385px !important;
}
}
@media only screen and (min-width:600px) and (max-width: 767px){
.clock_js{
width: 100% !important;
}
.clock_js > iframe {
width: 400px !important;
height: 385px !important;
}
}
@media only screen and (min-width:768px) and (max-width: 1100px){
.clock_js{
width: 100% !important;
}
.clock_js > iframe {
width: 400px !important;
height: 385px !important;
}
}
@media only screen and (min-width:1101px) and (max-width: 1129px){
.clock_js > iframe {
width: 400px !important;
height: 370px !important;
}
}
@media only screen and (min-width:1130px) and (max-width: 1360px){
.clock_js > iframe {
width: 400px !important;
height: 390px !important;
}
}
@media only screen and (min-width:1361px) and (max-width: 1400px){
.clock_js > iframe {
width: 410px !important;
height: 375px !important;
}
}
@media only screen and (min-width:1401px) and (max-width: 1499px){
.clock_js > iframe {
width: 410px !important;
height: 395px !important;
}
}
@media only screen and (min-width:1500px) and (max-width: 1599px) {
.clock_js > iframe {
width: 460px !important;
height: 445px !important;
}
}
@media only screen and (min-width:1600px) and (max-width: 1660px) {
.clock_js > iframe {
width: 525px !important;
height: 498px !important;
}
}
@media only screen and (min-width:1661px) and (max-width: 1699px) {
.clock_js > iframe {
width: 525px !important;
height: 528px !important;
}
}