/*Price Plans*/

#pricePlans {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#pricePlans td, #pricePlans th {
  border: 1px solid #ddd;
  padding: 8px;
}

#pricePlans tr:nth-child(even){background-color: #f2f2f2;}

#pricePlans tr:hover {background-color: #ddd;}

#pricePlans th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}


/*card*/
.card div img{
	border-radius: 5%;
	text-align:center;
}
.card H1{
	margin-top:5%;
}
p button{
	border:1px;
	border-radius:50%;
	height:75px;
	width:75px;
	background-color:#00112b;
	background-image: url("http://eagleeyetesting.ca/wp-content/uploads/2020/02/blueContactsm.png");
    background-repeat: no-repeat;
	background-position:center;
}
p button:hover,  button:focus,  buttom:active{
	
	background-color:#00acee;
	background-image: url("http://eagleeyetesting.ca/wp-content/uploads/2020/02/whiteContactsm.png");
    background-repeat: no-repeat;
	background-position:center;
}

/* Picture Talent*/


/*skip to section*/
:target {
  animation: highlight 3s ease;  
  /*transform: translateX(20px);*/     
}

section > div {
	animation: highlight 3s ease; 
	    animation-delay:2s;
	    animation-direction:alternate;
	    margin-top:10%;
	    align-items: center;
  		justify-content: center;
  		height: 40%;
		display: block;
	    flex-direction: column;
	    overflow-y: visible;
        right: 20px;
        bottom: -45px;
        cursor: pointer;
    	-webkit-transition: all 0.5s;
    	-moz-transition: all 0.5s;
    	-ms-transition: all 0.5s;
    	-o-transition: all 0.5s;
    	transition: all 0.5s;
}
/*hide-reveal paragraph*/
.fulltext p,
.less {
		display: none;
	    margin-bottom:0;
}

.fulltext:target p,
.fulltext:target .less {
	    animation: highlight 3s ease; 
	    animation-delay:2s;
	    animation-direction:alternate;  
	    align-items: center;
  		height: 100%;
	    justify-content: center;
		white-space: normal;
	    scroll-behavior: smooth;
	    position: static;
        margin-top: 1px;
        display: -webkit-flex;
		display: -ms-flexbox;
		/*display:flex;*/
		display: block;
		-webkit-align-items: center;
		-ms-flex-align: center;
		
   
}

.fulltext:target .more{
		display: none;
}
/*list items*/
.fulltext ul,
.less {
		display: none;
	    margin:0;
}

.fulltext:target ul,
.fulltext:target .less{  
	    animation: highlight 3s ease; 
	    animation-delay:2s;
	    animation-direction:alternate;
	    align-items: center;
  		justify-content: flex-start;
  		height: 100%;
		display: block;
	    overflow-y: visible;
        right: 20px;
        text-anchor: start;
    	-webkit-transition: all 0.5s;
    	-moz-transition: all 0.5s;
    	-ms-transition: all 0.5s;
    	-o-transition: all 0.5s;
    	transition: all 0.5s;
}
.fulltext:target .more{
		display: none;
}
/*section*/
.fulltext section,
.less {
		display: none;
	    margin:0;
}
.fulltext:target section,
.fulltext:target .less {
	    animation: highlight 3s ease; 
	    animation-delay:2s;
	    animation-direction:alternate;
	    align-items: center;
  		justify-content: flex-start;
  		height: 100%;
		display: block;
	    overflow-y: visible;
        right: 20px;
        text-anchor: start;
    	-webkit-transition: all 0.5s;
    	-moz-transition: all 0.5s;
    	-ms-transition: all 0.5s;
    	-o-transition: all 0.5s;
    	transition: all 0.5s;
}
.fulltext:target .more{
		display: none;
}


/*hide-reveal end*/
.blog section{
		width:100%;
	    height:auto;
		margin-top: 0;
		text-align: center;
	    align-items:center;
	/*added 3/27/2020*/
	   
    }
