/*===================================*/
/*  Fonts                            */
/*===================================*/
@font-face {
  font-family: "neoSansW23-medium";
	src: url('../fonts/neoSansW23/medium/font.eot');
	src: url('../fonts/neoSansW23/medium/font.eot?#iefix') format('embedded-opentype'),
	url('../fonts/neoSansW23/medium/font.woff') format('woff'),
	url('../fonts/neoSansW23/medium/font.ttf') format('truetype'),
	url('../fonts/neoSansW23/medium/font.svg#medium') format('svg');
}
/* */
@font-face {
	font-family: "neoSansW23-light";
	src: url('../fonts/neoSansW23/light/font.eot');
	src: url('../fonts/neoSansW23/light/font.eot?#iefix') format('embedded-opentype'),
	url('../fonts/neoSansW23/light/font.woff') format('woff'),
	url('../fonts/neoSansW23/light/font.ttf') format('truetype'),
	url('../fonts/neoSansW23/light/font.svg#light') format('svg');
}
/* */
@font-face {
	font-family: "neoSansW23-normal";
	src: url('../fonts/neoSansW23/normal/font.eot');
	src: url('../fonts/neoSansW23/normal/font.eot?#iefix') format('embedded-opentype'),
	url('../fonts/neoSansW23/normal/font.woff') format('woff'),
	url('../fonts/neoSansW23/normal/font.ttf') format('truetype'),
	url('../fonts/neoSansW23/normal/font.svg#font') format('svg');
}

/*===================================*/
/*  General Tags                     */
/*===================================*/

body{
	overflow-x:hidden; /* related to the search form hack in the nav below */
	font-family: 'neoSansW23-normal';
	color: #553768;
}
h1,h2,h3,h4,h5,h6{
   font-family: 'neoSansW23-medium';
	color: #553768;
   line-height: 1.5;
   margin-bottom: 20px;
}
p{
   line-height: 1.5;
   font-size: 16px;
}
textarea{
	resize: vertical;
}
.no-padding-right{padding-right: 0 !important}
.relative{
	position: relative;
}
.read-more{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   transition: 0.1s;
   z-index: 3;
}

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

a,a:hover{
   color: #dc214c;
}

.mb10{
   margin-bottom: 10px;
}
.mb20{
   margin-bottom: 20px;
}
.mb30{
   margin-bottom: 30px;
}
.mb40{
   margin-bottom: 40px;
}
.mb50{
   margin-bottom: 50px;
}
.mb60{
   margin-bottom: 60px;
}


.btn-default i{
   margin-left: 10px;
}
.primary-paragraph,
.normal-paragraph,
.normal-paragraph-mdm{
   font-size: 40px;
   line-height: 1.5;
   font-family: "neoSansW23-normal";
}
.secondary-paragraph{
   font-size: 18px;
   line-height: 1.5;
   font-family: "neoSansW23-light";
}
.normal-paragraph{
   font-size: 16px;
}
.normal-paragraph-mdm{
   font-size: 16px;
   font-family: 'neoSansW23-medium';
}
.white-color{
   color:#fff;
}
.identity-color{
  color: #553768;
}
.black-color{
   color:#553768;
}
.red-color{
   color:#ed254e;
}
.primary-head{
   font-family: 'neoSansW23-normal';
   margin-top: 10px;
   font-size: 27px;
   line-height: 1.5;
   color: #ed254e;
   position: relative;
   padding-bottom: 24px;
   overflow: hidden;
   position: relative
}
.primary-head .line{
   height:5px;
   width: 134px;
   background-color: #ed254e;
   display: inline-block;
   position: absolute;
   bottom: 5px;
   right: 0;
}
.primary-head .line:before{
   content:"";
   background-image: url('../images/haxagon.png');
   width: 13px;
   height: 14px;
   background-repeat: no-repeat;
   left:-10px;
   bottom: -4px;
   position: absolute;
}


