/*
	Theme Name: Páginas web Medellín
	Theme URI: https://paginaswebenmedellin.com
	Author: the WordPress team
	Author URI: https://www.webussines.com
	Description: The theme create for corporative web site of Webussines
	Version: 1.0
	Text Domain: paginaswebenmedellin
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

	This theme, like WordPress, is licensed under the GPL.
	Use it to make something cool, have fun, and share what you've learned with others.
*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}

html, body {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	max-width: 100%;
	width: 100%;
}

html {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
	html::-webkit-scrollbar-track {
		background-color: #d4d4d4;
	}
	html::-webkit-scrollbar {
		background-color: rgba(0,0,0,0.2);
		width: 7px;
	}
	html::-webkit-scrollbar-thumb {
		border-radius: 0px;
		background-color: rgba(0,0,0,0.2);
	}

body {
	height: -webkit-calc(100% - 80px);
	height: -moz-calc(100% - 80px);
	height: calc(100% - 80px);
}

/*Common form styles*/
.input-form {
	border: 1px solid #ccc;
	border-radius: 0px;
	outline: 0;
	padding: 10px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	width: 100%;
}
	.input-form:focus {
		border-color: #b5172f;
	}

	textarea.input-form {
		height: 100px;
		resize: vertical;
	}

/*Common div's container*/
.common-section {
	padding-bottom: 5%;
    padding-top: 5%;
}

