/* =======================================================
   Fonts                           
   ======================================================= */
/*************************/
/* NeoSansW23-medium 	 */
/*************************/
@font-face {
  font-family: "NeoSansW23-medium";
	src: url('../../fonts/book/medium/font.eot');
	src: url('../../fonts/book/medium/font.eot?#iefix') format('embedded-opentype'),
	url('../../fonts/book/medium/font.woff') format('woff'),
	url('../../fonts/book/medium/font.ttf') format('truetype'),
	url('../../fonts/book/medium/font.svg#font') format('svg');
}
/*************************/
/* NeoSansW23-light		 */
/*************************/
@font-face {
	font-family: "NeoSansW23-light";
	src: url('../../fonts/book/light/font.eot');
	src: url('../../fonts/book/light/font.eot?#iefix') format('embedded-opentype'),
	url('../../fonts/book/light/font.woff') format('woff'),
	url('../../fonts/book/light/font.ttf') format('truetype'),
	url('../../fonts/book/light/font.svg#font') format('svg');
}
/*************************/
/* NeoSansW23-bold 		 */
/*************************/
@font-face {
	font-family: "NeoSansW23-normal";
	src: url('../../fonts/book/normal/font.eot');
	src: url('../../fonts/book/normal/font.eot?#iefix') format('embedded-opentype'),
	url('../../fonts/book/normal/font.woff') format('woff'),
	url('../../fonts/book/normal/font.ttf') format('truetype'),
	url('../../fonts/book/normal/font.svg#font') format('svg');
}
/*************************/
/* droidnaskh-regular 	 */
/*************************/
@font-face {
	font-family: "droidnaskh-regular";
	src: url('../../fonts/book/droidnaskh-regular/droidnaskh-regular-webfont.eot');
	src: url('../../fonts/book/droidnaskh-regular/droidnaskh-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../../fonts/book/droidnaskh-regular/droidnaskh-regular-webfont.woff') format('woff'),
	url('../../fonts/book/droidnaskh-regular/droidnaskh-regular-webfont.ttf') format('truetype'),
	url('../../fonts/book/droidnaskh-regular/droidnaskh-regular-webfont.svg#font') format('svg');
}
/*************************/
/* NeoSansW23-bold 		 */
/*************************/
@font-face {
	font-family: "driodnaskh-bold";
	src: url('../../fonts/book/driodnaskh-bold/DroidArabicNaskh-Bold.eot');
	src: url('../../fonts/book/driodnaskh-bold/DroidArabicNaskh-Bold.eot?#iefix') format('embedded-opentype'),
	url('../../fonts/book/driodnaskh-bold/DroidArabicNaskh-Bold.woff') format('woff'),
	url('../../fonts/book/driodnaskh-bold/DroidArabicNaskh-Bold.ttf') format('truetype'),
	url('../../fonts/book/driodnaskh-bold/DroidArabicNaskh-Bold.svg#DroidArabicNaskh-Bold') format('svg');
}
/* =====================================================
	General Tags                    
   ================================================== */
body {
	overflow-x:hidden; 
	font-family: 'NeoSansW23-light';
	color: #000;
	font-size: 16px;
	padding-top: 0 !important;
	line-height: 1.5;
	padding-right: 0 !important;
}

img {
	max-width: 100%; /* used to Achieve responsive images */
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'NeoSansW23-normal';
}
figure{
    margin-top: 25px;
    display: inline-block;
    margin-bottom: 30px;
}
figcaption{
	font-size: 11px;
	font-family: "droidnaskh-regular"; 
	margin-top: 10px;
}
blockquote{
	font-family: "driodnaskh-bold";
	font-size: 18px;
	color: #000;
	border-right: 0;
	line-height: 1.5;
	padding-right: 85px;
	margin-bottom: 30px;
	position: relative;
}
blockquote:before{
	content: "c";
	width: 5px;
	height: 5px;

	font-family: arial;
	font-size: 51px;
	position: absolute;
	right: 47px;
	top: 73px;
	font-family: "matger-magento";
	transform: rotate(180deg);
	color: #ED164A;
}
progress {
    position:fixed;
    top:15px;
}
/* =====================================================
   Links
   =================================================== */