.secondary-head{
   font-family: 'neoSansW23-normal';
   font-size: 22px;
   line-height: 1.5;
   margin-bottom: 0;
}
.control-label{
   font-size: 16px;
   margin-bottom: 11px;
   font-family: "neoSansW23-normal";
   font-weight: normal;
}
.form-group {
    margin-bottom: 25px;
}
.font-16{
   font-size: 16px;
}
.font-14{
   font-size: 14px;
}
.font-15{
   font-size: 15px;
}
.font-13{
   font-size: 13px;
}
.font-12{
   font-size: 12px;
}



/*coding*/

section.header{
   min-height: 55px;
   background:#321D40;
}

section.header .navbar-default{
   padding-top: 5px;
   margin-bottom: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
}

section.header .navbar-default>.container{
   width: 1300px
}

section.home{
   background-color:#553768;
   /* padding: 60px 0 82px 0; */
   overflow: hidden;
   position: relative;
}
section.home .carousel .carousel-inner .item {
   padding: 60px 0 82px 0;
}
section.home .carousel .carousel-control {
   background: transparent;
   width: 10%;
   top: calc(100% - 55px)
}
section.home .carousel .carousel-control.right {
   right: 80%;
}
section.home .carousel .carousel-control .glyphicon-chevron-left, 
section.home .carousel .carousel-control .glyphicon-chevron-right,
section.home .carousel .carousel-control .icon-prev, .carousel-control .icon-next {
   font-size: 20px
}
section.home .logo-wrap{
   margin-bottom: 50px;
}
section.home p+p{
   margin-top: 25px
}
.mgento-white-logo-wrap{
   text-align: left;
}
.mgento-white-logo-wrap img{
  width: 161px;
  margin-top: 241px;
  /*margin-left: 105px;*/
  margin-left: 39px;
  position: relative;
  transition: 0.5s;
}
/*.home:target{
    padding: 83px;
}*/

section.why-magento{
      padding:  82px 0 74px;
}
.magento-features{

}
.magento-features-item{
   font-size: 15px;
   position: relative;
   padding-right: 30px;
}
.magento-features-item i{
  color: #dc214c;
  position: absolute;
  right: 0;
  padding-top: 5px;
}

.services {
   background: #f7f7f7;
   padding: 65px 0 45px;
}

.services .service-wrap{
   padding: 0 15px;
   text-align: center;
}


.our-partners{
   padding: 80px 0  95px;
}
.our-work-item-wrap{
   border: 1px solid #eee;
   text-align: center;
   height:205px;
   overflow: hidden;
   display: flex; /* or inline-flex */
   justify-content: center ;
}
.our-work-item-wrap .img-wrap img{
   transition: 0.2s;
}

.our-work-item-wrap .hover-wrap{
   position: absolute;
   top: 0px;
   right: 0px;
   padding: 39px 15px 0px;
   display: none;
   z-index: 3;
}
.our-work-item-wrap h6 ,
.our-work-item-wrap p {
  font-size: 14px;
  color: #fff;
  text-align: right;
  margin: 0;
  line-height: 1.3;

}
.our-work-item-wrap h6 {
   margin-bottom: 10px;
}
.our-work-item-wrap h6 a {
   color: #fff;
}
.our-work-item-wrap:hover .hover-wrap{
   display: block;
}
.our-work-item-wrap:hover .read-more{
   background-color: #DC214C;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=90);
  /* Netscape */
  -moz-opacity: 0.9;
  /* Safari 1.x */
  -khtml-opacity: 0.9;
  /* Good browsers */
  opacity: 0.9;
}
.our-work-item-wrap .img-wrap{
   display: inline-block;
   align-self: center;
}


