@charset "utf-8";
/* CSS Document */


* {
	margin: 0;
	padding: 0;
	border: 0;
	word-wrap: break-word;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@font-face{
	font-family: 'Gotham-Medium';
	src:url('../fonts/Gotham-Medium.ttf') format('truetype');
}

@font-face{
	font-family: 'Gotham-Bold';
	src:url('../fonts/Gotham-Bold.ttf') format('truetype');
}

@font-face{
	font-family: 'Gotham-Book';
	src:url('../fonts/Gotham-Book.ttf') format('truetype');
}

html{
	scroll-behavior: smooth;
	padding:0;
	margin: 0;
	overflow-x: hidden;
}


body{
	padding:0;
	margin: 0;
	font-family: sans-serif;
	overflow-x: hidden;
	background-color: #ffffff;
}

a{text-decoration: none;}

a:focus, a:hover{text-decoration: none;}

/*Generals*/

.img-responsive{
	max-width: 100%;
	height: auto;
	display: inline-block;
}

.img-center{
	max-width: 100%;
	height: auto;
	display:block;
	margin:0 auto;
}

.f-right{
	float: right;
}

.padding-z{
	padding:0;
	margin:0;
}

.a-center{
	text-align: center !important;
}

.bold{
	font-family: 'Gotham-Bold';
	font-weight: bold;
}

.mar-5-r{
	margin-right: 5px;
}

.anim-add {
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.7s;
	animation-name: animatetop;
	animation-duration: 0.7s
}

.anim-comment{
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.7s;
	animation-name: animatetop;
	animation-duration: 0.7s
}


/* Add Animation */
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0} 
	to {top:0; opacity:1}
}

@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}


/*END-Generals*/


/*MENÜ*/

.navbar {
    position: fixed!important;
    width: 100%;
    z-index: 99;
    height: 60px;
}

.navbar-nav {
    margin:5px auto 0 auto;
    font-size: 1em;
    font-weight: bold;
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-item{
	list-style: none;
}

.navbar-fixed-top.scrolled {
    background-color: #fffffff0 !important;
    transition: background-color 200ms linear !important;
    box-shadow: 1px 1px 23px #0000001c;
}
.navbar-fixed-top.scrolled .nav-link {
  color:#555!important;
}

.navbar-dark .navbar-nav .nav-link {
	font-family:  'Gotham-Book', sans-serif;
    font-size: 13px;
    color:#fff !important;
    transition: .3s;
	padding:10px;
    margin: 0 8px;
	list-style: none;
	background-color: #919294;
	border-radius: 20px;
	transition: 0.3s;
}

.navbar-dark .navbar-nav .nav-link:hover {
	font-family:  'Gotham-Medium', sans-serif;
    background-color: #FF8987;
    color: #fff !important;
}

.active{
	background-color:#EDB148 !important;
    color: #fff !important;
}

#menu-desktop{
	background-color:rgba(8,25,43,0.8);
	height: 70px;
	width: 100%;
	position: fixed;
	border-bottom:solid 1px #dcceb1;
	z-index: 999;
}

#top-main{
	margin: 0;
	padding:0;
}

.wrp-main{
	width: 100%;
	margin: 0 auto 0 auto;
}

.menu-list{
	max-width: 620px;
	margin:-10px auto 0 auto;
	list-style:none;
}

.menu-list li{
	display: inline-block;
}

.menu-list li a{
	margin:0 30px;
	font-size: 16px;
	font-family: 'SourceSansPro-Light', sans-serif;
	color: #ffffff;
	cursor: pointer;
	transition: all 0.3s ease 0s;
}

.menu-list li a:hover{
	color: #dcceb1;
}


.logo-pr{
	clear: both;
	text-align: center;
	margin-top: 0px;
	animation: star 10s ease-out infinite;
}


/* Keyframes */
@keyframes star {
	0% {
		opacity: 0;
		transform: scale(1.3) translateY(-0.75em);
	}
	20% {
		opacity: 1;
	}
	89% {
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: translateZ(-1000em);
	}
}

/*END-MENU*/



/*TOP MAIN*/


/*END TOP MAIN*/


/*HOME*/

.icon-call{
	position: fixed;
	right:0;
	margin-top: 30%;
	z-index: 9999;
}

#inicio{
	background-image: url('../img/bk-hm.jpg');
	background-size: cover;
	background-position:top left;
	background-repeat: no-repeat;
}

