/* 16.02.2025 */


.container-77{
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}
a {
    color: #fff;
}
.t1 a:hover, a :focus {
    color: #db1111;
    text-decoration: none;
}
.h40 {
    margin-bottom: 40px;
}
.sa {
    font-size: 16px;
    line-height: 25px;
    color: #494949;
}
.sa h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 1.22em;
    color: #000;
}


.form-control {
    border: 1px solid #e1e1e1;
    box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    font-size: 12px;
    height: 40px;
    line-height: 22px;
    margin-bottom: 22px;
    min-height: 40px;
    padding: 8px 12px;
    width: 100%;
}

@media (min-width: 312px) and (max-width: 351px) {
.container-77 { width: 294px;}
.p-cont { display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-column-gap: 0px;
grid-row-gap: 30px;}
.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 2 / 1 / 3 / 2; }
.div3 { grid-area: 5 / 1 / 7 / 2; }
.div4 { grid-area: 3 / 1 / 4 / 2; }
.div5 { grid-area: 4 / 1 / 5 / 2; }
textarea.form-control {
  height: 117px;
  max-width: 100%;
}

.it11  {
   width: 264px;
   height: 264px;}
.it12  {
   width: 264px;
   height: 558px;}
.it21  {
   width: 264px;
   height: 558px;}
.it22  {
   width: 264px;
   height: 558px;}
   
.t2{
    font-size: 22px;
    line-height: 29px;
    padding: 26px 15px 25px 35px;    
}
.t1{
    position: absolute;
    bottom: 50px;
    left: 35px;
    font-size: 18px;
    line-height: 24px;
}
.img-botton {
    font-size: 12px;
    padding: 3px 16px 2px;
} 
.btn {
    font-size: 12px;
}    
}

@media (min-width: 352px) and (max-width: 467px) {
.container-77 { width: 334px;}
.p-cont { display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-column-gap: 0px;
grid-row-gap: 30px;}
.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 2 / 1 / 3 / 2; }
.div3 { grid-area: 5 / 1 / 7 / 2; }
.div4 { grid-area: 3 / 1 / 4 / 2; }
.div5 { grid-area: 4 / 1 / 5 / 2; }
textarea.form-control {
  height: 221px;
  max-width: 100%;
}

.it11  {
   width: 304px;
   height: 304px;}
.it12  {
   width: 304px;
   height: 638px;}
.it21  {
   width: 304px;
   height: 638px;}
.it22  {
   width: 304px;
   height: 638px;}
   
.t2{
    font-size: 24px;
    line-height: 31px;
    padding: 26px 15px 25px 40px;    
}
.t1{
    position: absolute;
    bottom: 50px;
    left: 40px;
    font-size: 20px;
    line-height: 26px;
}   
}

@media (min-width: 468px) and (max-width: 679px) {
.container-77 { width: 450px;}
.p-cont {display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-column-gap: 0px;
grid-row-gap: 30px;}
.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 2 / 1 / 3 / 2; }
.div3 { grid-area: 5 / 1 / 7 / 2; }
.div4 { grid-area: 3 / 1 / 4 / 2; }
.div5 { grid-area: 4 / 1 / 5 / 2; }
textarea.form-control {
  height: 490px;
  max-width: 100%;
}

.it11  {
   width: 420px;
   height: 420px;} 
.it12  {
   width: 420px;
   height: 870px;}
.it21  {
   width: 420px;
   height: 420px;}
.it22  {
   width: 420px;
   height: 870px;}
   
.t2{
    font-size: 30px;
    line-height: 38px;
    padding: 26px 15px 25px 40px;    
}
.t1{
    position: absolute;
    bottom: 70px;
    left: 40px;
    font-size: 22px;
    line-height: 29px;
}   
}