.blog article{ 
		width:50%;
	 	height:auto;
        flex-wrap: nowrap;
	    margin: 0;
	    align-items:center;
	/*added 3/27/2020*/
	   
    }
/*talent*/

.talcolumn{
  float: left;
  width: 30%;
  padding: 1%;
}

/* Clear floats after the columns */
.talrow:after {
  content: "";
  display: table;
  clear: both;
}
.talent section{
		width:100%;
	    height:auto;
		margin: 0;
		text-align: center;
	    align-items:center;
    }
.talent aside{
		width:80%;
		text-align: left;
		margin-left:2%;
		padding-left:5%;
		padding-right:1%;
}
.talent p{
		width:100%;
		text-align: center;
		margin-left:2%;
		padding-left:5%;
		padding-right:1%;
}
.talent1 p{
		width:100%;
		text-align: left;
		margin-left:2%;
		padding-left:5%;
		padding-right:1%;
}

.talent header{ 	
	 	height:auto;
        flex-wrap: nowrap;
	    margin: 1%;
	    display: flex;
	    text-align: center;
	    align-items:center;
    }
.talent article{ 
		width:100%;
	 	height:auto;
	    padding-left:2%;
	    vertical-align: baseline;
        flex-wrap: nowrap;
	    margin: 1%;
	    display: flex;
	    text-align: center;
	    align-items:center;
    }
.talent article i{
		font-size: 20px;
	}
.talent article img{
	    width:60%;
	 	height:auto;
	    border-radius: 6%;
		text-align:center;
	    align-items:center;
	    padding: 2%;
	    margin-left: 24%;
	}
/*end article*/


/*normblog*/
.normblog section{
		width:100%;
	    height:auto;
		padding-top: 2%;
		text-align: center;
	    align-items:center;
    }
.normblog aside{
		width:80%;
		text-align: left;
		margin-left:2%;
		padding-left:5%;
		padding-right:1%;
}

.normblog header{ 	
	    
	 	height:auto;
        flex-wrap: nowrap;
	    margin: 1%;
	    display: flex;
	    text-align: center;
	    align-items:center;
    }
.normblog article{ 
		width:90%;
	 	height:auto;
	    padding-left:2%;
	    vertical-align: baseline;
        flex-wrap: nowrap;
	    margin: 1%;
	    display: flex;
	    text-align: center;
	    align-items:center;
    }
.normblog article i{
		font-size: 26px;
	}
.normblog article img{
	    padding:none;
	    border-radius: none;
		text-align:left;
	}

.normblog article a:hover, a:focus, a:active{
	color: #66d4ff;
	}

hr.rounded {
  		border-top: 6px solid #111111;
  		border-radius: 2px;
  		width:100%;
		text-align: center;
	    /*box-shadow: 1px 1px 1px black;*/
}
.align-center{
	align-items: center;
    display: flex;
}
.banner-text-content>*{
	/*color: #bdc9ed;*/
	position: relative;
    top:10%;
	margin-bottom:10px;
    /*left: 10%;*/
	color: #50a390;
	text-shadow: 1px 1px 3px #080e85;
	text-align:left;
	/*text-shadow: 1px 1px 3px black;*/
	font-size: 15px;
	background: opacity 0.5;
}

.banner-text-content h5{
    letter-spacing: 3px;
    margin-bottom: 5px;
	padding: 10px 10px;

}
/* Tag Line*/
.banner-text-content h5 {
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 400;
    /*text-transform: uppercase;*/
    color: #bdc9ed;
    line-height: 18px;
    cursor: default;
	/*background-color: #080e85;
    background-color: #00112b;*/
	/*background-color:rgba(0, 17, 43, 0.75);*/
	
}
.eetag-line h5{
	
}