.img-top{
	float: right;
}

.wrp-comb-logo{
	float:right;
	margin-top:15%;
	clear: both;
}

.logo{
	max-width: 250px;
		display: block;
		margin: 0 auto;
}

.bnv{
	font-size: 36px;
	font-family:'Gotham-Bold', sans-serif;
	text-align: right;
	clear: both;
	color: #026fd4;
	margin-right: 15px;
}

.txt-hm{
    font-size: 16px;
	font-family:'Gotham-Medium', sans-serif;
	text-align: center;
	color: #026fd4;
	margin-right: 15px;
}

.bt-gr{
	background-color: #edb148;
	border-radius: 20px;
	font-family: 'Gotham-Medium', sans-serif;
	color: #fff;
	padding: 5px 5px;
	font-size: 14px;
	text-align: center;
	width: 180px;
	margin-right: 15px;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}

.bt-gr:hover{
	background-color:#FF8888; 
	text-decoration: none;
	color: #FFF;
}

.bt-sht{
	background-color: #edb148;
	border-radius: 20px;
	font-family: 'Gotham-Medium', sans-serif;
	color: #fff;
	padding: 5px 5px;
	font-size: 12px;
	text-align: center;
	width: 80px;
	margin-right: 15px;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}

.bt-sht:hover{
	background-color:#FF8888; 
	text-decoration: none;
	color: #FFF;
}

.tit-2{
    font-size: 22px;
	font-family:'Gotham-Bold', sans-serif;
	padding-top: 30px;
	text-align: center;
	color: #026fd4;
}


.tit-3{
    font-size: 22px;
	font-family:'Gotham-Bold', sans-serif;
	padding-top: 30px;
	text-align: center;
	color: #026fd4;
}

.tit-4{
    font-size: 22px;
	font-family:'Gotham-Bold', sans-serif;
	padding-top: 30px;
	text-align: center;
	color: #026fd4;
}

.tit-5{
    font-size: 22px;
	font-family:'Gotham-Bold', sans-serif;
	padding-top: 30px;
	text-align: center;
	color: #026fd4;
}

.wrp-rd2{
	margin:0 auto;
	max-width: 245px;
}

.line-tit{
	display: none;
}

.line-tit2{
	display: none;
}


.lk-fot{
	color: #fff;
	padding:0 5px;
	cursor: pointer;
	transition: all 0.3s ease-in-out 0s;
}

.lk-fot:hover{
	color: #edb148;
}

.wrp-mn{
	padding-top: 30px;
	border-radius:20px;
	clear: both;
}

.tit-mn{
	font-size: 22px;
	font-family:'Gotham-Bold', sans-serif;
	text-align: center;
	color: #fff;
	background-color:#026fd4;
	border-radius: 0 0 10px 10px;
	transition: all 0.3s ease-in-out 0s;
}

.tit-mn:hover{
	background-color: #ed4848;
}

.sust{
	width: 200px;
	height: 297px;
	border-radius:20px;
	background-position: center;
	cursor: pointer;
	transition: all 0.3s ease-in-out 0s;
	display: block;
	margin: 0 auto;
}

.sust:hover{
        box-sizing:border-box;
        display:block;
        width:200px;
        height: 297px;
        overflow:hidden;
        box-shadow: 1px 1px 10px #8d8d8d;
        transform: scale(1.02);
}

.mn1{
	background-image: url('../img/paciente.png');
}

.mn1:hover{
	background-image: url('../img/paciente-h.png');
}

.mn2{
	background-image: url('../img/medico.png');
}

.mn2:hover{
	background-image: url('../img/medico-h.png');
}

.mn3{
	background-image: url('../img/representante.png');
}

.mn3:hover{
	background-image: url('../img/representante-h.png');
}

.mn4{
	background-image: url('../img/enfermera.png');
}

.mn4:hover{
	background-image: url('../img/enfermera-h.png');
}

.mn5{
	background-image: url('../img/asignacion.png');
}

.mn5:hover{
	background-image: url('../img/asignacion-h.png');
}

.wrp-rd{
	max-width: 150px;
	margin: 0 auto;
}

.lab-gr{
	font-size: 22px;
	font-family:'Gotham-Medium', sans-serif;
	padding-top: 30px;
	text-align: center;
	color: #026fd4;
	display: block;
	clear: both;
}

