.btn-more {
    margin-bottom: 10px !important;
}

@import "https://fonts.googleapis.com/css?family=Lora:400,700";
@import "https://fonts.googleapis.com/css?family=Roboto:400,500,700";

	canvas.snow-canvas {
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: fixed;
		pointer-events: none;
		z-index: 9999;
	}

body {
color:#777;
font-family:"Avenir Next Cyr",sans-serif;
min-width:320px;
overflow-x:hidden
}

img {
max-width:100%;
height:auto
}

.red {
color:#e31f25
}

.pt-50 {
padding-top:50px
}

.pt-100 {
padding-top:100px
}

input::-webkit-input-placeholder {
opacity:1;
transition:opacity .3s ease
}

input::-moz-placeholder {
opacity:1;
transition:opacity .3s ease
}

input:-moz-placeholder {
opacity:1;
transition:opacity .3s ease
}

input:-ms-input-placeholder {
opacity:1;
transition:opacity .3s ease
}

input:focus::-webkit-input-placeholder {
opacity:0;
transition:opacity .3s ease
}

input:focus::-moz-placeholder {
opacity:0;
transition:opacity .3s ease
}

input:focus:-moz-placeholder {
opacity:0;
transition:opacity .3s ease
}

input:focus:-ms-input-placeholder {
opacity:0;
transition:opacity .3s ease
}

.form-control:focus {
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.cocoen-drag::before {
font-family:"Font Awesome 5 Pro";
content:"\f35a";
margin-right:10px;
color:#fff;
font-size:3rem;
border:none;
left:50%;
margin-left:-23px;
margin-top:0;
position:absolute;
top:50%;
width:14px
}

.p-cat-info {
        font-size: 1.2rem;
    font-weight: 500;
    margin-top: 15px;
}
    

.contact-card {
padding:25px;
border:0 solid #c1c1c1;
border-radius:5px;
box-sizing:border-box
}

.contact-card:hover {
padding:25px;
border:0 solid #c1c1c1;
border-radius:5px;
box-sizing:border-box;
cursor:pointer;
box-shadow:0 0 3px 0 rgba(50,50,50,0.75)
}

.content-body .about_btn_red {
margin:0;
width:50%;
margin-bottom:25px
}

.content-body {
padding:15px;
font-size:1.1rem;
font-weight:400;
color:#777
}

.content-body p {
line-height:1.4;
text-indent:20px
}

.content-body a {
    text-decoration: none;
}

.content-body h3 {
font-size:1.2rem;
text-transform:uppercase;
font-weight:500;
margin:15px 0 5px;
color:#dc3545d6
}

.content-body h2 {
font-size:1.3rem!important;
text-transform:uppercase!important;
font-weight:700!important;
margin:25px 0 10px!important;
color:#ce424fd6!important
}

.Project a {
color:#fff;
text-decoration:none
}

.Project a:href {
color:#fff;
text-decoration:none
}

.team-pers-info {
position:absolute;
bottom:0;
display:inline-block;
width:100%;
text-align:center;
background-color:rgba(255,255,255,0.8)
}

.team .team-pers-info p {
margin:0;
color:#494949;
padding:5px 0 15px;
text-transform:uppercase;
font-size:1rem;
font-weight:500
}

.team .team-pers-info h3 {
font-size:1.3rem;
color:#494949;
text-transform:uppercase;
font-weight:500;
padding:15px 0 0;
margin:0
}

.modal-title {
font-weight:600
}

button:active,button:focus {
outline:none!important
}

button::-moz-focus-inner {
border:0!important
}

.phone {
border:0;
background:none;
color:#fafafa
}

.active a::after {
transform:scale(1)!important
}

.breadcrumb-item.active a {
color:#e31f25!important
}

.breadcrumb-item a {
color:#777;
font-weight:500;
text-decoration:none
}

.breadcrumb-item a:hover {
text-decoration:none;
font-weight:600
}

.card-body ul {
margin:0;
padding:0;
list-style-type:none;
margin-bottom:10px;
font-size:1rem
}

.job .card-title {
font-size:1.3rem
}

.job .card-text {
font-size:.9rem
}

.cocoen img {
width:100%;
height:500px
}

.cocoen {
height:400px
}

header {
position:relative;
background-color:#000;
height:100vh;
min-height:25rem;
width:100%;
overflow:hidden
}

header video {
position:absolute;
top:50%;
left:50%;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
z-index:0;
-ms-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-webkit-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%)
}

