﻿.contact-topic-page{padding-bottom:50px; clear:both;}
.contact-topic-page .col-left{width:calc(100% - 450px); padding-right:40px; float:left; position:relative;}
.contact-topic-page .col-left .title-topic{font-size:25px; line-height:initial; display:block;}
.contact-topic-page .col-left .content-topic{width:100%; float:left; position:relative; line-height:24px;}
.contact-topic-page .col-left .content-topic img{max-width:initial!important; height:initial!important; display:block; margin: 0 auto; border-radius:7px; }
.contact-topic-page .col-right{width:450px; float:right; position:relative;}

.socialBottom{width:100%; float:left; position:relative; margin-top:30px;}
.socialBottom .socialShare{display:block; font-size:17px; font-weight:500; color:#000; padding-bottom:15px;}
.socialBottom ul{margin: 0 -5px; padding:0; list-style:none; clear:both;}
.socialBottom ul li{padding:0 5px; display:block; float:left; position:relative; width:20%; }
.socialBottom ul li a{display:flex; align-items:center; justify-content:center; border-radius:5px; height:40px; padding: 0 10px; text-decoration:none; color:#fff; text-align:center; font-size:16px; transition:.3s; box-shadow: inset 0 0 rgba(0,0,0,0)}
.socialBottom ul li a:hover{box-shadow:inset 0 40px rgba(0,0,0,.15)}
.socialBottom ul li a i{font-size:20px;}
.socialBottom ul li a span{padding-left:8px; font-size:14px; font-weight:500; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.socialBottom ul li a.navFacebook{background:#1873eb}
.socialBottom ul li a.navTwitter{background:#1c9cea}
.socialBottom ul li a.navTelegram{background:#32afed}
.socialBottom ul li a.navWhatsapp{background:#00ba3a}
.socialBottom ul li a.navPinterest{background:#e60023}

.wrap-tags{width:100%; margin:0px 0 0 0; padding:30px 0 0 65px; list-style:none; float:left; position:relative;}
.wrap-tags .title-tags{position:absolute; top:34px; left:0; padding-left:25px; color:rgba(0,0,0,.7)}
.wrap-tags .title-tags:before{font-family:"Font Awesome 5"; font-weight:900; content:"\f02c"; font-size:14px; position:absolute; top:-1px; left:0;color:var(--color1)}
.wrap-tags .title-tags:after{content:':'; float:right; padding-left:3px;}
.wrap-tags a{text-decoration:none; color:rgba(0,0,0,.85); float:left; margin: 5px 0px 5px 10px; position:relative; padding-left:15px; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.wrap-tags a:before{content:'/'; font-weight:normal; float:left; position:absolute; top:-1px; left:0; color:rgba(0,0,0,.5) }
.wrap-tags a:hover{color:var(--color1)}
.wrap-tags a h4{margin:0; padding:0; font-size:14px; white-space:nowrap }
.wrap-tags a:first-of-type{padding-left:0;}
.wrap-tags a:first-of-type:before{display:none;}

.wrap-form{width:100%; float:left; position:relative; background:var(--color-bg) url(../Default/top-border-mail.jpg) repeat-x 0 0; border-radius:0 0 7px 7px; padding: 0 30px 30px 30px;}
.wrap-form .title-form{width:100%; float:left; position:relative; padding-top:35px; border-bottom:1px dashed rgba(0,0,0,.07); padding-bottom:25px; margin-bottom:5px; }
.wrap-form .title-form h4{margin:0; padding:0 0 5px 0; font-size:18px; text-transform:uppercase; font-weight:bold; width:100%; float:left; display:block;}
.wrap-form .title-form p{margin:0; padding:0; width:100%; float:left;}
.wrap-form .nav-send{width:100%; float:left; margin-top:25px; position:relative; line-height:51px; height:50px; border-radius:5px; color:#fff; text-decoration:none; padding: 0 20px; background:#ec1f26; font-weight:bold; font-size:14px; text-transform:uppercase; letter-spacing:1px; box-shadow: inset 0 0 rgba(0,0,0,0); transition:.3s;}
.wrap-form .nav-send:hover{box-shadow:inset 0 50px rgba(0,0,0,.15)}
.wrap-form .nav-send:after{font-family: "Font Awesome 5"; font-weight: 900; content: "\f30b"; float:right; font-size:16px;}

.col-captcha .wrap-input{width:100%; float:left; position:relative; padding-right:145px;}
.col-captcha .wrap-input input[type="text"]{text-transform:uppercase; font-weight:bold}
.col-captcha .wrap-input .wrap-img{position:absolute; top:0; right:0px; height:38px; border:1px solid rgba(0,0,0,.1); border-radius:4px;padding: 5px 40px 5px 5px; background: rgba(0,0,0,.02); }
.col-captcha .wrap-input .wrap-img a{height:38px; width:38px; text-align:center; line-height:38px; font-size:16px; position:absolute; top:0; right:0; color:var(--color1); text-decoration:none;}

@media (max-width:767px) {
    
}

@media (max-width:991px) {
    .contact-topic-page{padding-bottom:0;}
    .contact-topic-page .col-left{width:100%; padding-right:0;}
    .contact-topic-page .col-right{width:100%; margin-top:50px;}
}

@media (min-width:992px) and (max-width:1200px) {
    .contact-topic-page .col-left{width:100%; padding-right:0;}
    .contact-topic-page .col-right{width:100%; margin-top:50px;}
}