.lab-gr5{
	font-size: 16px;
	font-family:'Gotham-Medium', sans-serif;
	padding-top: 30px;
	text-align: center;
	color: #026fd4;
	display: block;
	clear: both;
}

.inp-gr{
	background-color: transparent;
	border-radius: 30px;
	border:solid 1px #026fd4;
    font-size: 16px;
	font-family:'Gotham-Medium', sans-serif;
	padding-top: 10px;
	text-align: center;
	color: #026fd4;
	transition: all 0.3s ease-in-out 0s;
	cursor: pointer;
	display: block;
	margin:0 auto;
	clear: both;
}

.inp-gr:hover{
	box-shadow: 1px 1px 5px #ccc;
}

.inp-sht{
	background-color: transparent;
	border-radius: 30px;
	border:solid 1px #026fd4;
    font-size: 15px;
	font-family:'Gotham-Medium', sans-serif;
	padding-top: 10px;
	text-align: center;
	color: #026fd4;
	transition: all 0.3s ease-in-out 0s;
	cursor: pointer;
	display: block;
	margin:0 auto 10px auto;
	width: 80px;
	clear: both;
}

.inp-sht:hover{
	box-shadow: 1px 1px 5px #ccc;
}

.txt-sec{
	font-size: 14px;
	font-family:'Gotham-Medium', sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #7a7a7a;
	clear: both;
	padding: 20px;
}

.red{
	color: red;
}

.lk-sec{
	color: #7a7a7a;
	cursor: pointer;
}

.lk-sec:hover{
    color: #edb148;
	text-decoration: underline;
}

.bt-sec{
	background-color: #026fd4;
	display: block;
	border-radius: 20px;
	font-family: 'Gotham-Medium', sans-serif;
	color: #fff;
	padding: 5px 5px;
	font-size: 14px;
	text-align: center;
	width: 180px;
	margin:20px auto 20px auto;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}

.bt-sec:hover{
	background-color:#FF8888; 
	text-decoration: none;
	color: #FFF;
}

.wrp-tarex{
	padding: 0 30px;
}

.img-tar{
	max-width: 100%;
	height: auto;
	display:inline-block;
	margin:0 auto;
	padding: 0 20px;
	width: 240px;
}


/*END-HOME*/



/*BENEFICIOS*/

.wrp-ben{
	background-color: #026fd4;
	border-radius: 20px; 
	display: block;
	margin: 50px auto 50px auto;
	min-height: 275px;
}

.wrp-comb-logo-ben{
	float: right;
	margin-top: 12%;
	margin-right: 10%;
}

.int-ben{
	font-size: 28px;
	font-family:'Gotham-Bold', sans-serif;
	text-align: center;
	clear: both;
	color: #026fd4;
}

.img-ben{
	display: block;
	margin: 0 auto;
	padding-top: 20px;
}

.txt-ben{
    font-size: 16px;
	font-family:'Gotham-Medium', sans-serif;
	text-align: center;
	color: #fff;
	padding: 5px 15px 20px 15px;
}


.tab-ben{
	font-size: 16px;
	font-family:'Gotham-Medium', sans-serif;
	text-align: center;
	color: #026fd4;
	border:solid 1px #026fd4;
	border-radius: 20px;
	display: block;
	margin: 0 auto;
	width: 75%;
}

.tab-ben td{
	padding: 15px;
	text-align: center;
	width: 12.5%;
}


.td-tab{
	background-color: #026fd4;
	color: #fff;
	border-radius: 20px 0 0 0;
}

.td-tab2{
	background-color: #026fd4;
	color: #fff;
	border-radius:0 0 0 20px;
}

.td-tab3{
	background-color: #026fd4;
	color: #fff;
	border-radius:0 20px 0 0;
}

.ui-datepicker-calendar{
	background-color: #e8e8e8;
	padding: 10px;
}

.ui-datepicker-calendar td{
	padding: 10px;
}

.txt-pr{
    font-size: 16px;
	font-family:'Gotham-Medium', sans-serif;
	text-align:center;
	color: #026fd4;
	padding: 10px 20px;
}

.img-far{
	display: block;
	margin: 20px auto 10px auto;
	clear: both;
	width: 250px;
}


.stit-lg{
    font-size: 16px;
	font-family:'Gotham-Medium', sans-serif;
	text-align:left;
	color: #026fd4;
	padding: 10px 20px 10px 0;
}