.contain {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

.row .col-content {
	padding: 70px 5%;
}

/*Global text*/
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

.title {
    font-size: 40px;
    font-weight: bold;
    padding-bottom: 5%;
    line-height: 100%;
    color: #0065a9;
}

.home-slider h2.text-title {
    font-size: 35pt;
	font-weight: bold;
}

.home-slider p.text-sub {
    font-style: italic;
    font-size: 15pt;
}
.text-md {
	font-size: 22px;
}
.text-slg {
    font-size: 40px;
}
.text-bold {
	font-weight: 700;
}
h1.text-seo2{
    font-family: "Montserrat", Sans-serif;
    font-size: 17px;
}

h1.text-seo{
	font-family: "Montserrat", Sans-serif;
	text-align: center;
    font-size: 15px;
    color: #404040;
}

/* style button whatsapp*/
.wpp-button {
    bottom: 60px;
    position: fixed;
	right: 10px;
    z-index: 1000;
}
	.wpp-button a {
		color: #FFF;
		text-decoration: none;
		font-family: 'Montserrat';
	}

    .wpp-button a:hover {
    color: #FFF;
     }
		.wpp-button .target {
			background-color: #43c358;
			border-radius: 5px;
			display: inline-block;
			line-height: 100%;
			padding: 10px 15px;
			position:relative;
		}
			.wpp-button .target:before {
				content: '';
				border-left: 10px solid #43c358;
				border-top: 8px solid transparent;
				border-bottom: 8px solid transparent;
				height: 0;
				left: 100%;
				position: absolute;
				top: -webkit-calc(50% - 8px);
				top: -moz-calc(50% - 8px);
				top: calc(50% - 8px);
				width: 0;
			}
			.wpp-button .whatsapp {
				background-color: #43c358;
				border-radius: 50%;
				font-size: 20px;
				height: 40px;
			    line-height: 40px;
                margin-left: 19px;
                text-align: center;
                margin-top: 13px;
				vertical-align: middle;
				width: 40px;
			}
			
			p.whatsapp img {
    margin-top: -6px;
}
/*Background's and color's*/
.bg-gray {
	background-color: #f6f6f6;
}
.bg-blue {
	background-color: #022452;
}

.color-blue {
	color: #232c42;
}
.color-blue-light {
    color: #8BC9DE;
}
.color-purple {
	color: #70187e;
}
.color-white {
	color: #fff;
}

/*Images*/
.full-img {
	height: auto;
	width: 100%;
}

/*Buttons*/
.button {
	background-color: transparent;
	display: inline-block;
	border-radius: 35px;
	border: 1px solid;
	color: #232c42;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	outline: 0;
	padding: 5px 20px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
	.button:hover,
	.button:active {
		text-decoration: none;
	}
	.button.red-button {
		border-color: #ffffff;
	}
		.button.red-button:hover,
		.button.red-button:active {
			background-color: #ffffff;
            color: #0067a5;
		}
	.button.white-button {
		border-color: #fff;
		color: #fff;
	}
		.button.white-button:hover,
		.button.white-button:active {
			background-color: #fff;
			color: #272828;
		}

.video-button, .video-button:not([href]):not([tabindex]) {
	border-radius: 50%;
	border: 5px solid;
	cursor: pointer;
	display: inline-block;
	font-size: 23px;
	height: 50px;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	width: 50px;
}
	.video-button i {
		margin-left: 5px;
	}
		.video-button i.fa-pause {
			display: none;
			margin-left: 2px;
		}

.video-btn.blue-light, .video-btn.blue-light:not([href]):not([tabindex]) {
    color: #232E44;
}
    .video-btn i, .video-btn:not([href]):not([tabindex]) i {
        background-color: #8BC9DE;
    	border-radius: 50%;
    	border: 5px solid;
    	border-color: #8BC9DE;
    	color: #fff;
    	cursor: pointer;
    	display: inline-block;
    	font-size: 23px;
    	height: 50px;
    	line-height: 40px;
    	text-align: center;
    	-webkit-transition: all 0.4s ease;
    	-o-transition: all 0.4s ease;
    	transition: all 0.4s ease;
    	width: 50px;
    }

/*Diagonals*/
.diagonal-top, .diagonal-bottom {
	position: relative;
}
	/*Globals*/
	.diagonal-top:before {
		content: '';
		height: 100px;
		left: 0px;
		position: absolute;
		top: -37px;
		width: 100%;
	}
	.diagonal-bottom:after {
		content: '';
		bottom: -37px;
		height: 100px;
		left: 0px;
		position: absolute;
		width: 100%;
		z-index: -1;
	}
	/*Directions*/
	.diagonal-rtl:before, .diagonal-rtl:after {
		-webkit-transform: skewY(-3deg);
		-ms-transform: skewY(-3deg);
		-o-transform: skewY(-3deg);
		transform: skewY(-3deg);
	}
	.diagonal-ltr:before, .diagonal-ltr:after {
		-webkit-transform: skewY(3deg);
		-ms-transform: skewY(3deg);
		-o-transform: skewY(3deg);
		transform: skewY(3deg);
	}

	/*Backgrounds*/
	.diagonal-white:before,
	.diagonal-white:after {
		background-color: #fff;
	}
	.diagonal-gray:before,
	.diagonal-gray:after {
		background-color: #f6f6f6;
	}

.hidden-section {
	display: none;
}

/*Site header*/
.site-header {
	/*background-color: #fff;*/
	box-sizing: border-box;
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 80px;
	justify-content: space-between;
	left: 0px;
	padding-left: 2.5%;
	padding-right: 2.5%;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 1000;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.fixedHeader {
    position: fixed;
    top: 0px;
	background: #FFF;
    height: 106px;
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.08);
	box-shadow: 0px 2px 5px rgba(0,0,0,0.08);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
	/*Site logo*/
	.site-header .logo img {
    max-height: 88px;
    width: auto;
    margin-top: 9px;
	}

.btn-resp {
	cursor: pointer;
	display: none;
	height: 30px;
	position: relative;
	width: 40px;
}
	.btn-resp:before,
	.btn-resp span,
	.btn-resp:after {
		background-color: #008ac6;
		border-radius: 5px;
		content: '';
		display: block;
		height: 4px;
		opacity: 1;
		position: absolute;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
		width: 100%;
	}
		.btn-resp:before,
		.btn-resp:after {
			left: 10%;
			width: 80%;
		}
			.btn-resp:before {
				top: -webkit-calc(50% - 10px);
				top: -moz-calc(50% - 10px);
				top: calc(50% - 10px);
			}
			.btn-resp span {
				top: -webkit-calc(50% - 2px);
				top: -moz-calc(50% - 2px);
				top: calc(50% - 2px);
			}
			.btn-resp:after {
				bottom: -webkit-calc(50% - 10px);
				bottom: -moz-calc(50% - 10px);
				bottom: calc(50% - 10px);
			}
				.btn-resp.active:before {
					top: -webkit-calc(50% - 2px);
					top: -moz-calc(50% - 2px);
					top: calc(50% - 2px);
					-webkit-transform: rotate(45deg);
					-moz-transform: rotate(45deg);
					transform: rotate(45deg);
				}
				.btn-resp.active span {
					opacity: 0;
				}
				.btn-resp.active:after {
					bottom: -webkit-calc(50% - 2px);
					bottom: -moz-calc(50% - 2px);
					bottom: calc(50% - 2px);
					-webkit-transform: rotate(-45deg);
					-moz-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}

/*Navigation menu*/
.nav .hmenu {
	display: flex;
	flex-direction: row;
	justify-content: center;
	list-style: none;
	margin: 0px;
}
	.nav .hmenu li {
		position: relative;
	}
		.nav .hmenu li a i {
			display: inline-block;
			margin-left: 5px;
			position: relative;
			right: 0;
			top: 0;
			vertical-align: text-top;
		}
		.nav .hmenu > li > a,
		.nav .hmenu > li > a:not([href]):not([tabindex]) {
			background-color: transparent;
			color: #008ac6;
			cursor: pointer;
			font-family: 'Montserrat';
			font-size: 16px;
			font-style: normal;
			font-weight: 600;
			display: block;
			height: 50px;
			line-height: 52px;
			padding-left: 21px;
			padding-right: 21px;
			text-decoration: none;
			-webkit-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			transition: all 0.4s ease;
		}         


		.nav .hmenu li.contact a {
			background-color: transparent;
			border-radius: 30px;
			border: 2px solid #b5172f;
			color: #232c42;
			font-weight: 700;
			line-height: 46px;
			padding-left: 25px;
			padding-right: 25px;
			text-transform: uppercase;
		}
			.nav .hmenu li.contact.active > a,
			.nav .hmenu li.contact:hover > a,
			.nav .hmenu li.contact:active > a,
			.nav .hmenu > li.contact:active > a:not([href]):not([tabindex]) {
				background-color: #b5172f;
				color: #fff;
				-webkit-transition: all 0.4s ease;
				-o-transition: all 0.4s ease;
				transition: all 0.4s ease;
			}

			/*.hmenu li:hover, .hover li:active, .hmenu li:hover {
				background: #003091 !important;
				-webkit-transition: all 0.4s ease;
				-o-transition: all 0.4s ease;
				transition: all 0.4s ease;
			}*/

			.nav .hmenu > li:hover a {
    			color: #FFF;
				background: #008ac6 !important;
				-webkit-transition: all 0.4s ease;
				-o-transition: all 0.4s ease;
				transition: all 0.4s ease;
			}


			.nav .hmenu li:hover > ul,
			.nav .hmenu ul li:hover > ul {
				margin-top: 0px;
				opacity: 1;
				visibility: visible;
			}

				.nav .hmenu li ul {
					background-color: #232c42;
					margin-top: 10px;
					list-style: none;
					min-width: 100%;
					opacity: 0;
					position: absolute;
					top: 100%;
					visibility: hidden;
					-webkit-transition: all 0.4s ease;
					-o-transition: all 0.4s ease;
					transition: all 0.4s ease;
				}
					.nav .hmenu li ul li a,
					.nav .hmenu li ul li a:not([href]):not([tabindex]) {
						background-color: transparent;
						color: #fff;
						cursor: pointer;
						display: block;
						font-family: 'Montserrat';
						font-size: 14px;
						font-style: normal;
						font-weight: 400;
						padding: 10px 15px;
						text-decoration: none;
						-webkit-transition: all 0.4s ease;
						-o-transition: all 0.4s ease;
						transition: all 0.4s ease;
					}
						.nav .hmenu li ul > li:hover > a,
						.nav .hmenu li ul > li:active > a,
						.nav .hmenu li ul > li:hover > a:not([href]):not([tabindex]),
						.nav .hmenu li ul > li:active > a:not([href]):not([tabindex]) {
							background-color: #b5172f;
						}

						.nav .hmenu li li i {
							top: 3px;
							-webkit-transform: rotate(-90deg);
							-ms-transform: rotate(-90deg);
							-o-transform: rotate(-90deg);
							transform: rotate(-90deg);
						}

					.nav .hmenu li ul ul {
						left: 100%;
						min-width: -webkit-calc(100% + 50px);
						min-width: -moz-calc(100% + 50px);
						min-width: calc(100% + 50px);
						top: 0;
					}

/*Main styles*/
.main {
	color: #757575;
	font-family: 'Montserrat';
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	margin-left: auto;
	margin-right: auto;
	margin-top: -1px;
	max-width: 100%;
}
	.main.fluid {
		width: 100%;
		margin-top: 80px;
	}
		.main.centered {
			width: 95%;
		}
		
/*Page 404*/
.page-404 {
    background-attachment: fixed;
    background-color: #0067a5;
    /*background-image: url(img/post-header-bg.png);*/
    background-position: center center;
    background-size: cover;
    color: #fff;
    padding: 100px 5%;
    text-align: center;
}
    .page-404 .button {
        color: #fff;
    }

/*Blog page*/
.post-grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
}
	.post-grid .item {
		min-height: 500px;
		overflow: hidden;
		position: relative;
		width: 33.33%;
	}

	.post-grid .item .back-overlay {
		bottom: 0px;
		left: 0px;
		position: absolute;
		right: 0px;
		top: 0px;
	}
		.post-grid .item .back-overlay:after {
			background: linear-gradient(transparent, #0000009e);
			bottom: 0px;
			content: '';
			left: 0px;
			position: absolute;
			right: 0px;
			top: 0px;
		}
		.post-grid .item .back-overlay img {
			height: 100%;
			left: 50%;
			position: absolute;
			top: 50%;
			-webkit-transform: translate(-50%, -50%) scale(1);
			-ms-transform: translate(-50%, -50%) scale(1);
			-o-transform: translate(-50%, -50%) scale(1);
			transform: translate(-50%, -50%) scale(1);
			-webkit-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			transition: all 0.4s ease;
			width: auto;
		}
			.post-grid .item:hover .back-overlay img {
				-webkit-transform: translate(-50%, -50%) scale(1.1);
				-ms-transform: translate(-50%, -50%) scale(1.1);
				-o-transform: translate(-50%, -50%) scale(1.1);
				transform: translate(-50%, -50%) scale(1.1);
			}
	.post-grid .item .entry {
		bottom: 0px;
		color: #fff;
		left: 0px;
		padding: 30px 0px 30px 30px;
		position: absolute;
		width: 75%;
		z-index: 100;
	}
		.post-grid .item .entry .title {
			font-size: 40px;
		}

body.single-post .main.centered {
	width: 100%;
}
.single-post-header {
	background-attachment: fixed;
	background-color: #232c42;
	background-image: url(img/post-header-bg.png);
    background-position: center center;
    background-size: cover;
	color: #fff;
	padding: 100px 5%;
	text-align: center;
}
	.single-post-header .post-title {
		font-size: 55px;
		font-weight: 900;
		margin: 0px;
	}
	.single-post-header .meta {
		font-size: 18px;
		font-style: italic;
		margin-bottom: 0px;
		margin-top: 30px;
		text-transform: uppercase;
	}
		.single-post-header .meta .sep {
			display: inline-block;
			margin: auto 15px;
		}
.single-post-content {
	font-size: 18px;
	margin: 70px auto;
	max-width: 850px;
}
	.single-post-content .references {
		border-top: 1px solid #ccc;
		margin-top: 30px;
		padding-top: 30px;
	}
		.single-post-content .references .title,
		.single-post-content .references .subtitle {
			color: #b5172f;
			font-size: 30px;
		}
		.single-post-content .references ul {
			margin-left: 30px;
		}

/*Home*/

h1.title-slide {
    text-shadow: 2px 2px #333333ad;
}

div#slide-1-layer-3 {
    cursor: pointer;
}

div#slide-1-layer-3:hover{
	opacity: 0.8 !important;
}

p.logo-ibm img {
    width: 275px;
    vertical-align: top;
    margin-top: calc(50% - 318px );
}

.subtitle {
    font-weight: bold;
    list-style: circle !important;
    color: #2d2d2d;
}

div#slide-1-layer-3:after {
    content: '';
    background-image: url(/wp-content/uploads/2019/05/icon-text.png);
    height: 25px;
    background-repeat: no-repeat;
    padding-left: 46px;
    background-position-x: 9px;
    background-position-y: 4px;
}

