.button {

  position          : relative;

  padding           : 17px 23px;

  font-family       : 'DM Sans', sans-serif;

  font-size         : 15px;

  font-weight       : 700;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition   : all 0.3s ease-in-out;

  -ms-transition    : all 0.3s ease-in-out;

  -o-transition     : all 0.3s ease-in-out;

  transition        : all 0.3s ease-in-out;

}



.btn-style-1 {

  background-color: var(--primary-color);

  color           : #fff;

  border          : solid 1px var(--primary-color);

}



.btn-style-1:hover {

  background-color: #fff;

  color           : var(--primary-color);

  border          : solid 1px var(--primary-color);

}



.arrow-btn::after {

  content    : "\e92b";

  font-family: 'icomoon';

  font-size  : 10px;

  margin-left: 7px;

}



.clound-down::after {

  content    : "\e900";

  font-family: 'icomoon';

  margin-left: 15px;

}



.btn-st {

  position        : relative;

  display         : inline-block;

  font-weight     : 700;

  font-size       : 15px;

  font-family     : 'DM Sans', sans-serif;

  font-weight     : 600;

  color           : #fff;

  overflow        : hidden;

  background-color: var(--primary-color);

  text-align      : center;

  border-radius   : 4px;

  padding         : 17px 23px;

  z-index         : 1;

}



.btn-st::before {

  content                 : "";

  position                : absolute;

  left                    : 0px;

  top                     : 0px;

  z-index                 : -1;

  height                  : 100%;

  width                   : 100%;

  background-color        : #ffff;

  color                   : var(--primary-color);

  -webkit-transform       : scale(0, 1);

  -ms-transform           : scale(0, 1);

  transform               : scale(0, 1);

  -webkit-transform-origin: right top;

  -ms-transform-origin    : right top;

  transform-origin        : right top;

  transition              : transform 500ms cubic-bezier(0.86, 0, 0.07, 1) 0s, -webkit-transform 500ms 0s;

}



.btn-st:hover::before {

  -webkit-transform       : scale(1, 1);

  -ms-transform           : scale(1, 1);

  transform               : scale(1, 1);

  border-radius           : 4px;

  -webkit-transform-origin: top left;

  -ms-transform-origin    : top left;

  transform-origin        : top left;

}



.border-white {

  border: solid 1px #fff;

}



.style-2 {

  background-color: #fff;

  color           : var(--primary-color);

  border          : solid 1px #fff;

}



.style-2::before {

  background-color: var(--primary-color);

}



.style-2:hover {

  color : #ffff !important;

  border: solid 1px #fff;

}



.style-3 {

  background-color: var(--primary-color7);

  color           : var(--primary-color6);

  border          : solid 1px #fff;

}



.style-3::before {

  background-color: var(--primary-color);

}



.style-3:hover {

  color : #ffff !important;

  border: solid 1px #fff;

}



.style-4 {

  background-color: #fff;

  color           : var(--primary-color);

  border          : solid 1px var(--primary-color);

}



.style-4::before {

  background-color: var(--primary-color);

}



.style-4:hover {

  color : #ffff !important;

  border: solid 1px var(--primary-color);

}



.style-5 {

  background-color: var(--primary-color);

  color           : #fff;

  border          : solid 1px var(--primary-color);

}



.style-5::before {

  background-color: #fff;

}



.style-5:hover {

  color : var(--primary-color);

  border: solid 1px var(--primary-color);

}



.btn-st:hover::before {

  transform: scaleX(1);

}



.btn-st:hover {

  border-radius: 4px;

  color        : var(--primary-color);

}



/* slider style */

.swiper-slide.slider-st-1 {

  /*Center slide text vertically */

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

}



.content-slider-left {

  float       : left;

  text-align  : left;

  width       : 50%;

  padding-left: 12.9%;

}



.content-slider-right {

  position     : relative;

  width        : 50%;

  height       : 763px;

  padding-right: 10%;

}