.our-hosting{
   background: #553768;
   color: #fff;
   padding: 55px 0 40px;
}
.our-hosting a , .our-hosting a:hover , .our-hosting a:active{
  font-family: "neoSansW23-medium";
  color: #f19f48;

}
.our-hosting-features{
   text-align: center;
}
.our-hosting .primary-head{
  color: #fff;
}
.our-hosting .primary-head .line{
   background-color: #fff;
}
.our-hosting .primary-head .line:before{
   background-image: url("../images/polygon-entohost.png");
}
.our-hosting .our-hosting-features-item {
    margin-bottom: 47px;
}
.our-hosting .our-hosting-features-item .img-wrap{
    height: 67px;
}
.our-hosting .magento-big-logo-wrap {
    /*margin-top: 41px;*/
    text-align: center;
}
.our-hosting .magento-plan-wrap {
   overflow: hidden;
   background-color: #fff;
   margin: 35px 30px;
   border-radius: 25px;
}
.our-hosting .magento-plan-wrap h2 {
   background-color: #f01f4a;
   text-align: center;
   padding: 20px 0;
   margin: 0;
   font-weight: 600;
}
.our-hosting .magento-plan-wrap .magento-plan-details .magento-plan-feature {
   color: #553569;
   padding: 0 30px
}
.our-hosting .magento-plan-wrap .magento-plan-details .magento-plan-feature .feature-container {
   border-bottom: 1px solid #eee;
}
.our-hosting .magento-plan-wrap .magento-plan-details .magento-plan-feature .properity {
   font-size: 2.5rem;
   font-weight: 600;
   padding: 20px 10px;
   text-align: left;
}
.our-hosting .magento-plan-wrap .magento-plan-details .magento-plan-feature .name {
   font-size: 1.6rem;
   font-weight: 600;
   padding: 25px 20px 20px;
}
@media screen and (max-width: 475px) {
   .our-hosting .magento-plan-wrap {
      margin: 35px 0;
  }
}
@media screen and (max-width : 429px) {
   .our-hosting .magento-plan-wrap .magento-plan-details .magento-plan-feature {
      padding: 0;
   }
   .our-hosting .magento-plan-wrap .magento-plan-details .magento-plan-feature .properity {
      padding: 20px 0px;
  }
}
.our-hosting .magento-plan-wrap .magento-plan-summary {
   background-color: #f1f1f1;
   text-align: center;
   padding: 10px 0 25px;
}
.our-hosting .magento-plan-wrap .magento-plan-summary .price-total {
   color: #f01f4a;
   font-size: 3rem;
   font-weight: 600;
}
.our-hosting .magento-plan-wrap .magento-plan-summary p {
   color: #4a4a4a;
   /* font-size: 3rem; */
   font-weight: 600;
   margin: 0
}
.our-hosting .magento-plan-wrap .magento-plan-summary .addon {
   padding: 0
}
.our-hosting .magento-plan-wrap .magento-plan-summary .addon span {
   background-color: #553569;
   font-weight: 600;
   padding: 5px;
   border-radius: 5px;
}
.our-hosting .magento-plan-wrap .magento-plan-summary .addon::before {
   content: '+';
   display: block;
   color: #4a4a4a;
   font-weight: 600;
   font-size: 2rem;
   margin: 5px
} 
.our-hosting .our-hosting-features-item  .cloud {
   padding-top: 11px;
}
.our-hosting .our-hosting-features-item  .cog{
   padding-top: 3px;
}



.about-us{
   padding: 50px 0 80px;
}
.about-us .matger-features-wrap{
   text-align: center;
     padding-top: 50px;
}
.about-us .matger-features{
   display: inline-block;
}
.about-us .matger-features li{
   font-size: 14px;
   font-family: "neoSansW23-medium";
   line-height: 2;
   text-align: right;
}
.about-us .matger-features li i.fa-li {
   color: #DC214C;
   right: -2.14286em;
   left: auto;
   line-height: 1.8;
}

.about-us .matger-row + .matger-row{
   margin-top: 57px;
}



.contact{
   background-color: #f7f7f7;
   padding: 40px 0 55px;
}
.contact-form-wrap {
    padding-top: 35px;
    padding-left: 50px;
}
.contact select.form-control{
   width: 50%;
}
.contact-item {
   font-size: 15px;
}
.contact-item .contact-item-entry i{
   font-size: 23px;
   margin-left: 15px;
}