.icon img {
    background: #008ac6;
    border-radius: 100% !important;
}

#contactenos {
    background-color: #386bad;
    background-image: url(/wp-content/uploads/2019/05/bg_figuras.png);
    background-position: center center;
    background-size: 100%;
    color: #fff;
}

/* formulario*/
input[type="text"], input[type="email"], input[type="phone"], input[type="tel"], input[type="number"], textarea, input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: transparent;
    border-bottom: 2px solid rgba(255,255,255,0.5);
    border-left: none;
    border-right: none;
    border-top: none;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    outline: 0;
    padding: 10px 15px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 100%;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="phone"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus {
    border-color: #fff;
}

input::placeholder,  textarea::placeholder { 
	color: #ffffffa3; 
	font-family: 'Montserrat', sans-serif;
}


/*input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus {
    border-bottom: 2px solid #0067a5;
}*/

.form-row textarea { 
    height: 110px;
	color: #888;
}

input[type="submit"], input[type="reset"], input[type="button"] {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-size: 11pt;
    font-weight: 600;
    margin-left: 5px;
    margin-right: 5px;
    outline: 0;
    padding: 10px 15px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    background-color: #fff;
    color: #386bad;
}



/* Clases*/

.titulo {
    font-size: 36pt;
	font-weight: 300;
}