/*
 * Improves readability when focused and also mouse hovered in all browsers
 * Addresses outline displayed oddly in Chrome
 * And text-decoration none for all browsers
 */

a:focus,
a:active,
a:hover {
    outline: 0;
    text-decoration: none;
}

/* ============================================
   General Classes
   =========================================== */
.relative{
	position: relative;
}
.no-padding{
	padding: 0;
}
.btn-link{
	background: #65656A;
	color: #FFF;
	padding: 10px 17px;
	display: inline-block;
	margin: 20px 0 21px;
	font-family: arial;
	font-size: 19px;
}
/* ==================================================
 	Index Page 						
   ================================================== */
.saidebar{
    background: #ED164A;
    width: 30.0%;
    display: inline-block;
    float: right;
}
.main-content{
	width: 66.0%;
	display: inline-block;
}
.head--site{
	width: 66.0%;
	margin-right: 30%;
	background: red;
}
.saidebar--head{
	background: #ED164A;
	color: #FFF;
	padding: 30px 0 35px;
}
.saidebar--head__title{
    margin-bottom: 5px;
    margin-top: 15px;
    font-size: 14px;
}
.saidebar--head__desc{
    font-size: 14px;
}
.saidebar--body-bg{
    background-color: #E21044;
    padding-bottom: 21px;
    /*height: 190%;*/
    overflow: hidden;
}
.saidebar--body h1{
	background-image: none !important;
	color: #000;
	padding: 0 !important;
	margin-right: 0 !important;
	box-shadow:none;
}
.saidebar--body h1 a{
	color: #000;
}
.saidebar--body{
    margin: 11px 25px;
    border-bottom: 1px solid #CCC;
    padding: 15px 0;
}
.saidebar--body h1{
	margin-top: 0;
	font-size: 18px;
	line-height: 1.5;
	padding-top: 30px;
	margin-bottom: 30px;
	margin-right: 27px;
	font-family: "NeoSansW23-medium";
	/*max-width: 310px;*/
}
.saidebar--body h1 a{
	color: #000;
}
.menu_container{
    overflow: scroll;
    /*height: 100%;*/
    width: 105%;
    position: relative;
    overflow-x: hidden;
}
.well{
	position: relative;
	background: #E21044;
	padding: 25px 20px;
	box-shadow:none;
	border: none;
	border-radius: 0;
	color: #FFF;
}
.well p{
	padding-top:20px;
}
.well:before{
	content: "a";
	color: #FFF;
	font-family: "matger-magento";
	font-size: 35px;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -20px;
}
.well > p{
	display: inline;
	padding-top: 1px;
}
.well-img{
	padding-right:75px;
	display: inline-block;
}
.saidebar--body__list{
	list-style: none;
	padding-right: 0;
	padding-bottom: 0;
}
.error-text{
	color: #E21044;
	font-size: 16px;
	line-height: 1.5;
}
.error-text span{
	color: #E21044;
    font-size: 30px;
    padding-top: 17px;
    display: inline-block;
    position: relative;
    top: 8px;
}
.saidebar--body__list > li{
	display: block;
	position: relative;
}

