/*
Project     :	INSIGHT
Version     :	1.0
Last Change : 	04/08/2017
Primary Use :   INSIGHT
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Elementor General
2. Price Table
3. Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1. Elementor General
--------------------------------------------------------------*/
.elementor-widget:not(:last-child) {
    margin-bottom: 0 !important;
}

.elementor-icon{
	text-align: center;
}

.no-padding{
	padding: 0;
}

.open-popup{
	width: 100% !important;
}

.elementor-button:focus, 
.elementor-button:hover, 
.elementor-button:visited{
	opacity: 1;
}

/* What we do - hover font color */
.hover-white:hover h3,
.hover-white:hover span,
.hover-white:hover span i,
.hover-white:hover p,
.hover-white:hover p a{
	color: #ffffff;
}

.header-strip-shadow {    
	box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;   
	z-index: 10;
}

.breadcrumb_links #crumbs a,
.breadcrumb_links #crumbs span{
	color: #333333;
}


.breadcrumb_links #crumbs{	
    text-align: center;   
}

/* Testimonial */
#testimonial-slider .item{
	width: 100%;
	max-width: 100%;
}

#testimonial-slider .item:after {
    background-color: #eb001c;
    color: #fff;
    content: "\f10e";
    display: block;
    font-family: "FontAwesome";
    font-size: 15px;
    height: 40px;   
    line-height: 40px;
    position: absolute;
    text-align: center;
    bottom: 0;
	right: 0;
    width: 40px;
}

/* News Tag */
.news-date{
	position: absolute;
	top: 0;
	left: -10px;
	width: auto;
	width: 50px;
}

.news-date:before {
    display: block;
    width: 10px;
    height: 0px;
    position: absolute;
    bottom: -10px;
    left: 0px;
    content: "";
    border-bottom: 10px solid transparent;
    border-right: 10px solid rgb(0, 80, 116);
}

/* Portfolio Flip */
.flip-main .elementor-row{
	display: initial !important;
}


.flip-main .flip{
	width: 33.3333% !important;
	float: left;
}

/* Features-video */
.features-video iframe{
	height: 520px;	
}

.section-left .elementor-container{
	margin: 0;
}


/* Gallery - Filter controls */
.portfolio-figures .filtr-container{
	width: 100%;
}

.simplefilter{
	margin: 0;
	padding: 0;
}

.simplefilter li {  
	color: #333333;
    cursor: pointer;
    display: inline-block;
	font-family: 'Poppins', serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform:uppercase;
	position: relative;
    padding: 10px 15px;	
}

.simplefilter li.active {
    color: #eb001c;
}

.simplefilter li:hover {
    color: #eb001c;
}

.simplefilter li:after {
    background-color: #999999;
    content: "";
    height: 2px;
    position: absolute;
    right: -7px;
    top: 50%;
    width: 8px;
}

.simplefilter li:last-child:after {
    background-color: transparent;
}

.simplefilter {  
    padding-left: 0;
    text-align: center;
}


/* Price Header  */
.price-header .elementor-image-box-content {
    color: #fff;
    position: relative;
    text-transform: uppercase;
    background: rgb(42, 169, 185);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
    padding: 20px 15px;
    clear: both;
    z-index: 9999;
    top: -25px;
	width: 75%;
    margin: 0 auto;	
}

.price-header .elementor-image-box-content:before,
.price-header .elementor-image-box-content:after {
    display: block;
    width: 10px;
    height: 0px;
    position: absolute;
    top: 0;    
    content: "";
    border-bottom: 10px solid rgb(42, 169, 185);    
}

.price-header .elementor-image-box-content:before{
	left: -9px;
	border-left: 10px solid transparent;
}
.price-header .elementor-image-box-content:after {
	right: -9px;
	border-right: 10px solid transparent;
}

/* Price Header - Premium */
.price-premium .elementor-image-box-content {
    color: #fff;
    position: relative;
    text-transform: uppercase;
    background: #f27935;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
    padding: 20px 15px;
    clear: both;
    z-index: 9999;
    top: -25px;
	width: 75%;
    margin: 0 auto;	
}

.price-premium .elementor-image-box-content:before,
.price-premium .elementor-image-box-content:after {
    display: block;
    width: 10px;
    height: 0px;
    position: absolute;
    top: 0;    
    content: "";
    border-bottom: 10px solid #f27935;    
}

.price-premium .elementor-image-box-content:before{
	left: -9px;
	border-left: 10px solid transparent;
}

.price-premium .elementor-image-box-content:after {
	right: -9px;
	border-right: 10px solid transparent;
}

/* Pie Chart */
.pie-value{
	position:absolute;
	left: 0;
	right: 0;
	top: 40%;
	bottom: 0;
	font-size: 18px;
	color: #666666;
	font-weight: 500;
}

.skill-percent canvas{
	width: 120px;
	height: 120px;
	margin-left: -8px;
}

/* Team */
.arrow-up{
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;  
	border-bottom: 20px solid #f7f7f7;
	text-align:center;
	margin:0 auto;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;  
	border-top: 20px solid #f7f7f7;
	text-align: center;
	margin: 0 auto;
}

