/* Reset */
@import url('font-awesome.css');
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
@font-face {
    font-family: "Yekan";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/Yekan.ttf"), url("fonts/Yekan.woff") format("woff"), url("fonts/Yekan.ttf") format("truetype"), url("Yekan.svg") format("svg");
}
@font-face {
    font-family: "iran_sans";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/iran_sans.ttf"), url("fonts/iran_sans.woff") format("woff"), url("fonts/iran_sans.ttf") format("truetype"), url("bhoma.svg") format("svg");
}
@font-face {
font-family: Yekan;
src: url('fonts/Yekan.ttf');
 font-size:12pt;
font-weight:normal;
}
@font-face {
font-family: B Koodak;
src: url('fonts/B Koodak.ttf');
 font-size:12pt;
font-weight:normal;}
body{
margin:0;
padding:0;
background: #fff;
font-family: Helvetica Neue, Helvetica, Arial;
color: #ffffff;
}

.logo{
margin: 0 auto;
margin-top:100px;
text-align: center;

}

.title h2{


color: #222;
text-align: center;
position:relative;

font:normal 30px arial;
}

.title h1{
font:normal 29px iran_sans;
text-align: center;
margin: 0 auto;
padding-top:2%;
color:#666;
direction:rtl;
position:relative;

}
.mannequin { position:relative; background: url(../images/mannequin.png) no-repeat; right:70px; height:400px; width:180px; z-index:120; top:-100px;}

.tools{ background: url(../images/tools.png) no-repeat; width:100%; height:200px; position:relative; z-index:10; top:420px;  left:50px;}
.footer{
background:#24af88; bottom:0; right:0; left:0; position:fixed; z-index:100;}
h2{
font-weight: normal;
text-align: center;
display: block;
font:normal 19px b koodak;
}

h2 strong{
text-transform: uppercase;
font:normal 29px b koodak;
color:#222;
}


h2 span{
font-style: italic;
font-size: 30px;
}

p{
font-size: 19px;
text-align: center;
padding: 20px 140px 0;
line-height: 26px;
font-weight: 300;
}
.copyright{ margin:0 auto;
margin-top: 80px;
text-align:center; font:normal 9pt tahoma;
width:50%;
color:#444;

}

ul.social
{
    margin:0 auto;
margin-top: 40px;

margin-left: 42%;
}

ul.social li{
float: left;
margin-right: 40px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}

ul.social li a{
color: #fff;
text-decoration: none;
padding-right: 0px;
padding-bottom: 9px;
padding-top: 4px;
}
    ul.social li i { font-size:20px; padding-right:10px;
    }

ul.social li a:hover{
text-decoration: underline;
padding-top: 3px;
}

ul.social li a.fb{
background: url(../images/social.png) right -30px no-repeat;
}



ul.social li a.tw{
background: url(../images/social.png) right -90px no-repeat;
}

ul.social li a.google{
background: url(../images/social.png) right -150px no-repeat;
}



ul.social li a.skype{
background: url(../images/social.png) right -90px no-repeat;
}


.row:after {
    clear: both;
}

.col-xs-1, .col-xs-2 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1, .col-xs-2 {
    float: right;
}

.col-xs-1 {
    width: 54.33333%;
}

.col-xs-2 {
    width: 38.66667%;
}


@media (min-width: 980px)  and (max-width: 1280px)  {
    .container {
        max-width: 1170px;
    }
    .col-xs-1 {
    width: 50.33333%;
}

.col-xs-2 {
    width: 42.66667%;
}

    
}
 @media (min-width: 640px) and (max-width: 980px)  {  .container {
        max-width: 1170px;
    }
    .col-xs-1, .col-xs-2 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 35px;
    position: relative;
}
    .col-xs-1 {
    width: 100.33333%;
}

.col-xs-2 {
    width: 100.66667%;
}
.col-xs-2 h2{


color: #85c7ab;
text-align: center;
position:relative;
padding-top:2%;
font:normal 50px arial;
}

.col-xs-2 h3{
font:normal 26px b koodak;
text-align: center;
margin: 0 auto;
padding-top:2%;
color:#666;
direction:rtl;
position:relative;

}
.logo{
margin: 0 auto;

height:300px;
text-align: center;
background:url(../images/logoindex.jpg) top center no-repeat;

}
    
    }
         @media (min-width: 320px) and (max-width: 639px) 
         {
             .container {
        max-width: 1170px;
    }
    .col-xs-1, .col-xs-2 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 35px;
    position: relative;
}
    .col-xs-1 {
    width: 100.33333%;
}

.col-xs-2 {
    width: 100.66667%;
}
.col-xs-2 h2{


color: #85c7ab;
text-align: center;
position:relative;
padding-top:2%;
font:normal 50px arial;
}

.col-xs-2 h3{
font:normal 26px b koodak;
text-align: center;
margin: 0 auto;
padding-top:2%;
color:#666;
direction:rtl;
position:relative;

}
.logo{
margin: 0 auto;

height:300px;
text-align: center;
background:url(../images/logoindex.jpg) top center no-repeat;

}
             
             }