header .container {
position:relative;
z-index:2
}

header .overlay {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background-color:#000;
opacity:.5;
z-index:1
}

@media (pointer: coarse) and (hover: none) {
header {
background:url(/assets/NBTITPL/img/mobile-bg.jpg) #000 no-repeat center center scroll;
background-size: cover;
}

header video {
display:none
}
}

nav {
transition:.8s
}

nav .container {
transition:.8s
}

nav.black {
background:rgba(0,0,0,0.9);

transition:.8s;
box-shadow:0 1px 1px 0 rgba(50,50,50,0.5)
}

nav.black .container {
transition:.8s
}

nav.black div ul li a {
font-size:1rem;
transition:.5s
}

.nav-item a {
font-size:1.1rem;
font-weight:500;
color:#c1c1c1;
transition:.5s
}

.nav-item a.active::after {
content:'';
display:block;
width:100%;
background-color:#e31f25;
height:3px;
transform:scale(1);
transition:all .5s
}

.nav-item a::after {
content:'';
display:block;
width:100%;
background-color:#e31f25;
height:3px;
transform:scale(0);
transition:all .5s
}

.nav-item a:hover::after {
transform:scale(1)
}

.nav-item a:hover {
color:#fff
}

.navbar-toggler {
color:#fff
}

.logoMIN {
width:100px;
transition:.5s
}

.black .logoMIN {
width:80px;
transition:.5s
}

.nav_callback {
display:none
}

.black .nav_callback {
display:block;
margin-left:3%
}

.nav_callback__btn {
background-color:#e31f25;
opacity:.7;
padding:10px;
cursor:pointer
}

.nav_callback__btn a {
color:#fff;
text-decoration:none
}

.nav_callback__btn:hover {
opacity:1
}

.nav_callback .nav_callback__btn .fa-mobile-alt {
color:#fff;
margin-right:8px;
margin-left:8px
}

.header_h1 {
font-size:3.5rem;
text-transform:uppercase;
font-weight:900;
line-height:1.2;
font-family:PF Din Display Pro
}

.header_p {
font-size:2rem;
text-transform:uppercase;
line-height:1.2
}

.header_btn {
background-color:#e31f25;
padding:1rem 2rem;
color:#fff;
text-transform:uppercase;
font-weight:600;
font-size:1rem;
opacity:.7;
transition:.5s
}

.header_btn:hover {
background-color:#252524;
opacity:1;
color:#fff;
transition:.5s!important
}

.header_btn_position {
padding-top:50px
}

.header_text {
padding-top:10%
}

.static {
opacity:0;
transition:.2s
}

.static a {
text-decoration:none
}

.static_dblock {
opacity:1;
transition:.2s
}

.static__single {
transition:.5s;
border-radius:4px;
text-align:center;
background:#fff;
border:0;
padding:20px;
box-shadow:0 15px 20px 0 rgba(153,153,153,.1);
cursor:pointer
}

.static__single:hover {
transform:scale(1.1);
transition:.5s
}

.static__single h2 {
font-size:20px;
font-weight:500;
position:relative;
padding-bottom:5px;
margin-bottom:10px;
text-transform:uppercase;
color:#484848
}

.static__single h2::after {
content:"";
display:inline-block;
width:60%;
height:2px;
background:#e31f25;
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
opacity:.8
}

.static__single p {
font-size:1.3rem;
text-transform:uppercase;
color:#484848;
font-weight:700
}

.static__single-position {
margin-top:40px;
margin-bottom:40px
}

@media(min-width:1000px) {
.static__single-position {
margin:auto;
position:relative;
bottom:60px;
margin-bottom:-100px;
z-index:50
}
}

.about {
background:url(../img/world_map.png) center no-repeat;
background-size:cover;
min-height:100vh;
padding:10px 0 10px 10px
}

