@font-face {
	font-family: 'GothamPro';
	src: url("fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("fonts/GothamPro.woff") format("woff"), url("fonts/GothamPro.ttf") format("truetype"), url("fonts/GothamPro.svg#GothamPro") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GothamPro';
	src: url("fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/GothamPro-Medium.woff") format("woff"), url("fonts/GothamPro-Medium.ttf") format("truetype"), url("fonts/GothamPro-Medium.svg#GothamPro-Medium") format("svg");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'GothamPro';
	src: url("fonts/GothamPro-Black.eot?#iefix") format("embedded-opentype"), url("fonts/GothamPro-Black.woff") format("woff"), url("fonts/GothamPro-Black.ttf") format("truetype"), url("fonts/GothamPro-Black.svg#GothamPro-Black") format("svg");
	font-weight: 900;
	font-style: normal;
}





::-webkit-input-placeholder {color: #959da5!important;}
::-moz-placeholder {color: #959da5!important;}
:-ms-input-placeholder {color: #959da5!important;}
:-moz-placeholder {color: #959da5!important;}



body{font-size: 14px; color: #959da5; line-height: 1.71; font-family: 'GothamPro';}


img{max-width: 100%;}


p+p{margin-top: 23px;}

.title{font-size:25px;font-weight:900;text-align:left;margin:0 0 27px;line-height: 0.96; position:relative;color:#1f2429;}
.title:before{content:'';position:absolute;bottom:-22px;left:0;width:24px;height:2px;background-color:#21d353;}


.btn{font-size: 14px; font-weight: 500; padding: 11px 20px;}

.btn-lg{line-height: 1; padding: 17px 47px;}


.btn-success{border-color: #21d353;color: #fff;background-color: #21d353;box-shadow: 0 10px 20px 0 rgba(33, 211, 83, 0.33);}
.btn-success:hover{background-color: #1fc64e;color: #fff;border-color: #1fc64e;}
.btn-warning{border-color: #ffa510;color: #fff;background-color: #ffa510;box-shadow: 0 10px 20px 0 rgba(230, 187, 25, 0.33);}
.btn-warning:hover{background-color: #f09b10;color: #fff;border-color: #f09b10;}

.btn-primary{border-color: #499be2; color: #fff; background-color: #499be2; box-shadow: 0 10px 20px 0 rgba(33, 106, 211, 0.33);}
.btn-primary:hover{background-color: #4591d4; color: #fff; border-color: #4591d4;}



.btn-toggle{color: #959da5; outline: none; box-shadow: none!important;}
.btn-toggle.active{color: #21d353; outline: none;border: 2px solid #21d353;}


.form-control{height: 45px;border: none; font-size: 14px;}



.desktop-box{position: relative; display: inline-block;}
.desktop-box .inner{position: absolute;top: 11.6%; left: 15.6%; right: 15.3%; bottom: 16.8%; background-color: #ccc;}

.tablet-box{position: relative; display: inline-block;}
.tablet-box .inner{position: absolute;top: 9.5%; left: 12.5%; right: 12.9%; bottom: 13.1%; background-color: #ccc;}

.mobile-box{position: relative;display: inline-block;}
.mobile-box .inner{position: absolute; top: 15.3%; left: 17.3%; right: 16.7%; bottom: 19.8%; background-color: #ccc;}




.show-hide-box:not(.show-box){display: none;}

ul.show-hide-links-container{padding: 0;margin: 38px 0 0;}
ul.show-hide-links-container li{list-style: none; margin-bottom: 5px;}
ul.show-hide-links-container li a{min-width: 110px;}

.btn-min-w-1{min-width: 260px;}


.small-section+.small-section{margin-top: 50px;}

.mt-50{margin-top: 50px;}
.mt-80{margin-top: 80px;}
.mt-100{margin-top: 100px;}
.mt-120{margin-top: 120px;}
.mt-150{margin-top: 150px;}

/*===========================================================================
HEADER
===========================================================================*/
.header{/* margin-bottom: 20px; */}


.main-nav ul{padding: 0;margin: 0;}
.main-nav li{float: left;list-style: none;margin-right: 15px;}
.main-nav li a{font-size: 15px; color: #000; text-decoration: none; height: 70px; line-height: 70px}

.login-btn{margin: 0 0 0 23px;}
.login-btn a{display: block;height: 70px;line-height: 66px;min-width: 70px;text-align: center;padding: 0 5px; background-color: #21d353; color: #fff!important; text-decoration: none; }
.login-btn:hover a{text-decoration: none;color: #fff;}



.menu-btn {float: right;width: 30px;height: 25px;cursor: pointer;background: url(../img/menu-btn.svg) no-repeat;margin: 20px 0 20px;display: none;}

/*===========================================================================
END HEADER
===========================================================================*/




/*===========================================================================
FOOTER
===========================================================================*/
.footer{background-color: #f6f7fa; padding: 27px 0 10px; margin-top: 70px;}


.footer h4{font-size: 14px; color: #000;margin-bottom: 10px; font-weight: 900;}
.footer ul{padding: 0;margin: 0;}
.footer ul li{list-style: none;}
.footer li a{color: #000;}

.copyright{font-size: 13px; color: #000;margin-top: 79px;}

.footer-links{margin-top: 60px;}

.subscribe-form{padding-right: 177px;position: relative;}
.subscribe-form .submit-btn{width: 157px;float: right; margin-right: -177px;}


.social{text-align: center;}
.social .social-link{display: inline-block; vertical-align: middle;margin: 0 8px; width: 40px; height: 44px; background: url(../img/social_bg.svg) no-repeat; font-size: 20px; color: #21d353; line-height: 46px; text-decoration: none; text-align: center;
	-webkit-filter: drop-shadow(0px 5px 6px rgba(122,186,252,.24));
	filter: drop-shadow(0px 5px 6px rgba(122,186,252,.24));
}


.lang-btn{padding-left: 0;padding-right: 0;}
.lang-btn:after{margin-left: 24px;}

/*===========================================================================
END FOOTER
===========================================================================*/


/*===========================================================================
TOP SECTION
===========================================================================*/
.top-section{padding-top: 1px; min-height: 604px; position: relative; margin-top: 20px;}
.top-section .text-col{min-height: 604px; padding-bottom: 140px;}
.top-section .side-img{max-height: 605px;position: absolute; bottom: 0;right: 0; box-shadow:  0 7px 45px 4px rgba(122,186,252,.29); overflow: hidden; max-width: 50%;}
.top-section .side-img img{max-width: none;}
.top-section h1{font-size: 29px; color: #000; font-weight: 900; line-height: 1.6;margin-top: 46px; margin-bottom: 34px; }




.bottom-texture{margin-top: 56px; position: absolute;bottom: 0;left: -20px;}



/*===========================================================================
END TOP SECTION
===========================================================================*/


/*===========================================================================
LOGOS
===========================================================================*/


.logos{background-color: #fff;position: relative;padding: 60px 0 87px; text-align: justify; text-align-last: justify;}
.logos img{display: inline-block; margin: 20px 0 3px; vertical-align: middle;}
.logos .container:after{content:""; display: inline-block; width: 100%; height: 0; overflow: hidden;}





/*===========================================================================
END LOGOS
===========================================================================*/


/*===========================================================================
TOP BANNER
===========================================================================*/
.top-banner{background-size: cover; background-position: center; padding: 50px 0; color: #fff; position: relative;}
.top-banner:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #3f3275; opacity: 0.3;}




/*===========================================================================
END TOP BANNER
===========================================================================*/


/*===========================================================================
BOX
===========================================================================*/
.box{background-color:#fff;border-radius:4px;box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.06);margin-bottom:32px;padding:29px;}
.box .captcha-box{background-color:#f9f9f9;text-align:center;padding:10px;margin:0 -29px -10px;}
.box .captcha-box img{max-height:60px;}
.box .text{line-height:1.84;margin-right:-15px;}
.box .text .mCSB_container{margin-right:30px;}
.box .text p, .box .text li{margin-bottom:25px;}
.box .text ol{padding-left:60px;}
.box .text ol li:before{top:-3px;}
.box .text ol li li{margin-bottom:0;}
.box .text ol li li:last-child{margin-bottom:20px;}
.box .table-box{margin:0 -29px;}
.box table th:first-child, .box table td:first-child{padding-left:29px;}
.box table th:last-child, .box table td:last-child{padding-right:29px;}
.box table{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:10px;}
.box table thead th{font-size:13px;color:#a4aab0;line-height:1.76;font-weight:normal;border-bottom:1px solid #f0f2f5;}
.box table thead th[align="right"]{text-align:right;}
.box table td{padding-top:13px;padding-bottom:13px;}
.box .table-box.mCustomScrollbar:not(.mCS_no_scrollbar){position:relative;}
.box .table-box.mCustomScrollbar:not(.mCS_no_scrollbar):before{content:'';position:absolute;bottom:0;left:0;right:0;height:25px;background-color:rgba(255, 255, 255, 0.8);z-index:1;}
.box .table-box.mCustomScrollbar:not(.mCS_no_scrollbar) .mCSB_container{padding-bottom:30px;}
.box .table-box.fixed{position:relative;}
.box .table-box.fixed:before{content:'';position:absolute;bottom:-15px;left:0;right:0;height:15px;background-color:rgba(255, 255, 255, 0.8);z-index:1;}
.box.small{padding:15px;}



.animation-box .img-box{position:relative;background-color:#f5f7fa;background-size:contain;background-position:center;background-repeat:no-repeat;}
.animation-box .action-box{position:absolute;top:0;left:0;right:0;bottom:0;display:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(89, 100, 132, 0.8);}
.animation-box .action-box .action-buttons{position:absolute;top:15px;left:15px;}
.animation-box .action-box .action-buttons a{color:#fff;font-size:18px;display:block;margin-top:7px;}
.animation-box .action-box .action-buttons a:hover{opacity:.6;}
.animation-box .action-box .action-buttons a:first-child{margin-top:0;}
.animation-box .action-box .date{position:absolute;top:10px;right:15px;color:#fff;font-size:12px;font-weight:500;}
.animation-box .action-box .play-btn{position:absolute;text-decoration:none;top:50%;left:50%;color:#fff;font-size:30px;margin:-15px 0 0 -15px;}
.animation-box .action-box .play-btn:hover{opacity:.6;}
.animation-box .action-box .title{position:absolute;bottom:10px;left:15px;right:15px;text-align:center;margin:0;color:#fff;font-size:14px;}
.animation-box .action-box .title a{color:inherit !important;font-size:11px;}
.animation-box .action-box .title a:hover{opacity:.6;}
.animation-box .action-box .use-tpl{position:absolute;bottom:20px;left:50%;text-align:center;white-space:nowrap; padding: 6px 15px; font-size: 13px;
  -webkit-transform:translate(-50%, 0);
  -moz-transform:translate(-50%, 0);
  transform:translate(-50%, 0);
}
.animation-box .title-box{padding-top:15px;text-align:center;height:52px;margin-bottom:-15px;}
.animation-box .title-box a{color:#1c2429 !important;font-weight:500;}
.animation-box .title-box .sub-title{font-size:12px;color:#959da5;margin:0;}
.animation-box .title-box.has-sub-title{padding-top:7px;}
.animation-box .control-buttons{border-top:1px solid #f3f4f7;font-size:0;text-align:center;margin:15px -15px -15px;display:none;}
.animation-box .control-buttons button{display:inline-block;width:50%;border:none;background-color:transparent;font-size:13px;color:#a4aab0;font-weight:500;padding:9px 10px;border-radius:0;height:36px;}
.animation-box .control-buttons button:hover{color:#21d353;}
.animation-box .control-buttons button:hover i{color:#21d353;}
.animation-box .control-buttons button i{color:#e0e2e5;font-size:11px;margin-right:1px;}
.animation-box .control-buttons button + button{border-left:1px solid #f3f4f7;}
.animation-box.template-box .play-btn{margin-top:-40px;}
.animation-box:hover .action-box{display:block;}
.animation-box:hover .control-buttons{display:block;}
.animation-box:not(.template-box):hover .title-box{display:none;}



/*===========================================================================
END BOX
===========================================================================*/




/*===========================================================================
TEMPLATES SECTION
===========================================================================*/
.templates-section{ background-color: #f5f7fa; padding-bottom: 120px;}




.control-panel{margin-bottom: 30px; margin-top: 50px;}

.size-control{width:115px;margin-right:15px;position:relative;border-radius:4px;padding-right:22px;/* &:hoverborder-color:#c5edd0 */}
.size-control label{margin-bottom:1px;color:#a4aab0;font-weight:normal;font-size:13px;display:block;margin-top:-23px;}
.size-control .number{border:1px solid #e0e2e5;border-bottom-right-radius:0;border-top-right-radius:0;}
.size-control input[type=number]::-webkit-inner-spin-button, .size-control input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
.size-control input[type=number]{-moz-appearance:textfield;}
.size-control .qtyplus, .size-control .qtyminus{width:22px;height:22.5px;font-size:9px;color:#E0E2E5;background:#fff;border:1px solid #e0e2e5;padding:0;border-left:none;position:absolute;right:0;outline:none;cursor:pointer;}
.size-control .qtyplus:hover, .size-control .qtyminus:hover{color:#fff;background-color:#1fc64e;}
.size-control .qtyplus:active, .size-control .qtyminus:active{color:#fff;background-color:#21d353;}
.size-control .qtyplus{top:0;border-radius:0 4px 0 0;border-bottom:none;}
.size-control .qtyminus{bottom:0;border-radius:0 0 4px 0;border-top:none;}
.size-control + .btn{margin-left:10px;}









.control-panel .nav-tabs{margin-bottom:0;margin-top:5px;}
.nav-tabs{border-bottom:none;margin-bottom:23px;}
.nav-tabs > li{margin-right: 28px;margin-top: 15px;}
.nav-tabs > li > a.active, .nav-tabs > li > a.active:hover, .nav-tabs > li > a.active:focus{border:none;border-radius:0;color:#1c2429;background-color:transparent;}
.nav > li > a:hover, .nav > li > a:focus{text-decoration:none;background-color:transparent;color:#21d353;}
.nav-tabs > li > a.active{position:relative;}
.nav-tabs > li > a.active:before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#21d353;box-shadow:0 4px 10px 0 rgba(33, 211, 83, 0.52);}
.nav-tabs > li > a{border:none;margin:0;font-size:14px;font-weight:500;color:#a4aab0;padding:10px 0;line-height:1;}
.nav-tabs > li:last-child{margin-right: 0px;}






.side-menu {z-index: 9;height: 100%; background-color: #fff; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
  -webkit-transition: right .3s ease-in-out;
  -moz-transition: right .3s ease-in-out;
  -o-transition: right .3s ease-in-out;
  transition: right .3s ease-in-out;
}

.side-menu.left{width:247px;}
.side-menu.left .scroll-container{max-height:100%;}
.side-menu.left a, .side-menu.left span{padding:15px 10px 15px 88px;display:block;}
.side-menu.left a i, .side-menu.left span i{left:45px;}
.side-menu.left .text{padding:5px 20px 0 45px;}
.side-menu.left .text h5{margin:0 0 3px;line-height:1.3;}
.side-menu.left .text p{font-size:12px;color:#959DA5;}
.side-menu.left.large{width:300px;}
.side-menu.static.left{left:0;right:auto;}
.side-menu.open{right:0;}
.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:8;/* .menu-inner padding:60px 10px 20px 20px */}
.side-menu{padding-top:3px;}
.side-menu ul{padding:10px 0;margin:0;/* li:first-child margin-top:18px ul li:first-child margin-top:0 */}
.side-menu ul li{list-style-type:none;}
.side-menu ul li a, .side-menu ul li span{font-size:14px;font-weight:500;line-height:1.76;padding:15px 10px 15px 66px;color:#a4aab0;display:block;text-decoration:none !important;position:relative;}
.side-menu ul li a i, .side-menu ul li span i{position:absolute;top:50%;margin-top:-11.5px;left:23px;font-size:20px;color:#e0e2e5;}
.side-menu li.parent-active > a *{color:#21d353;}
.side-menu li.parent-active > span *{color:#21d353;}
.side-menu li.active a{color:#21d353;}
.side-menu li.active a *{color:#21d353;}
.side-menu li a:hover{background-color:#21d353;color:#fff;}
.side-menu li a:hover *{color:#fff;}
.side-menu .toggle-menu li a, .side-menu .toggle-menu li span{font-size:13px;}
.side-menu .toggle-menu .has-child span{position:relative;padding-right:35px;cursor:pointer;}
.side-menu .toggle-menu .has-child span:before{content:'\e903';font-family:'icomoon' !important;position:absolute;top:19px;right:25px;color:#e0e2e5;font-size:10px;}
.side-menu .toggle-menu .has-child.parent-active span{color:#1c252a;}
.side-menu .toggle-menu .has-child.parent-active span:before{content:'\e902';color:#1c252a;}
.side-menu .toggle-menu li ul{padding-top:0;padding-bottom:0;}
.side-menu .toggle-menu li:not(.parent-active) ul{display:none;}






.pagination{margin-top:0;margin-bottom:-70px;}
.pagination > li > a, .pagination > li > span{font-size:13px;color:#949699;font-weight:500;background-color:transparent;border-radius:4px !important;width:38px;height:38px;text-align:center;line-height:35px;border:2px solid transparent;margin-left:5px !important;padding:0;position:relative;float:left;text-decoration:none;}
.pagination > li i{color:#d7d9db;font-size:12px;}
.pagination > li:first-child > a, .pagination > li:first-child > span{margin-left:0 !important;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color:transparent;border-color:#e0e2e5;color:#1c2429;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{background-color:#fff;border-color:#fff;color:#21d353;}
.pagination > li > a:hover *, .pagination > li > span:hover *, .pagination > li > a:focus *, .pagination > li > span:focus *{color:#21d353;}







/*===========================================================================
END TEMPLATES SECTION
===========================================================================*/




/*===========================================================================
RESPONSIVE
===========================================================================*/
@media (max-width: 1550px){
	.top-section .side-img{right: auto; left: 50%;}
}



@media (min-width: 1200px){
	.container {max-width: 1180px;}
}

@media (max-width: 1199px){
	.text-section + .text-section{margin-top: 80px;}
}


@media (max-width: 991px){
  .subscribe-form{padding-right: 122px;}
  .subscribe-form .submit-btn{width: 110px; margin-right: -122px;}
  .social .social-link{margin: 0 5px;}
  .text-img{max-width: 500px; width: 100%;}

  .top-section .side-img{left: 60%; max-width: 40%;}

  .mt-50{margin-top: 10px;}
  .mt-80{margin-top: 30px;}
  .mt-100{margin-top: 50px;}
  .mt-120{margin-top: 70px;}
  .mt-150{margin-top: 80px;}

}


@media (max-width: 767px){
	.social{text-align: left;}

	.top-section .side-img{display: none;}
	.top-section .text-col{min-height: 0;}


  .logos .logos-line {display: block; text-align: justify; text-align-last: justify;}


  .mt-50, .mt-80, .mt-100, .mt-120, .mt-150{margin-top: 0px;}

}


@media (min-width: 577px){
  .main-nav{display: block!important;}
}

@media (max-width: 576px){
  .logos .logos-line img{max-height: 22px;}

  .main-nav {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 10;display: none;padding: 90px 20px 20px;}
  .logo {position: relative; z-index: 11;}

  .main-nav > ul > li {float: none;margin: 0 0 15px;}

  .main-nav > ul > li > a {display: block;text-align: center;width: auto;height: auto;line-height: 1;padding: 13px 0;}

  .menu-btn {display: block;position: relative;z-index: 11;}
  .menu-btn.active {
    background: url(../img/close-btn.svg) no-repeat;
}
	.social{text-align: center;margin-bottom: 15px;}

	.login-btn{margin-left: 0;}


  .size-control{margin-right: 7.5px; margin-bottom: 15px; width: calc(50% - 7.5px)}
  .size-control + .size-control{margin-left: 7.5px;margin-right: 0;}

  .control-panel .btn{display: block;margin-left: 0; clear: both;}
}





/*===========================================================================
END RESPONSIVE
===========================================================================*/