//css contact

.contact-version-1 {
	.ova-contact {
		position: relative;
		display: block;
		background-color: #2c2734;
		padding: 2px 0;

		&:before {
		    position: absolute;
		    top: 0;
		    bottom: 0;
		    content: "";
		    left: 0;
		    right: -100000000px;
		    background-color: #2c2734;
		    z-index: -1;
		}

		.contact-left {
			position: relative;
		    display: block;
		    float: left;
		    padding-left: 40px;

		    ul {
		    	margin: 0;
		    	padding: 0;
	    		list-style: none;

	    		li {
				    position: relative;
				    display: inline-block;
				    padding-left: 23px;

				    .icon {
			    	    position: absolute;
					    top: -2px;
					    left: 0;

					    i {
					    	font-size: 13px;
					    	color: #ff9d00;
					    }
				    }
				    .text {
				    	p {
				    		font-size: 14px;
	    					margin: 0;

	    					a {
	    						color: #b5b1bc;
							    -webkit-transition: all 500ms ease;
							    transition: all 500ms ease;

							    &:hover {
							    	color: #ff6d12;
							    }
	    					}
				    	}
				    }

				    &:not(:first-child) {
				    	margin-left: 36px;
				    }
	    		}
		    }
		}

		.contact-right {
			position: relative;
		    display: block;
		    float: right;

		    .list-social {
		    	display: flex;
			    -webkit-box-align: center;
			    align-items: center;

			    a {
			    	font-size: 15px;
				    color: #b5b1bc;
				    -webkit-transition: all 500ms ease;
				    transition: all 500ms ease;

				    &:not(:first-child) {
				    	margin-left: 40px;
				    }

				    &:hover {
				    	color: #ff6d12;
				    }
			    }
		    }
		}
	}
}

.contact-version-2 {
	.ova-contact {
		position: relative;
		display: block;
		background-color: #2c2734;
		padding: 2px 60px;

		.contact-left {
			position: relative;
		    display: block;
		    float: left;

		    ul {
		    	margin: 0;
		    	padding: 0;
	    		list-style: none;

	    		li {
				    position: relative;
				    display: inline-block;
				    padding-left: 23px;

				    .icon {
			    	    position: absolute;
					    top: -2px;
					    left: 0;

					    i {
					    	font-size: 13px;
					    	color: #ff9d00;
					    }
				    }
				    .text {
				    	p {
				    		font-size: 14px;
	    					margin: 0;

	    					a {
	    						color: #b5b1bc;
							    -webkit-transition: all 500ms ease;
							    transition: all 500ms ease;

							    &:hover {
							    	color: #ff6d12;
							    }
	    					}
				    	}
				    }

				    &:not(:first-child) {
				    	margin-left: 36px;
				    }
	    		}
		    }
		}

		.contact-right {
			position: relative;
		    display: block;
		    float: right;

		    .list-social {
		    	display: flex;
			    -webkit-box-align: center;
			    align-items: center;

			    a {
			    	font-size: 15px;
				    color: #b5b1bc;
				    -webkit-transition: all 500ms ease;
				    transition: all 500ms ease;

				    &:not(:first-child) {
				    	margin-left: 40px;
				    }

				    &:hover {
				    	color: #ff6d12;
				    }
			    }
		    }
		}
	}
}