/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{ font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 120%; margin: 0; }
h2{ font-family: 'Droid Serif', serif; font-size: 55px; color: #000; line-height: 120%; margin: 0; }
h3{ font-family: 'Droid Serif', serif; font-size: 36px; font-weight: 400px; color: #000; line-height: 120%; margin: 0; }
p{ font-family: "Open Sans", no-serif; font-size: 18px; line-height: 120%; margin: 0; }

a.buttonINS, input.buttonINS{ font-family: "Open Sans", sans-serif; color: #FFF; background: #0A85AB; border: 2px solid #0A85AB; padding: 8px 78px; display: inline-block; text-decoration: none; }
a.buttonINS:hover,  input.buttonINS:hover{ color: #0A85AB; background: #FFF; }

.container{ padding: 0 50px 50px 50px; overflow: hidden; }

.preheader{ line-height: 45px; margin-bottom: 5px; }

/* HEADER */
.header{ background: url(../img/header-image.jpg) no-repeat right top; min-height: 745px; background-size: cover; margin-bottom: 15px; }
.header .white-bg{ background: url(../img/bg-header-white.png); min-height: 100%; position: absolute; }
.header h2, .header p{ max-width: 380px; width: 100%; margin: 0 auto; }
.header h2{ padding-top: 140px; padding-bottom: 60px; }
.header a{ margin-top: 60px; }

/* FIRST SECTION */
.pre-ideal h3{ padding: 30px 0 60px; }
@media only screen and (min-width : 1200px) {
	.col-lg-custom{ width: 20%; }
}
.ideal .icons{ width: 100%; max-width: 80px; }
.ideal h3{ color: #0A85AB; padding: 32px 0; }
.ideal .row > div{ min-height: 350px; }

/* CALL TO ACTION*/
.calltoaction{ margin: 50px 0; }
.calltoaction h3{ padding-bottom: 50px; }

/* LAST SECTION */


.lastbox .specialimage{ background: url(../img/lady-box.jpg) no-repeat center center; background-size: cover; min-height: 100px; }

.lastbox .spacialimage{ padding: 0; }
.lastbox .fixheight{ position: absolute; min-height: 100%; right: 0; }
.lastbox .specialborder{ border: 25px solid #0A85AB; }
.lastbox img{ width: 100%; }
.lastbox .specialimage{ overflow: hidden; }
.lastbox h3{ max-width: 80%; padding: 70px 80px 30px; }
.lastbox p{ font-size: 18px; line-height: 160%; max-width: 100%; padding: 0 80px 70px; }


.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
	padding-right: 0;
	padding-left: 0;
}

/* PREFOOTER */
.prefooter{ background: #fff; /*margin: 50px 0;*/ padding: 85px 0; }
.prefooter p{ color: #333; padding: 0 100px; line-height: 160%; }
.prefooter h3{ color: #0A85AB; padding: 0 135px; line-height: 130%; }

.contactform{ border: 25px solid #0A85AB; padding: 80px 0; }
.contactform hr{ border: 5px solid #FFF; }
.contactform input[type="text"]{ padding: 0; border: 0; background: #FFF; border-bottom: 2px solid #0A85AB; color: #0A85AB; width: 100%; padding-bottom: 10px; margin-bottom: 20px; line-height: 25px; }
.contactform input[type="submit"]{ margin: 25px auto 0; display: block; }

::-webkit-input-placeholder { color:#0A85AB; opacity:1; }
::-moz-placeholder { color:#0A85AB; opacity:1; } /* firefox 19+ */
:-ms-input-placeholder { color:#0A85AB; opacity:1; } /* ie */
input:-moz-placeholder { color:#0A85AB; opacity:1; }

/* NEWS AND PUBBLICATIONS */
.newsandpubblications{ background: #0A85AB; margin: 50px 0; padding: 85px 0; }
.newsandpubblications h3{ color:#FFF; padding-bottom: 40px; }
.newsandpubblications p, .newsandpubblications p a{ color: #FFF; font-size: 18px; text-decoration: none; }
/*.newsandpubblications p a:hover{ text-decoration: underline; }*/

.newsandpubblications .whiteline hr{ border: 1px solid #FFF; margin: 10px 0; }
.newsandpubblications .title{ padding-left: 100px; }
.newsandpubblications .title p{ line-height: 32px; display: inline-block; }
.newsandpubblications .title p a{ display: block; padding-right: 30px; background: url(../img/icons/arrow-pubblication-20x38px.png) no-repeat center right; background-size: 10px 19px; }
.newsandpubblications .link{ padding-right: 115px; position: absolute; bottom: 32px; right: 0; }
.newsandpubblications .whiteline{ padding: 0 100px; }


/* FOOTER */
.footer{ padding: 50px 0; }
.footer .row > div{ border-left: 1px solid #0A85AB; }
.footer p{ padding-left: 10px; line-height: 160%; }

/* LG */
@media only screen and (max-width : 1499px) {
	.lastbox .fixheight{ position: relative; }
	.lastbox h3{ padding: 35px 40px 30px; }
	.lastbox p{ padding: 0 40px 35px; }
	
	.prefooter p{ padding: 0 40px; }
	.prefooter h3{ padding: 0 65px; }
}

/* MD */
@media only screen and (max-width : 1210px) {	
	.header{ min-height: 605px; }
	.header h2{ padding-top: 80px; font-size: 45px; }
	
	.newsandpubblications .title{ padding-right: 100px; }
	.newsandpubblications .link{ position: relative; text-align: left; padding-left: 100px; bottom: auto; right: auto; }
	.newsandpubblications .link p{ font-size: 14px; text-align: left; margin-top: 5px; }
	
}

/* SM */
@media only screen and (max-width : 992px) {
	h3{ font-size: 26px; }
	
	.header{ min-height: 100%; }
	.header .white-bg{ position: relative; }
	
	.header h2{ padding-top: 40px; padding-bottom: 30px; }
	.header a{ margin-bottom: 40px; }
	
	.lastbox h3{ max-width: 100%; }
	.lastbox h3{ padding: 35px 20px 30px}
	.lastbox p{ padding: 0 20px 35px; }
	
	.container{ padding: 0 10px 10px 10px; overflow: hidden; }
	.prefooter h3{ margin-top: 45px; }
	.prefooter{ padding: 45px 0; }
	
	.ideal .icons{ max-width: 100px; }
	.ideal .row > div{ min-height: 100%; margin-bottom: 35px; }
	.ideal h3{ padding: 15px 0; }
	
	.newsandpubblications .title p,.newsandpubblications .title p a{ display: block; }
	.newsandpubblications .title, .newsandpubblications .link, .newsandpubblications .whiteline{ padding: 0 50px; }
	
	.prefooter{ text-align: center; }
	.prefooter h3{ padding: 0 30px; }
	.prefooter p{ padding: 0 20px; }
	
	.contactform{ padding: 40px 0px; }
}

/* XS */
@media (max-width: 767px) {
	
	.lastbox h3{ padding: 35px 10px 30px}
	.lastbox p{ padding: 0 10px 35px; }
	.header h2{ font-size: 36px; }
	
	.prefooter h3{ padding: 0 10px; }
	.prefooter p{ padding: 0 10px; }
}