/*END-BENEFICIOS*/


/*HISTORIAL*/

#hist{
	margin-top: 50px;
}

.t-head{
	background-color: #026fd4;
	color: #fff;
}


.txt-gr{
    font-size: 16px;
	font-family:'Gotham-Medium', sans-serif;
	color: #026fd4;
	padding: 0 30px;
}

.txt-gr2{
    font-size: 14px;
	font-family:'Gotham-Medium', sans-serif;
	color: #026fd4;
	padding: 0 30px;
}


.stit-gr{
    font-size: 18px;
	font-family:'Gotham-Bold', sans-serif;
	color: #026fd4;
	padding: 0 30px;
}

.txt-dsl{
    font-size: 12px;
	font-family:'Gotham-Medium', sans-serif;
	max-width: 800px;
	margin:0 auto;
	text-align:center;
	color: #026fd4;
	padding: 10px 20px;
}

.txt-dsl2{
    font-size: 12px;
	font-family:'Gotham-Medium', sans-serif;
	max-width: 800px;
	margin:0 auto;
	text-align:center;
	color: #026fd4;
	padding: 10px 10px;
}

.txt-name{
	font-size: 22px;
	font-family:'Gotham-Bold', sans-serif;
	text-align: right;
	clear: both;
	color: #026fd4;
	margin-right: 15px;
}

.mar-5-r{
	margin-right: 5px !important;
}

.mar-30-t{
	margin-top: 30px;
}

/*END-HISTORIAL*/


/*FAQS*/

#faqs{
	margin-top: 30px;
	margin-bottom: 30px;
}

.gray{
	color: #7e7e7e;
}


.fq{
	font-family: 'Gotham-Medium', sans-serif;
	font-size: 16px;
	color: #026fd4;
}

.t-left{
	text-align: left !important;
}

.tit-fq{
	color:#ED4848;
	font-size: 21px;
	font-family: 'Gotham-Bold', sans-serif;
	background-color: transparent;
	width: 100%;
	padding: 15px;
	margin-top: 30px;
}

.tit-lg{
	color:#ED4848;
	font-size: 21px;
	font-family: 'Gotham-Bold', sans-serif;
	background-color: transparent;
	width: 100%;
	padding: 15px 15px 15px 0px;
	margin-top: 30px;
}

.txt-fq{
	font-size: 14px;
	font-family:'Gotham-Medium', sans-serif;
	color: #7a7a7a;
}

.list-faq li{
	list-style: none;
}


/*END-FAQS*/


/*CONTACTO*/

.wrp-txt-cnt{
	max-width: 600px;
	padding: 10px 30px 30px 30px;
}

.txt-cnt{
    font-size: 16px;
	font-family:'Gotham-Book', sans-serif;
	text-align: center;
	color: #026fd4;
	margin-right: 15px;
}

.tel-cnt{
	float: right;
}

.txt-cnt2{
    font-size: 16px;
	font-family:'Gotham-Medium', sans-serif;
	text-align: left;
	color: #000;
	margin-right: 15px;
}


.stit-ben{
	font-size: 22px;
	font-family: 'Gotham-Bold', sans-serif;
	text-align: center;
	color: #026fd4;
}

.stit-ben2{
	font-family: 'Gotham-Bold', sans-serif;
	text-align: left;
	color: #21b4e2;
}

/*END-CONTACTO*/



/*MEDICOS*/

.stit-md{
    font-size: 21px;
	font-family:'Gotham-Medium', sans-serif;
	text-align: right;
	color: #026fd4;
	margin-right: 15px;
}

.wrp-txt-sp{
	max-width: 800px;
	margin-left: 5%;
	margin-top: 30px;
}

.lab-gr2{
	font-size: 18px;
	font-family:'Gotham-Medium', sans-serif;
	color: #026fd4;
	margin: 10px;
}


.lab-gr3{
	font-size: 18px;
	font-family:'Gotham-Medium', sans-serif;
	color: #7a7a7a;
}


.inp-gr2{
	font-size: 18px;
	font-family:'Gotham-Medium', sans-serif;
	color: #7a7a7a;
	display: inline-block;
	margin: 10px;
	background-color: #cde8fe;
	border-radius: 30px;
	padding: 5px 5px;
}

