/*

Version: 1.0

Description: Welcome to chose my theme.

Tags: No tags available

License: Unlimited

Text Domain: Default English(USA) and Bangla

=====================================

font-family: 'Oswald', sans-serif;

font-family: 'Open Sans', sans-serif;

font-family: RevuePEE;

=====================================

*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Oswald:200,300,400,500,600,700&display=swap');

body,h1,h2,h3,h4,*,ul{

	margin: 0;

	padding: 0;

}

@font-face {

	font-family: RevuePEE;

	src: url(fonts/RevuePEE.ttf);

}

@font-face {

	font-family: "Sanchez Regular";

	src: url(fonts/Sanchezregular.otf);

}

@font-face {

	font-family: "Superclarendon Rg";

	src: url(fonts/Superclarendon-Regular.ttf);

}

@font-face {

	font-family: "Gabriola";

	src: url(fonts/gabriola.ttf);

}

body,p{

	font-family: 'Open Sans', sans-serif;

	font-weight: 400;

}

.legend .revue{

	font-family: RevuePEE;

	font-size: 36px;

}

.revue{

	font-family: RevuePEE;

	font-size: 21px;

}

.country-clock ul{

	list-style: none;

}

a:link,a,a:focus{

	text-decoration: none;

	outline: none;

}

.w-full{

	width: 100%;

	box-sizing: border-box;

}



#contact-form {

	margin-top: 30px;

}

#contact-form input,#contact-form textarea{

	box-shadow: none;

	border-radius: 0;

	margin-bottom: 15px;

}

#contact-form textarea{

	resize: vertical;

	min-height: 100px;

	margin-bottom: 5px;

}

.input-box{

	position: relative;

}

#contact-form label {

	position: absolute;

	top: -10px;

	left: 12px;

	background-color: #FFF;

	padding: 0 10px;

	font-weight: 300;

}

.alert-box{

	position: fixed;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 999999;

	display: none;

	background-color: rgba(0,0,0,0.95);	

}

.alert-box p{

	width: 60%;

	padding: 20px;

	box-sizing: border-box;

	margin: 15% auto;

	border: 4px double #868686;

	color: #71e01d;

	text-align: center;

	border-radius: 12px;

	font-size: 1.5em;	

	position: relative;

}

.alert-box p span {

	position: absolute;

	top: -16px;

	right: -16px;

	padding: 6px 8px;

	background-color: #FFF;

	color: #333;

	font-size: 1em;

	border-radius: 100%;

	cursor: pointer;

}



#area-header-top {

	/* background: linear-gradient(to right rgba(244, 38, 37,.75), red); */

	padding: 2px 0 7px;

	background: linear-gradient(to right,red,orange, red,orange,red);
	/* background: linear-gradient(to right,#3091F0,#40cbf9, #1179E1,#0bb2ff,#3595F3); */

}

.country-clock {

	/* float: right; */

	margin: 0 auto;

	display: table;

}

.country-clock ul li {

	float: left;

	color: #FFF;

	font-weight: bold;

	font-size: 12px;

	text-transform: uppercase;

	margin-left: 10px;
	position: relative;	
}
.country-clock ul li::before{
	position: absolute;
	content: "";
	top: 7px;
	right: -4px;
	height: 15px;
	border-right: 1px solid #FFF;
}
.country-clock ul li:last-child::before{
	border-right: none;
}

.country-clock ul li span{

	font-weight: 400;

	margin-left: 2px;

}

.country-clock iframe{

	width: 80px;

	top: 4px;

	position: relative;

}

.logo{

	float: left;

	width: 46px;

	height: 40x;

	margin-right: 10px;	
	position: relative;

}
.logo a{
	float: left;
	width: 100%;
	height: 100%;
}

.logo img {
	position: absolute;
	top: -7px;
	left: 0;
	width: 50px;
	filter: saturate(0%) brightness(480%);
}