.saidebar--body__list li a{
	color: #000;
	font-size: 14px;
	display: block;
	z-index: 2;
	margin-bottom: 10px;
	line-height: 1.5;
}
.saidebar--body__list > li a:before{
	content: "";
	position: absolute;
	width: 0%;
    height: 100%;
    top: 0;
    right: 0;
    transition: 0.3s;
}
.saidebar--body__list li a:hover:before ,
.saidebar--body__list li a.active:before{
    width: 100%;
    height: 100%;
    transition: 0.3s;
    content: "";
    z-index: 11;
}
.saidebar--body__list li a span{
	z-index: 80;
	position: relative;
}
.logo_matger{
	margin: 110px 0; 
}
/*============================*/
/* Main Content  Site 			*/
/*============================*/
.head--site{
	/*padding:0 0 0 ;*/
	color: #65656A;
	padding-right: 10px;
	background: #fff;
	color: #000;
   padding: 11px 80px;
/*	border-bottom: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;*/
	text-align: center;
	
}
.head--site:hover {
    background-color: #f5f5f5;
    transition-duration: 0.7s;
    -webkit-transition: 0.7s;
    border-color: #f5f5f5;
}
.head--site h5{
	display: inline-block;
	font-size: 16px;
	font-family: "NeoSansW23-normal";
	color: #000;
	position: relative;
	cursor: pointer;
}
.frist{
	padding-top: 80px !important;
}
input::-webkit-input-placeholder {
	color: #bcbcbc;
	font-family: "NeoSansW23-normal";
	font-size: 13px;
	text-align: center;
}
input::-moz-placeholder {
	color: #bcbcbc;
	font-family: "NeoSansW23-normal";
	font-size: 13px;
}
input:-moz-placeholder {  
	color: #bcbcbc;
	font-family: "NeoSansW23-normal";
	font-size: 13px;
}
input:-ms-input-placeholder { 
	color: #bcbcbc;
	font-family: "NeoSansW23-normal";
	font-size: 13px;
}
/*.border-gray{
	border-left: 1px solid #F0F0F0;
}*/
.formsubscrip__dsec{
	display: inline-block;
	padding-top: 10px;
	font-family: 'NeoSansW23-normal';
	font-size: 12px;
	color: #000;
	padding-right: 10px;
	vertical-align: top;
	display: inherit;
}
.btn-form{
	 background: #4ca933;
    border: none;
    padding: 5px 15px 8px;
    
    margin-top: 7px;
    display: inline-block;
    margin-right: 6px;
    border-radius: 4px;
    font-size: 14px;
	 color: #fff;
}
.btn-form:hover{
	opacity: .9;
}
.formsubscrip{
	display: inline-block ;
	margin-right: 12px;
	margin-bottom: 5px;
}