.titulo2 {
    font-size: 32pt;
	font-weight: 300;
}
.blank {
    color: #FFF;
}

.black {
    color: #434343 !important;
}

.center{
	text-align: center;
	margin: 0 auto;
}

.sub {
    font-weight: bold;
    color: #434343;
    font-size: 14pt;
}

.sub2 {
    font-weight: bold;
    font-size: 18pt;
}

.parrafo {
    font-weight: 300;
    font-size: 14pt;
}

.contenedor {
    padding: 2%;
}


.gray{
	color: #bdbcbc;
}

.green{
	color: #b9ca32;
}

div#sidebar {
    display: none;
}

h2.post-title {
    display: none;
}

/* Form*/

#responsive-form {
    max-width:700px;
    margin:0 auto;
    width:100%;
}
.form-row {
    width:100%;
}
.column-half, .column-full {
    float:left;
    position:relative;
    padding:0.65rem;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.clearfix:after {
    content:"";
    display:table;
    clear:both;
}
@media only screen and (min-width:48em) {
    .column-half {
        width:50%;
    }
}

/*Global footer styles*/
.footer {
	background-color: #444444;
	background-size: 100% auto;
	color: #fff;
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: 300;
	/*padding: 48px 15.5%;*/
}
	.footer > .row {
		margin-left: auto;
		margin-right: auto;
	}

	.footer ul {
		margin: 0px auto;
		padding-left: 20px;
	}

	.footer p, .footer li {
		font-size: 13px;
		font-style: italic;
		margin-bottom: 4px;
	}
		.footer i {
			text-align: center;
			width: 30px;
		}
ul.redes li {
    list-style: none;
    display: inline-block;
}

.redes img {
    width: 50px !important;
    height: 50px;
}

 footer strong {
    font-weight: bold;
}
		.footer a {
			color: #fff;
			font-size: 13px;
		}
			.footer a:hover,
			.footer a:link {
				color: #fff;
			}
	
	.footer .title {
		font-size: 18px;
		font-weight: 700;
		font-style: normal;
	}

	.footer .smenu {
		align-items: center;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		list-style: none;
		padding: 0px;
	}
		.footer .smenu li {
			margin-left: 10px;
		}
			.footer .smenu li:first-child {
				margin-left: 0px;
			}
			.footer .smenu li a {
				background-color: #fff;
				color: #1e725b;
				display: block;
				font-size: 23px;
				height: 50px;
				line-height: 50px;
				text-align: center;
				text-decoration: none;
				-webkit-transition: all 0.4s linear;
				-o-transition: all 0.4s linear;
				transition: all 0.4s linear;
				width: 50px;
			}
				.footer .smenu li:hover a,
				.footer .smenu li a:hover {
					background-color: #005e46;
					color: #fff;
				}

.copyright {
	background-color: #173863;
    color: #75a0bb;
	display: flex;
	flex-direction: row;
	font-size: 16px;
	font-style: italic;
	border-top: 1px solid #173863;
    color: #d0d0d0;
	justify-content: space-between;
	padding: 15px 2.5%;
}
	.copyright p {
		margin: 0px;
	}
	.copyright .designed a {
		color: #d0d0d0;
		font-weight: bold;
		text-decoration: none;
	}