.logo:hover img,.logo.home img{

	filter: saturate(100%);

}


#area-nav {

	background-color: rgba(1, 2, 2, 0.8);

	padding: 15px 0;

}

.title-tx {

	margin-top: 6px;

}

header{

	position: absolute;

	width: 100%;

	top: 0;

	left: 0;

	z-index: 999;

}

#area-introduction{

	padding: 92px 0;

	background-color: #FFF;

}

.fieldset{

	border: 1px solid #F42625;

	padding: 45px 32px 0;

	position: relative;

	z-index: 1;

}

.fieldset .legend{

	position: absolute;

	top: -19px;

	left: 0;

	right: 0;

	text-align: center;

	font-family: 'Oswald', sans-serif;

	font-size: 32px;

	color: #F42625;

}

.fieldset .legend span{

	background-color: #FFF;

	padding: 0 15px;

}

.fieldset .legend span.highlight{

	padding: 0;

	color: #5F5F5F;

}

.fieldset p{

	line-height: 22px;

	margin-bottom: 24px;

}
#area-content .legend {
	text-align: left;
	text-indent: 30px;
}
.buying-content {

	background: url(images/text-fiels-right.jpg) no-repeat top right;

	padding: 30px 285px 30px 0;

}

#area-product{

	padding: 80px 0 65px;

	position: relative;

	z-index: 1;

	background: url(images/bg-pattern.jpg) no-repeat center center;

	background-size: cover;

}

#area-product::before,#area-product::after{

	position: absolute;

	content: "";

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: -2;

	background-color: rgba(0,0,0,0.6);	

}

#area-product::after{

	z-index: -1;

	background-color: rgb(244, 38, 37,.8);

	width: 78%;

	left: -300px;

	transform: -webkit-skew(145deg);

	transform: -moz-skew(145deg);

	transform: -o-skew(145deg);

	transform: skew(145deg);

}

.section-title{

	font-family: 'Oswald', sans-serif;

	font-size: 32px;

	color: #FFF;

}

.section-title span{

	color: #000;

}

#area-clients{

	padding: 80px 0;

	background-color: #FFF;

}

footer{

	background-color: #303030;

}

#area-footer-top{

	padding: 75px 0 55px;

	text-align: center;

}

.address p {

	color: #bbb9b9;

	font-size: 15px;

	font-family: "Superclarendon Rg";

}

.address p a{
	color: #bbb9b9;
}


.social-media {

	margin-top: 15px;

}

.social-media ul {
	display: table;
	margin: 0 auto;
	list-style: none;
}

.social-media ul li{

	float: left;

	 margin-right: 12px;

}

.social-media ul li:last-child{

	margin-right: 0;

}

.social-media ul li a {

	float: left;

	font-size: 19px;

	color: #000;

	width: 32px;

	height: 32px;

	line-height: 32px;

	background-color: #FEFEFE;

	border-radius: 100%;

}

.social-media ul li:hover a{

	background-color: #F42625;
	color: #FFF;

}
.social-media ul li.facebook:hover a{
	background-color: #4064AC;
}
.social-media ul li.youtube:hover a{
	background-color: #E11B03;
}
.social-media ul li.linkedin:hover a{
	background-color: #21567E;
}
.social-media ul li.twitter:hover a{
	background-color: #00A7E6;
}
.social-media ul li.instagram:hover a{
	background: linear-gradient(#3B3BE6,#F32343);
}


#area-footer-bottom{

	padding: 20px 0;

	border-top: 1px solid #4d4b4b;

}

.foot-tex,.foot-tex a{

	color: #6b6464;

	font-size: 13px;

	font-weight: 400;

	margin: 0;

	font-family: "Sanchez Regular";

}
address ul li a{
	color: #333;
}
.foot-tex a:hover,.address p a:hover,address ul li a:hover{

	color: #FE3340;

}

.txt-right{

	float: right;

}