.contact-item .contact-item-entry i+span{
   direction: ltr;
   display: inline-block;
}

.my-icon{
   display: inline-block;
   position: relative;
}
.my-icon.email{
   background: url(../images/msg-ico.png) no-repeat transparent center;
   width: 24px;
   height: 18px;
   top:4px;
}
.my-icon.phone{
   background: url(../images/phone-ico.png) no-repeat  transparent  center;
   width: 26px;
   height: 26px;
   top: 7px;
}




.top-footer{
   border-bottom: 1px solid #f0f2ef;
}
.footer-menu{
   margin-bottom: 0;
}
.footer-menu li+li a{
   padding-right: 55px;

}

.footer-menu li a,
.footer-menu li a:hover,
.footer-copy-right p{
   color: #808083;
   line-height:85px;
   margin-bottom: 0;
}

.footer-menu li a {
   font-size: 14px;
   font-family: 'neoSansW23-light';
}
.footer-menu li a:hover{
   color: #DC214C;
   text-decoration: none;
}
.footer-copy-right p{
   direction: ltr;
   font-size:14px;
   font-family: 'neoSansW23-light';
}


.below-footer{
   padding: 10px 0;
   position: relative;
   overflow: hidden;
}
.below-footer p{
   color: #808083;
   width: 100%;
   height: 100%;
   position: relative;
   padding: 20px 0
}
.below-footer p img {
   margin-top: -8px;
   max-width: 27px;
   filter: grayscale(100%);
}
.below-footer p img:hover {
   filter: grayscale(0);
}
.below-footer .neoxero-project-item{
   height: 156px;
   /*display: flex;  or inline-flex */
   justify-content: center ;
   position: relative;
   display: none;
}
.below-footer .neoxero-wrap figure  {
   padding: 28px 0;
   position:relative;
   height:169px;
   
}
.below-footer .neoxero-wrap figure  img {
	position:absolute;
	right:50%;
	margin-right:-106px;
	transition:0.7s;
}
.below-footer:hover .neoxero-wrap figure img {
    right: 0;
    margin-right: 0;
}

.below-footer .neoxero-wrap-hover {
   transition: 0.5s ease-in-out;
   position: absolute;
   right:500%;
   top: 0;
   width: 74%;
   height: 156px;
}
.below-footer:hover .neoxero-wrap {
   width: 25%;
}

.below-footer:hover .neoxero-wrap-hover {
   right:25%;
   top: 0;
}
.below-footer:hover .neoxero-project-item{
   display: flex;
   
}
.below-footer .neoxero-wrap-hover figure {
   align-self:center;
}
.below-footer .neoxero-wrap-hover .projects-title {
   line-height: 156px; 
   text-align: center;
}


@media (max-width: 991px) {
      .below-footer:hover .neoxero-wrap {
         width: 100%;
      }
	  .below-footer:hover .neoxero-wrap figure img {
		right: 50%;
		margin-right: -106px;
		}
      .below-footer .neoxero-wrap-hover {
         position: static;
         width: 100%;
         height: auto;
      }
      .below-footer:hover .neoxero-wrap-hover {
         width: 100%         
      }
      .below-footer{
         height: auto;         
      }
      .below-footer .neoxero-project-item{
         display: flex;
      }
      .below-footer .neoxero-wrap figure {
       padding: 28px 0;
      }
      .below-footer .neoxero-wrap-hover .projects-title {
         line-height: 36px;
      }

}

@media (max-width: 767px) {

   .below-footer .neoxero-wrap figure {
       padding: 28px 0;
   }
   .below-footer .neoxero-wrap-hover .projects-title {
     font-size: 12px;
   }
   .below-footer .neoxero-project-item {
    height: 90px;
   }
   
   .xs-font-10{
      font-size: 10px;
   }
   
   
}




/*modal*/
.polygon-modal , .polygon.close{
   background: url(../images/ploygon.png) no-repeat;
   background: url(../images/ploygon.svg) no-repeat;
   width: 50px;
   height: 50px;
}