/*JT Gallery*/
/*
div.JTcontain {
  padding: 5% ;
  border: 1px solid #ccc;
  width: 100%;
  height: 100%;
  display: inline-block;
}
div.JTgallery {
  margin: 10px;
  border: 1px solid #ccc;
  width: 20%;
  height: auto;
display: block;
float: left;
}

div.JTgallery:hover {
  border: 1px solid #777;
}

.JTgallery img {
  width: 10%;
  height: auto;
  display: block;
}

div.JTdesc {
  padding: 15px;
  text-align: center;
}*/


/* Welcome*/
.banner-text-content h1 {
	
	/*width:33%;*/
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    text-transform: uppercase;
    /*color: #bdc9ed;*/
	color:#bdc9ed;
    cursor: default;
	/*background-color:rgba(0, 17, 43, 0.75);*/
	background-color:transparent;
	padding: 5px 7px;
	
}
.single-post-nav{
	background:none;
}
.app_heading{
	position: relative;
    border-bottom: 1px solid #e2e2e2;
    background: #fafafa;
}
.app_heading .comment-title{
	margin:0px;
	padding:15px 10px;
}
.comment-reply-title{
	position: relative;
    border-bottom: 1px solid #e2e2e2;
    background: #fafafa;
	margin:0px;
	padding:15px 10px;
}

.breadcrumb{
	display:inline-block;
	background-color:unset;
}
/*small title on page beside home*/
.breadcrumb {
	color:#fff;
	padding: 0;
	/*background-color: rgba(189, 201, 237, 0.5);*/
}
.breadcrumb a:hover{
	color:#0f245ffa;
}

.nav-links .page-numbers{
	padding:10px 16px;
}

.app_blog_img{
	min-height:200px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 1.8% 2.992em 0;
    padding: 10px;
    position: relative;
    width: 23.2%;
    margin-left: 0;
}
.front_img{
	transition-duration: .3s;
    transition-property: transform;
}

.front_img:hover{
	transform: scale(1.1);
}

/* corpworx css*/
.corpworx-banner-area{
	padding: 30px;
	position:relative;
	
}


.blog-post{
    overflow: hidden;
	border: 1px solid #e6f0fa;
    padding: 20px 10px 10px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 10px #e6f0fa;
    box-shadow: 0 0 10px #e6f0fa;
}

/*--------------------------------------------------------------
Blog
--------------------------------------------------------------*/
	
	#content {
		word-wrap: break-word;
		display: block;
		/*border: 1px solid rgb(223, 235, 238);*/
		/*border-radius: 3px;*/
	}
	
	.content-area .hentry {
		/*position: relative;*/
		display: contents;
		padding-top: 0px; 
	}	
	.content-area .hentry .col-md-6{
		/* padding-top: 30px; */
		padding-bottom: 20px;
	}
	.content-area .hentry:nth-last-child(2) .col-md-6{
		float:right;
	}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{
	display: block;
    width: 100%;
    border: 1px solid rgb(223, 235, 238);
    padding: 10px 25px;
    line-height: 20px;
    color: #758092;
    border-radius: 3px;
    background: #080e85;
    font-weight: 600;
	height:50px;
}
textarea{
	height:auto;
}
.widget-section.blog-sidebar .widget{
	position: relative;
    margin-bottom: 20px;
    padding-top: 20px;
    border: 1px solid #e6f0fa;
    padding: 25px;
    /* border-radius: 10px; */
    -webkit-box-shadow: 0 0 10px #e6f0fa;
    box-shadow: 0 0 10px #e6f0fa;
}
.plan-price{
	padding:10px;
}
.plan-price.style2{
	
}
.app_price_mid{
	transform: scale(1.2);
    z-index: 2;
}
.bizworx-latest-news .owl-item{
	padding:6px;
}
.owl-pagination {
bottom:-40px;
}
.bizworx-latest-news .meta-post{
	display: inline-block;
    padding: 5px 10px;
    text-align: center;
    position: relative;
	top:-20px;
    box-shadow: 0px 0px 3px rgba(0,0,0,.5);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}
.bizworx-latest-news .meta-post a{
	color:#080e85;
}

