@font-face {
  font-family: 'NeoSansArabic';
  src: url('../fonts/NeoSansArabic.eot') format('embedded-opentype');
  src: url('../fonts/NeoSansArabic.woff') format('woff'), 
  url('../fonts/NeoSansArabic.ttf') format('truetype'), 
  url('../fonts/NeoSansArabic.svg#NeoSansArabic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NeoSansArabic_Light';
  src: url('../fonts/NeoSansArabic-Light.eot') format('embedded-opentype');
  src: url('../fonts/NeoSansArabic-Light.woff') format('woff'), 
  url('../fonts/NeoSansArabic-Light.ttf') format('truetype'), 
  url('../fonts/NeoSansArabic-Light.svg#NeoSansArabic-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NeoSans_medium';
  src: url('../fonts/NeoSans-medium.eot') format('embedded-opentype');
  src: url('../fonts/NeoSans-medium.woff') format('woff'), 
  url('../fonts/NeoSans-medium.ttf') format('truetype'), 
  url('../fonts/NeoSans-medium.svg#NeoSans-medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NeoSans_regular';
  src: url('../fonts/NeoSans-regular.eot') format('embedded-opentype');
  src: url('../fonts/NeoSans-regular.woff') format('woff'), 
  url('../fonts/NeoSans-regular.ttf') format('truetype'), 
  url('../fonts/NeoSans-regular.svg#NeoSans-regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*
 * Override Bootstrap's default container.
 */

@media (min-width: 1200px) {
 /* .container {
    width: 1130px;
  }*/
}
*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

body,html{
  margin: 0px !important;
  padding: 0px !important;
  background-color: #fff;
  font-family: 'NeoSansArabic';
  font-size: 16px;
  color: #0c1125;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale

}
body{
  overflow-x: hidden;
}
a,a:hover,a:focus,a:active{
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6 , p , a , button{
  font-family: 'NeoSansArabic';
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}

/* style */

.header_section{
  background-image: url(../images/header-img.jpg);
  background-color: #292c34;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: overlay


}
.header_top{
  padding-top: 20px;
  padding-bottom: 20px;
  background: #1a2a6c;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #682264, #32144A, #713578);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #682264, #32144A, #713578); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.header_top .links_list{
  /* margin-top: 10px; */
}
.header_top .links_list ul{
  margin-bottom: 0px;
}
.header_top .links_list ul li{
  display: inline-block;
  /*margin-right: 5px;*/
  /*margin-left: 5px;*/
}
.header_top .links_list ul li a{
  display: block;
  color:#fff;
  padding: 15px;
  font-size: 16px;
  font-family: 'NeoSansArabic_Light';
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -ms-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
}
.header_top .links_list ul li a:hover{
  /* color:rgba(255,255,255,.4); */
  color:#682264;
}
.header_top .logo{
  text-align: left;
}
.header_main_content{
  padding-top: 50px;
  padding-bottom: 45px;
}
.header_main_content .header_info{
  max-width: 90%;
  padding-top: 20px;
}
.header_main_content .header_info .subtitle{
  font-size: 18px;
  color:rgba(255,255,255,1);
  font-family: 'NeoSans_regular';
}
.header_main_content .header_info .title{
  font-size: 26px;
  color:#fff;
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 30px;
}
.header_main_content .header_info .title:after{
  content:"";
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 30%;
  border:1px solid #fff;
}
.header_main_content .header_info .details{
  text-align: justify;
  color:rgba(255,255,255,1);
  line-height: 24px;
  margin-bottom: 30px;
}
.header_main_content .header_info .store_links a{
  display: inline-block;
  margin-left: 5px;
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -ms-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
  border-radius: 10px;
}
.header_main_content .header_info .store_links a:hover{
  -webkit-box-shadow:0 1px 8px 2px rgba(255,255,255,.4);
  box-shadow:0 1px 8px 2px rgba(255,255,255,.4);
}
.header_main_content .header_info .store_links a img{
  display: block;
}

/***** features section *****/
.features_section{
  padding-top: 50px;
  padding-bottom: 50px;
}
.features_section .section_title{
  text-align: center;
  margin-bottom: 45px;
}
.features_section .section_title .sub{
  font-size: 16px;
  color:#682264;
  font-family: 'NeoSans_medium';
}
.features_section .section_title .title{
  font-size: 36px;
  font-family: 'NeoSans_regular';
  color:#171a2b;
  margin-top: 10px;
}
.features_section .features_wrap .feature{
  text-align: center;
}
.m_icon{
  display: inline-block;
  width: 35px;
  height: 35px;
  position: relative;
  background-repeat: no-repeat;
  /*background-position: center center;*/
  background-image: url('../images/features_icons.png');
  vertical-align: middle;
  z-index: 1
}
.m_icon.m_star_ic{
  background-position: 0 0;
}
.m_icon.m_phone_ic{
  background-position: -35px 0;
}
.m_icon.m_keyboard_ic{
  background-position: -70px 0;
}
.features_section .features_wrap .feature .img{
  border:1px solid #682264;
  /*padding: 10px 13px;*/
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  width: 62px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  position: relative;
  z-index: 0;
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -ms-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
}
.features_section .features_wrap .feature:hover .img{background-color: #682264;}
.features_section .features_wrap .feature:hover .m_icon.m_star_ic{background-position: 0 -35px;}
.features_section .features_wrap .feature:hover .m_icon.m_phone_ic{background-position: -35px -35px;}
.features_section .features_wrap .feature:hover .m_icon.m_keyboard_ic{background-position: -70px -35px;}
.features_section .features_wrap .feature> h3{
  color:#0c1125;
}
.features_section .features_wrap .feature> p{
  padding-right: 10px;
  padding-left: 10px;
  color:#0c1125;
  text-align: center;
}

/**** contact section *****/
.contact_section{
  padding-top: 50px;
  padding-bottom: 40px;
}
.contact_section .contact_info_wrap .contact_info_title{
  padding-bottom: 25px;
  background-image: url('../images/contact_info_bg.png');
  background-repeat: no-repeat;
  /* background-position: -50px -4px; */
  background-position: center center;
  margin-left: -30px;
  margin-bottom: 40px;
}
.contact_section .contact_info_wrap .info{
  text-align: center;
}
.contact_section .contact_info_wrap .info .img{
  margin-bottom: 20px;
}
.contact_section .contact_info_wrap .info .img i{
  font-size: 32px;
  color:#682264;
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -ms-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
}
.contact_section .contact_info_wrap .info:hover .img i{
  color:#682264;
}
.contact_section .contact_info_wrap .info .title{
  color:#000;
  font-family: 'NeoSans_medium';
  margin-bottom: 20px;

}
.contact_section .contact_form_wrap{
  border:1px solid #ebebeb;
  padding: 20px;
  background-color: #fff;
  margin-bottom: -60px;
}
.contact_section .contact_form_wrap .title{
  margin-top: 0px;
  color:#000;
  margin-bottom: 25px;
  /*font-size: 20px;*/
  /*font-family: 'NeoSans_medium';*/
}
.contact_section .contact_form_wrap .textarea_icon,
.contact_section .contact_form_wrap .input_icon{
  position: relative;
  margin-bottom: 15px;
}
.contact_section .contact_form_wrap .textarea_icon textarea,
.contact_section .contact_form_wrap .input_icon input{
  border-radius: 0px;
  border:0;
  border-bottom: 1px solid #ebebeb;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-right:30px;
  color:#000000;
}
.contact_section .contact_form_wrap .textarea_icon textarea{
  height: 75px;
  resize:none;
}
.contact_section .contact_form_wrap .textarea_icon i,
.contact_section .contact_form_wrap .input_icon i{
  position: absolute;
  top:17px;
  right: 0px;
  line-height: 34px;
  margin-top: -17px;
  color:#682264;
}
.contact_section .contact_form_wrap .btn_container{
  padding-top: 15px;
  padding-bottom: 15px;
}
.contact_section .contact_form_wrap .btn_container button{
  background-color: #682264;
  color:#fff;
  height: 40px;
  min-width: 40%;
  box-shadow: none;
  border:1px solid #682264;
  outline: none;
  border-radius:0;
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -ms-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
}
.contact_section .contact_form_wrap .btn_container button:hover{
  background-color: transparent;
  color:#682264;
}

/***** footer *****/
.footer_section{
  background-color: #1a1919;
  /*height: 60px;*/
  color:#fff;
  font-size: 12px;
  font-family: 'NeoSansArabic_Light';
  line-height: 60px;
}
.footer_section .copy_right{
  margin-bottom: 0
}
.footer_section .copy_right span{
  color: #E0AC34;
}

.gradientBg{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,0.04+40,0.2+71,0.4+100 */
background: -moz-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.04) 40%, rgba(0,0,0,0.2) 71%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.04) 40%,rgba(0,0,0,0.2) 71%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.04) 40%,rgba(0,0,0,0.2) 71%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}