@media (min-width: 680px) and (max-width: 767px) {
.container-77 { width: 662px;}
.p-cont {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 24px;
grid-row-gap: 24px;}
.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 3 / 1 / 5 / 3; }
.div4 { grid-area: 2 / 1 / 3 / 2; }
.div5 { grid-area: 2 / 2 / 3 / 3; }
textarea.form-control {
  height: 252px;
  max-width: 100%;
}
.it11  {
   width: 304px;
   height: 304px;}
.it12  {
   width: 304px;
   height: 634px;}
.it21  {
   width: 632px;
   height: 304px;}
.it22  {
   width: 632px;
   height: 632px;}
   
.t2{
    font-size: 24px;
    line-height: 31px;
    padding: 26px 15px 25px 40px;    
}
.t1{
    position: absolute;
    bottom: 50px;
    left: 40px;
    font-size: 20px;
    line-height: 26px;
}   
}

@media (min-width: 768px) and (max-width: 991px) {
.container-77 { width: 750px;}
.p-cont {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 28px;
grid-row-gap: 28px;}
.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 3 / 1 / 5 / 3; }
.div4 { grid-area: 2 / 1 / 3 / 2; }
.div5 { grid-area: 2 / 2 / 3 / 3; }
textarea.form-control {
  height: 340px;
  max-width: 100%;
}
.it11  {
   width: 345px;
   height: 345px;}
.it12  {
   width: 345px;
   height: 722px;}
.it21  {
   width: 720px;
   height: 345px;}
.it22  {
   width: 720px;
   height: 720px;}
      
.t2{
    font-size: 26px;
    line-height: 34px;
    padding: 26px 15px 25px 40px;    
}
.t1{
    position: absolute;
    bottom: 50px;
    left: 40px;
    font-size: 22px;
    line-height: 28px;
}      
}
@media (min-width: 992px) and (max-width: 1199px) { 
.container-77 { width: 970px;}
.p-cont {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 28px;
grid-row-gap: 28px;}
.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 1 / 3 / 3 / 5; }
.div4 { grid-area: 2 / 1 / 3 / 2; }
.div5 { grid-area: 2 / 2 / 3 / 3; }
textarea.form-control {
  height: 76px;
  max-width: 100%;
}
.it11  {
   width: 214px;
   height: 214px;}
.it12  {
   width: 214px;
   height: 458px;}
.it21  {
   width: 456px;
   height: 214px;}
.it22  {
   width: 456px;
   height: 456px;}
   
.t2{
    font-size: 18px;
    line-height: 24px;
    padding: 26px 15px 25px 30px;    
}
.t1{
    position: absolute;
    bottom: 40px;
    left: 30px;
    font-size: 15px;
    line-height: 20px;
}   
}
@media (min-width: 1200px) and (max-width: 1399px) {
.container-77 { width: 1170px;}
.p-cont {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 28px;
grid-row-gap: 28px;}
.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 1 / 3 / 3 / 5; }
.div4 { grid-area: 2 / 1 / 3 / 2; }
.div5 { grid-area: 2 / 2 / 3 / 3; }
textarea.form-control {
  height: 176px;
  max-width: 100%;
}
.it11  {
   width: 264px;
   height: 264px;}
.it12  {
   width: 264px;
   height: 558px;}
.it21  {
   width: 556px;
   height: 264px;}
.it22  {
   width: 556px;
   height: 556px;}
   
.t2{
    font-size: 22px;
    line-height: 29px;
    padding: 26px 15px 25px 35px;    
}
.t1{
    position: absolute;
    bottom: 45px;
    left: 35px;
    font-size: 18px;
    line-height: 24px;
}    
}

@media screen and (min-width: 1400px) {
.container-77 { width: 1330px;}
.p-cont {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 28px;
grid-row-gap: 28px;}
.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 1 / 3 / 3 / 5; }
.div4 { grid-area: 2 / 1 / 3 / 2; }
.div5 { grid-area: 2 / 2 / 3 / 3; }
textarea.form-control {
  height: 256px;
  max-width: 100%;
}
.it11  {
   width: 304px;
   height: 304px;}
