/* fonts ----------------------------------------------------------- */
@font-face {
    font-family:'montserratregular';
    src: url('../fonts/montserrat-regular.eot');
    src: url('../fonts/montserrat-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular.woff2') format('woff2'),
         url('../fonts/montserrat-regular.woff') format('woff'),
         url('../fonts/montserrat-regular.ttf') format('truetype'),
         url('../fonts/montserrat-regular.svg#montserratregular') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'montserratbold';
    src: url('../fonts/montserrat-bold.eot');
    src: url('../fonts/montserrat-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold.woff2') format('woff2'),
         url('../fonts/montserrat-bold.woff') format('woff'),
         url('../fonts/montserrat-bold.ttf') format('truetype'),
         url('../fonts/montserrat-bold.svg#montserratbold') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'pt_serifregular';
    src: url('../fonts/ptf55f.eot');
    src: url('../fonts/ptf55f.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptf55f.woff2') format('woff2'),
         url('../fonts/ptf55f.woff') format('woff'),
         url('../fonts/ptf55f.ttf') format('truetype'),
         url('../fonts/ptf55f.svg#pt_serifregular') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'pt_serifitalic';
    src: url('../fonts/ptf56f.eot');
    src: url('../fonts/ptf56f.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptf56f.woff2') format('woff2'),
         url('../fonts/ptf56f.woff') format('woff'),
         url('../fonts/ptf56f.ttf') format('truetype'),
         url('../fonts/ptf56f.svg#pt_serifitalic') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'pt_serifbold';
    src: url('../fonts/ptf75f.eot');
    src: url('../fonts/ptf75f.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptf75f.woff2') format('woff2'),
         url('../fonts/ptf75f.woff') format('woff'),
         url('../fonts/ptf75f.ttf') format('truetype'),
         url('../fonts/ptf75f.svg#pt_serifbold') format('svg');
    font-weight:normal;
    font-style:normal;
}


/* basic -------------------------------------------------- */
body {
	font-size:16px;
	color:#000;
	background:#fff;
	overflow: hidden;
	position:relative;
	margin:0;
	padding:0;

}

a, button {
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	outline:none;
}
.btn-link:hover, .btn-link:focus {outline:none !important;}


/* homeBanner -------------------------------------------------- */
.homeBanner {
	position:relative;
	overflow:hidden;
}
.banner {
	position:relative;
	z-index:1;
	overflow:hidden;
	background: linear-gradient(to right, #69a102 0%,#097fab 67%);
	transition: background 1s;
}

.upnet {
    position:absolute;
    top:34%;
    left:10%;
}

.xdesign {
	 position:absolute;
     top: 34%;
    left: 70%;
}

.ogmio {
    position:absolute;
    top: 45%;
    left: 50%;
    margin-left: -150px;
}
.banner span {
    position:absolute;
    top: 35%;
    left: 50%;
	color:#fff;
	font-family:'montserratbold';
	font-size:50px;
}
.banner strong {
    position:absolute;
        top: 18%;
        left: 50%;
    margin-left: -117px;
	color:#fff;
	font-family:'montserratbold';
	font-size:50px;
}
.banner h1 {
    position:absolute;
    top:10%;
    left:0;
	color:#fff;
	width:100%;
	text-align:center;
	font-family:'montserratregular';
	font-size:50px;
}
.next {
    position: absolute;
    bottom:5%;
    left:50%;
    width:33px;
    height:70px;
    margin-left:-16px;
	z-index:100;
	background:url(../images/ico01.png) no-repeat;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
	display:block;
}
#getout {
    -moz-animation: cssAnimation 0s ease-in 6.25s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 6.25s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 6.25s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 6.25s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}
.click {
    font-family: 'montserratbold';
    color: white;
    padding: 0 15px;
    line-height: 65px;
    border: solid 1px white;
    position: absolute;
    top: 80%;
    font-size: 25px;
    left: 50%;
    margin-left: -218px;
	text-decoration:none;
}
.click:hover {
	border-radius: 10px;
	background-color: #fff;
	color: orange;
	text-decoration: none;
}
/* cookies -------------------------------------------------- */
.cc_banner-wrapper {z-index:100000 !important;}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
    color:#fff !important;
    background-color:#0c6575 !important;
	min-width:190px;
	border-radius:0px !important;
}
.cc_container .cc_btn:hover {background-color:#ffb002 !important;}
.cc_container .cc_logo {display:none !important;}
.cc_container .cc_btn {bottom:12px !important;}


/* -------------------------------------------------------------------- ogmio media 2016 */