.bt-gr2{
	font-size: 18px;
	background-color: #edb148;
	border-radius: 20px;
	font-family: 'Gotham-Medium', sans-serif;
	color: #fff;
	display: inline-block;
	padding: 0px 5px;
	margin: 10px;
	cursor: pointer;
	transition: all 0.3s ease 0s;
}

.bt-gr2:hover{
	background-color:#FF8888; 
	text-decoration: none;
	color: #FFF;
}

/*END-MEDICOS*/


/*REPRESENTANTES*/
.wrp-comb-logo-reg {
	float: right;
	margin-top: 12%;
	margin-right: 12%;
}

.wrp-rep{
	max-width: 800px;
	margin:0 auto;
}

.wrp-scan{
	max-width: 245px;
	margin:0 auto;
}


.lab-gr4{
	font-size: 18px;
	font-family:'Gotham-Medium', sans-serif;
	color: #026fd4;
	text-align: center;
	margin: 10px;
}

.toolt {
 position:relative;
 display:block;
 font-family:archia-regular,sans-serif;
 width:200px;
 text-align:center;
 color:#22badf;
 font-size:14px;
 margin:5px 10px
}
.toolt .tooltiptext {
 visibility:hidden;
 width:180px;
 background-color:#555;
 color:#fff;
 text-align:center;
 font-size:12px;
 border-radius:6px;
 padding:5px 10px;
 position:absolute;
 z-index:1;
 bottom:125%;
 left:35%;
 margin-left:-60px;
 opacity:0;
 transition:opacity .3s
}
.toolt .tooltiptext::after {
 content:"";
 position:absolute;
 top:100%;
 left:50%;
 margin-left:-5px;
 border-width:5px;
 border-style:solid;
 border-color:#555 transparent transparent transparent
}
.toolt:hover .tooltiptext {
 cursor:pointer;
 visibility:visible;
 opacity:1
}


/*END REPRESENTANTES*/



/*FOOTER*/

footer{
	margin-top: 50px;
}

.ft-block{
	background-color:#026fd4;
	margin: 0 auto;
	border-radius: 30px;
	position: relative;
	bottom: 0;
	padding: 10px 20px;
	width: 90%;
}


.txt-fot{
	color: #fff;
	font-size: 12px;
	float: left;
	font-family: 'Gotham-Bold', sans-serif;
	padding: 0 10px;
	margin-top: 8px;
}

.txt-fot2{
	color: #fff;
	font-size: 12px;
	text-align: right;
	font-family: 'Gotham-Bold', sans-serif;
	padding: 0 10px;
	margin-top: 15px;
}


.txt-fot2-mn{
	display: none;
}

.stxt-fot{
	font-size: 11px;
	font-family:'Gotham-Medium', sans-serif;
	text-transform: uppercase;
	width: 85%;
	margin: 20px auto 20px auto;
	text-align: justify;
	text-align-last: center;
	color: #7a7a7a;
}



/*END-FOOTER*/



/*RESPONSIVE*/

@media screen and (max-width: 1440px){
	
	
}

@media screen and (max-width: 1366px){

	

}


@media screen and (max-width: 1200px){


}


@media screen and (max-width: 1024px){

.sust{
	width: 150px;
	height: 216px;
}

.sust:hover{
	width: 150px;
	height: 216px;
}

.mn1{
	background-image: url('../img/paciente-1024.png');
}

.mn1:hover{
	background-image: url('../img/paciente-h-1024.png');
}

.mn2{
	background-image: url('../img/medico-1024.png');
}

.mn2:hover{
	background-image: url('../img/medico-h-1024.png');
}

.mn3{
	background-image: url('../img/representante-1024.png');
}

.mn3:hover{
	background-image: url('../img/representante-h-1024.png');
}

.mn4{
	background-image: url('../img/enfermera-1024.png');
}

.mn4:hover{
	background-image: url('../img/enfermera-h-1024.png');
}

.mn5{
	background-image: url('../img/asignacion-1024.png');
}

.mn5:hover{
	background-image: url('../img/asignacion-h-1024.png');
}

}

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

	.icon-call{
		margin-top: 70%;
	}

	.tel-cnt{
		width: 60px;
		float: none;
		display: block;
		margin: 0 auto;
	}

}



@media screen and (max-width: 860px){

	.tab-ben{
		display: block;
        overflow-x: auto;
        width: 85%;
	}

}