.about_btn {
display:inline-block;
margin:2rem 0 0 2rem;
background-color:#70336f;
padding:1rem 2rem;
color:#fff;
text-transform:uppercase;
font-weight:600;
font-size:1rem;
opacity:.7;
transition:.5s
}

.about_btn:hover {
color:#fff;
opacity:1!important;
transition:.5s!important;
text-decoration:none
}

.about_btn_red {
display:inline-block;
margin:2rem 0 0 2rem;
background-color:#e31f25;
padding:1rem 2rem;
color:#fff;
text-transform:uppercase;
font-weight:600;
font-size:1rem;
opacity:.7;
transition:.5s
}

.about_btn_red:hover {
color:#fff;
opacity:1!important;
transition:.5s!important;
text-decoration:none
}

.about h2 {
font-size:3rem;
color:#606265;
text-transform:uppercase;
font-weight:700;
margin-bottom:2rem
}

.about p {
font-size:1.3rem;
font-weight:500
}

.about_logo {
margin-bottom:60%
}

.about .img_item {
margin-left:20px
}

.section-progress {
background-color: #970005;
color:#fff;
font-size:18px;
padding:50px 0
}

.section-progress i {
font-size:50px;
font-weight:300
}

.section-progress .num {
font-size:2rem;
font-weight:400;
margin-top:20px
}

.section-progress h3 {
font-size:2rem;
height:72px;
overflow:hidden
}

.progress-item p {
margin-bottom:0
}

.progress-item {
padding:20px;
transition:.5s
}

.progress-item:hover {
box-shadow:0 1px 5px 0 rgba(50,50,50,0.5);
cursor:pointer;
position:relative;
opacity:1;
transform:scale(1.5);
transition:.5s;
background-color:#4b2d7f;
z-index:100
}

.online {
padding:100px 0;
background-color:#fafafa
}

.online form {
padding:20px;
max-width:80%;
margin:0 auto
}

.about_btn_form {
display:inline-block;
background-color:#e31f25;
padding:1rem 2rem;
color:#fff!important;
text-transform:uppercase;
font-weight:600;
font-size:1rem;
opacity:.7;
transition:.5s
}

.about_btn_form:hover {
color:#fff;
opacity:1!important;
transition:.5s!important;
text-decoration:none
}

.online_info::before {
content:"";
display:inline-block;
width:50%;
height:2px;
background:#e31f25;
opacity:.8
}

.online_info_form form {
background-color:rgba(227,31,37,0.5);
margin-top:20px;
box-shadow:0 1px 5px 0 rgba(50,50,50,0.75)
}

.online_info h2 {
padding:30px 0 25px 50px;
color:#484848;
text-transform:uppercase;
font-size:2rem
}

.online_info p {
padding:0 0 25px 70px;
font-weight:400;
font-size:1.3rem
}

.online form input:focus,.online form textarea:focus {
border-color:rgba(227,31,37,0.5);
box-shadow:0 1px 5px 0 rgba(227,31,37,0.7)
}

.online_info h3 {
padding:0 30px 25px 50px;
color:#484848;
font-size:1.8rem
}

.online_info ul {
padding:0 0 0 100px
}

.online_info ul li {
list-style:none
}

.online_info ul li a {
color:#484848;
font-size:1.3rem;
font-weight:500
}

.online_info ul li i {
color:#484848;
font-size:20px;
margin-right:10px
}

.Project {
padding:0 0 100px;
background-image:linear-gradient(to bottom,black 0%,transparent 100%),url(../img/project-bg.jpg);
background-size:cover;
background-position:center
}

.Project h2 {
padding:100px 0 50px;
text-transform:uppercase;
font-weight:600;
color:#fff;
margin:0;
background-position:center;
font-family:PF Din Display Pro;
font-size:
}

.Project h3 {
font-weight:600;
text-align:center;
font-size:1.5rem;
color:#fff;
margin-bottom:40px
}

.project-arrow i {
color:#e31f25;
font-size:4rem;
border:0;
opacity:.7;
margin:0 0 50px
}

.project-arrow-left {
transform:rotate(30deg)
}

.project-arrow-right {
transform:rotate(-30deg)
}

.Project div div ul {
margin:0;
padding:0
}

