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

.logo{
	width: 350px;
}
.logo a{
	display: block;
}
.navigation-button {
    padding: 0 20px;
}
.main-nav ul>li a {
    padding: 0 18px;
}

.header .top {
   background: #e4e4e4;
    color: #004991;
    font-size: 14px;
    line-height: 27px;
}
.header .top a{
	color: #004991;
}
.main-nav ul>li a {
    color: #004991;
}
.main-nav ul>li.active a:before {
    background: #d6171c;
    left: 10px;
}
.main-nav ul>li.active a {
    color: #d6171c;
}
.navigation-button {
    background: #03A9F4;
}
.heading {
    border-left: 5px solid #d6171c;
}
.white.shadow{
	color: #fff !important;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}
.navigation.stiky{
	width: 100%;
	position: fixed;
	top: 0;
}
.nav-tabs {
    background: #004991;
}
.nav-tabs>li.active>a:after {
    border-color: #004991 transparent transparent transparent;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #ffffff;
}
.nav-tabs>li.active>a:before {
    background: #d6171c;
}
.big-heading {
    border-left: 9px solid #004991;
}
.section-tabs .tab-content {
    padding-top: 65px;
}
 #chisiamo.section.light>.inner{
	background-image:url(../images/bg1.png);
	background-repeat:no-repeat;
	background-position: bottom right;
	background-size:auto;
}

.portfolio .item.two-third {
    width: 100%;
	position: inherit !important;
	top: inherit !important;
	left: inherit !important;
}
.portfolio .item {
    width: 50%;
	position: relative !important;
	top: inherit !important;
	left: inherit !important;
}
.portfolio .item img{
	-webkit-box-shadow: 7px 7px 0px 0px rgba(0, 73, 145, 0.75);
	-moz-box-shadow:    7px 7px 0px 0px rgba(0, 73, 145, 0.75);
	box-shadow:         7px 7px 0px 0px rgba(0, 73, 145, 0.75);
	width: 100%;
}
.large-call-to-action {
    background: #004991;
}
.large-call-to-action .image {
    height: 450px;
    width: 60%;
    float: left;
}
.large-call-to-action .content {
    margin-left: 60%;
    padding: 52px 60px;
    height: 450px;
}

.large-call-to-action.cross-section {
 position: static; 
 bottom: inherit;
 z-index: 9;
 margin-top:0;
}
.button.border.yellow:before {
    background: #d6171c;
}

.section.large-extra-top-padding>.inner {
    padding-top: 80px !important;
}


.sidePanel{
	position: fixed;
	top: 100px;
	right: -320px;
	z-index: 100000;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
	.sidePanel.open{
		right: 0;
	}
	.sidePanel .wrapForm{
		position: relative;
		background-color: #fff;
		padding: 25px;
		width: 320px;
		border: 10px solid #1b1542;
		-webkit-border-bottom-left-radius: 15px;
		-moz-border-radius-bottomleft: 15px;
		border-bottom-left-radius: 15px;
	}
		.sidePanel .wrapForm .button{
			position: absolute;
			top: -10px;
			left: -122px;
			padding: 15px;
			/*font-family: 'Lustria', serif;*/
			font-size: 18px;
			color: #fff;
			background-color: #1b1542;
			border: none;
			cursor: pointer;
			-webkit-border-bottom-left-radius: 15px;
			-moz-border-radius-bottomleft: 15px;
			border-bottom-left-radius: 15px;
		}
		.sidePanel .wrapForm .closeX{
			position: absolute;
			top: 0px;
			right: 0px;
			/*font-family: 'Lustria', serif;*/
			font-size: 18px;
			background-color: #1b1542;
			color: #fff;
			padding: 10px;
			cursor: pointer;
		}
			.sidePanel .wrapForm .button:hover{
				color: #38a9f6;
			}
		.sidePanel .wrapForm .contForm{
			
		}
			.contForm h2{
				font-size: 20px;
    			/*font-family: 'Lustria', serif;*/
				color: #fff;
				margin-bottom: 10px;
			}
			.contForm p{
				font-size: 14px;
				color: #fff;
			}
			.contForm form{
				margin: 10px 0;
			}
				.contForm form .form-input{
					border: 1px solid #999;
					width: 100%;
    				padding: 5px;
					margin-bottom: 10px;
					color: #000;
					padding: 13px 15px;
				}
				.contForm form button, .contForm form .submit{
					display: inline-block;
					font-size: 18px;
					line-height: 19px;
					text-transform: uppercase;
					background: #03a9f4;
					color: #fff;
					padding: 7px 30px;
					border: 3px solid #fff;
				}
					.contForm form button:hover, .contForm form .submit:hover{
						background: transparent;
						color: #65c5f1;
						border: 3px solid #65c5f1;
					}
.sidePanel .g-recaptcha{
						 -ms-transform: scale(0.7, 0.7) translate(-45px,-2px); /* IE 9 */
						-webkit-transform: scale(0.7, 0.7) translate(-45px,-2px); /* Safari */
						transform: scale(0.7, 0.7) translate(-45px,-2px);
					}
input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]), select, textarea {
    border: 1px solid #676767;
}
.modal-content {
    
    background-color: #03a9f4;
}
.modal-content *{color: #fff;}
.modal-content .btn{
	color: #333;
}
.modal-content .btn:hover{
	color: #000;
}
.footer {
    color: #ffffff;
    background: #004991;
	padding: 30px 0;
}
.footer .copyright {
    color: #ffffff;
    background: none;
	line-height: 40px;
	margin-top: 0;
}
.credits_link{
 color: #38B5E6 !important;
 font-weight: 700;
 font-family: sans-serif;
}

.credits_link:hover{
 color: #fff !important;
}

 .credits_link:before{
  content: "";
  vertical-align: middle;
  width:16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  background-image: url(https://www.clion.it/favicon-96x96.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center center;

  transition: all 450ms ease;
 }

  .credits_link:hover:before{
   transform: rotateZ(360deg) rotateY(360deg);
  }
  
@media (max-width: 768px){
	
	.g-recaptcha{
		transform: scale(0.80);
		-webkit-transform: scale(0.80);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		margin: 10px 0;
	}
	.large-call-to-action .image {
		height: 265px;
		width: 100%;
		float: none;
		background-position: center center;
	}
	.large-call-to-action .content {
		margin-left: 0;
		padding: 52px 60px;
		height: 450px;
		text-align: center;
	}
	
}

@media (max-width: 580px){
	.logo {
		width: 275px;
	}
	.responsive-menu-open {
		line-height: 50px;
		height: 49px;
	}
	.header .top {
		display: none;
	}
}