@import url(https://fonts.googleapis.com/css?family=Varela+Round);

html{font-size: 62.5%;overflow-x:hidden;}

body {
    direction: rtl;
    font-size:16px;font-size:1.6rem;
    color:#6a6a6a;
    font-family: 'Varela Round', sans-serif;
    background:url(../images/bg.jpg) no-repeat center top;
    background-size:276% auto;
    background-color: #c8c3b0;
}

img {max-width: 100%;}

a {color: #883f98;text-decoration: none;}
a:hover, a:focus {color: #883f98;text-decoration: none;}

.logo {width:289px;margin:20px auto;}

h1{font-size:18px;font-size:1.8rem;color:#883f98;font-weight:normal;margin-bottom:30px;}
#main p{margin-bottom:20px;}
.icons{padding-bottom:100px;}
.icons li{
    height:79px;
    margin-bottom:15px;
    padding-right:100px;
    padding-top:10px;
    position:relative;
    color:#883f98;
    font-size:17px;font-size:1.7rem;
}
.phone{font-size:18px;font-size:1.8rem;}
.icons li:before{
    height:79px;
    width:79px;
    background:url(../images/icons.png) no-repeat -10px -10px;
    content:'';
    position:absolute;
    top:0;
    right:0;
}

.icons li.icon2:before{background:url(../images/icons.png) no-repeat -10px -140px;}
.icons li.icon3:before{background:url(../images/icons.png) no-repeat -10px -270px;}
.icons li.icon2{padding-top:25px;}

footer{background:url(../images/footer.png) no-repeat center top;height:146px;position:fixed;bottom:0;left:0;width:100%;}

@media (min-width: 768px) {
    body{font-size:18px;font-size:1.8rem;background-size:150% auto;}
    h1{font-size:24px;font-size:2.4rem;}
    .icons{zoom:0.8;}
    .icons li{font-size:20px;font-size:2rem;}
    .phone{font-size:26px;font-size:2.6rem;}
}
@media (min-width: 992px) {
    body{background-size:150% auto;}
    .icons{zoom:1;}
}
@media (min-width: 1200px) {
    body{background-size:100% auto;}
    .logo {margin:20px auto;}
}
@media (min-width: 1400px) {
    .logo {margin:40px auto;}
}


/* acc css */
.transition{-webkit-transition: all ease-out 0.3s;-moz-transition: all ease-out 0.3s;transition: all ease-out 0.3s;}
.transitionSlow{-webkit-transition: all ease-out 0.5s;-moz-transition: all ease-out 0.5s;transition: all ease-out 0.5s;}

#header-acc-wrapper{position:relative;}
#header-acc{
    position:absolute;
    top: 0;
    right:-250px;
    width:250px;
    z-index:100;
	border: solid 1px #883f98;
	background-color:White;
}
#header-acc.active{right:0;}
@media (min-width: 768px) {
    #header-acc{top: 50px;}
}
.acc-btn{
    display:block;
    width: 100px;
    color: #883f98;
    padding:7px 10px;
    font-weight: 700;
    position:absolute;
    top: -1px;
    left:-100px;
	border-top: solid 1px #883f98;
	border-left: solid 1px #883f98;
	border-bottom: solid 1px #883f98;
	background-color:#ffffff;
    text-align: center;
}
.acc-btn:hover,.acc-btn:focus{color: #883f98;}
#header-acc-inner{width:250px;min-height:200px;padding:20px 20px 0 20px;}
#header-acc-inner .fa {color: #883f98;font-size: 18px;font-size:1.8rem;vertical-align:middle;}
#header-acc-inner a{color:#696868;}
#header-acc-inner #incfont {font-size: 20px;}
#header-acc-inner div {margin-bottom: 20px;}
#acc-contrast-text {display:none;}
#acc-contrast-low-text {display:none;}

.page-inverted body,
.page-inverted footer,
.page-inverted header,
.page-inverted #header-acc,
.page-inverted .acc-btn
{ background: black !important; opacity: 1 !important; }

.page-inverted .fa {color: white !important;}

.invertedHightLightYellow {color: yellow !important;}
.invertedHightLight {color: white !important;}
.underline {text-decoration: underline !important;}

.page-inverted-low body,
.page-inverted-low header,
.page-inverted-low #header-acc,
.page-inverted-low .acc-btn
{background-color:white !important;}
.page-inverted-low .acc-btn,
.page-inverted-low #header-acc-inner {border:solid 1px black;}
.page-inverted-low #acc-contrast-low-text {display:inline;}
.page-inverted #acc-contrast-text {display:inline;}
.page-inverted-low .fa {color: blue !important;}
.invertedLowBlue {color: Blue !important;}
.invertedLow {color: Black !important;}
.page-inverted-low img{-webkit-filter: grayscale(100%);filter: gray;filter: grayscale(100%);}
/* acc css */