.content-slider-right::before {

  content            : '';

  position           : absolute;

  top                : -13px;

  bottom             : 0;

  left               : -19%;

  right              : 0;

  background         : url(../images/image-slider/Shape-slider.png);

  background-position: top;

  background-repeat  : no-repeat;

  border-radius      : 8px;

  z-index            : -1;

}



.content-slider-right img {

  -webkit-mask-image   : url(../images/image-slider/mask-slider.png);

  mask-image           : url(../images/image-slider/mask-slider.png);

  -webkit-mask-position: center center;

  mask-position        : center center;

  -webkit-mask-repeat  : no-repeat;

  mask-repeat          : no-repeat;

  -webkit-mask-size    : cover;



}





.swiper-slide img {

  display   : block;

  width     : 100%;

  height    : 100%;

  object-fit: cover;

}





.title-slider {

  margin-top: 31px;

}



.desc-slider {

  margin-top   : 25px;

  padding-right: 11%;

}



.button-slider {

  margin-top: 30px;

}



.button-footer {

  margin-right: 17px;

}


/*

.flat-slider {
  height : 80vh;
  position           : relative;
  background-repeat  : no-repeat;
  background-size: contain;
}


.swiper-slide{
  height: 80vh;
}
*/
.flat-slider {
  height : 70vh;
  position: relative;
}
.flat-slider .swiper-container {
  height : 70vh;
}