.modal-header{
   position: relative;
   border-bottom: none;
}
.model-logo {
  padding-right: 21px;
}

.polygon.close{
  position: absolute;
  top: -27px;
  left: -28px;
}
.modal-content{
   border-radius: 0;
   /*border: 6px solid  #dc214c;*/
}
.modal-header .close {
/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity:1;
  /* Good browsers */
  opacity: 1;
}
.my-icon.close{
  background: url(../images/x.png) no-repeat center center;
  width: 13px;
  left: 17px;
  height: 14px;
  top: 1px;
}
.privacy-notes{
     padding: 20px 0 0 0;
     float: left;
     margin-left: 50px;
}
.privacy-download{
   font-size: 12px;
   color: #000;
}
.privacy-download i{
   margin-left: 5px;
     font-size: 16px;
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 1);
}


.modal-content p {
   font-size: 15px;
   font-family: "neoSansW23-normal";
}
.modal-content h3 {
   font-family: "neoSansW23-normal";
   color: #dc214c;
}
.modal-content a {
   font-family: "neoSansW23-normal";
   font-size: 15px;
}
.modal-content ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.modal-content ul li {
    background-image: url(../images/ul.png);
    background-repeat: no-repeat;
  background-position: 100% center;
  padding-right: 20px;
}
.privacy-wrap{
   padding: 0  20px 70px 50px;
}

@media (min-width: 768px){
   .modal-dialog {
     width: 750px;
   }
}

/*---------------------------------------------*/
.hexagon {
  position: relative;
  width: 45px;
  height: 25.98px;
  background-color: #dc214c;
  margin: 12.99px 0;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 22.5px solid transparent;
  border-right: 22.5px solid transparent;
}

.hexagon:before {
  bottom: 100%;
  border-bottom: 12.99px solid #dc214c;
}

.hexagon:after {
  top: 100%;
  width: 0;
  border-top: 12.99px solid #dc214c;
}


.flexbox {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.flexbox .col {
  flex: 1;
}
/*-----------------------------------*/
.cl-effect-11 a {
	padding: 10px 0;
/*	border-top: 2px solid #0972b4;
	color: #0972b4;*/
	text-shadow: none;
}

.cl-effect-11 a::before {
	position: absolute;
	top: 0;
	left: auto;
	right:44px;
	overflow: hidden;
	padding: 10px 0;
	max-width: 0;
	border-bottom: 2px solid #fff;
	/*color: #fff;*/
	color: transparent;
	content: attr(data-hover);
	-webkit-transition: max-width 0.5s;
	-moz-transition: max-width 0.5s;
	transition: max-width 0.5s;
   white-space: nowrap;
}

.cl-effect-11 a:hover::before,
.cl-effect-11 a:focus::before ,
.cl-effect-11.active a:before ,
.cl-effect-11.open a:before {
	max-width: 100%;
}

/*---------------------------------------------------------
hexaplogin
----------*/
.hexa{
   background: transparent url("../images/ploygon.svg") no-repeat scroll center center;
   transition: all 1s;
   width: 200px;
   height: 65px;
   line-height: 65px;

}
.hexa:hover{
   transform: scale(1.5) scale(1);
}

.services .btn-primary:hover,
.services .btn-primary:active {
 color: #fff;
}
.services .btn-primary:after {
	background: #dc214c;
}

.contact  .btn-primary:hover,
.contact  .btn-primary:active {
 color: #fff;
}
.contact  .btn-primary:after {
	background: #dc214c;
}

.service-wrap .img-wrap img{
   transition: 0.1s;
}

#why-magnto-slider .item img{
    display: block;
    width: 100%;
    height: auto;
}
#why-magnto-slider .owl-prev,
#why-magnto-slider .owl-next{
   position: absolute;
   top: 50%;
   width: 40px;
   height: 40px;
   line-height: 1.3;
   margin-top: -20px;
   color: #F0F0F0;
   background-color: #ed254e;
   border-radius: 10px;
   font-size: 25px;
   text-align: center;
   opacity: 1;
}
#why-magnto-slider .owl-prev{
   left: 0;
}
#why-magnto-slider .owl-next{
   right: 0;
}
#why-magnto-slider .owl-prev:hover,
#why-magnto-slider .owl-next:hover{
   color: #ed254e;
   background-color: #F0F0F0 ;
}