.corpo_progerss_bar .elementor-progress-wrapper{
	height:	11px;
	line-height:10px;
}
.corpo_animation::before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    height: 3px;
    width: 0px;
    background-color: #2154CF;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
	}
	.corpo_animation:hover::before{
		width:100%;
	}
.corpo_animation.mlr::before{	
	margin: 0 10px;
}
.corpo_animation.mlr:hover::before{	
	width: 93%;
}
.banner-button{
	margin-top:5px;
	background-color:transparent;
}


.iframe-container {
  overflow: hidden;
 /*// Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625)*/
  padding-top: 56.25%;
  position: relative;
}
 
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.site-logo{
	   width:70%;
	}


.vplayer{
	padding:25% 0 0 0;
	object-fit: cover; 
	object-position: center center;
}

/*@media (min-width: 500px){


}
@media (min-width: 768px){
	

}*/

 @media only screen and (max-width: 639px){
	 .responsive {
    	width: 100%;
  	}
	 .responsive img{
        display:block;
  	}

	.banner-text-content h5 {
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 2px;
		margin-bottom: 5px;
	}
	.banner-text-content h1 {
		font-size: 14px;
		line-height: 14px;
		font-weight: 400;
		margin-bottom: 5px;
	}	
	  .entry-content img{
	  display:block;
	 }

	 #site-navigation-mobi {
		display: block;
		width: 100%;
		padding-left:7%;  /*50px*/
		padding-right:7%;
		margin-top:15%;
	}
	 .talent article img{
	    width:60%;
	 	height:auto;
	    border-radius: 6%;
		text-align:center;
	    align-items:center;
	    padding: 2%;
	    margin-left: 5%;
	}
	 
}
@media only screen and (max-width: 820px){
	.talent article{ 
	    vertical-align: baseline;
        flex-wrap: wrap;
	    margin: 2%;
	    display: flex;
	    align-items:center;
	    padding-left:2%;
		
    }
	.other-header{
	margin-top:10%;	
	margin-bottom:2%;
	height:2%;
	
}
	.talent article img{
	    width:60%;
	 	height:auto;
	    border-radius: 6%;
		text-align:center;
	    align-items:center;
	    padding: 2%;
	    margin-left: 5%;
	}

}



@media only screen and (min-width: 300px) {
	 .responsive {
    	width: 100%;
  	}
	 .responsive img{
        display:block;
  	}
	#site-navigation-mobi {	
		display: block;
		width: 100%;
		padding-left:7%;  /*50px*/
		padding-right:7%;
		margin-top:15%;
	}
 

}
@media only screen and (min-width: 480px) {
   	 .responsive {
    	width: 80%;
  	}

	 .responsive img{
         display:block;
  	}
	#site-navigation-mobi {	
		width: 83%;
		padding-left:5%;  /*50px*/
		padding-right:5%;
		margin-top:14%;
	}


}
@media only screen and (min-width: 580px) {
   	 .responsive {
    	width: 80%;
  	}

	 .responsive img{
         display:block;
  	}
	#site-navigation-mobi {	
		width: 86%;
		padding-left:5%;  /*50px*/
		padding-right:5%;
		margin-top:15%;
	}
   

}

@media only screen and (min-width: 680px) {
	 .responsive {
    	width: 40%;
  	}

	 .responsive img{
         display:block;
  	}
	#site-navigation-mobi {	
		width: 87%;
		padding-left:5%;  /*50px*/
		padding-right:5%;
		margin-top:15%;
	}
    

}
@media only screen and (max-width: 520px) {

	#site-navigation-mobi {	
		float:left;
		text-align:left;
		width: 150%;
		position: absolute;
        left: -65%;
        top: 20px;
        z-index: 1;
		padding-left:5%;  /*50px*/
		padding-right:5%;
		margin-top:17%;
	}
}