/* Counter */
.counter {	
	display: table;
	margin: 0 auto;
}

.counter .elementor-widget-container{
	width: 100px;
	height: 100px;
}
.display-inline{
	display: inline-block;
}

.hover-shadow:hover{
	 box-shadow: 0 0.4rem 3.3rem rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease;
}

.service-lists .elementor-image{
	overflow: hidden;
}
.service-lists.hover-shadow:hover img{
	transform: scale(1.08);
}



/*--------------------------------------------------------------
3. Media Queries
--------------------------------------------------------------*/
@media only screen and (max-width: 1199px) {
	/* Pie Chart */
	.skill-percent canvas{
		width: 80px;
		height: 80px;
	}
}

@media only screen and (max-width: 991px) {
	/* Testimonial */
	#testimonial-slider .item figure{
		width: 50%;
		margin-right: 20px;
	}
	
	/* Custom Two Column */
	.col-2-main .elementor-row{
		width: 80%;
		margin: 0 auto;
	}
	
	.video-main .elementor-row{
		width: 100%;
		margin: 0 auto;
	}
	
	.col-2-main .col-2,
	.video-main .col-2{
		width: 100% !important;
		display: block !important;
	}
	
	/* Custom Four Column */
	.col-4-main .elementor-row{
		width: 80%;
		margin: 0 auto;
	}
	
	.col-4-main .col-4{
		width: 50% !important;
		/*display: block !important;*/
	}
	
	/* Portfolio Flip */
	.flip-main .elementor-row{
		width: 75% !important;
		margin:0 auto;
	}
	
	.flip-main .flip{
		width: 50% !important;
		float: left;
	}

	/* features-video */
	.features-video iframe{
		height: 100%;	
	}	
	
	/* Pie Chart */
	.skill-percent canvas{
		width: 120px;
		height: 120px;
	}
	
	/* Header - About-us */
	.about-main{
		width: 80% !important;
		margin:0 auto !important;
	}
	
	.about-main .elementor-row{
		width: 100% !important;		
	}
	
	/* Services List */
	.service-lists{
		width: 740px !important;
		max-width: 740px !important;
		margin: 0 auto;	
	}
	.service-lists .elementor-row{
		width: 100%;
		margin: 0 auto;
	}

	.res-icon-cnt .elementor-image-box-wrapper{
		display: table !important;
	}

	.res-icon-cnt .elementor-image-box-img,
	.res-icon-cnt .elementor-image-box-content{
		display: table-cell !important;
	}

	.res-icon-cnt .elementor-image-box-img{
		width: 12% !important;
		margin-right: 10px;
	}
	
	.res-no-plr{	
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media only screen and (max-width: 800px) {
	/* Portfolio Flip */
	.flip-main .elementor-row{
		width: 100% !important;		
	}

}


@media only screen and (max-width: 900px) {
	/* Testimonial */
	#testimonial-slider .item{
		width: 70%;
		float: none !important;
		margin:0 auto !important;
	}
	
	#testimonial-slider .item figure{		
		width: 30%;
	}
	
}

@media only screen and (max-width: 767px) {
	
	/* Custom Two Column */
	.col-2-main .elementor-row,
	.col-4-main .elementor-row{
		width: 100% !important;
		display: block !important;		
	}
	
	.display-flex .elementor-image-box-wrapper{
		display: flex !important;
	}
	
	.res-width .elementor-column-wrap .elementor-widget-image-box,
	.res-width .elementor-column-wrap,
	.flip-main .flip,
	.col-4-main .col-4,
	.col-sm-6 .elementor-column-wrap{
		width: 360px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		float: none;		
	}
	
	.col-width-50 {
		width: 50% !important;
		margin: auto !important;
	}
	
	/* Testimonial */
	#testimonial-slider .item{
		width: 100%;		
	}
	
	#testimonial-slider .item figure{		
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	
	/* Counter */
	.counter-main .elementor-column{
		display: flex;
		margin: 0 auto;
	}
	.counter-main .elementor-column{
		display: flex;
		width: auto;
	}
	
	/* Header - About-us */
	.about-main{
		width: 100% !important;
	}

	/* Services List */
	.service-lists{
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto;	
	}

	.res-icon-cnt .elementor-image-box-img{
		width: initial;		
	}

}

@media only screen and (max-width: 480px) {	
	
	.res-width .elementor-column-wrap .elementor-widget-image-box,
	.res-width .elementor-column-wrap{
		width: 100% !important;		
	}
	
	.res-width.res-auto .elementor-column-wrap .elementor-widget-image-box,
	.res-width.res-auto .elementor-column-wrap{
		width: auto !important;
	}	
}

@media only screen and (max-width: 380px) {	
	/* Portfolio Flip */
	.flip-main .flip,
	.col-4-main .col-4{
		width: 100% !important;	
	}
	
}

@media only screen and (max-width: 320px) {	
	/* Portfolio Flip */
	.flip-main .flip .back .elementor-widget-container{
		padding: 10px 10px 0 10px !important;	
	}
	
}