.Project div div ul li {
transition:.5s;
font-weight:400;
text-transform:uppercase;
font-size:1rem;
color:#fff;
padding:10px 0 10px 10px;
border-radius:15px;
margin:0 0 20px;
list-style-type:none;
opacity:1;
background:#e31f25;
background:#970005
}

.Project div div ul li i {
margin-right:10px;
color:#fff
}

.Project div div ul li:hover {
transform:scale(1.1);
transition:.5s;
cursor:pointer
}

.team {
padding:100px 0 50px;
background-image:url(../img/team-bg.png);
background-position:center
}

.team h3 {
font-size:2rem;
color:#606265;
text-transform:uppercase;
font-weight:600;
padding:0;
margin:0
}

.team hr {
margin:10px 0 25px;
background-color:#e31f25;
height:2px;
opacity:.7
}

.team p {
font-size:1.3rem
}

.team .card {
margin-bottom:50px
}

.team-info {
margin-bottom:50px;
margin-top:20px;
background-color:#fff;
border:2px solid #e86064;
box-shadow:0 0 0 3px #fff,0 0 0 8px #e86064;
box-sizing:border-box
}

.team-info h4 {
padding:20px 0 40px 20px;
margin:0
}

.team-info p {
font-size:1.2rem;
padding:25px 10px 0 30px
}

.red-num {
font-weight:700;
color:#e86064;
opacity:.8
}

.card {
transition:.5s
}

.QCall {
min-height:400px;
background-image:linear-gradient(to bottom,black 0%,transparent 100%),url(../img/qcall-bg.jpg);
background-size:cover;
padding-bottom:100px
}

.QCall h4 {
margin-top:100px;
margin-bottom:20px;
font-size:3rem;
color:#fafafa;
text-transform:uppercase;
font-weight:600;
font-family:PF Din Display Pro
}

.QCall h5 {
margin-bottom:70px;
font-size:1.3rem;
color:#fafafa;
font-weight:400
}

.QCall .form-control {
border:0;
border-bottom:3px solid #e86064;
border-radius:10px;
background-color:transparent;
color:#fff;
font-size:1.3rem;
font-weight:500
}

.QCall .form-control:focus {
box-shadow:none
}

.QCall .form-control::-webkit-input-placeholder {
text-transform:uppercase;
color:#fff;
font-size:1rem
}

.QCall form .btn {
padding:10px;
font-weight:500;
background-color:#e31f25;
box-shadow:0 .5rem 1rem rgba(0,0,0,.7)!important;
border-radius:50rem!important;
color:#fff;
display:inline-block;
opacity:.8;
transition:.5s;
text-transform:uppercase
}

.QCall form .btn:hover {
opacity:1;
transition:.5s
}

.job {
background-color:#fafafa;
padding:100px 0 50px;
background-image:url(../img/te1);
background-position:center
}

.job h3 {
font-size:2rem;
color:#606265;
text-transform:uppercase;
font-weight:600;
padding:0;
margin:0
}

.job hr {
margin:10px 0 25px;
background-color:#e31f25;
height:2px;
opacity:.7
}

.job p {
font-size:1.3rem
}

.job-more {
display:block;
text-align:center;
padding:10px;
border:1px solid #d0d0d0;
color:#484848
}

.job-more:hover {
text-decoration:none;
color:#e31f25;
border:1px solid #c1c1c1
}

.pagination {
margin-top:50px
}

.ymaps-map {
-ms-touch-action:auto!important;
touch-action:auto!important
}

.map {
background-color:#fafafa;
position:relative
}

.logo-map {
position:absolute;
z-index:999;
right:5%;
top:9%;
width:30%;
background-color:rgba(255,255,255,0.7);
padding:25px;
border-radius:30px
}

.logo-map h2 {
text-align:center;
color:#484848;
font-weight:700;
text-transform:uppercase;
margin-bottom:15px;
margin-top:40px
}

.map .logo-map hr {
margin:10px 0 20px;
background-color:#e31f25;
height:1px;
opacity:.5
}

.logo-map p {
text-align:center;
font-weight:500;
font-size:1.3rem;
color:#484848
}

.map .logo-map .social a {
font-size:2rem;
color:#484848
}

.map .logo-map .social a:hover {
font-size:2rem;
color:#e31f25;
text-decoration:none
}

