@font-face {
    font-family: 'Panton-Black';
    src: url(Panton-Black.9c933f5342d9051dda72.eot);
    src: url(Panton-Black.34230c8be8169643061c.woff2) format('woff2'),
         url(Panton-Black.5c5bd9de7e7e2d3c5e44.woff) format('woff'),
         url(Panton-Black.abbbf07b2946ce4bb6ed.ttf) format('truetype'),
         url(Panton-Black.1ef2f6069ea1ee353b14.svg#Panton-Black) format('svg'),
         url(Panton-Black.9c933f5342d9051dda72.eot?#iefix) format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'PragmaticaC';
    src: url(PragmaticaC.2c10fa0fa14a3c8c8ed4.eot);
    src: url(PragmaticaC.15fb3ab1e448ac4d6e34.woff2) format('woff2'),
         url(PragmaticaC.6615db847a14a3708056.woff) format('woff'),
         url(PragmaticaC.d330fa0f64100e483313.ttf) format('truetype'),
         url(PragmaticaC.73781f8397058e476da4.svg#PragmaticaC) format('svg'),
         url(PragmaticaC.2c10fa0fa14a3c8c8ed4.eot?#iefix) format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
  }
 
  @font-face {
    font-family: 'Panton-ExtraBold';
    src: url(Panton-ExtraBold.e633d52cd7500103ce0b.eot);
    src: url(Panton-ExtraBold.544edb5d9a9d99a4164f.woff2) format('woff2'),
         url(Panton-ExtraBold.938ef524802307472942.woff) format('woff'),
         url(Panton-ExtraBold.09f0392944493d050c4b.ttf) format('truetype'),
         url(Panton-ExtraBold.911137d7451c0b994afb.svg#Panton-ExtraBold) format('svg'),
         url(Panton-ExtraBold.e633d52cd7500103ce0b.eot?#iefix) format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
  }
  
    
/*


.container{
    overflow:hidden;
    width:100%;
    position: relative;}
.containerHeader{

    text-align:center;
    width:80%;
}

.box {display:inline-block;}
.boxMenu {display:inline-block;}
.boxTel {display:inline-block;}
.boxName {display:inline-block;}
.boxSearch {display:inline-block;}
.boxLogo {display:inline-block;}


ul { list-style-type: none; padding: 0; margin: 0;} 
li { font-weight:bold;font-size: small; font-family: "PragmaticaC"; display: inline-block; } 
li a { display: block; padding: 5px; color: #000000; text-decoration: none;} 
li a:hover { color: #7a378c; } 
*/

html, body {
    padding: 0;
    margin: 0;
}

a {
    display: inline-block;
}

.main {
    height: 100vh;
    min-height: 600px;
    background-color: white; 
  
}



.callform_block_big {
    height: 460px;
    background-image: url(assets/images/callform_back.png);
    background-repeat: no-repeat;  
}

.callform_block_big  > img {
    float:right;
}

.callform_block {
    height: 100%;
    width: 1200px;
    margin: 0 auto;       
}

.callform  {
    position: relative;
    display: inline-block;
    left:40px;
    top:28%;  
}

.steps_block {
    height: 140px;
    background:#7a378c;  
}

.steps_menu {
    height: 120px;   
    width: 1200px;     
    position: relative;
    top:12px;
    left:2%;   
    margin: 0 auto;    
}

.steps_menu > div {

    height: 150px;
    color: #ffffff;
    font-family: "Panton-ExtraBold", Arial, sans-serif;       
    
    font-weight:normal;
    line-height: 17px;
}

.step_fir {  
    position:relative;
    top: 0;
    left: 0;
    z-index: 161;
}

.step_fir > table { 
    display:inline-block;
    position:absolute;
    top:5px;   
    left:4px;
}

.step_fir > img { 
    position:relative;
    top:0px;   
    left:0px;
}

.step_sec { 
    position: absolute;;
    top: 0;
    left: 274px;
    z-index: 162;
}

.step_sec > table { 
    display:inline-block;
    position:absolute;
    top:5px;   
    left:45px;
}

.step_sec > img { 
    position:relative;
    top:0px;   
    left:0px;
}

.step_thi {  
    position: absolute;
    top: 0;
    left: 548px;
    z-index: 163;
}

.step_thi > table { 
    display:inline-block;
    position:absolute;
    top:5px;   
    left:45px;
}

.step_thi > img { 
    position:relative;
    top:0px;   
    left:0px;
}

.step_fou { 
    position: absolute;
    top: 0;
    left: 822px;
    z-index: 164;
}

.step_fou > table { 
    display:inline-block;
    position:absolute;
    top:5px;   
    left:48px;
}

.step_fou > img { 
    position:relative;
    top:0px;   
    left:0px;
}

.tdtop {
    vertical-align: top;
    padding-top: 5px;
}

.tdtopbip {
    vertical-align: top;
    padding-top: 2px;
}

.services_block {
    height: 380px;
    border-bottom-width: 10px;
    border-bottom-color:#7a378c; 
    border-bottom-style: solid;
    background-image: url(assets/images/serv_back.png);
    background-repeat: no-repeat;
    /*background-size: auto 380px ;*/
    background-position: center center;
    margin-top: -40px;
}

.serv_content {
    height: 380px;   
    width: 1200px;     
    position: relative;
    top:5%;
    left:20%;
    /*text-align: center;*/
    
}

.serv_content > p {
    
    font-family: "Panton-ExtraBold", Arial, sans-serif;
    color: #7a378c;
    font-size: 39.46px;
    font-weight:normal;    
    height: 40px;
    position: relative;
    left:22%;    
}

.serv-area {
    background-color: #7a378c;
    width: 760px;
    height: 120px;
    text-align: center;
    opacity: 0.5;
    /*margin: 0 auto;*/
    position: relative;
    left:16.4%;
    top:9%;
}

.serv-area > p {
    font-size: 34.13px;
    font-weight:normal; 
    font-family: "Panton-Black", Arial, sans-serif;
    color:#ffffff;    
    padding-top: 16px;
    
}

.service-menu {
    background: #ffffff; 
    height: 70px;
    width: 100%;
    margin: 0 auto;     

}

.service-menu > ul {
    /*padding: 0;*/
    margin: 0;
    height: 100%;
    font-size: 0;
    text-align: left;
    padding-bottom: 50px;
    padding-left: 0px;
    padding-right: 0px;
    /*padding-top: 30px;*/
}

.service-menu > ul > li {
    display: inline-block;
    list-style: none;
    margin-right: 0px;
    height: 100%;
    width: 13%;
    vertical-align: top;
    padding-left: 5px;
    border-top-width: 2px;
    border-top-color:#b491be; 
    border-top-style: solid; 

}

.service-menu > ul > li:first-child { 
    width: 16%;
    padding-left: 0px;
}

.service-menu > ul > li:last-child {
    width: 16%;
    padding-left: 0px;
}

.service-menu > ul > li  a {
    color: #7a378c;
    font-family: "Panton-ExtraBold", Arial, sans-serif;    
    text-decoration: none;
    font-size: 20.37px;
    font-weight:normal;
    height: 30px;
    line-height: 30px;        
    padding-top: 25px;
  
 }
 
 .service-menu > ul > li:hover {
     /*color:  #7a378c;*/
     border-top-width: 5px;
     border-top-color:#7a378c; 
     border-top-style: solid;     
  }

.benefits_block {
    
    height: 466px;
    background-image: url(assets/images/ben_back.png);
    background-repeat: no-repeat;  
    padding: 0;
    margin-top: -16px;
}

.ben_content {
    
    height: 400px;   
    width: 826px; 
    position: relative;
    top:1%;
    left:14%;
}

.ben_content > img {
    float: left;
    padding-top: 5px;
    padding-right: 20px;
}

.ben_content > ul > li {
    list-style-type: none;
    font-family: "Panton-ExtraBold", Arial, sans-serif;
    color: #ffffff;
    text-decoration: none;
    font-size: 26.43px;
    font-weight:normal;    
    padding-top: 5px;
}

.ben_content > p {
    
    font-family: "Panton-ExtraBold", Arial, sans-serif;
    color: #ffffff;
    font-size: 40px;
    font-weight:normal;    
    height: 60px;
    border-bottom-width: 3px;
    border-bottom-color: #b491be; 
    border-bottom-style: solid;
    float: right;
}

.footer {
    height: 200px;
    width: 100%;
    background: black;
}

.header {
    border-bottom-width: 5px;
    border-bottom-color:#7a378c; 
    border-bottom-style: solid;
}

.container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    left:2%;
    /*height: 400px;   
    width: 826px; 
    position: relative;
    top:1%;
    left:14%;   */ 
}

.container > img {
    float: left;
    padding-top: 2px;
    padding-right: 20px;
    z-index: 50;
}

.headName {
    font-family: "Panton-Black"; 
    font-size: xx-large; 
    /*margin: 0;
    padding-top: 6px;
    padding-bottom: 14px;*/
    color: #413f3f;
    display: inline-block;
   }

.headTel {
    font-family: "Panton-Black"; 
    font-size: 30.2px; 
    display: inline-block;
    position: relative;
    /*margin: 0;
    padding-top: 6px;
    padding-bottom: 10px; */  
    color: #413f3f; 
    left: 360px;
   }   

.f {
    color: #7a378c; 
   }

.primary-menu {
    background: #ffffff;
    font-family: "PragmaticaC", Arial, sans-serif;
    width: 860px;
    height: 70px;
    display: inline-block;
    position: relative;
    /*margin: 0 auto;*/ 
    left: -8px;
    z-index: 100;
}

.primary-menu > ul {
    padding: 0;
    margin: 0;
    height: 100%;
    font-size: 0;
    /*text-align: center;*/
}

.primary-menu > ul > li {
    display: inline-block;
    list-style: none;
    margin-right: 0px;
    height: 100%;
}

.primary-menu > ul > li:before {
    /*content: "|";*/
    content: url(assets/images/menu_wrapper.png);
    position: relative;
    top:20px;
    
}

.primary-menu ul > li:first-child{
    padding: 0px 0px;
  }

.primary-menu ul > li:first-child:before{
    content: ''; 
  }

.primary-menu > ul > li:last-child {
    margin-right: 0;
    border-right-width: 0;
}

.primary-menu > ul > li  a {
   color: #000000;
   text-decoration: none;
   font-size: 15.44px;
   font-weight:bold;
   height: 30px;
   padding: 0px 10px;
   line-height: 30px;    
}

.primary-menu > ul > li  a:hover {
    color:  #7a378c;
    background-color: rbga(	122, 55, 140, 0.2);
    
  
 }


  

/* ===== request form ===== */


.request-form {
    min-width: 150px;
    max-width: 600px;
    width: 590px;
  }
  
  button {
    height: 54px;
    background:#7a378c; 
    border: 0;
    width: 100%;
    display: block;
    color: #b491be;
    font-family: "Panton-ExtraBold", Arial, sans-serif;       
    font-weight:normal;
    line-height: 24px;
    font-size: 24px;   
    cursor: pointer; 
  }

  .inp1 {
    background: #b491be;
    height: 54px;
    width: 420px;
    display: inline-block;
    position: relative;
    top:-16px;
    left:-4px;
  }

  .inp2 {
    background: #b491be;
    height: 54px;
    width: 420px;
    display: inline-block;
    position: relative;
    top:-14px;
    left:-4px;
  }

  input {
    background: #b491be;
    height: 100%;
    border: none;    
    width: 100%;
    color: #f8f5f5;
    font-family: "Panton-ExtraBold", Arial, sans-serif;       
    font-weight:normal;
    line-height: 18px;
    font-size: 18px;        
    position: relative;
    padding: 0 20px;
    /*top:-15px;
    left:-6px;*/


  }

  input::-webkit-input-placeholder { 
    color: #f8f5f5; }

  input:-ms-input-placeholder { 
    color: #f8f5f5; }

  input::placeholder { 
    color: #f8f5f5; }

  .inp {
    height: 54px;
    background:#7a378c; 
    border: 0;
    width: 130px;
    display: inline-block;
    text-align: center;
    position: relative;
    line-height: 18px;
    font-size: 18px;   
  }

  .formcont1 {
    height: 54px;
    padding-bottom: 10px; 

  }  

  .formcont2 {
    height: 54px;
    padding-bottom: 10px; 

  }    

  .inp > img {
    margin-top: 5px;  
  }  

/* ====== Wide-screen fixes (center alignment) ====== */
/* The original layout used left:% offsets on fixed-width blocks.
   On large resolutions (e.g., 1920px+), that visibly shifts the whole layout.
   These overrides keep the same 1200px design but center it correctly. */

.container,
.steps_menu {
  left: 0 !important;
}

.serv_content {
  left: 0 !important;
  margin: 0 auto;
}

.serv_content > p {
  left: 0 !important;
  text-align: center;
}

.serv-area {
  left: 0 !important;
  margin: 0 auto;
}

.ben_content {
  left: 0 !important;
  margin: 0 auto;
}

/* Improve background placement on ultra-wide screens without changing the default look */
@media (min-width: 1600px) {
  .callform_block_big,
  .services_block,
  .benefits_block {
    background-position: center top;
    background-size: cover;
  }
}