.slider-progress {

	z-index: 4;

	position: absolute;

	bottom: 0px;

	left: 0px;

	height: 3px !important;

	width: 100%;

	background-color: transparent;

	opacity: 0.7;

}

.slider-progress div{

	background-color: rgba(244, 38, 37,0.9) !important;

}

.navigation{

	top: auto !important;

	bottom: 50px !important;

}

.nav-link {

	width: 18px !important;

	height: 18px !important;

	background-color: #A3A5A7 !important;

}

.nav-link.active{

	background-color: #F42625 !important;

}

.sliderText,.sliderCap {

	font-size: 63px;

	font-family: 'Oswald', sans-serif;

	font-weight: 400;

	color: #3F3F41;

}

.sliderText{

	/* background-color: rgba(255, 255, 255, 0.7); */

	padding: 30px;

	font-size: 74px;

	color: #F42625;

	font-family: "Gabriola";
	font-weight: bold;
	text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.9);

	/* text-transform: uppercase; */

}

.footer-logo-text {
	font-family: RevuePEE;
	color: #bbb9b9;
	margin-top: 8px;
	margin-bottom: 5px;
}



.standard-info {

	background-color: #F42625;

	padding: 10px;

	font-family: 'Oswald', sans-serif;

	font-weight: 300;

	font-size: 18px;

	color: #000;

	box-shadow: 0 3px 4px -3px rgba(0,0,0,0.4);

}

.standard-info span{

	color: #FFF;

}

.customNavigation {

	text-align: right;

	margin-bottom: 3px;

	padding-bottom: 5px;

	position: relative;

	right: 3px;

}

.customNavigation .btn {

	background-color: #FFF;

	color: #F42625;

	font-size: 19px;

	font-weight: 600;

	border: 0;

	border-radius: 2px;

	display: inline-block;

	padding: 2px 12px;

}

#owl-demo .item {

	padding-bottom: 5px !important;

}



.customer-logos .slick-slide img {

    border: 1px solid #ddd;

	border-radius: 4px !important;  

}

.field-content{

	padding-bottom: 10px;

}

button.slick-next, button.slick-prev {

	top: 34px;

	background-color: #F42625;

	line-height: 30px;

}

button.slick-prev {

	left: -26px;

}

button.slick-next {

	right: -30px;

}

button.slick-next i, button.slick-prev i {

	position: relative;

	top: 0px;

}

.customer-logos button.slick-prev,.customer-logos button.slick-next{

	display: none !important;

}

.product-gallery .slick-slide {

    margin: 5px 5px; 

    border-radius: 0;

    position: relative;

}

.product-gallery .slick-slide img {

	margin: 0 auto;

}

.product-gallery .slide{

	background-color: #FFF;

	text-align: center;

}

.product-gallery button.slick-next, .product-gallery button.slick-prev {

	top: -35px;

	background-color: #FFF;

	line-height: 30px;

	color: #F42625;

	border-radius: 3px;

	left: auto;

	right: 5px;

	font-size: 19px;

	text-align: center;

}

.product-gallery button.slick-prev{

	right: 40px;

}

.product-gallery button.slick-prev i {

	left: 0px;

}

.product-gallery button.slick-next i {

	right: -2px;

}

.product-gallery button.slick-prev:active,.product-gallery button.slick-next:active{

	top: -34px;

}

.product-silider {

	margin-top: 40px;

}

#area-product .section-title{

	margin-left: 2px;

}

.logo-footer img{

	width: 61px;

}

.foot-tex img {

	width: 29px;

	position: relative;

	top: -1px;

}

.slide img{

	max-width: 100%;

}

.buying-content p {

	font-family: "Gabriola";

	font-size: 23px;

}