.footer {
font-size:14px;
font-weight:400;
color:#CAB5A2;
padding:70px 0 40px;
margin:0;
border:0 solid;
background-color:#333
}

.footer p {
color:#ccc
}

.footer .title {
color:#fff
}

.title {
position:relative;
margin-bottom:30px;
text-transform:uppercase;
font-size:20px;
font-weight:700;
padding-bottom:8px;
letter-spacing:-.02em
}

.footer .title:before {
content:'';
position:absolute;
bottom:0;
left:0;
right:0;
height:1px;
border-bottom:2px solid rgba(255,255,255,0.1)
}

.footer .title:after {
content:'';
position:absolute;
left:0;
bottom:-1px;
height:4px;
width:150px;
background-color:#e31f25
}

.footer .title span {
position:relative;
display:inline-block;
padding:0 0 7px
}

.menu {
margin:0;
padding:0;
font-size:0
}

.menu li {
display:inline-block;
vertical-align:top;
margin-bottom:10px;
list-style-type:none;
font-size:14px;
width:50%
}

.menu li a {
color:#ccc;
transition:.5s
}

.menu li a:hover {
margin-left:10px;
text-decoration:none;
transition:.5s
}

.menu li a:before {
font-family:"Font Awesome 5 Pro";
content:"\f35a";
margin-right:10px
}

.footer .contact {
padding:0
}

.footer .contact li {
margin-bottom:10px;
list-style-type:none;
font-size:14px
}

.footer .contact li a {
color:#ccc;
transition:.5s
}

.footer .contact li a:hover {
margin-left:10px;
text-decoration:none;
transition:.5s
}

.footer .contact li a i {
margin-right:10px
}

.footer-social ul {
padding:0;
margin:0
}

.footer-social li {
display:inline-block;
list-style-type:none;
margin-right:20px
}

.footer-social li a {
color:#ccc;
transition:.5s;
border:1px solid #CCC;
padding:10px;
border-radius:50%;
font-size:1.2rem;
transition:.5s
}

.footer-social li a:hover {
transition:.5s;
color:#e31f25;
border:1px solid #e31f25
}

.footer-social {
display:block;
padding:25px 0
}

.copyright {
padding:25px 0;
background-color:#111
}

.copyright p {
font-size:.8rem;
padding:0;
margin:0
}

.copyright p a {
color:#e31f25;
opacity:.7
}

.header-blog {
background-image:linear-gradient(0deg,rgba(66,75,85,0.6) 0%,rgba(66,75,85,1) 100%),url(../img/blog-header-bg.jpg);
background-color:#424b55;
background-size:cover;
background-position:center;
height:20vh;
width:100%;
overflow:hidden;
position:relative
}

.header-blog h1 {
color:#fff;
text-transform:uppercase;
font-weight:700;
font-size: 20px;
padding-top: 20px;
font-family:PF Din Display Pro
}

.section-content {
padding: 40px 40px 0px 40px;
}

.article-preview {
border-top:1px solid #ccc;
padding:20px;
transition:all .5s;
margin-bottom:30px
}

.article-preview h2 {
font-size:1.4rem;
text-transform:uppercase;
font-weight:700;
color:#dc3545d6
}

.article-preview a {
color:#484848;
transition:all .5s
}

.article-preview a:hover {
color:#e86064;
transition:all .5s;
text-decoration:none
}

.thumb {
border:5px solid #fff;
width:100%;
height:auto;
margin:0 20px 20px 0;
box-shadow:0 0 10px rgba(0,0,0,.1)
}

.article-date {
margin:0;
display: none;
font-weight:500
}

.article-date i {
margin-right:10px
}

.article-preview .more {
color:#e86064
}

.article-preview .more:hover {
color:#484848
}

.sidebar-widget h5 {
color:#484848
}

.sidebar-widget h5:before {
content:'';
position:absolute;
bottom:0;
left:0;
right:0;
height:1px;
border-bottom:2px solid rgba(0,0,0,0.1);
width:100%
}

.sidebar-widget h5:after {
content:'';
position:absolute;
left:0;
bottom:0;
height:2px;
width:50px;
background-color:#e31f25
}