/*animmated bg*/
.cover-bg{
   background-color: rgb(220,33,76);
   width: 100%;
   height: 100%;
   position: absolute;
   left: -123px;
}
.cover-bg .cover-bg-item{
   position: absolute;
   overflow: hidden;
   transition: 0.15s;
}
.cover-bg .cover-bg-item.m-host{
   left: 415px;
   top: 514px;
   width: 67px;
   height: 67px;
}
.cover-bg .cover-bg-item.poly_2_down{
   left: 505px;
   top: 491px;
}
.cover-bg .cover-bg-item.poly_3_down{
   left: 187px;
   top: 428px;
}

.cover-bg .cover-bg-item.poly_2_mid{
   top: 227px;
  left: 140px;
}
.cover-bg .cover-bg-item.poly_3_mid{
    left: 416px;
    top: 265px;
}

.cover-bg .cover-bg-item.poly_1{
   left: 528px;
   top: 85px;
}

.cover-bg .cover-bg-item.poly{
   left: 40%;
   top: 40%;
}
.cover-bg .cover-bg-item.caret_bg{
   width: 92px;
   height: 77px;
   left: 500px;
   top: 229px;
}


.cover-bg .cover-bg-item.brush{
top: -61px;
left: 333px;

}
.cover-bg .cover-bg-item.brush-sm{
   left: 446px;
   top: 355px;
}
.cover-bg .cover-bg-item.chemistry{
   left: 249px;
   top: 49px;
}
.cover-bg .cover-bg-item.chemistry-sm{
   width: 94px;
   height: 118px;
   top:440px;
   left: 237px;

}


.btn-checkbox{
   font-size: 16px;
   padding: 0;
   float: none;
   display: inline;
}
.btn-checkbox.active:hover,
.btn-checkbox.active:focus,
.btn-checkbox.active:active,
.btn-checkbox:active,
.btn-checkbox.active{
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   outline: none;
   padding: 0;
}


.btn-checkbox:before{
    content: "";
    width: 25px;
    height: 25px;
    border: 1px solid #CCC;
    background-color: #fff;
    border-radius: 3px;
    display: inline-block;
    margin-left: 9px;
    margin-bottom: -8px;
    color: #DC214C;
}
.btn-checkbox.active:before{
   font-family: FontAwesome;
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   content: "\f00c";
   padding-top: 2px;
}
.required-input{
   font-size: 6px;
   color: #F00;
   position: relative;
   bottom: 11px;
}



.success-state:hover,
.success-state{
   background: #5ec442;
}
.error-state:hover,
.error-state{
   background: #ff3333;
}
.success-state:after,
.error-state:after{
   display: none;
}


@media (max-width: 1199px) {
   .navbar-brand, .navbar-nav > li > a {
       padding: 10px;
   }
   .cl-effect-11 a::before {
      right: 10px;
   }

}

@media (max-width: 991px) {
	  .about-us .matger-features-wrap {
    	padding-top: 21px;
	  }
      .below-footer:hover .neoxero-wrap {
         width: 100%;
      }
	  .below-footer:hover .neoxero-wrap figure img {
		right: 50%;
		margin-right: -106px;
		}
      .below-footer .neoxero-wrap-hover {
         position: static;
         width: 100%;
         height: auto;
      }
      .below-footer:hover .neoxero-wrap-hover {
         width: 100%
      }
      .below-footer{
         height: auto;
      }
      .below-footer .neoxero-project-item{
         display: flex;
      }
      .below-footer .neoxero-wrap figure {
       padding: 28px 0;
      }
      .below-footer .neoxero-wrap-hover .projects-title {
         line-height: 36px;
      }
	  .top-footer .footer-copy-right{
		text-align: center;
		float:  none !important;
	  }
	  .top-footer nav{
       text-align: center;
       float:  none !important;

	  }
	  .footer-menu {
		padding-top: 34px;
	  }
	  .footer-menu li a, .footer-menu li a:hover {
		line-height: 1.5;
	  }

}

