/* See Soon - Coming Soon/Under Construction Responsive Template
Author: EGrappler.com
Tags: Dark, coming soon, under construction, black, one column
*/

body{
	background:#E88F24;
	color:#fff;
	font:18px/28px 'Rubik', sans-serif;
	font-weight:300;
	overflow-x: hidden;	
}

/* General  */

a, a:hover, a:focus{
	color:#fff;
}
a:hover{
}
a:focus{
	outline:none;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Rubik', sans-serif;
	margin:0;
	padding:0;
	font-weight:300;
}
h1{
	font-size:72px;
}
h2{
	font-size:40px;
}
h3{
	font-size:36px;
}
h4{
	font-size:30px;
}
h5{
	font-size:24px;
}
h6{
	font-size:18px;
}


.loader {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:9999;
	background:#000 url(http://israzon.co.il/images/loader.gif) 50% 50% no-repeat;
}

/* Header  */

#header{
}
	.header-overlay{
		background:rgba(0, 0, 0, 0.3);
		padding:30px 0;	
		background-attachment: scroll;
		will-change: transform;
		transform: translateY(0px) translateZ(0px);		
	}
	 
.hexagon {
  position: relative;
  width: 70px; 
  height: 40.41px;
  background-color: #05c3f9 ;
  margin: 90px auto 140px auto;
  box-shadow: 0 0 10px rgba(0,0,0,0.35);
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 49.50px;
  height: 49.50px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 10.2513px;
  box-shadow: 0 0 10px rgba(0,0,0,0.35);
}

.hexagon:before {
  top: -24.7487px;
}

.hexagon:after {
  bottom: -24.7487px;
}

/*cover up extra shadows*/
.hexagon span {
  display: block;
  position: absolute;
  top:0px;
  left: 0;
  width:70px;
  height:40.4145px;
  z-index: 2;
  background: inherit;
}

	.logo{
		text-align:center;
		padding:30px 0;
		background:#05c3f9;
		width:12%;
		margin:0 auto;
	}
.hexagon i { font-size: 50px;
color: #fff;
position: absolute;
left: 35%;
z-index: 10;
top: -13%; }
	#header .main-head h2, #header .main-head h4{
		font-weight:300;
	}
	#header .main-head h4{
		line-height:40px;
	}
	
/* Countdown  */	
	
	#countdown-area{
		
		padding:40px 0;
		margin:0 0 40px;
	}
		ul.countdown{
			list-style:none;
			margin:0;
			padding:0;
			display:block;
			text-align:center;
		}
			ul.countdown li{
				display:inline-block;
				margin:0 20px;
				padding:0;
			}
				ul.countdown li span{
					font-family: 'Rubik', sans-serif;
					width:100px;
					display:block;
					font-size:48px;
				}
			ul.countdown li.seperator{
				font-size:80px;
				line-height:70px;
				vertical-align:top;
			}
				ul.countdown li p{
					color: rgba(255,255,255,0.5);
					font-size: 18px;
					text-transform:capitalize;
					margin:0;
					padding:15px 0 30px 0;
				}
				

/* Main Heading Style Starts */

	.main-head{
		text-align:center;
		padding:0 0 40px;
	}
		.main-head h2, .main-head p{
		}
		.main-head h2{
			padding:0 0 20px;
		}
		.main-head p {
			font-size: 38px;
			line-height: 45px;
		}
		

/* Services */

#services{
}
.sblock{border:1px solid transparent; -webkit-transition: all 0.5s ease;
					   -moz-transition: all 0.5s ease;
					     -o-transition: all 0.5s ease;
					       }
.sblock:hover { border:1px solid rgba(5, 195, 249, 0.5); background:rgba(5, 195, 249, 0.5); }

#services p { font-size:16px; }
	.services-overlay{
		background:rgba(0, 0, 0, 0.9);
		padding:70px 0;
	}
	#services-blocks{
	}
		#services-blocks div{
			text-align:center;
			padding:20px 20px 30px 20px;
		}
			#services-blocks div span.fa{
				
				width:110px;
				height:110px;
				line-height:110px;
				font-size:60px;
				
				color:rgba(255,255,255,1);
				-webkit-border-radius:50%;
				   -moz-border-radius:50%;
						border-radius:50%;
			}
			#services-blocks h4{
				padding:20px 0;
			}