.flat-demo-contest {
  position           : relative;
  background-image   : url(../images/background-section/demo_contest.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
} 




.flat-legal {
  position           : relative;
  background-image   : url(../images/background-section/legal.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
  text-align: center;
} 


.flat-depositbonus {
  position           : relative;
  background-image   : url(../images/background-section/deposit-bonus.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
  text-align: center;
} 


.flat-fxcurrencies {
  position           : relative;
  background-image   : url(../images/background-section/fx-currencies.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
  text-align: center;
} 

.flat-energies {
  position           : relative;
  background-image   : url(../images/background-section/fuel.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
} 

.flat-contacts {
  position           : relative;
  background-image   : url(../images/background-section/contact.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
} 

.flat-carrers {
  position           : relative;
  background-image   : url(../images/background-section/carrers.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
} 


.flat-sof {
  position           : relative;
  background-image   : url(../images/background-section/sof.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
} 


.flat-fxapi {
  position           : relative;
  background-image   : url(../images/background-section/fxapi.png);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
} 



.flat-calculator {
  position           : relative;
  background-image   : url(../images/background-section/calculator.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
} 



.flat-tnw {
  position           : relative;
  background-image   : url(../images/background-section/tradenwin.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
} 





.flat-sliderL {
  position           : relative;
  background-image   : url(../images/image-slider/slider1.jpg);
  background-repeat  : no-repeat;
  /*background-position: 50% -11%;*/
  height             : 70vh;
  background-size: contain;
}

.flat-slider2n {
  position           : relative;
  background-image   : url(../images/background-section/whitelabel.png);
  background-repeat  : no-repeat;
/*  background-position: 50% -11%;*/
  height             : 70vh;
  background-size: contain;
}


.flat-slider2 {
  position           : relative;
  background-image   : url(../images/background-section/mark-slider-background2a.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
}

.flat-metals {
  position           : relative;
  background-image   : url(../images/background-section/metals.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
}



.flat-slider2x {
  position           : relative;
  background-image   : url(../images/background-section/mark-slider-background2a.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
}



.flat-slider3 {

  position           : relative;
  background-image   : url(../images/background-section/mark-slider-background3.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
}





.flat-slider4 {

  position           : relative;
  background-image   : url(../images/background-section/mark-slider-background4.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
}



.flat-slider5 {
  position           : relative;
  background-image   : url(../images/background-section/whitelabel.png);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
}



.flat-slider6 {
  position           : relative;
  background-image   : url(../images/background-section/mark-slider-background6.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
}


.flat-slider7 {
  position           : relative;
  background-image   : url(../images/background-section/mark-slider-background7.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
}


.flat-slider7f {
  position           : relative;
  background-image   : url(../images/background-section/ecn-background.png);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
}


.flat-slider7g {
  position           : relative;
  background-image   : url(../images/image-slider/pro-ecn.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
}


.flat-slider7a {
  position           : relative;
  background-image   : url(../images/background-section/mark-slider-background7a.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
}





.flat-slider7b {
  position           : relative;
  background-image   : url(../images/background-section/standard-account.png);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
}



.flat-slider8 {
  position           : relative;
  background-image   : url(../images/background-section/mark-slider-background8.png);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
}




.flat-slider9 {
  position           : relative;
  background-image   : url(../images/background-section/trading-tools.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
}



.flat-slider9x {
  position           : relative;
  background-image   : url(../images/image-slider/slider2.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
}


.flat-slider10 {
  position           : relative;
  background-image   : url(../images/background-section/welcome.png);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
}


.flat-slider11 {
  position           : relative;
  background-image   : url(../images/background-section/vps_banner.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
} 


.flat-slider12 {
  position           : relative;
  background-image   : url(../images/background-section/slider.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
}



.flat-slider14 {
  position           : relative;
  background-image   : url(../images/mark-page/hybride-doc.jpg);
  background-repeat  : no-repeat;
  height: 80vh;
  background-size: cover;
  background-position: center 56%;

} 

.flat-slider15 {
  position           : relative;
  background-image   : url(../images/background-section/tny.jpg);
  background-repeat  : no-repeat;
  height             : 70vh;
  background-size: contain;
} 




.swiper-container .title-slider,

.swiper-container .sub-title-slider,

.swiper-container .desc-slider {

  display  : block;

  transform: translateY(80px);

}



.swiper-container .title-slider,

.swiper-container .sub-title-slider,

.swiper-container .desc-slider {

  opacity: 0;

}



.swiper-container .swiper-slide-active .title-slider,

.swiper-container .swiper-slide-active .sub-title-slider,

.swiper-container .swiper-slide-active .desc-slider {

  opacity         : 1;

  transform       : translate(0);

  transition      : all 500ms ease-in-out;

  transition-delay: 500ms;

}



.swiper-container .button-slider {

  position : relative;

  display  : block;

  opacity  : 0;

  transform: translateY(50px);

}



.swiper-container .sub-title-slider {

  margin-top: 138px;

}



.swiper-container .swiper-slide-active .button-slider {

  opacity         : 1;

  transform       : translate(0);

  transition      : all 800ms ease-in-out;

  transition-delay: 800ms;

}



.swiper-container.style-coverflow {

  position      : relative;

  width         : 100%;

  padding-bottom: 50px;

  overflow      : unset;


}



.main-slide-button {

  position: absolute;

  bottom  : -10px;

  right   : 250px;

  z-index: 50;

}


.flat-slider .mark-slide {
  position: absolute;
  bottom  : -10%;
  right    : 2%;
  z-index: 9;
}

.mark-slide {
  position: absolute;
  bottom  : 0%;
  right    : 2%;
  z-index: 9;
}

.mark-slide img {
  width: 7vw;
}


.main-slide-button .clone-main-btn-prev,

.main-slide-button .clone-main-btn-next {

  background-color: unset;

  border          : none;

  color           : var(--primary-color);

}



.main-slide-button .clone-main-btn-prev {

  margin-right: 12px;

}



.main-slide-button .clone-main-btn-next {

  margin-left: 20px;

}



.main-slide-button .clone-main-btn-prev::before {

  content     : "\e955";

  font-family : 'icomoon';

  font-size   : 10px;

  margin-right: 9px;

}



.main-slide-button .clone-main-btn-prev::after {

  content: 'Prev';

  color  : #181818;

}



.main-slide-button .clone-main-btn-next::after {

  content    : "\e92b";

  font-family: 'icomoon';

  font-size  : 10px;

  margin-left: 9px;

}



.main-slide-button .clone-main-btn-next::before {

  content: 'Next';

  color  : #181818;

}



.coverflow-overlay {

  position           : absolute;

  top                : 0;

  bottom             : 0;

  left               : 0;

  right              : 0;

  background         : var(--primary-color);

  background-position: center;

  background-repeat  : no-repeat;

  background-size    : cover;

  border-radius      : 8px;

  z-index            : 1;

  opacity            : 0;

  -webkit-transition : all .7s ease;

  transition         : all .7s ease;

}



.swiper-slide-active .coverflow-overlay {

  opacity: 0.9;

}



.icon-slider-coverflow::after {

  content    : '';

  position   : absolute;

  top        : 50%;

  left       : 50%;

  transform  : translate(-50%, -50%);

  content    : "\e92b";

  font-family: 'icomoon';

  font-size  : 15px;

  color      : var(--primary-color);

}



.icon-slider-coverflow {

  position          : relative;

  display           : table;

  margin-left       : auto;

  margin-right      : auto;

  object-fit        : cover;

  height            : 100px;

  width             : 100px;

  border-radius     : 50%;

  transform         : rotate(315deg);

  background-color  : #fff;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition   : all 0.3s ease-in-out;

  -ms-transition    : all 0.3s ease-in-out;

  -o-transition     : all 0.3s ease-in-out;

  transition        : all 0.3s ease-in-out;

}



.icon-slider-coverflow:hover {

  background-color: var(--primary-color6)

}



.coverflow-overlay-content {

  position  : absolute;

  top       : 50%;

  transform : translateY(-50%);

  left      : 0;

  right     : 0;

  text-align: center;

}



.swiper-slide.style-coverflow {

  background-position: center;

  background-size    : cover;

}



.swiper-slide.style-coverflow img {

  display      : block;
  width        : 458px;
  border-radius: 10px;

}



.swiper-button-next.slider-coverflow-btn::after,

.swiper-button-prev.slider-coverflow-btn::after {

  font-size: 25px;

}



.swiper-button-next.slider-coverflow-btn:hover,

.swiper-button-next.slider-coverflow-btn:focus,

.swiper-button-prev.slider-coverflow-btn:hover,

.swiper-button-prev.slider-coverflow-btn:focus {

  background-color: var(--primary-color6);

  border          : 1px solid #fff;

}



.swiper-button-next.slider-coverflow-btn {

  left: 50%;

}



.swiper-button-prev.slider-coverflow-btn {

  left: 45%;

}



.swiper-button-next.slider-coverflow-btn,

.swiper-button-prev.slider-coverflow-btn {

  top               : unset;

  bottom            : -70px;

  padding           : 35px;

  border-radius     : 50%;

  border            : 1px solid rgba(255, 255, 255, 0);

  background-color  : var(--primary-color);

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition   : all 0.3s ease-in-out;

  -ms-transition    : all 0.3s ease-in-out;

  -o-transition     : all 0.3s ease-in-out;

  transition        : all 0.3s ease-in-out;

}



.swiper-button-prev.slider-coverflow-btn {

  background-color: #4C4C4C;

}



.swiper-container.sliver-vertical {

  height  : 560px;

  overflow: hidden;

}



.clone-btn-next::after,

.clone-btn-prev::after {

  position   : absolute;

  top        : 50%;

  left       : 50%;

  transform  : translate(-50%, -50%);

  content    : "\e92b";

  font-family: "icomoon";

  font-size  : 15px;

}



.clone-btn-prev::after {

  content: "\e955";

}



.clone-btn-next,

.clone-btn-prev {

  position             : relative;

  border-radius        : 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius   : 50%;

  -ms-border-radius    : 50%;

  -o-border-radius     : 50%;

  width                : 75px;

  height               : 75px;

  object-fit           : cover;

  margin-right         : 22px;

  border               : 1px solid var(--primary-color);

}



.clone-btn-next {

  background-color: var(--primary-color);

}



.clone-btn-prev,

.clone-btn-next:hover {

  background-color: #fff;

  border          : 1px solid var(--primary-color);

  color           : var(--primary-color);

}



.clone-btn-prev:hover {

  background-color: var(--primary-color);

  border          : 1px solid var(--primary-color);

  color           : #fff;

}



.swiper-container.carousel,

.swiper-container.carousel-style-2 {

  margin-top: 48px;

  cursor    : ew-resize;

}



.swiper-pagination.bullet-slider-about {

  display    : flex;

  bottom     : -80px;

  align-items: center;

  left       : 50%;

  transform  : translateX(-50%);

}



.swiper-pagination.bullet-slider-about .swiper-pagination-bullet {

  position  : relative;

  width     : 12px;

  height    : 12px;

  background: #fff;

  opacity   : 1;

  margin    : 0 17px;

}



.swiper-pagination.bullet-slider-about .swiper-pagination-bullet-active::after {

  position        : absolute;

  content         : '';

  top             : 50%;

  left            : 50%;

  right           : 0;

  bottom          : 0;

  transform       : translate(-50%, -50%);

  padding         : 20px;

  border-radius   : 50%;

  background-color: unset;

  border          : 1px solid #fff;

}



/* preload */



.preloading {

  overflow: hidden;

}



.preload-container {

  position  : relative;

  width     : 100%;

  height    : 100%;

  background: #fff;

  position  : fixed;

  top       : 0;

  bottom    : 0;

  right     : 0;

  left      : 0;

  z-index   : 99999999999;

  display   : block;

  overflow-x: hidden;

  overflow-y: auto;

}



.preload-logo {

  position           : absolute;

  top                : 50%;

  left               : 50%;

  width              : 80px;

  height             : 80px;

  z-index            : 100;

  margin             : -30px 0 0 -30px;

  background-image   : url(../images/icon/ball.gif);

  background-repeat  : no-repeat;

  background-position: center center;
  background-size: contain;

  /* -webkit-box-sizing : border-box;

  -moz-box-sizing    : border-box;

  -ms-box-sizing     : border-box;

  -o-box-sizing      : border-box;

  box-sizing         : border-box;

  -webkit-animation  : bounce 1.5s linear infinite;

  -moz-animation     : bounce 1.5s linear infinite;

  -ms-animation      : bounce 1.5s linear infinite;

  -o-animation       : bounce 1.5s linear infinite;

  animation          : bounce 1.5s linear infinite; */

}



/* side menu */



.side-menu__block {

  position          : fixed;

  top               : 0;

  right             : 0;

  width             : 100%;

  height            : 100%;

  z-index           : 99999;

  -webkit-transform : translateX(100%);

  -ms-transform     : translateX(100%);

  transform         : translateX(100%);

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition   : all 0.3s ease-in-out;

  -ms-transition    : all 0.3s ease-in-out;

  -o-transition     : all 0.3s ease-in-out;

  transition        : all 0.3s ease-in-out;

}



.side-menu__block.active {

  -webkit-transform: translateX(0);

  -ms-transform    : translateX(0);

  transform        : translateX(0);

}



.side-menu__block.active .side-menu__block-overlay {

  -webkit-opacity   : 1;

  -khtml-opacity    : 1;

  -moz-opacity      : 1;

  opacity           : 1;

  -ms-filter        : progid:DXImageTransform.Microsoft.Alpha(opacity=100);

  filter            : alpha(opacity=100);

  display           : block\9;

  visibility        : visible;

  -webkit-transform : translateX(-270px);

  -ms-transform     : translateX(-270px);

  transform         : translateX(-250px);

  cursor            : url(../icon/close-1-1.png), auto;

  -webkit-transition: all 0.2s ease-in-out 0s;

  -moz-transition   : all 0.2s ease-in-out 0s;

  -ms-transition    : all 0.2s ease-in-out 0s;

  -o-transition     : all 0.2s ease-in-out 0s;

  transition        : all 0.2s ease-in-out 0s;

}



.side-menu__block-overlay {

  position         : fixed;

  right            : 0;

  top              : 0;

  bottom           : 0;

  left             : 0;

  -webkit-opacity  : 0;

  -khtml-opacity   : 0;

  -moz-opacity     : 0;

  opacity          : 0;

  -ms-filter       : progid:DXImageTransform.Microsoft.Alpha(opacity=0);

  filter           : alpha(opacity=0);

  display          : none\9;

  visibility       : hidden;

  cursor           : pointer;

  background       : rgba(0, 0, 0, 0.8);

  z-index          : 99999;

  -webkit-transform: translateX(0);

  -ms-transform    : translateX(0);

  transform        : translateX(0);

}



.side-menu__block-inner {

  position        : absolute;

  right           : 0;

  top             : 0;

  padding         : 0 50px 0 40px;

  width           : 100%;

  max-width       : 656px;

  height          : 100%;

  overflow-y      : auto;

  background-color: #eceeef;

  z-index         : 999999;

}



a.side-menu__toggler.side-menu__close-btn {

  padding         : 24px;

  background-color: #000;

}



.side-menu__block-inner .main-nav li {

  float: inherit !important;

}



.side-menu__block-inner .main-nav li a {

  display: inline !important;

}



.side-menu__top {

  display        : flex;

  align-items    : center;

  justify-content: space-between;

  margin-right   : -50px;

}



.side-menu__top-introduce p {

  font-size    : 17px;

  margin-top   : 27px;

  line-height  : 30px;

  margin-bottom: 15px;

}



.side-menu__title {

  font-family  : 'Montserrat', sans-serif;

  font-size    : 24px;

  font-weight  : 700;

  line-height  : 60px;

  margin-top   : 15px;

  margin-bottom: 9px;

}



/* side menu lastest work */

.side-menu__lastest {

  display      : flex;

  display      : -webkit-flex;

  margin-bottom: 15px;

}



.side-menu__lastest-item {

  position: relative;

  width   : 20%;

  margin  : 5px;

}



.side-menu__lastest-item:hover .side-menu__lastest-layer {

  opacity: 1;

}



.side-menu__lastest-layer {

  position          : absolute;

  top               : 0;

  left              : 0;

  right             : 0;

  bottom            : 0;

  background-color  : rgba(0, 0, 0, 0.692);

  border-radius     : 4px;

  opacity           : 0;

  -webkit-transition: all 0.3s ease;

  -moz-transition   : all 0.3s ease;

  -ms-transition    : all 0.3s ease;

  -o-transition     : all 0.3s ease;

  transition        : all 0.3s ease;

}



.side-menu__lastest-icon::after {

  position   : absolute;

  top        : 50%;

  left       : 50%;

  transform  : translate(-50%, -50%);

  content    : '\f067';

  font-family: 'FontAwesome';

  font-size  : 25px;

  color      : #fff;

}



.side-menu__lastest-item img {

  border-radius: 4px;

}



/* side menu lastest new */

.side-menu__lastestNew-item {

  display    : flex;

  display    : -webkit-flex;

  align-items: center;

}



.lastestNew__item-post {

  width: 21%;

}



.lastestNew__item-post img {

  border-radius: 4px;

}



.lastestNew__item-content {

  width  : 65%;

  padding: 22px;

}



.side-menu__lastestNew-item .heading {

  font-size  : 18px;

  font-family: 'Montserrat', sans-serif;

  line-height: 30px;

  font-weight: 700;

}



/* side menu video */

.side-menu__top-video {

  margin-top: 30px;

}



.side-menu__top-video .video__thumb .video {

  height       : 330px;

  width        : 100%;

  border-radius: 6px;

}



/* side social */

.side-menu__top-social .widget-social {

  font-family    : 'DM Sans', sans-serif;

  font-size      : 17px;

  font-weight    : 700;

  line-height    : 42px;

  display        : flex;

  display        : -webkit-flex;

  justify-content: center;

  margin         : 15px 0;

}



.side-menu__top-social .widget-social:first-child li {

  color       : var(--primary-color);

  margin-right: 20px;

}

@media only screen and (max-width: 767px) {
.flat-slider7g, .flat-demo-contest, .flat-tnw {
  height: inherit;
}
}