.flg {

	position: relative;

	left: 12%;

}
#area-banner,#area-page-banner{
	position: relative;
	z-index: 1;
}
#area-banner::before,#area-page-banner::before,#area-page-banner::after{
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 28px;
	left: 0;
	background: url(images/bgGride.png);
	z-index: 2;
}
.sliderText{
	z-index: 3;
}
#area-page-banner::before{
	bottom: 0;
}
#area-page-banner::after{
	bottom: 0;
	/* background: linear-gradient(transparent, rgba(0,0,0,0.95)); */
	background: linear-gradient(transparent, rgba(225, 4, 17,.8));
}
.page-title{
	padding-top: 220px;
	position: relative;
	z-index: 3;
	padding-bottom: 20px;
	float: left;
}
#area-content{
	padding: 40px 0 25px;
	background-color: #FFF;
}
.page-title h2 {
	color: #FFF;
	font-size: 26px;
	font-family: 'Oswald', sans-serif;
	position: relative;
	margin-bottom: 12px;
	font-weight: 300;
	float: left;
}
.page-title h2::before{
	position: absolute;
	content: "";
	bottom: -5px;
	left: 0;
	right: 0;
	border-bottom: 1px solid #ccc;
}
.page-title ul{
	list-style: none;
}
.page-title ul li{
	display: inline;
	color: #FFF;
	padding: 5px 3px 0 0;
	font-size: 15px;

}
.brdcm{
	float: left;
	width: 100%;
}
.page-title ul li a{
	color: #3DC1F7;
}
#area-content p,#area-content {
	font-family: "Gabriola";
	font-size: 23px;
	line-height: 32px;
}
.title{
	font-family: RevuePEE;
	color: #474747;
	margin-bottom: 5px;
	font-size: 24px;
}
article{
	margin-bottom: 20px;
}
#area-content ul{
	/* padding-left: 20px; */
	margin-bottom: 20px;
	list-style: none;
}
#area-content ul li{
	padding-bottom: 15px;
	position: relative;	
}
ul.bullet{
	margin-left: 17px;
}
#area-content ul.bullet li::before,#area-content ul.bullet li::after {
	position: absolute;
	content: "";
	top: 10px;
	left: -16px;
	width: 8px;
	height: 8px;
	background-color: #E20411;
	z-index: 2;
}
#area-content ul.bullet li::after{
	top: 12px;
	left: -14px;
	background-color: #d4d4d4;
	z-index: 1;
}
#area-content .panel {
	margin-bottom: 30px;
	float: left;
	width: 100%;
}
.pro-box{
	float: left;
	position: relative;
	width: 100%;
	height: 400px;
	background: #FFF;
	z-index: 1;
	overflow: hidden;
	border-radius: 9px;
	margin-bottom: 20px;
}
.pro-box img{
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.pro-title{
	font-weight: bold;
	font-size: 26px !important;
}
.pro-caption{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: 80px 40px 40px;
	background-color: rgba(244, 38, 37,.85);
	color: #FFF;
	border-radius: 9px;
	transform: -webkit-scale(0);
	transform: -moz-scale(0);
	transform: scale(0);
}
.pro-box:hover .pro-caption{
	transform: -webkit-scale(1);
	transform: -moz-scale(1);
	transform: scale(1);
}
.product{
	padding: 30px 0;
}
address ul{
	list-style: none !important;
}
address ul li .ico {
	float: left;
	width: 30px;
	height: 30px;
	line-height: 34px;
	background-color: #E10512;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	border-radius: 4px;
	margin-right: 10px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.4);
}
.digit{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
}

.button{
	background-color: #E10512;
	color: #FFF !important;
	font-size: 25px;
	padding: 7px 20px 0px;
}
.button:hover{
	background-color: #b60814;
}
input,textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.career-form{
	border: 3px dashed #E10411;
	padding: 15px 30px;
}
.m-only{display: none;}

.onDesktop{
	display: block;
}
.onMobile{
	display: none;
}
.sliderText{
	width: 100% !important;
	max-width: 100% !important;
}
/*************************

		GLOBAL CSS

*************************/

.box-shadow,.button{
	box-shadow: 0 1px 6px 1px rgba(98, 98, 98, 0.3);
}



