@font-face {font-family: Calibri; src: url("/fonts/Calibri.ttf")}
@font-face {font-family: CenturyGothic; src: url("/fonts/CenturyGothic.ttf")}


body {margin:0; padding: 0; font-family:Calibri;}



.container-fluid {width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto;}

.row {width: 100%; margin:0; padding:0;}

p, h1, h3 {width: 100%;}

ul li {list-style-type: none;}

a:hover {text-decoration: none;}

button:focus, form input.form-control:focus, form textarea.form-control:focus, form select.form-control:focus {outline: none; box-shadow:none; border-color: #CED4DA;}

.video a{    background: #cccccc73;  display: block;  width: 80px;  height: 80px;  position: absolute;  border-radius: 80px;  left: 136px;  top: 54px; }
.video a:hover{    background: #ff558942;transition: background-color 300ms  }
.video a:after{ background: green;  border-radius: 10px;  padding: 20px;  position: relative;  color: #fff;}
.video a:before{ content: ' ';  display: block;  border: 14px solid transparent;  border-left: 20px solid #ffffff;  top: 24px;  left: 33px;  position: absolute;}


.layout {max-width: 1250px; margin:0 auto;}



.blockGreen {background: #87c88b;}



header {background: url(/images/top.png) center 0 no-repeat #ff5489;}

header .logo p {margin:5px 0; padding:0;}

header .logo img {height: 78px;}

header .header-form {text-align: left;}

header .header-form form.row {padding: 25px 0 0 0;}

header .header-form form.row a{color: #fff;display: block;margin: -2px 10px;text-decoration: underline;}

header .header-form form.row span{color: #fff;    display: block;    margin: 3px 10px 0 86px;    background: #e00000;    text-decoration: none;    font-size: 12px;    padding: 0 10px;    border-radius: 3px;    float: right;    line-height: 19px;}

header .header-form form.row div.col-12 {padding:0;}

header .header-form form.row input {width:97%; border:none; padding:3px 10px;}
header .header-form form.row input:focus {outline: none;}

header .header-form form.row button {width:95%; background: #dc5b0b; color: #FFF; border:none; padding:3px 0;}
header .langs {    padding: 20px 0 0 0;    color: #fff;}
header .langs .dropdown> a { color:#fff   }
header .langs .dropdown> a>img{ width: 20px;    }
header .langs .dropdown-menu a {font-size: 14px; color: #4e5c68;}
header .langs .dropdown-menu a img{width: 20px;    margin: -3px 0 0 0; }


header .total {      font-size: 20px;
    font-weight: bold;
    color: #ffd373;
    text-shadow: 1px 1px 0 #925b09;    text-align: center;
    line-height: 20px;
    padding: 22px 0 0px;  }



.monitor.row {margin:0 auto; background: url(/images/monitor.png) center 0 no-repeat #59bae7; padding:20px 0 40px 0;}

.monitorTitle {padding-top:30px;}

.monitorTitle p {font-weight: bold;}

.monitorImg {position: relative;}

.monitor .iframe {height: 305px;}

.monitor .iframe iframe{height: 100%;width: 100%}

.monitorImg img {width: 100%;}

.monitorForm div.col-12, .monitorForm div.col-3, .monitorForm div.col-6 {padding: 5px;}

.monitorForm input {width: 100%; padding:2px 10px;    border: 1px solid #ccc;}
.monitorForm input.error {background: #ffbaba;	border: 1px solid #ff5489;}

.monitorForm .exist_message{font-size: 11px;display: none;	color: #cc1d1d;}

#reg_email_code_modal .error_message{font-size: 11px;display: none;	color: #cc1d1d;}

.monitorForm select {width: 100%; padding: 4px 0px;}

.monitorForm button {background: #f75586; width: 100%;  display: block; height: 30px;line-height: 13px;color: #FFF; border:none; font-size: 13px; padding:5px 0; cursor: pointer;}

.monitorForm button[type=submit] {text-transform: uppercase; }

.monitorForm .form-check {display: inline-block; vertical-align: top; padding: 0;     margin: 0 0 0 22px;}

.monitorForm .form-check input {width:20px;}

.monitorForm p.birth {margin-bottom:0; font-weight: bold;}

.monitorFooter h3 {text-align: center; color:#FFF; font-size: 45px; padding-top:30px;}



.successLogo {padding:40px 0;}

.successLogo img {width: 100%;}



.blockPink {background: url(/images/pink.png) left 0 no-repeat; color: #FFF; padding:40px 0;}

.blockPink h4 {font-weight: bold; position:relative; padding: 14px 0 16px 117px; font-size: 22px;}

.blockPink h4::before {content:""; position:absolute; width: 112px; top: 27px; height:3px; background: #FFF; left: -10px;}

.blockPink p {line-height: 17px; font-weight: bold;}

.blockPink img {float: left; shape-outside: circle(50%); clip-path: circle(50%); margin:0 50px 0 0;}



.blockStep {background: url(/images/step-bg.jpg) left 0 no-repeat; background-size: cover; color: #7a5880;}

.block-success-participate {color: #FFF; padding:50px 0;}
.block-success-participate ul {margin-top:50px;}
.block-success-participate ul li {margin:0 0 20px 0;}
.block-success-participate ul li:nth-child(3) {padding-left:50px;}
.block-success-participate ul li:nth-child(2) {padding-left:100px;}
.block-success-participate ul li:nth-child(1) {padding-left:50px;}
.block-success-participate ul li span {color: #3d7dac;}
.block-success-participate ul li svg {color: #ff677e; font-size: 76px; float: left; margin-right: 20px; margin-top:-20px; margin-bottom:50px;}
.block-success-participate ul li:last-child svg {float: right; margin-left: 20px;}

.blockStepTitle p {color: #FFF; font-size: 42px; font-weight: bold; text-transform: uppercase; text-align: center; font-family: CenturyGothic;}

.stepBlock1 {background: #FFF; padding-bottom:30px;}

.stepBlock1Left1 ul {padding-left: 150px;}

.stepBlock1 img {margin-right:30px; float:left;}

.stepBlock2 {background: #FFF; position: relative;}

.stepBlock2 img {width: 95%; bottom:0; position:absolute;}

.blockFamilyText h3 {text-transform: uppercase; color: #ff8591; font-family: CenturyGothic; text-align: right; font-weight: bold; padding-top:30px;}

.blockFamilyTextBottom {padding: 28px 0;}
.blockFamilyTextBottom p {color: #ff8591; font-size: 24px; font-weight: bold;}
.blockFamilyTextBottom p.button {text-align: center; padding-top:20px;}
.blockFamilyTextBottom p.button a {background: #a6cdd1; color: #FFF; text-transform: uppercase; padding:10px 25px; font-size:16px;}

.workProject {margin-bottom:20px;}
.workProject h4 {color: #ff8591; font-weight: bold;}
.workProject p {color: #ff8591; font-weight: bold; line-height: 23px;}

.work-block p {text-align: center; color: #7a5880; font-weight: bold;}
.workImg img {padding-left: 53px; margin:20px 0; width:100%; max-width: 1113px;}
.work-block-1-2 {padding-right:49px;}
.work-block-1-3 {padding-right: 35px;}
.work-block-2-1 {padding-left:70px;}
.work-block-2-2 {padding-right:11px;}
.work-block-2-3 {padding-left: 130px;}


.successText {color:#FFF; padding-top:50px;}

.successText h3 {font-size: 95px; line-height: 82px; font-weight: bold;}

.successText p.withBorder {font-weight: bold; position:relative; padding-left:70px; font-size: 22px;}

.successText p.withBorder::before {content:""; position:absolute; width:70px; top:16px; height:3px; background: #FFF; left: -10px;}



.ellips1, .ellips2 {background: #FFF;}

.ellipsFin {background: url(/images/ellips.jpg) right no-repeat;}



.ellips2 {padding:50px 0 0 0;}

.ellips2 h3 {color: #d7966e; text-transform: uppercase; font-weight: bold; position: relative;}

.ellips2 h3::after {content:""; position:absolute; width:350px; top:16px; height:3px; background: #f6d6c2; margin-left:10px;}

.ellips2 h4 {font-weight: bold; padding-bottom: 30px;}

.ellips2 p {color: #9c9c9c;}

.ellips2Block {margin:40px 0 0 0;}

.ellips2 .ellips2Block:nth-child(3) {padding-left: 18%;}

.ellips2 .ellips2Block:nth-child(4) {padding-left: 9%;}



.blockFamily {background: url(/images/family.jpg) center 0 no-repeat;}



.social {color: #FFF; padding-bottom:40px;}

.socialWhite {background: #FFF; padding:80px 0;}

.socialWhite h4 {color: #4b8a5a; font-size: 60px; font-weight: bold; text-transform: uppercase;}

.socialWhiteText {padding-top: 50px;}

.socialWhiteText p {color: #696969; font-size: 18px;}

.socialWhiteText p.link {text-align: right; padding-top:30px;}

.socialWhiteText p.link a {color: #FFF; background: #5ab85f; padding:15px 20px; font-size: 16px; margin-right:40px; text-transform: uppercase; font-weight: bold;}

.socialFooter {padding:40px 0;}

.socialFooter p {font-size: 32px; font-weight: 300;}

.socialFooter h3 {font-size: 70px; font-weight: bold;}

.socialBorder {padding-top:50px;}

.socialBorder p {background: #FFF; width:100%; height:3px;     margin-top: 14px;}

.socialFace img {width: 100%;}

.socialFace p {font-size: 22px; margin:0;}

.socialFace p.title {font-weight: bold;}



.reviews {color: #FFF; background: #dc5b0b;}



.reportsWhite {background: #FFF;}

.reportReviewBlock {padding:50px 30px;}

.reportReviewBlock h3 {margin:0; font-size: 19px; font-weight: bold;}



.videoReports {color: #FFF; padding:50px 0; padding-bottom:200px;}

.videoReports p a {background: #dc5b0b; color: #FFF; padding:15px 30px;}

.videoReports p.title {padding-left:90px; font-size: 18px;}

.videoReports p.title::before {content:""; position:absolute; width:70px; top:13px; height:3px; background: #FFF; left:0;}

.videoReports h3 {font-size: 50px; font-weight: bold;}

.videoReportsBtn {padding-top:100px;}

.video {position: relative; padding-top:80px;}

.videoDesc {background: #FFF; width:80%; margin:-100px 0 0 15%; z-index: 2; position:absolute; color: #000; padding:30px;}

.videoDesc p.date {color: #dc5b0b; font-weight: bold;}

.videoDesc p.title {text-transform: uppercase; font-weight: bold; padding-left:0;}

.videoDesc p.text {font-weight: 300;}



footer.row {background: url(/images/footer-bg.jpg) center 0 no-repeat;}



footer .footer-title {background: #ff8591; padding:10px 0;}

footer .footer-title h3 {color: #FFF;}

footer .footer-video {margin-top:50px;}

footer .footer-video-one {margin-bottom: 30px;}

footer .footer-video p {margin:0; padding: 0;}

footer .footer-video p.date {font-weight: bold; margin-top:30px;}

footer .footer-video p.redText {color: #cd4150; text-transform: uppercase; font-weight: bold;}

footer .footer-bottom {text-align: center; color: #FFF; margin-top:60px; padding-bottom: 50px; border-top:10px solid #c84869; padding-top:40px;}

footer .footer-bottom h3 {font-size: 40px; font-weight: bold; margin-bottom: 20px;}

footer .footer-bottom p.link {margin:40px 0 80px 0;}

footer .footer-bottom p a {background: #FFF; color: #000; text-transform: uppercase; padding:10px 20px;}

footer .footer-bottom ul {margin:0 auto; padding: 0;}

footer .footer-bottom ul li {display: inline-block; vertical-align: top; padding:0 5px;}

footer .footer-bottom ul li img {height:30px;}

footer .video-all p {margin:15px 0 0 0; text-align: right;}

footer .video-all p a {color: #FFF; background: #a6cdd1; padding:10px 20px;}



@media(max-width: 600px){



    header .logo p {text-align: center;}

    header .header-form {padding-bottom:20px;}

    header .header-form input {margin-bottom: 10px;}



    .successLogo {padding: 40px 0 0 0;}

    .successLogo img {width: auto; height: 100px; margin: 0 auto; display: block;}

    .blockPink img {width: 100%; float: none; margin: 20px 0;}
    .blockPink p {line-height: 20px; font-weight: normal; font-size: 20px;}

    .blockStep {background: none;}

    .workImg img {display:none;}

    .work-block p {line-height:20px;}
    .work-block-1-2 {padding-right:0;}
	.work-block-1-3 {padding-right: 0;}
	.work-block-2-1 {padding-left:0;}
	.work-block-2-2 {padding-right:0;}
	.work-block-2-3 {padding-left: 0;}

	.workProject h4 {font-size: 20px; text-align: center;}
	.workProject p {text-align: center;}

	.blockFamilyTextBottom {background: #FFD5DE; text-align: center;}
	.blockFamilyText h3 {text-align: center;}


}



button.bg-lime {    background-color: #90ca4b!important;    border: 1px solid transparent; outline: none!important;}

button.bg-lime:hover {    background-color: #76af33!important;border: 1px solid transparent; }

button.bg-lime:active {    background-color: #76af33!important;}

button.bg-lime:focus {    background-color: #76af33!important;box-shadow:none;}



.modal-body{overflow-x: hidden;width: 100%;    background: #fff;    padding: 10px;font-size: 12px;  font-family: "Open Sans", sans-serif; }

.modal-body .btn.status{      width: auto;}

.modal-content{color:#000;    border-radius: 6px;  overflow: hidden;}

.modal-dialog.mail {width: 800px;}

.modal-dialog.mail.preview {width: 1200px}

@media (max-width: 815px) {    .modal-dialog.mail {width:90%;}}

.modal-content ul.info{  list-style: none;    padding: 0;      margin: 0 0 13px;}

.modal-content ul.info li {    display: inline-block;    border-right: 1px solid #E6E6E6;    color: #B1B1B1;    padding-right: 8px;    margin-right: 8px;    font-size: 0.9em;}

.modal-content ul.info li .fa {    margin-right: 4px;  color: #B1B1B1;  }

.modal-content ul.info li .btn .fa {    margin-right: 4px;  color: #fff;  }

.modal-content ul.info li a {   color: #B1B1B1;    }

.modal-content ul.info li a:hover {     color: #6b6b6b;    text-decoration: underline;    cursor: pointer;  }

.modal-content ul.info li:last-child {    border-right: 0;    padding-right: 0;    margin-right: 0;}

.modal-content .nav.nav-tabs {    padding: 0 0 0 25px;background: none}

.modal-footer {  background: #fff;  border-top: 1px solid #eee;  padding: 10px 15px;  border-bottom-right-radius: 3px;  border-bottom-left-radius: 3px;}

.modal-header {  border-radius: 3px 3px 0 0;padding: 10px 15px;background: #f75888;  font-family: "Open Sans", sans-serif;  border-bottom: none;    color: #fff;    font-size: 12px;}

.modal-header h4{    font-size: 12px;    color: #fff;    font-weight: normal;}

.modal-header h3{    font-size: 12px;    color: #fff;    font-weight: normal;}

.modal-header .close {  padding: 15px;  font-size: 18px;     margin: -15px -15px -15px auto;}

.modal-content .nav-tabs>li>a {    color: #656565;}

.modal-content .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {    color: #5d5d5d;}

.modal-content .tab-content>.active {      padding: 20px 0;  display: block;    color: #545454;}

.modal-content .panel-heading {     padding: 5px 15px 0;}

.modal-content .panel-heading h3{     font-size: 14px;    color: #8e8e8e;    text-decoration: underline;}



.modal-footer  .notice{      color: #afe8ff;   margin: 0 20px 0;display:none;}

.modal div.title{ width: 1020px; float: left;  font-weight: bold;  background: #e9f0f7;  margin: 0 -4px 10px -15px;  padding: 3px 0 3px 30px;  color: #7c8894;}

.modal .checkbox{    margin: 2px 0;}

.modal input[type=checkbox]{    vertical-align: sub;}

.modal input[type=file]{    margin: 5px 0;display: inline;}

.modal input.form-control {  height: 28px;  padding: 4px 12px;font-size: 12px; }


@media(max-width: 600px){
    header .logo { float: right;        width: 280px;        flex: none;   }
    header .langs {      border: none;    padding: 0;      width: 80px;     flex: none;     float: right;position: absolute;     top: 0;      right: 0; }
    header .total { background: #ed6982e0; line-height: 18px;
        padding: 15px 0 0px;  }


	video {width: 100%;}

	header .header-form form.row a {color: #423535; margin: 4px 10px 0 0px;}

	.monitorFooter h3 {font-size: 35px;}

	.blockPink {background: #F29DB2;}

	.blockStepTitle p {font-size: 32px; color: #FFF;}

	.ellips2Block ul {margin:0; padding: 0;}
	.stepBlock1 {text-align: center;}
	.stepBlock1 img {margin-right: 0; float: none; display: block; margin: 0 auto 20px auto;}
	.stepBlock2 img {position: relative;}

	.block-success-participate {background: #77aed0; font-size: 22px;}
	.block-success-participate ul {padding-left: 0;}
	.block-success-participate ul li:nth-child(1),
	.block-success-participate ul li:nth-child(2),
	.block-success-participate ul li:nth-child(3) {padding-left: 0;}

	.blockFamily {min-height: auto;}

	footer .footer-title h3 {text-align: center;}

	footer .footer-video {margin-top: 0;}

	footer .footer-bottom {background: #ff768a; margin-top: 4px;}

}

#index_video a{      background: #fd719d8c;
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	border-radius: 80px;
	left: 37%;
	top: 33%; }
#index_video a:hover{    background: #ff558942;transition: background-color 300ms  }
#index_video a:after{ background: green;  border-radius: 10px;  padding: 20px;  position: relative;  color: #fff;}
#index_video a:before{content: ' ';
	display: block;
	border: 20px solid transparent;
	border-left: 30px solid #ffffff;
	top: 31px;
	left: 41px;
	position: absolute;}




	@media (min-width: 768px) {
  /* show 3 items */
  .carousel-inner .active,
  .carousel-inner .active + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item {
    display: block;
  }

  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    transition: none;
  }

  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }

  .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -15.3333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* left or forward direction */
  .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .carousel-item-next.carousel-item-left + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  /* farthest right hidden item must be abso position for animations */
  .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* right or prev direction */
  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .carousel-item-prev.carousel-item-right + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}