@media (max-width: 767px) {
   .home .logo-wrap{
      text-align: center;
   }
   #navbar ul.navbar-nav li a{
      padding-right: 57px;
   }
   #navbar ul.navbar-nav li a:before{
      right:  57px;
   }
   .primary-paragraph {
      font-size: 21px;
   }
   .secondary-paragraph {
      font-size: 16px;
      padding: 0 !important;
   }
   .secondary-head {
      font-size: 17px;
   }
   .primary-head {
       font-size: 24px;
   }

  .footer-menu li + li a {
       padding-right: 2px;
   }


   .below-footer .neoxero-wrap figure {
       padding: 28px 0;
   }
   .below-footer .neoxero-wrap-hover .projects-title {
     font-size: 12px;
   }
   .below-footer .neoxero-project-item {
    height: 90px;
   }

   .polygon.close {
       top: -5px;
       left: -7px;
   }
   .xs-font-10{
      font-size: 10px;
   }


}






/*-------------FIXes****************/
.mainh1 {

	font-size:2em;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff !important;
}
b, strong {
    font-weight: normal;
    font-family: "neoSansW23-medium";
}



/*-------bareq banner-------*/
.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{
    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;

}

.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: 767px) {
	.banner-close {
		left: 0px;
    }
}
@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----*/
/*aside.bareq-banner,
#tawkchat-iframe-container{
  display: none !important;
}
body{
    padding-bottom: 317px;
  }*/

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

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

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

  background-color: 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: 0;
  right: 0;
  left: 0;
  z-index: 55;

  -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-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----*/


/* ----- Blog Page ----- */

.blog-header {
   background: rgb(50,29,64),url(../images/blogHeader.jpg);
   background: -moz-linear-gradient(90deg, rgba(50,29,64,1) 0%, rgba(50,29,64,0.6726891440169818) 100%),url(../images/blogHeader.jpg);
   background: -webkit-linear-gradient(90deg, rgba(50,29,64,1) 0%, rgba(50,29,64,0.6726891440169818) 100%),url(../images/blogHeader.jpg);
   background: linear-gradient(90deg, rgba(50,29,64,1) 0%, rgba(50,29,64,0.6726891440169818) 100%),url(../images/blogHeader.jpg);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#321d40",endColorstr="#321d40",GradientType=1);
   background-attachment: fixed;
   background-size: cover;
   background-repeat: no-repeat;
   min-height: 200px; 
}
.blog-header h1 {
   color: #fff;
   font-size: 5.7rem;
   line-height: 1.2;
   font-family: "neoSansW23-medium";
   padding: 50px 0;
}
.blog-body {
   padding: 50px 0;
}
.blog-body .post-list .featured-image {
   padding: 25px 5px;
}
.blog-body .post-list .featured-image img {
   max-width: 85%;
   max-height: 180px;
}
.blog-body .post-list .post-summary {
   padding: 0 0 25px;
}
.blog-body .post-list .info{
   color: #444;
   font-size: 10px;
   display: block;
   letter-spacing: 2px;
}
.blog-body .post-list .excerpt {
   font-size: 20px;
   line-height: 1.5;

}
.blog-body .pagination li a {
   border-radius: 0;
   color: #DC214C;
}
.blog-body .pagination li.active a {
   border-radius: 0;
   color: #fff;
   background: #DC214C;
   border-color: #DC214C
}
.blog-body .post-list .post,
.blog-body .category-list {
   background: #f7f7f7;
   margin: 20px 10px;
}
.blog-body .category-list {
   padding-top: 15px;
   padding-bottom: 15px;
}
.blog-body .category-list h4,
.aside .post-list h4 {
   padding: 10px 0;
   border-bottom: 1px solid #d7cfcf;
   position: relative;
}
.blog-body .category-list h4::after,
.aside .post-list h4::after {
   content: '';
   width: 25%;
   position: absolute;
   bottom: -1px;
   background: #DC214C;
   height: 2px;
   right: 0;
}
.blog-body .category-list .category {
   padding: 10px 0;
   border-bottom: 1px solid #d7cfcf;
}
.blog-body .category-list .category .badge {
   float: left;
}
.post-body {
   padding: 50px 0;
   margin: 0;
}