.text-shadow{

	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

	-moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

}

.address p a,
.transition,nav.menu > ul > li > a,.social-media ul li a,.foot-tex a,.logo img,.pro-caption,.button{

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

}
@media(max-width: 1024px){
	#area-banner::before{
		top: 0;
		background-image: none;
	}
	.projector, .inner.devrama-slider, .primary-img {
		height: 600px !important;
	}
	.title-tx {
		display: none;
	}
	.country-clock ul li{
		font-size: 10px;
	}
	#area-page-banner{
		background-size: 100% 100% !important;
	}
	.pro-box {
		height: 330px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1024px){
	.sliderText{

		bottom: 100px !important;
		top: auto !important;

	}
}
@media(max-width:992px){
	.sliderText {
		font-size: 38px;
	}
	.projector, .inner.devrama-slider, .primary-img {
		height: 470px !important;
	}
}
@media(max-width:768px){
	.sliderText {
		font-size: 34px;
	}
	.navigation.devrama-slider{
		display: none;
	}
	.onDesktop{
		display: none;
	}
	.onMobile{
		display: block;
	}
}
@media(max-width:767px){

	.country-clock ul li {

		margin-left: 0;

		width: 100%;

	}	
	#area-header-top{
		display: none;
	}	
	#area-banner {
		margin-top: 65px;
	}
	.pro-box {
		height: 400px;
	}

	nav.menu{
        display: none;
    }
    .openMnu,.mobile-title{
        display: block;
    }
	

	

	.navigation {

		bottom: 2px !important;

	}

	#area-introduction {

		padding: 10px 0 20px;

	}

	.fieldset .legend {

		top: -9px;

		font-size: 13px;

	}

	.fieldset {

		padding: 20px 20px 0;

	}

	.buying-content {

		background: transparent;

		padding: 0;

	}

	.fieldset p {

		margin-bottom: 10px;

	}

	.section-title {

		font-size: 24px;

	}

	#area-product {

		padding: 16px 0 16px;

	}

	#area-clients {

		padding: 28px 0 23px;

		background-color: #FFF;

	}

	#area-footer-top {

		padding: 32px 0 30px;

		text-align: center;

	}

	.address p {

		font-size: 13px;

	}

	.foot-tex, .foot-tex a {

		text-align: center;

	}

	.txt-right {

		float: none;

	}

	.flg {

		padding: 15px;

	}

	.slide img{

		max-width: 100%;

	}

	#area-product::after {

		left: -150px;

	}	

	

	#area-header-top {

		background: #F42625;

	}
	.country-clock ul li::before {
		display: none;
	}
	.pro-box {
		height: 280px;
	}
	.legend .revue {
		font-size: 18px;
	}
	.fieldset .legend {
		top: -10px;
	}
	.flg {
		left: 0;
	}
	.fieldset .legend span {
		padding: 0 5px;
	}
	.footer-logo-text {
		font-size: 26px;
	}
	.m-only{display: block;}

	.projector, .inner.devrama-slider, .primary-img {
		height: 350px !important;
	}
}
@media only screen and (min-width: 414px) and (max-width: 600px){
	.projector,.inner.devrama-slider,.primary-img{

		height: 270px !important;
	}
	.sliderText{

		bottom: 20px !important;
		top: auto !important;

	}
}
@media(max-width:414px){
	.projector,.inner.devrama-slider,.primary-img{

		height: 250px !important;
	}
	.country-clock ul li{
		font-size: 12px;
	}	
	.page-title {
		padding-top: 130px;
	}

	.sliderText{

		padding: 20px;

		font-size: 28px;

		max-width: 250px;

		bottom: 0px !important;
		top: auto !important;

	}
}
@media(max-width:360px){
	.projector,.inner.devrama-slider,.primary-img{

		height: 200px !important;
	}
	.page-title {
		padding-top: 100px;
	}
	
}