/**
 * ========================================
 * GENERAL STYLES
 * ========================================
 */
@font-face {
 font-family: BebasNeue;
 src: url(font-bebas/BebasNeue-Bold.ttf);
 font-weight: 700;
}
@font-face {
 font-family: BebasNeue;
 src: url(font-bebas/BebasNeue-Regular.ttf);
 font-weight: 400;
}
@font-face {
 font-family: BebasNeue;
 src: url(font-bebas/BebasNeue-Light.ttf);
 font-weight: 300;
}

body{
 font-family: "Open Sans",sans-serif !important;
 color: #777777;
 font-size: 13px;
 line-height: 18px;
}
.ugsc-top-bar{padding: 25px 0 23px 0; background-color: #fff; font-size: 14px; color: #000000}

.ugsc-main-form{ background: url(../images/lp/formular-bg.jpg) no-repeat center; background-size: cover; padding-top: 25px; overflow: hidden}
.ugsc-main-form.whites{ background: none #f5f5f5;}
.ugsc-main-form-title{font-size: 18px; font-weight: 600; color: #fff; margin-bottom: 36px;}
.whites .ugsc-main-form-title{color: #232324}
.ugsc-main-form-title>span{width: 52px; height: 52px; margin-right: 10px; position: relative; display: inline-block; text-align: center; font-size: 24px; line-height: 36px; padding: 6px 3px 6px 0; background: url(../images/lp/romb-title-num.png) no-repeat;}
.whites .ugsc-main-form-title>span{color: #fff}
.ugsc-t-big{font-size: 40px; line-height: 40px; font-family: BebasNeue; font-weight: 700; color: #fff}
.whites .ugsc-t-big{color: #232324}

.ugsc-main-form .form-group label{font-size: 14px; margin-bottom: 10px;}
.ugsc-main-form .form-group label>span{color: #ef503b}
.ugsc-main-form .form-control{height: 42px; background-color: #fff; border: none; border-radius: 6px; font-size: 16px; font-weight: 400; box-shadow: 0 4px 10px rgba(0,0,0,0.07);}
.ugsc-main-form .img-responsive{display: inline-block}
.ugsc-main-form.whites .img-responsive{opacity: 0.3}
.ugsc-main-form .tab-content{min-height: 570px;}
.ugsc-tob-nav{background-color: #e9e9e9; }
.ugsc-main-form p{color: #fff}
.ugsc-main-form.whites p{color: #232324}
.ugsc-main-form label{color: #fff}
.ugsc-main-form.whites label{color: #232324}

.btn-my-lp{ background: url(../images/lp/btn-my-lp.png) no-repeat; background-color: transparent; width: 140px; height: 42px; font-weight: 400; border-radius: 8px; padding: 0; border: none }
.btn-my-lp:hover{color: #000; background: url(../images/lp/btn-my-lp_hover.png) no-repeat; background-color: transparent;}
.btn-my-lp:focus{background-color: transparent; color: #fff;}
.text-center{text-align: center}
.ugsc-radio{display: inline-block; cursor: pointer}
.ugsc-radio {
 padding-left: 20px;
 margin-right: 30px;
}
.ugsc-radio label {
 display: inline-block;
 vertical-align: middle;
 position: relative;
 padding-left: 5px;
 width: auto;
 cursor: pointer;
}
.ugsc-radio label::before {
 content: "";
 display: inline-block;
 position: absolute;
 width: 17px;
 height: 17px;
 left: 0;
 margin-left: -20px;
 border: 1px solid #ef503b;
 border-radius: 5px;
 background-color: #ef503b;
 -webkit-transition: border 0.15s ease-in-out;
 -o-transition: border 0.15s ease-in-out;
 transition: border 0.15s ease-in-out;
}
.ugsc-radio label::after {
 display: inline-block;
 position: absolute;
 content: " ";
 width: 9px;
 height: 9px;
 left: 4px;
 top: 4px;
 margin-left: -20px;
 border-radius: 50%;
 background-color: #fff;
 -webkit-transform: scale(0, 0);
 -ms-transform: scale(0, 0);
 -o-transform: scale(0, 0);
 transform: scale(0, 0);
 -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
 transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.ugsc-radio input[type="radio"],.ugsc-radio input[type="checkbox"] {
 opacity: 0;
 z-index: 1;
}
.ugsc-radio input[type="radio"]:focus + label::before,.ugsc-radio input[type="checkbox"]:focus + label::before {
 outline: thin dotted;
 outline: 5px auto -webkit-focus-ring-color;
 outline-offset: -2px;
}
.ugsc-radio input[type="radio"]:checked + label::after,.ugsc-radio input[type="checkbox"]:checked + label::after {
 -webkit-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
.ugsc-radio input[type="radio"]:disabled + label,.ugsc-radio input[type="checkbox"]:disabled + label {
 opacity: 0.65;
}
.ugsc-radio input[type="radio"]:disabled + label::before , .ugsc-radio input[type="checkbox"]:disabled + label::before {
 cursor: not-allowed;
}
.ugsc-radio.radio-inline {
 margin-top: 0;
}

.ugsc-main-form .form-group .ugsc-radio label{font-size: 18px;}
.ugsc-main-form label{width: auto; }
.ugsc-main-form .datepicker{background: url(../images/lp/icon-calendar-form.png) no-repeat 95% center #fff;}
.ugsc-main-form .ugsc-term .ugsc-radio{margin-right: 0}
.ugsc-term label{color: #ef503b; font-size: 18px;}


.ugsc-form-text{margin-top: 90px;}
.ugsc-form-text h5{font-size: 16px; margin-bottom: 25px; color: #fff}
.whites .ugsc-form-text h5{color: #333}
.ugsc-form-text p{font-size: 14px; line-height: 1.5em; color: #666}


.form-group.ugsc-term{padding-top: 12px;}
.row-submit{margin-top: 30px;}
.ugsc-term-pop{font-size: 17px; text-decoration: underline; color: #ef503b; padding-bottom: 13px; vertical-align: middle; display: inline-block}

.ugsc-section{padding: 40px 0}
.ugsc-title-head{text-align: center}
.ugsc-title-head h3{font-size: 42px; font-weight: 600; text-transform: uppercase; color: #000; margin-bottom: 17px;}
.ugsc-title-head.white h3{ color: #fff}
.ugsc-title-head p{font-size: 18px; color: #6b6b6b; font-weight: 300; line-height: 1.2em;}

.ugsc-about .ugsc-item{text-align: center; margin: 40px 0}
.ugsc-about .ugsc-item p{font-size: 36px; line-height: 1.3em; color: #6b6b6b; font-weight: 300; padding-top: 10px;}
.ugsc-about .ugsc-item p b{font-weight: 400}

.ugsc-reparam{background: url(../images/lp/ugsc-reparam-bg.jpg) no-repeat; background-size: cover; padding: 80px 0}
.ugsc-reparam-title{font-size: 42px; line-height: 42px; text-transform: uppercase; color: #fff; font-weight: 700; text-align: center}
.ugsc-brand-box{margin: 60px 0 10px 0}
.ugsc-brand{margin: 0px 0; display: table; width: 100%}
.ugsc-brand a{display: table-cell; vertical-align: middle; height: 50px; text-align: center}

.ugsc-brb{border-right: 1px solid #515151; border-bottom: 1px solid #515151}
.ugsc-bb{border-bottom: 1px solid #515151}
.ugsc-br{border-right: 1px solid #515151}

.ugsc-dece{ padding-bottom: 0 }
.ugsc-dece ul{margin-top: 10%; float: left}
.ugsc-dece ul li{font-size: 18px; color: #000; font-weight: 300; padding: 13px 0; background: url(../images/lp/dece_li.png) no-repeat 0 15px ; padding-left: 50px }


.ugsc-rep .ugsc-title-head{text-align: center}
.ugsc-rep .ugsc-item{text-align: center; margin: 30px 0}
.ugsc-rep .ugsc-item p{font-size: 14px; line-height: 2em; margin: 10px 0 0 0}
.ugsc-divider1{height: 1px; background-color: #efefef; width: 100%; margin-bottom: 40px;}

.ugsc-pasi{background-color: #efefef}
.ugsc-pasi .ugsc-title-head{text-align: center}
.ugsc-pasi .ugsc-info{text-align: center; font-size: 18px; color: #000; line-height: 1.3em; margin: 50px 0;}
.ugsc-pasi .ugsc-item{background-color: #fff; border-radius: 10px; box-shadow:0 4px  4px rgba(0,0,0,0.2); padding:10px 25px 25px; margin-bottom: 70px; position: relative}
.ugsc-pasi .ugsc-item:before{width: 27px; height: 27px; background: url(../images/lp/pasi-right.png) no-repeat; content: ''; position: absolute; right: -25px; bottom: -35px;}
.ugsc-pasi .ugsc-item.ugsc-last:before{right: 0; bottom: 0; width: 0; height: 0}
.ugsc-pasi .ugsc-item .t{font-size: 24px; color: #fff; padding: 15px; text-transform: uppercase; background-color: #ef503b; font-weight: 600; text-align: center; margin: -20px 20px 0 20px; border-bottom: 2px solid #ca321e;
 -webkit-border-top-left-radius: 8px;
 -webkit-border-top-right-radius: 8px;
 -moz-border-radius-topleft: 8px;
 -moz-border-radius-topright: 8px;
 border-top-left-radius: 8px;
 border-top-right-radius: 8px;
}
.ugsc-pasi .ugsc-item .ugsc-img{height: 125px; margin-bottom: 10px; margin-top: 30px; text-align: center}
.ugsc-pasi .ugsc-item p{font-size: 16px; line-height: 1.3em; text-align: center}
.ugsc-pasi .ugsc-item .ugsc-num{ background-color: #aeaeae; font-size: 24px; color: #fff; font-weight: 600; line-height: 38px; text-align: center; width: 70px; position: absolute; left: 50%; margin-left: -35px; bottom: -38px;
 -webkit-border-bottom-right-radius: 20px;
 -webkit-border-bottom-left-radius: 20px;
 -moz-border-radius-bottomright: 20px;
 -moz-border-radius-bottomleft: 20px;
 border-bottom-right-radius: 20px;
 border-bottom-left-radius: 20px;
}

.ugsc-cum-lucram{background: url(../images/lp/cum-lucram-bg.jpg) no-repeat center; background-size: cover; padding: 60px 0}
.ugsc-cum-lucram .ugsc-title-head p{font-size: 18px; color: #ffffff}

.ugsc-box-cl{  background-size: contain; float: left; width: 100%;padding-left: 15px}
.ugsc-box-cl .ugsc-item{ position: relative; padding: 20px 17px 19px 20px; text-align: center}
.ugsc-box-cl .ugsc-item:before{content: ""; background: url(../images/lp/cum-arrow-top.png) no-repeat; width: 34px; height: 65px; top: -70px; display: block; position: absolute; left: 80px;}
.ugsc-box-cl .ugsc-item.activ:before{content: ""; background: url(../images/lp/cum-arrow-bootom.png) no-repeat; width: 34px; height: 65px; top: auto; bottom: -70px; display: block; position: absolute; left: 80px;}
.ugsc-box-cl .ugsc-item.activ.last:before{background: none; width: 0; height: 0 ; bottom: 0;}
.ugsc-box-cl .ugsc-item .ugsc-num{background-color: #000; border-radius: 50%; position: absolute; left: 18px; top: 19px; width: 36px; height: 36px;  font-weight: 700; font-size: 18px; color: #fff; padding: 8px; text-align: center}
.ugsc-box-cl .ugsc-item .ugsc-img{margin-bottom: 20px; margin-top: 15px;  }
.ugsc-box-cl .ugsc-item p{font-size: 14px; font-weight: 300; color: #fff; line-height: 1.2em}
.ugsc-box-cl .ugsc-item .ugsc-i{cursor: pointer; background: url(../images/lp/cl-label-i.png); width: 16px; height: 16px; position: relative;  display: inline-block; vertical-align: bottom; opacity: 1; transition: opacity 0.20s ease-in-out;}
.ugsc-box-cl .ugsc-item:hover .ugsc-i{opacity: 1; }
.ugsc-box-cl .ugsc-item .ugsc-i.open{opacity: 1;}
.ugsc-box-cl .ugsc-item .ugsc-i>span{position: absolute; bottom: 110%; display: none; background-color: #fff; color: #000; font-size: 14px; z-index: 999; max-width: 250px;min-width: 200px; margin-left: -75px; border-radius: 5px; padding: 10px;}
.ugsc-box-cl .ugsc-item .ugsc-i.open>span{display: block}
.ugsc-box-cl .ugsc-col{float: left; width: 14%; height: 220px; position: relative}
.ugsc-box-cl .ugsc-col:nth-child(2n){margin-top: 230px}
.ugsc-box-cl .ugsc-col-box{position: absolute; left: -16%}

.ugsc-contact .ugsc-item{border-radius: 0 0 10px 10px; background-color: #f9f9f9; box-shadow: 0 4px  5px rgba(0,0,0,0.1); margin-bottom: 30px;}
.ugsc-contact .ugsc-item .ugsc-contact-body{padding: 10px; text-align: center}
.ugsc-contact .ugsc-item .ugsc-contact-body p{font-size: 18px; font-weight: 300}
.ugsc-contact .ugsc-item .ugsc-contact-body p b{font-weight: 600}
.ugsc-contact .ugsc-item .ugsc-contact-body p.ugsc-num{font-size:  18px; font-weight: 600}



.ugsc-email{margin: 40px auto; max-width: 420px; border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; padding: 15px 0; text-align: center}
.ugsc-email a{ background: url(../images/lp/icon-email-footer.png) no-repeat 0 4px ; font-size: 18px; font-weight: 600; padding: 10px 0 10px 50px; display: inline-block; color: #000 }

.text-md-right {text-align: right}
.mb-40{margin-bottom: 40px;}
.white-popup {
 position: relative;
 background: #FFF;
 padding: 20px;
 width:auto;
 max-width: 940px;
 margin: 20px auto;
 border-radius: 20px;
}
.white-popup-box{max-height: 570px; overflow-y: scroll}
.white-popup-title h3{font-size: 24px; color: #6b6b6b; font-weight: 700}
.white-popup-box h4{font-size: 18px; font-weight: 600; color: #272727; margin-top: 20px;}
/* ==========================================================================
Media Queries
 ========================================================================== */

/* ------ Tablet Portrait size to standard 960 (devices and browsers) ------*/
@media only screen and (max-width: 1000px) {
 .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active{margin: 0 30px; font-size: 12px;}
 .ugsc-form-text{margin-top: 20px; text-align: center}
 .wizard-big.wizard > .content {
  padding-bottom: 160px;
 }
 .ugsc-services .ugsc-item .img-responsive{margin: 5% auto 0 auto}
 .ugsc-services .ugsc-item {  padding-bottom: 100px;  padding-top: 100px; text-align: center}
}

@media only screen and (min-width: 480px) and (max-width: 991px) {

}

/* ------ Mobile Landscape Size to Tablet Portrait (devices and browsers) ------*/
@media only screen and (max-width: 768px) {
 .text-xs-center{text-align: center}
 .wizard > .steps > ul > li {  width: 100%;  }
 .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active{margin: 0 20px; font-size: 16px; padding-top: 19px; padding-bottom: 1px; min-height: 57px;}
 .ugsc-form-text{margin-top: 20px; text-align: center}
 .ugsc-brand{margin: 20px 0; display: block; width: 100%}
 .ugsc-brand a{display: inline-block; vertical-align: middle; height: 50px; text-align: center; margin: 20px}
 .ugsc-services .ugsc-item {  padding-bottom: 70px;  padding-top: 70px; text-align: center}

 .ugsc-box-cl{ background: none;}
 .ugsc-box-cl .ugsc-col{float: left; width: 50%; height: 220px; position: relative}
 .ugsc-box-cl .ugsc-col:nth-child(2n){margin-top: 0px}
 .ugsc-box-cl .ugsc-col-box{position: relative; left: 0}

 .ugsc-pasi .ugsc-item::before{ right: 0; bottom: -50px;
  transform: rotate(90deg) ;
  -webkit-transform: rotate(90deg) ;
  -moz-transform: rotate(90deg) ;
  -o-transform: rotate(90deg) ;
  -ms-transform: rotate(90deg) ;
 }
 .wizard > .steps > ul > li  a{border-radius: 40px;}


}

/* ------ Mobile Portrait Size to Mobile Landscape Size (devices and browsers) ------*/
@media only screen and (max-width: 479px) {
 .ugsc-t-big{font-size: 32px;}
 .wizard > .steps > ul > li
 {
  width: 100%;
 }
 .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active{margin: 0 30px 0 0; font-size: 12px;}

 .ugsc-box-cl .ugsc-col{float: left; width: 100%; height: 220px; position: relative}
 .ugsc-box-cl .ugsc-item{margin: 0 auto}
}