.it12  {
   width: 304px;
   height: 638px;}
.it21  {
   width: 636px;
   height: 304px;}
.it22  {
   width: 636px;
   height: 636px;}
   
.t2 {
    font-size: 24px;
    line-height: 31px;
    padding: 26px 15px 25px 40px;    
}
.t1 {
    position: absolute;
    bottom: 50px;
    left: 40px;
    font-size: 20px;
    line-height: 26px;
}      
}

.ye2{
    background-color: #7aa1bd;
}
.clr05{
    background-color: #42b1b2;
}
.bl2{
    background-color: #cd7dbf;
}
.t3{
  position: relative;
  height: 100%;
  width: 100%; 
}
.clrb{
    color: #2d2d2d;
} 
.clrw{
    color: #fff;
}
.h15 {margin-bottom: 15px;}
.h30 {margin-bottom: 30px;} 
.h40 {margin-bottom: 40px;}

.trr {
    overflow: hidden;
} 
.trr img:hover {
    transform: scale(1.03);
}
.emgb {
  color: transparent;
  text-shadow: 0 0 0 blue;
}
.emgf {
  color: transparent;
  text-shadow: 0 0 0 fuchsia;
} 
.emgr {
  color: transparent;
  text-shadow: 0 0 0 red;
  font-size: 18px;
}
.t30 {margin-top: 100px;}

.btn-667 {
	color: #fff;
	background-color: #7aa1bd;
	border-color: #7aa1bd;
}
.btn-667.active, .btn-667.focus, .btn-667:active, .btn-667:focus, .btn-667:hover, .open>.dropdown-toggle.btn-667 {
	color: #fff;
	background-color: #8ab1cd;
	border-color: #7aa1bd;
}
.footer-bottom .copyright {
  padding-top: 30px;
  padding-bottom: 30px;
}
.frame {
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.content-block {
    box-sizing: border-box;
    padding: 20px;
}
.btn-5 {
	color: #fff;
    background-color: #c10841;
    border-color: #c10841;
} 
.btn-55 {
	color: #fff;
    background-color: #7aa1bd;
    border-color: #7aa1bd;
} 
.btn-5.active, .btn-5.focus, .btn-5:active, .btn-5:focus, .btn-5:hover, .open>.dropdown-toggle.btn-5 {
	color: #fff;
	background-color: #d11b53;
	border-color: #d11b53;
}
.btn-55.active, .btn-55.focus, .btn-55:active, .btn-55:focus, .btn-55:hover, .open>.dropdown-toggle.btn-55 {
	color: #fff;
	background-color: #9ac1dd;
	border-color: #9ac1dd;
}
.lead-5 {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}
label {
  font-weight: bold;
  margin: 0 0 5px;
}
.form-box .title {
  font-size: 30px;
  font-weight: 300;
  line-height: 37px;
  margin: 0 0 22px;
} 
.form-box {
  background: #f2f2f2;
  border-radius: 5px;
  margin: 0 0 0px 0;
  padding: 27px 30px 25px;
}
form {
  margin-bottom: 22px;
}
.form-box .buttons-box {
    font-size: 11px;
    line-height: 16px;
}
.form-box .buttons-box .btn {
    margin: 3px 8px 5px 0;
}
.form-box .buttons-box .required {
    font-size: 11px;
    margin: 3px 8px 5px 0;
}
.required {
    color: #c3293a;
    display: inline-block;
    font-size: 14px;
}

.show-on-mobile { display: none; }
@media only screen
and (min-device-width : 312px)
and (max-device-width : 679px){ .show-on-mobile { display: inline; }}

.hide-on-mobile { display: inline; }
@media only screen
and (min-device-width : 312px)
and (max-device-width : 679px){ .hide-on-mobile { display: none; }}

.title-home {
  color: red;
  font-size: 36px;
}