.widget-categories ul {
padding:0;
margin:0;
list-style:none
}

.widget-categories ul li a {
padding-left:10px;
font-size:.9rem;
color:#484848;
margin-bottom:5px;
display:inline-block;
font-weight:500;
transition:all .5s
}

.widget-categories ul li a:hover {
margin-left:10px;
transition:all .5s;
text-decoration:none
}

.widget-categories ul .active {
margin-left:10px;
transition:all .5s;
text-decoration:none
}

.widget-categories ul li a::before {
font-family:"Font Awesome 5 Pro";
content:"\f35a";
margin-right:5px;
color:#e86064
}

.page-link {
color:#da1757;
transition:all .5s;
padding-left:1rem;
padding-right:1rem
}

.page-link:hover {
background-color:#e86064;
color:#fff;
border-color:#f42267
}

.page-item.active .page-link {
background-color:#e86064;
border-color:#f42267
}

@media only screen and (max-width : 1200px) {
html {
font-size:14px
}

.content-body {
    font-size: 1.4rem;
}

.p-cat-info {
    font-size: 1.5rem;
}
p {
    font-size: 1.3rem;
}
}

@media only screen and (max-width : 992px) {
  
    
.header_btn {
    opacity: 1;
}    
.header_text {
padding-top:0%
}
.logo-map {
background-color:rgba(255,255,255,1)
}

.nav_callback__btn {
display:none
}

.about .img_item {
display:block;
width:80%;
margin:0 auto;
text-align:center;
margin-bottom:25px
}

.Project h2 {
font-size:2rem
}

.project-arrow i {
display:none
}

html {
font-size:15px
}

.navbar-nav {
background:#000;
padding:0 15px;
position:relative;
z-index:1
}

.map .logo-map .social a {
font-size:1.5rem;
color:#484848
}

.header_h1 {
font-size:2.6rem
}

.header_p {
padding-top: 10%;
font-size:1.8rem
}

.logo-map {
top:15%
}

.map .logo-map .social a:hover {
font-size:1.3rem;
color:#000
}

.logo-map h2 {
font-size:1.3rem;
text-align:center;
color:#484848;
font-weight:700;
text-transform:uppercase;
margin-bottom:15px;
margin-top:40px
}

.progress-item:hover {
box-shadow:none;
cursor:default;
position:relative;
opacity:1;
transform:none;
transition:.5s;
background-color:#4b2d7f;
z-index:100
}
}

@media only screen and (max-width : 768px) {
    
    .article-preview h2 {

    font-size: 1.2rem !important;
    padding-bottom: .5rem;
    }
.p-mobile-0 {
    padding: 0px !important;
}    
.mt-mobile {
    margin-top: 25px;
    margin-bottom: 25px;
}
.section-content {
    padding: 20px 0px !important;
}    
    
.p-mobile-off dl, ol, ul {
    margin-top: 15px !important;
}    
    
.breadcrumb-item a {
    color: #777;
    font-weight: 500;
    text-decoration: none;
    font-size: .9rem;
}    
    
    .breadcrumb-item+.breadcrumb-item {
    padding-left: .3rem;
}
    .breadcrumb-item+.breadcrumb-item::before {
        padding-right: .0rem;
    }
.p-mobile-off {
    padding: 0px 10px 0px 10px !important;
}  

.breadcrumb {
    margin-bottom: 0rem !important; 
}
    
.p-cat-items {
font-size:1.3rem
}

.online form {
max-width:100%
}

.cocoen img {
width:100%;
height:250px
}

.footer {
padding:70px 0 0
}

.footer-social {
text-align:center
}

.job .card-text {
font-size:1.3rem
}

.cocoen {
height:200px
}

.job {
padding:50px 0
}

.QCall {
padding-bottom:50px
}

.QCall h4 {
margin-top:50px
}

.QCall h5 {
margin-bottom:50px
}

.team {
padding:50px 0
}

.Project h3 {
margin-bottom:25px
}

.Project h2 {
padding:50px 0
}

.section-progress h3 {
height:0
}

.online_info_form form {
margin:0 auto;
margin-top:50px;
margin-bottom:50px
}

.online_info h3 {
padding:0;
text-align:center
}

.online_info ul {
padding:0;
margin-top:20px;
text-align:center
}

.online_info p {
padding:0;
text-align:center
}

.online_info h2 {
padding:15px 0 0;
text-align:center
}

.online {
padding:15px 0 0
}

.about_btn_red {
margin:0 auto!important;
display:block;
width:80%;
margin-bottom:25px;
margin-top:25px
}

.about_btn {
margin:0 auto;
display:block;
width:80%;
margin-bottom:25px;
margin-top:25px
}

.about h2 {
font-size:2rem
}

.logo-map h2 {
font-size:1.8rem
}

.logo-map {
position:static;
z-index:999;
right:5%;
top:9%;
width:100%;
margin:0 15px 25px;
background-color:#fafafa;
padding:25px;
border-radius:0
}

.QCall form .btn {
display:block;
margin:0 auto;
font-size:1.2rem;
padding: 1.2rem;    
}

.Project div div ul li:hover {
transform:none;
transition:.5s;
cursor:pointer;
margin-left:10px
}

.card:hover {
cursor:default;
position:relative;
opacity:1;
transform:none;
transition:.5s;
z-index:100
}
}