/* Contact  */

input { border: 1px solid #fff !important; -webkit-box-shadow: none !important;
box-shadow: none !important; }
.#contact{
	background:#05c3f9;
	padding:50px 0;
}	
.MT40 { margin-top:40px;}
#contact p { font-size:16px;}
	#contact-area{
	}
		#contact-area h3{
			padding:0 0 38px 0;
		}
		#contact-form{
		}
			#contact-form .form-group{
				margin:0 0 20px;
			}
				#contact-form .form-control{
					
					font-size:16px;
					font-weight:400;
					-webkit-border-radius:5px;
					   -moz-border-radius:5px;
					        border-radius:5px;
					
				}
				#contact-form .form-control:focus{
					border-color:#fff;
				}
				#contact-form input.form-control{
					height:40px;
					line-height:40px !important;
					padding:3px 20px 0;
				}
				
				
		

/* Footer  */

#footer{
	padding:10px 0;
	margin-top:40px;
	font-size:13px;
	text-align:center;
	background:rgba(255,255,255,0.1)
}

#footer p {margin:10px; }
	
	
	/* Responsive */
	
	
		
/* Contact Style Starts */

	#contact h3, .address, #contact-form .form-group{
		text-align:center;
	}
	#contact-area{
		padding-bottom:20px;
	}
	
}



@media (max-width: 767px) {

/* Countdown Style Starts */

	ul.countdown li{
		display:inline-block;
		margin:5px;
		padding:0;
	}
		ul.countdown li span{
			width:100px;
			height:100px;
			display:block;
			font-size:48px;
			font-weight:300;
			line-height:100px;
			border:2px solid #fff;
			-webkit-border-radius:50%;
			   -moz-border-radius:50%;
					border-radius:50%;
		}
		ul.countdown li p{
			padding:15px 0;
		}

/* Contact Style Starts */

	#contact h3, .address, #contact-form .form-group{
		text-align:center;
	}
	#contact-area{
		padding-bottom:20px;
	}

/* Footer Style Starts */

	#footer ul.sm-links li a span{
		width:45px;
		height:45px;
		line-height:42px;
		font-size:20px;
	}
	.copyright{
		font-size:16px;
	}
	
}

@media only screen and (max-width: 600px) {
/* custom*/
	#contact-form, .btn-info {
		width: 100%!important;
	}
	.main-head{
		padding-bottom:10px;
	}
	#footer p {
		font-size: 10px!important;
	}
	.logo-israzon img{
		margin-top: 0px!important;
		width: auto!important;
		display: block!important;
		text-align: center!important;
		margin-right: auto;
		margin-left: auto;
	}
	.logo-israzon {
		width: 100%!important;
	}
	.logo-israzon h2 {
		text-align: center!important;
		display: block!important;
	}
	.main-head {
		margin-top: 20px;
	}
	h2 {
		font-size: 150%;
	}
	 /* disable scroll reveal */
  [data-scroll-reveal] {
    -webkit-tranform: none !important;
    transform: none !important;
  }
}
/***Addition design***/
.logo-israzon{
    margin: 50px auto;
	width: 550px;
}
.logo-israzon h2 {
    text-align: right;
    display: inline;
}
.logo-israzon img {
    text-align: right;
    display: inline;
    height: 70px;
    line-height: 70px;
    vertical-align: middle;
	margin-top: -26px;
}
.top-part{
	position: relative;
    height: 100px;
}
.button-link {
	cursor:pointer;
	padding: 10px 15px;
	color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #20538D;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.button-link:hover {
	background: #356094;
	border: solid 1px #2A4E77;
	text-decoration: none;
}
.button-link:active {
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background: #2E5481;
	border: solid 1px #203E5F;
}
#contact-form {
    width: 50%;
    text-align: center;
    margin: 0 auto;
}
.btn{
	border-radius:0;
	padding: 12px 20px;
    font-size: 25px;
	cursor:pointer;
}
.big-font{ font-size:34px!important; line-height:38px!important;}
video{
pointer-events: none;
}