@media screen and (max-width: 768px){

	#menu-desktop{
		display: none;
	}
	
	.navbar {
		height: 50px;
	}

	#inicio{
		background-image: none;
	}

	.bnv{
		font-size: 26px;
	}

	.int-ben{
		font-size: 22px;
	}

	.txt-hm{
		font-size: 12px;
		padding-left: 10px;
	}
	
	.txt-cnt2{
		font-size: 12px;
	}
	
	#perfil{
		background-image: url('../img/bk-perf.jpg');
		background-size: contain;
		background-position:top left;
		background-repeat: no-repeat;
	}

	.wrp-comb-logo{
		margin-top:25%;
	}

	.wrp-comb-logo-ben{
		margin-top: 25%;
	}

	.logo{
		width: 180px;
	}

	.img-top{
		margin-top: 50px;
	}

	.bt-gr{
		font-size: 12px;
		width: 150px;
	}

	.tit-2{
		width: 230px;
		float: right;
		text-align: right;
		margin-right: 8%;
		clear: both;	
	}



	.tit-3{
		width: 230px;
		margin-left: 8%;
		clear: both;
		text-align: left;
	}

	.tit-4{
		width: 280px;
		margin-left: 8%;
		clear: both;
		text-align: left;
	}

	.tit-5{
		clear: both;	
	}

	.line-tit{
		border: 0;
		height: 2px;
		background: #edb148;
		background-image: linear-gradient(to right, #edb148, #edb148, #edb148);
		float: right;
		margin-right: 8%;
		clear: both;
		width: 100px;
		padding: 0;
		margin-top: 0;
		display: block;
	}

	.line-tit2{
		border: 0;
		height: 2px;
		background: #edb148;
		background-image: linear-gradient(to right, #edb148, #edb148, #edb148);
		margin-left: 8%;
		clear: both;
		width: 100px;
		padding: 0;
		margin-top: 0;
		display: block;
	}

	.wrp-comb-mn{
		margin-top: 50px;
		margin-bottom: 50px;
		clear: both;
	}

	.txt-sec{
		font-size:11px;
		padding: 0 20px;
	}

	.lab-gr{
		font-size: 16px;
	}

	.lab-gr5{
		font-size: 16px;
	}

	.inp-gr{
		font-size: 16px;
	}

	.bt-sec{
		font-size: 12px;
		width: 150px;
	}

	.wrp-ben{
		margin: 10px 20px 10px 20px;
		min-height: 165px;
	}

	.img-far{
		margin: 20px auto 20px auto;
	}

	.ft-block{
		padding: 20px 20px 5px 20px;
	}


	footer{
		background-image: url('../img/bk-fot.jpg');
		background-position:bottom right;
		background-repeat: no-repeat;
	}

	.txt-fot{
		float: none;
		text-align: center;
		font-size: 9px;
	}

	.txt-fot2{
		display: none;
	}

	.stxt-fot{
		font-size:9px;
		margin-bottom: 0;
		color: #222222;
	}
	
	.txt-fot2-mn{
		display: block;
		color: #026FD4;
		font-size: 12px;
		text-align: center;
		font-family: 'Gotham-Bold', sans-serif;
		padding: 0 10px;
	}

}

@media screen and (max-width: 640px){
	
	
	
}



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

	.icon-call{
		margin-top: 80%;
		width: 45px;
	}

	.logo{
		width: 120px;
	}

	.bnv{
		font-size: 22px;
	}

	.txt-hm{
		font-size: 9px;
	}

	.txt-cnt2{
		font-size: 9px;
	}

	.bt-gr{
		font-size: 10px;
		width: 120px;
	}

	.txt-ben{
		font-size: 13px;
	}

	.stit-ben {
		font-size: 19px;
		padding: 10px;
	}

	.tit-5{
		font-size: 21px;
	}


}


@media screen and (max-width: 360px){

	.icon-call{
		margin-top: 90%;
	}

	.wrp-comb-logo{
		margin-top:40%;
	}

	.wrp-comb-logo-ben{
		margin-top: 40%;
	}

	.bnv{
		font-size:18px;
	}

	.int-ben{
		font-size: 18px;
	}

	.tit-2{
		font-size: 28px;
	}

	.tit-3{
		font-size: 28px;
	}

	.tit-4{
		font-size: 28px;
	}

	

	.ft-block{
		padding: 15px 20px 5px 20px;
	}

	.txt-fot{
		font-size: 7px;
	}

}

@media screen and (max-width: 320px){

	
}