@media only screen and (max-width : 480px) {
    .content-body p {
    line-height: 1.4;
    text-indent: 0px;
}
    .article-preview .more {
    font-size: 1.5rem;
    margin: 15px 0px 0px 0px;
    padding: 0px;
    display: block;
    text-align: center;
    background-color: #e86064;
    color: #fff;
}
    
    .article-date {
    margin: 0;
    font-weight: 500;
    font-size: 1.1rem;
}
.p-cat-info {
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 1.5rem;
}
.content-body .about_btn_red {
width:100%
}
.content-body h3 {
font-size: 1.2rem;
text-transform: uppercase;
font-weight: 600;
margin: 15px 0 5px;
color: #dc3545d6;
}

.content-body {
padding:0;
font-size:1.3rem;
font-weight:400
}

.thumb {
border:0 solid #fff;
width:100%;
height:auto;
margin:0 20px 20px 0;
box-shadow:none
}

.article-preview {
padding:0
}

.section-content {
padding:20px 0
}

.article-preview h2 {
padding:10px 0 0;
font-size: 1.5rem;
text-transform: uppercase;
font-weight: 600;
color: #dc3545d6;
}

.contact-card h3 {
padding-top:20px!important;
text-align:center
}

.contact-card ul {
padding:0;
margin:0
}
}

@media only screen and (max-width : 321px) {
html {
font-size:11px
}
}

.btn-success {
    color: #fff;
    background-color: #e31f25;
    border-color: #dc3545;
    font-size: 1rem;
}


.phone-header {
    font-size: 25px;
    margin-left: 10px;
}
.phone-header a {
    color: #fff;
}
.black .phone-header {
    font-size: 17px;
}
.phone-mobile {
    display: none;
}
.cookie-notice {
    display: flex;
    align-items: center;
    background-color: #fff;
    position: fixed;
    left: 30px;
    bottom: 50px;
    color: rgb(107 114 128);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #efefef;
    z-index: 99999;
}
.cookie-icon-block {
    background-color: rgb(225 239 254);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 10px;
    width: 32px;
    height: 32px;
}
.cookie-icon {
    color: rgb(63 131 248);
    width: 16px;
    height: 16px;
}
.cookie-info {
    font-size: 14px;
    line-height: 20px;
    margin-left: 10px;
}
.cookie-info a {
    color: rgb(118 169 250);
}
.cookie-button {
    background-color: #e31f25;
    color: #fff;
    font-size: 17px;
    padding: 5px 10px;
    border-width: 0;
    border-radius: 10px;
    margin-left: 10px;
    cursor: pointer;
    transition: all 0.5s;
}
.cookie-button:hover {
    background-color: rgb(227 31 37 / 80%);
}
@media only screen and (max-width: 800px) {
.phone-header {
    display: none;
}
.phone-mobile {
    display: block;
    font-size: 17px;
}
.phone-mobile a {
    color: #fff;
}
.cookie-notice {
    width: 95%;
    left: 0;
    right: 0;
    bottom: 10px;
    margin: 0 auto;
}
}