/*
  Theme Name: Sapona - One Page Responsive Corporate Template
  Theme URL: http://themewar.com/html/saponaLanding
  Author: ThemeWar
  Author URI: http://themewar.com
  Description: One Page Responsive Corporate Template
  Version: 1.0.0
*/

/*=======================================================================
[Table of contents]
=========================================================================
1. Fonts
2. Normalization
3. Section setup
4. Margin and padding setup
==========================================================================*/

/*=======================================================================
// Fonts
=========================================================================*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,700);
@font-face {
  font-family: 'NautilusPompilius';
  src: url('../fonts/NautilusPompilius.eot?#iefix') format('embedded-opentype'),  
      url('../fonts/NautilusPompilius.otf')  format('opentype'),
        url('../fonts/NautilusPompilius.woff') format('woff'), 
        url('../fonts/NautilusPompilius.ttf')  format('truetype'), 
        url('../fonts/NautilusPompilius.svg#NautilusPompilius') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*=======================================================================
// Normalization
=========================================================================*/
body, html{
    color: #979797;
    margin: 0;
    padding: 0;
    line-height: 28px;
    font-size: 14px;
font-family: 'dinar';    background: #FFF;
}
a{
    color: #979797;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
a:hover{
    text-decoration: none;
    color: #b5967f;
}
a:focus{
    text-decoration: none;
    outline: 0;
    color: inherit;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
    line-height: .75;
}
ul,ol{
    margin: 0;
    padding: 0;
    list-style: none;
}
p{
    margin: 0;
}
img{
    width: 100%;
    height: auto;
}
/*=======================================================================
// Section Setup
=========================================================================*/
.comonSection{
    position: relative;
    background: #FFF;
    padding: 100px 0;
}
.sectionTitle{
    position: relative;
    margin: 0 0 30px;
    color: #434343;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
    line-height: 18px;
    padding-bottom: 35px;
}
.white{
    color: #FFF;
}
.sectionTitle:after{
    width: 30px;
    height: 1px;
    background: #434343;
    content: "";
    position: absolute;
    left: 1px;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.sectionTitle.white:after{
    background: #FFF;
}
.sectionTitle:before{
    width: 30px;
    height: 2px;
    background: #434343;
    content: "";
    position: absolute;
    left: 1px;
    right: 0;
    bottom: 3px;
    margin: 0 auto;
}
.sectionTitle.white:before{
    background: #FFF;
}
.subTitle{
    font-size: 25px;
    line-height: 35px;
    margin: -8px auto 54px;
     text-align: justify;
	 direction: rtl;
	 
}

/*=======================================================================
// Margin and padding Setup
=========================================================================*/
.noMarginBottom{
    margin-bottom: 0px !important;
}
.noMarginRight{
    margin-right: 0 !important;
}