@media only screen and (max-width: 680px) {
	/*.btn-menu {
		width: 100%;
		position: absolute;
        left: -100px;
        top: 20px;
        z-index: 1;
	}*/
	
	#site-navigation-mobi {	
		float:left;
		text-align:left;
		width: 120%;
		position: absolute;
        left: -60%;
        top: 20px;
        z-index: 1;
		padding-left:5%;  /*50px*/
		padding-right:5%;
		margin-top:17%;
	}
}
    

@media only screen and (max-width: 1025px) {
	.head-wrap .container > .row {
		display: -webkit-flex;
		display: -ms-flexbox;
		/*display:flex;*/
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.responsive img{
   		display:block;
  	}
		.banner-text-content h5 {
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 2px;
		margin-bottom: 5px;
	}
	.banner-text-content h1 {
		font-size: 14px;
		line-height: 14px;
		font-weight: 400;
		margin-bottom: 5px;
	}	
	  /*.entry-content img{
		  
	    display:block;
    }*/
    .talent article{ 
		font-size: 14px;
	}
	.talent article i{
		font-size: 20px;
	}
	.talent article img{ 
		width:90%;
		text-align:center;
		align-content:center;
		
	}
}


@media only screen and (min-width: 780px) {
	 .responsive {
    	width: 40%;
  	}

	 .responsive img{
         display:block;
  	}
	#site-navigation-mobi {	
		width: 88%;
		padding-left:5%;  /*50px*/
		padding-right:5%;
		margin-top:15%;
	}

}


@media only screen and (min-width: 990px) {
	
	 .responsive {
    	width: 40%;
  	}

	 .responsive img{
         display:block;
  	}
	#site-navigation-mobi {	
		width: 91%;
		padding-left:5%;  /*50px*/
		padding-right:5%;
		margin-top:9%;
	}
		

}
@media only screen and (max-width: 1199px) {
	
	
  	 .responsive {
    	width: 40%;
  	}

	 .responsive img{
         display:block;
  	}
	.banner-text-content h5 {
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 2px;
		margin-bottom: 5px;
	}
	.banner-text-content h1 {
		font-size: 14px;
		line-height: 14px;
		font-weight: 400;
		margin-bottom: 5px;
	}	

	 
		.btn-menu {
		display: block;
	}
	.entry-content img{
	   /* display:block;*/
		width: 100%;
	
    }
	h5,h1 { font: 17px/1.1 "Rubik", sans-serif;}
    
}

@media only screen and (max-width: 1199px) {
	.calendly-inline-widget div{
	    display:inline-block;
		overflow-y: none;
		
	}
	.calendly-inline-widget iframe{
	    /*display:inline-block;
		min-height:1500px;*/
		border: 0;
        min-height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
		
	}
	._3i0k6cT8vH{
		min-height:1500px;
	}
	/* Hide scrollbar for IE and Edge */
	.calendly-inline-widget div{
		-ms-overflow-style: none;
	}
	.calendly-inline-widget div::-webkit-scrollbar {
    display: none;
}

	.site-logo{
	   width:40%;
	}
	.talcolumn{
       float: left;
       width: 100%;
       padding: 1%;
    }

    /* Clear floats after the columns */
    .talrow:after {
     content: "";
     display: table;
     clear: both;
    }
}
@media only screen and (max-width: 1500px) {
	
	.to-top{
	position: fixed !important;
	right: 50%;
	}
}




@media (min-width: 1200px){
	.responsive {
    	width: 40%;
		
  	}
	
	
	
	 .responsive img{
        display:inline;
  	}
	.banner-text-content h1 {
		
		font-weight: 500;
		font-size: 14px;
		line-height: 14px;
		/*font-size: 30px;
		 * line-height: 30px;*/
	}
	
		.head-wrap .container > .row {
		display: -webkit-flex;
		display: -ms-flexbox;
		/*display:flex;*/
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		background-color:transparent;
	}
	
	.site-header #site-navigation ul li ul {
		left: 0px;
	}
	.entry-content img{
		width: 100%;
	 /* display:block;*/
	
    }
	
}


/*Update Widget Padding*/
.page-wrap {
    padding-top: 0px;
    padding-bottom: 3px;
}