.article{
	padding:0 70px;
	border-bottom: 1px solid #F0F0F0;
	padding-bottom: 50px;
}
.article h1{
	color: #fff;
	font-size: 30px;
	font-family: "driodnaskh-bold";
	padding:250px 20px 250px 20px;
	margin-top: 50px;
	line-height: 1.5;
	text-align: center;
	-moz-box-shadow: 0 0 10px rgba(237,23,72,.6);
-webkit-box-shadow: 0 0 10px rgba(237,23,72,.6);
box-shadow: 0 0 10px rgba(237,23,72,.6);
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkMTc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NmMGEzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(bottom, #ed1747 0%, #cf0a37 100%);
background-image: -o-linear-gradient(bottom, #ed1747 0%, #cf0a37 100%);
background-image: -webkit-linear-gradient(bottom, #ed1747 0%, #cf0a37 100%);
background-image: linear-gradient(bottom, #ed1747 0%, #cf0a37 100%);
}
.article h2{
	color: #000;
	font-size: 20px;
	font-family: "driodnaskh-bold";
	padding-top: 55px;
	margin-bottom: 25px;
	margin-top: 20px;
}
.article ul{
	font-family: "droidnaskh-regular";
}
.text_desc{
	font-family: "droidnaskh-regular";
	color: #000;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 25px;
	margin-top: 25px;
}
.frist-p{
	padding-top: 50px;
}
.light{
	font-family: "NeoSansW23-light";
}
.article p ,.article{
	font-family: "droidnaskh-regular";
	line-height: 1.8;
	text-align: justify;
}
.magentoversion{
    padding-right: 0;
    list-style: none;
    margin-bottom: 20px;
}
.magentoversion li{
    margin-bottom: 11px;
    font-family: arial;
    font-weight: bold;
}
.number{
	display: inline-block;
	background: #000;
	border-radius: 50%;
	padding: 2px 10px 5px 0px;
	color: #FFF; 
	margin-left: 15px;
	width: 30px;
    height: 30px;
}
.green-text{
	color: #35A117;
	margin: 20px 0;
}
.magento__feature{
	list-style: none;
	padding-right: 0;
}
.article h3{
	background: #65656A;
	color: #FFF;
	padding: 10px 17px;
	display: inline-block;
	margin: 40px 0 30px;
	font-family: arial;
	font-size: 19px;
}
.magento__feature > li{
	margin-bottom: 25px;
	padding-right: 45px;
	position: relative;
	font-size: 16px;
	line-height: 1.5;
}
.magento__feature > li:before{
	content: "a";
	position: absolute;
	right: 0;
	top: 0;
	color: #4EA936;
	font-family: "matger-magento";
	font-size: 30px;
}
.fixed{
	position: fixed;
	overflow: hidden;
	z-index: 10;
	width: inherit;
	background: #ED164A;
	max-width: 450px;
}

.fixed::-webkit-scrollbar{
	display: none;
}

.fixed-section{
	position: fixed;
	z-index: 9;
	background: #fff;
	width: 100%;
	border-bottom: 1px solid #eee;
}
.logo_matger{
	margin: 100px 0; 
}
.bg-red{
	background: #E21044;
	padding: 20px 20px;
	color: #FFF;

}
.img_matgr{
	margin: 20px 0; 
	display: block;
}
.chail_list{
	padding-right: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
} 
.scrolltotop{
	width: 64px;
	height: 64px;
	/*background: #ED164A;*/
	position: fixed;
	left: 20px;
	bottom: 30px;
	z-index: 490;
	display: none;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #FFF;
}
.scrolltotop{
	opacity: .9;
}
/*==============================*/
/* Footer						*/
/*==============================*/
.footer{
	padding: 15px 50px;
	text-align: center;
}
.footer p{
	font-size: 13px;
	line-height: 1.5;
	color: #6F6F73;
	margin-bottom: 0;
	margin-top: 5px;
	font-family: 'NeoSansW23-normal';
}
/*===============================*/
/* Progress Par 				 */
/*===============================*/
progress {
  /* Positioning */
  position: fixed;
  left: 0;
  top: 0;
  z-index: 199900;
  width: 100%;
  height: .5em;
  /* Reset the apperance */  
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  color: red;
}

progress::-webkit-progress-bar {
  background-color: transparent;
}

.progress-container {
  width: 100%;
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  height: .25em;
  display: block;
}

.progress-bar {
  background-color: red;
  width: 50%;
  display: block;
  height: inherit;
}
.content_btn{
	background: #000;
}
.top_btn{
    top: 20px;
    right: 20px;
}
@media (max-width: 992px) {
	.fixed{
		position: static;
		overflow: hidden;
	}
	.article{
		padding: 0 20px;
	}
	.well:before{
		top: 65px;
	}
	.fixed-section{
		position: static;
	}
	.head--site h5{
		margin-bottom: 40px;
	}
	.formsubscrip__dsec{
		width: auto;
	}
	.btn-form{
		margin-right: 0;
	}
	.menu_container{
		overflow: auto;
		height: auto;
	}
	.saidebar--body-bg {
		height: 399px;
		overflow: scroll;
		padding-bottom: 10px; 
 	}
 	.saidebar--body__list li a{
 		padding-bottom: 20px;
 	}
 	.saidebar{
 		width: 100%;
 	}
 	.main-content{
 		width: 100%;
 	}
 	.logo{
 		margin-top: 50px;
 	}
 	.head--site{
 		width: 100% !important;
 		margin-right: 0;
 	}
}

.form-control{
	border: 1px solid #eee;
	box-shadow: none;
}
.form-control:focus{
	border: 1px solid #ed1748;
	color:#ed1748;
	    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(237, 23, 72, 1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(237, 23, 72, 1);
    text-align: center;
    font-family: "ariel",tahoma;
}
.sub-section{
	min-height: 500px !important;
	display: inline-block;
}
.price{
	font-family: arial;
	font-weight: bold;
	color: #ef6830;
	font-size: 20px;
}
.prometric-logo{
	width: 97px;
	height:34px;
	margin-right: 15px;
}
.note{
	margin-top: 30px;
    border: 1px dotted #ccc;
    padding: 25px;
    background-color: #FAFAFA;
}
strong{
	font-family: "driodnaskh-bold";
}
.listitem{
	margin: 15px 0;
}
.forexample{
	color: #ed1748;
	font-family: "driodnaskh-bold";
}

a,a:hover {
    color: #0000EE;
}
a:visited { color: #551A8B; }
.yellowbg{background-color: #F8981D; color:#fff;}
.whitebg{background-color: #fff; text-align: center; padding: 15px;}
/*--------------------------*/
/* New style added 			*/
/*---------------------------*/
.bookpdf--content{
	margin: 35px 75px;
    background: #FFF;
    padding: 23px 30px;
    border-radius: 0;
}
.bookpdf--content__img{
	position: relative;
	top: -63px;
}
.bookpdf--content h3{
	font-size: 18px;
    font-family: "NeoSansW23-medium";
    margin-top: -50px;
    line-height: 1.5;
}
.head--site h5:before{
	content: "";
    background: url(../img/menu_icon.png);
    position: absolute;
    width: 48px;
    height: 48px;
    right: -51px;
	top: -16px;
}
.gallery-caption{}
.bypostauthor{}
.alignright{}
.alignleft{}
.aligncenter{}
.wp-caption{}
.wp-caption-text{}
.gallery-caption{}
.bypostauthor{}
.saidebar--body h1{
	background-image: none !important;
	color: #000;
	padding: 0 !important;
	margin-right: 0 !important;
	box-shadow:none;
	text-align: right;
	margin-top: 0 !important;
	margin-bottom: 0;
}
.title_section{
	/*border-bottom: 1px solid #CCC;*/
	padding: 20px 7px 20px 15px !important;
	font-size: 18px !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
    background-color: #ed1748;
    color: #fff !important;
}
.saidebar--body h1 a{
	font-size: 20px;
	margin-bottom: 15px;
    display: block;
}
.saidebar--body__list li h2{
    margin-bottom: 0;
	position: relative;
    margin-top: 0;
    line-height: 1.5;
    padding-top: 0;
}
button.close {
    padding-top: 20px;
    padding-left: 18px;
}
ul.saidebar--body__list {
    margin-right: 16px;
}
.saidebar--body h1 a:hover,
.saidebar--body__list li a span:hover
 {
    color: #ED164A;
}
.noborderbottom{
	border-bottom: none;
}
.modal-backdrop.in{
	opacity: .9;
}

.model-body {
    height: 400px;
    overflow-y: scroll;
}
.model-body::-webkit-scrollbar {
    width: 10px;
}
 
.model-body::-webkit-scrollbar-track {
        background-color: #F0F0F0;
    border-radius: 0;
}
 
.model-body::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #ed1748;
} 
.close{
	color: #fff;
	text-shadow:none;
	opacity: 1;
}
.modal-content{
	border-radius: 0;
}


/*-------bareq banner-------*/

.head--site{
	margin-right:0;
	width:auto;
}
.top_menu.is-fixed{
	position:fixed;
	top: 0;
	z-index:3;
}

.saidebar .fixed.is-top{top:0;}
.saidebar .fixed.is-static{
	position:absolute;
	top:0;
}
.menu_container {
	width: 105%;
	padding: 0 5%;
}
.sub-section {
	width: 100%;
}
figure {
	width: 100%;
}
@media (max-width: 991px) {
	.saidebar .fixed.is-static{
		position:static;
	}
	.container.pull-right{
		float:none !important;
	}
}



.bareq-banner {
  min-height: 0;
  max-height: 0;
  background: -webkit-linear-gradient(right, #ed254e 0%, rgba(50, 29, 64, 0.8) 100%) repeat scroll 0% 0% , url('http://matgr.net/bareq/assets/banner/banner-bg.png') no-repeat center center;
  background: linear-gradient(to left, #ed254e 0%, rgba(50, 29, 64, 0.8) 100%) repeat scroll 0% 0% , url('http://matgr.net/bareq/assets/banner/banner-bg.png') no-repeat center center;
  overflow: hidden;
  
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}

.bareq-banner.is-shown{
  min-height: 122px;
  max-height: 122px;
}

.steps {
  text-align: center;
  display: none;
  opacity: 0;
}

.steps > .h,
.bareq-h {
  margin: 0;
  text-shadow: 1px 1px 1px rgb(0, 0, 0);
  color: #fff;
  line-height: 122px;
}

.is-in-dom {
  display: block;
}

.is-shown {
  opacity: 1;
}

.banner-logo{
    position: relative; 
    right: 19px;
}
.banner-close{
    color: rgb(255, 255, 255);
    position: absolute;
    top: 50%;
    line-height: 122px;
    left: -14px;
    font-size: 24px;
    outline: none;
}
.banner-close:hover{
    color: #E8244C;
    outline: none;
	text-decoration: none;
}

.btn-banner{
	color: #fff;
    margin:33px 0; 
    position: relative;
    left: -15px; 
    text-shadow: 1px 1px 1px rgb(0, 0, 0) !important;
    font-size: 18px;
    color:#fff;
    
    border-radius: 5px;
    background-color: #ed254e;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(23, 1, 5, 0.5), inset 1px 1.732px 32px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 2px 4px 0px rgba(23, 1, 5, 0.5), inset 1px 1.732px 32px 0px rgba(0, 0, 0, 0.09);
    border: 1px solid transparent;
    border-color: #fa5879 #ec4063 #d00f37 !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffed254e', endColorstr='#ffc51035', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    text-shadow: 0 1px 0 #fff;

    background-image: none;
    
	font-family:'neoSansW23-normal';
	
	display: inline-block;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	
	white-space: nowrap;
	padding: 12px 24px;
	line-height: 1.5;
	border-radius: 5px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}
a:visited {
    color: #fff;
}
.btn-banner:hover, .btn-banner:focus, .btn-banner.focus, .btn-banner:active, .btn-banner.active, .open > .dropdown-toggle.btn-banner {
	outline: 0 !important;
	border-radius: 5px;
	background-color: #e51d46;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(23, 1, 5, 0.45), inset 1px 1.732px 32px 0px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 2px 4px 0px rgba(23, 1, 5, 0.45), inset 1px 1.732px 32px 0px rgba(0, 0, 0, 0.07);
	border-color: #fa5879 #ec4063 #d00f37 !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffed254e', endColorstr='#ffc51035', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	
	color:#fff;
}




.step1.animated {
  -webkit-animation: step-animate 1.5s;
          animation: step-animate 1.5s;
}

.step2.animated {
  -webkit-animation: step-animate 1.5s;
          animation: step-animate 1.5s;
}

.step3.animated {
  -webkit-animation: step-animate 1.5s;
          animation: step-animate 1.5s;
}

.step4.animated {
  -webkit-animation: step-animate 1.5s;
          animation: step-animate 1.5s;
}

.step5.animated {
  -webkit-animation: step-animate 1.5s;
          animation: step-animate 1.5s;
}

.step6.animated {
  -webkit-animation: last-step-animate .75s;
          animation: last-step-animate .75s;
}

@-webkit-keyframes last-step-animate {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  30% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    opacity: 1;
  }
}

@keyframes last-step-animate {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  30% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes step-animate {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  30% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  70% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  90% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0;
  }
}
@keyframes step-animate {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  30% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  70% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  90% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0;
  }
}


@media (max-width: 1206px) {
	.banner-close {
		left: -65px;
    }
}
@media (max-width: 991px) {
	.btn-banner{
		left: 9px;
	}
	.banner-close{
		top: -43px;
	}	
}
@media (max-width: 767px) {
	.bareq-banner{
		max-height:300px !important;
	}

	.steps > .h, .bareq-h {
		font-size:18px;
		line-height:1.5;
	}
	.btn-banner{
		margin : 9px 0 18px;
		font-size:16px;
	}
	.bareq-h {
		padding-top:5px;
	}
	.steps > .h{
		max-height: 122px !important;
		padding: 46px 0px;
	}

}
/*-------end banner----*/



/*---- blackfridayoffer----*/
/*.fixed-img,
aside.bareq-banner,
#tawkchat-iframe-container{
  display: none !important;
}
.main-content{
	padding-bottom: 317px;
}*/

.regular{
  font-family: "neoSansW23-normal";
}

.blackfridayoffer-banner .btn{
  position: static;
}

.blackfridayoffer-banner{
  display: none;
  background-image: url("http://matgr.net//img/bfmatgroffer.png") , -moz-linear-gradient( 360deg, rgb(85,55,104) 0%, rgb(48,27,61) 100%);
  background-image: url("http://matgr.net//img/bfmatgroffer.png") , -webkit-linear-gradient( 360deg, rgb(85,55,104) 0%, rgb(48,27,61) 100%);
  background-image: url("http://matgr.net//img/bfmatgroffer.png") , -ms-linear-gradient( 360deg, rgb(85,55,104) 0%, rgb(48,27,61) 100%);

  background-color: transparent , transparent;
  background-repeat: no-repeat,no-repeat;
  background-position: top center , center bottom;
  background-size: 100%, 100% 179px ; 
  
  
  min-height: 200px;
  padding-top:  172px;
  padding-bottom: 11px;

  position: fixed;
  bottom: -317px;
  right: 0;
  left: 0;
  z-index: 1000;
  
  -moz-animation-name: showblackfridaybanner;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-in;
  -moz-animation-duration: 1s;

  -webkit-animation-name: showblackfridaybanner;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-duration: 1s;

  animation-name: showblackfridaybanner;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 1s;
  
}
.blackfridayoffer-banner{
	bottom: 0;
}
.blackfridayoffer-h{
  font-size: 32px;
  color: #fff;
  margin: 0;
}
.blackfridayoffer-h-sub{
  font-size: 21px;
  color: #fff;
}
.offer-badge{
  background: #e1294d;
  color: #fff;
  font-size: 55px;
  margin: 0;
  padding: 3px;
  line-height: 1;
  cursor: unset;
  position: static;
}
@media(max-width:1200px){
  .blackfridayoffer-h{
    font-size: 21px;
  }
  .blackfridayoffer-h-sub{
    font-size: 16px;
  }
  .offer-badge{
    font-size: 32px;
  }
}
@media(max-width:991px){
  .blackfridayoffer-banner{
    overflow: hidden;
    background: #432953;
    padding-top: 24px;
    min-height: 0;
  }
  body{
    padding-bottom: 0;
  }
}

@media(max-width:767px){
    .blackfridayoffer-banner{
      text-align: center;
    }
}



@-moz-keyframes showblackfridaybanner {
    0% {
        bottom: -317px;
    }
    100% {
       bottom: 0;
    }
}
@-webkit-keyframes showblackfridaybanner {
    0% {
        bottom: -317px;
    }
    100% {
       bottom: 0;
    }
}
@keyframes showblackfridaybanner {
     0% {
        bottom: -317px;
    }
    100% {
       bottom: 0;
    }
}



/*---- End blackfridayoffer----*/




.fixed-img {
    position: fixed;
    bottom: 100px;
    left: 40px;
    z-index: 1;
}