.post-body .post .featured-image {
   margin: 20px 10px;
   padding: 20px;
}
.post-body .post .featured-image img {
   max-width: 100%;
   max-height: 425px;
}
.post-body .post {
   padding: 0;
}
.post-body .post .content {
   background: #f7f7f7;
   margin: 20px 0px;
   padding: 10px;
}
.post-body .post .content .info{
   color: #444;
   font-size: 10px;
   display: block;
   letter-spacing: 2px;
}
.post-body .post .content blockquote{
   padding: 50px;
   border-right: none;
   font-weight: 800;
   font-style: italic;
   position: relative;
}
.post-body .post .content blockquote::before {
   top: 0px;
   left: 0;
   content: "\f10d";
}
.post-body .post .content blockquote::after {
   bottom: 0px;
   right: 0;
   content: "\f10e";
}
.post-body .post .content blockquote::after, .post-body .post .content blockquote::before {
   position: absolute;
   color: #777474;
   font-size: 50px;
   line-height: 1;
   z-index: 0;
   font-family: FontAwesome;
   transition: .2s ease-in;
}
.post-body .post .content blockquote:hover::after, .post-body .post .content blockquote:hover::before {
   color: #DC214C;
   transition: color 0.5s ease-out;
}
.post-body .post .content >p {
   text-align: justify;
}
.post-body .post .content >p:first-of-type {
   text-align: justify;
   font-weight: 600;
}
.post-body .post .content ol li,
.post-body .post .content ul li {
   font-size: 18px;
   line-height: 2;
}
.post-body .aside {
   background: #f7f7f7;
   padding: 0 50px 20px;
}
.post-body .aside .post-list .post {
   background: #fff;
   margin: 5px auto;
   padding: 0 10px
}

.post-body .aside .post-list .post .featured-image {
   padding: 15px 0;
   margin: 0
}
.post-body .aside .post-list .post .featured-image img {
   max-width: 100%;
   max-height: 120px;
}

.post-body .aside .post-list .post .info{
   color: #444;
   font-size: 10px;
   display: block;
}
.post-body .aside .post-list .post .excerpt,
.post-body .aside .post-list .post .btn {
   display: none;
}
@media screen and (max-width: 991px) {
   .post-body .aside .post-list .post .post-summary {
      padding: 25px 0;
   }
   .post-body .aside .post-list .post .excerpt,
   .post-body .aside .post-list .post .btn {
      display: unset;
   }
}
.contact .btn-primary.success,
 .contact .btn-primary.success:focus,
  .contact .btn-primary.success:active,
   .contact .btn-primary.success:hover {
   background: #3c763d !important;
   border-color: #3c763d #3c763d #3c763d !important;
   cursor: not-allowed;
 }
 .contact .btn-primary.success::after,
 .contact .btn-primary.success:focus::after,
  .contact .btn-primary.success:active::after,
   .contact .btn-primary.success:hover::after {
      background: #3c763d !important;
   }
 .contact .btn-primary.error,
 .contact .btn-primary.error:focus,
 .contact .btn-primary.error:active,
 .contact .btn-primary.error:hover {
   background: #a94442 !important;
   border-color: #a94442 #a94442 #a94442 !important;
 }
 .contact .btn-primary.error:after,
 .contact .btn-primary.error:focus:after,
 .contact .btn-primary.error:active:after,
 .contact .btn-primary.error:hover:after {
   background: #a94442 !important;
 }