@import "font-awesome.min.css";

body
{
    background:#fff none repeat scroll 0 0;
font-family: rezaweb ;
    margin:0;
    text-align:justify;
    
}




@import "font-awesome.min.css";


#home-signweb {
    margin-top: -19%;
}
.page-support .wrap a{
    font-size: 18px;
    font-weight: 800;
    
}
.page-support{
    padding-top: 80px;
}
.product-box{

    border: 1px solid #eee;

    margin:5px;

    border-radius:5px 5px 0px 0px; 

    

        width: 22% !important;

    float: right;

}
#box-prooo .title {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    margin-top: 0;
   font-family: Roboto,sans-serif !important;
}
#box-prooo .box-content {
    background: #464646;
    text-align: center;
    padding: 11px 30px;
    transition: all 0.3s ease 0s;
    padding-bottom: 12%;
  
}
.tamas .telsignweb,
.faxsignweb,
.mobile
{
    font-size: 20px !important;
    letter-spacing: 6px;
}
.tamasfooter .telsignweb{
    font-size: 22px !important;
    letter-spacing: 5px;
}
#footer .span4{
    width: 350px
}
.titservies {
    /*! position: relative; */
    font-size: 35px;
    color: #242424;
    font-weight: 600;
    font-size: 2.0rem;
    text-align: center;
    color: 
    #111;

/*! line-height: 1; */

    font-weight: bold;
}
.titservies:before , .titservies:after{
content: "\\\\";
font-size: 36px;
margin-right: 20px;
display: inline-block;
vertical-align: top;
margin-top: 2px;
font-weight: 700;
font-family: "Times New Roman","Bitstream Charter",Times,serif;
color:
#86bb46;
padding-left: 1%;
}
#cornerpage{
position: relative;

margin-top: 341px;

height: 60px;
}
#cornerpage:before{
    left: 60px;
right: 0;
background-color: #fff;
border-top: 4px solid #e6e6e6;
        content: '';
position: absolute;
top: 0;
bottom: 0;
}




#cornerpage:after{
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 60px 60px 0 0;
border-color: rgba(0,0,0,0) #e6e6e6 rgba(0,0,0,0) rgba(0,0,0,0);
    content: '';
position: absolute;
top: 0;
bottom: 0;
}












body a
{
    text-decoration:none;
        color:#913a1f;
        
}

body a:hover{
      color:#f89406;
}

@font-face
{
    font-family:"rezaweb";
    src:url(../fonts/rezawe.eot?#) format("eot"),url(../fonts/rezawe.woff) format("woff"),url(../fonts/rezawe.ttf) format("truetype")
}

@font-face
{
    font-family:"fonticonn";
    src:url(../fonts/fonticonn.eot?#) format("eot"),url(../fonts/fonticonn.woff) format("woff"),url(../fonts/fonticonn.ttf) format("truetype")
}

@font-face
{
    font-family:"titrsite";
    src:url(../fonts/titrsite.ttf) format("truetype")
}

@font-face
{
    font-family:"iconsite";
    src:url(../fonts/iconsite.eot?#) format("eot"),url(../fonts/iconsite.woff) format("woff"),url(../fonts/iconsite.ttf) format("truetype")
}
@font-face
{
    font-family:"menuicon";
    src:url(../fonts/menuicon.eot?#) format("eot"),url(../fonts/menuicon.woff) format("woff"),url(../fonts/menuicon.ttf) format("truetype")
}
.slider .titrsite{
    background: orange;
    line-height: 85px !important;
    margin-bottom: 5% !important;
}

.slider .textsite{
    background: gray !important;
    line-height: 75px !important;
    margin-top: 10% !important;
    
}


.slider {
/*! margin-top: -20%; */
/*! background: #1a53b9; */
padding-top: 3%;
font-family: rezaweb !important;
}
.slider .rs-parallax-wrap{
    font-family: rezaweb!important;
}
.signtop
{
    font-size:1.6rem;
    text-align:center;
    color:#333;
    position:relative;
    line-height:30px;
    height:58px;
    background:url(../images/divider5.png) no-repeat bottom center
}

/***********************************************************************************

 *  - HEADER SITE GO

 ***********************************************************************************/
#top_header1 {
background-color: rgba(0,0,0,.2);
height: 45px;
}

#top_header1 .langbox{
    float: left;
   margin-top: 1%
}

#top_header1 .telbala{
  font-size: 19px;
color: #fff;
float: right;
letter-spacing: 4px;
}
#top_header1 .telbala:before{
    color: #e4792a;
content: "\e904";
float: left;
font-family: "iconsignweb";
font-size: 25px;
    padding-right: 5px

}


.top_header2 .samtrast{
width: 14%;
position: relative;
z-index: 25;
margin-top: 4%;
float: left;

margin-right: 0%;
}
.boxlogo
{
    cursor:pointer;
    position: relative;
padding: 0px 0px;
text-align: center;
margin-top: -21%;
  /*! box-shadow: 0 1em 1em -1em rgba(0, 0, 0, .25); */
    /*! margin-right: 0%; */
}




header
{
position: relative;
top: 0;
width: 100%;
z-index: 999999999999999;

    
}



.top_header2 {
height: 81px;
width: 100%;
z-index: 1700;
/*! background-color: #fff; */
    /*! box-shadow: 0 1em 1em -1em rgba(0, 0, 0, .25); */
margin-top: 1%;
}
.navshadow{
background: url(../images/navshadows.png) center center no-repeat;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 89%;
height: 84px;
z-index: 1;
opacity: .7;
}


    /***********************************************************************************

 *  - NAVIGATION GO

 ***********************************************************************************/

#navigation
{
position: relative;
z-index: 2;
margin-right: -11%;
height: 40px;
margin-top: 3%;
float: right;

width: 70%;
/*! background: red; */
/*! padding-left: 0%; */
}

.togMenu
{
    
    cursor:pointer;
    display:none;
    
    font-size:40px;
  cursor: pointer;
  padding: 30px 35px 16px 0px;
    
  position: absolute;
}
.togMenu span,
.togMenu span:before,
.togMenu span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 30px;
  background: #69cb3a;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}
.togMenu span:before {
  top: -10px;
}
.togMenu span:after {
  bottom: -10px;
}
.togMenu.active span {
  background-color: transparent;
}
.togMenu.active span:before, .togMenu.active span:after {
  top: 0;
}
.togMenu.active span:before {
  transform: rotate(45deg);
}
.togMenu.active span:after {
  transform: rotate(-45deg);
}


.remodal-close
{
color: #000;
cursor: pointer;
font-size: 18px;
line-height: 35px;
right: 91%;
}

#navigation ul.hmb
{
    margin:0
}

#navigation .nav-menu
{
    position:relative!important;
    margin-right:17%
}




.nav-menu.des
{
    position:relative
}

#navigation .nav-menu a:hover
{
    color:#FFC107;
}

#navigation ul > li
{
    float:right;
    line-height:40px;
    transition:all .35s ease-in 0
}



#navigation .menutesttttttttttttttttttttttt
{
    display:none
}



#navigation .nav-menu.des ul li:hover ul.sub-menu
{
    display:block;
    background:#04c;
    width:100%
}

.des .mmb {
    display: none;
}
.mmb {
position: absolute;

right: 105%;

top: 0;

z-index: 99;

color: #000;

margin-right: -80px;

padding: 17px 10px;

cursor: pointer;

transition: all 0.3s ease;

font-size: 18px;
}
.mmb.opened > i:before {
    content: "\f107";
}
.header li {
    display: block;
}
.togMenu
{
    
    cursor:pointer;
    display:none;
    
    font-size:40px;
  cursor: pointer;
  /*! padding: 30px 35px 16px 0px; */
    left: 48px;
  position: absolute;
  top: -28px;
    top: -68px;
}
.togMenu span,
.togMenu span:before,
.togMenu span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 30px;
  background: #e4792a;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}
.togMenu span:before {
  top: -10px;
}
.togMenu span:after {
  bottom: -10px;
}
.togMenu.active span {
  background-color: transparent;
}
.togMenu.active span:before, .togMenu.active span:after {
  top: 0;
}
.togMenu.active span:before {
  transform: rotate(45deg);
}
.togMenu.active span:after {
  transform: rotate(-45deg);
}


.remodal-close
{
color: #000;
cursor: pointer;
font-size: 18px;
line-height: 35px;
right: 91%;
}

#navigation ul.hmb
{
    margin:0
}

#navigation .nav-menu
{
    position:relative!important;
    margin-right:17%
}

#navigation .nav-menu
{
    position:relative!important;
    
}

#navigation .nav-menu a {
  position: relative;
  display: block;
  
  padding:15px;
  text-transform: uppercase;
  overflow: hidden;
     color: #fff;
    font-size: 16px;
    font-weight: bold;
  
}

#navigation .nav-menu a:before{

content: "";
width: 0;
height: 3px;
background: #FFC107;
position: absolute;
bottom: 16px;
left: auto;
right: 14px;
transition: all 0.2s linear;
}
#navigation .nav-menu a:after{
    /*! content: ""; */
position: absolute;
height: 20px;
width: 2px;
right: 0px;
top: 50%;
transform: translateX(0%) translateY(-50%);
-moz-transform: translateX(0%) translateY(-50%);
-ms-transform: translateX(0%) translateY(-50%);
-o-transform: translateX(0%) translateY(-50%);
transform: translateX(0%) translateY(-50%);
background-color: #ddd;
display: inline-block;
}
#navigation .sub-menu a:after{
    display: none;
}

#navigation .nav-menu a:hover:before{
     width: 100%;
}
#navigation .nav-menu a:hover:before{
     width: 40px;
opacity: 1;
}

#navigation li:hover > ul
{
    display:block;
    -moz-animation:zoomIn .5s ease-in;
        -webkit-animation:zoomIn .5s ease-in;
    animation:zoomIn .5s ease-in;

}



.nav-menu.des
{
    position:relative
}


#navigation ul > li
{
    float:right;
    line-height:40px;
    transition:all .35s ease-in 0
}

#navigation .sub-menu li a
{
display: block;
font-size: 15px;
font-weight: 700;
padding: 3px 15px;
transition: all 0.3s ease 0s;
}

#navigation .sub-menu li a:hover:before{
    content: none;
}

#navigation .sub-menu li:hover{
    background: #e4792a;
    color: #fff;
   
}
#navigation .sub-menu li a:hover{
    color: #fff;
    padding-right:35px;
}


#navigation .nav-menu ul li ul.sub-menu
{

/*! padding: 0px 25px; */
    top:66px;
    width:220px !important;
    margin-right:1px;
    position:absolute;
    display:none;
    z-index:70000;
background: #000 !important;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
#navigation .sub-menu li:before{
    position: absolute;
font-family: "menuicon";
right: 10px;
top: 13px;
font-size: 14px;
color: #fff;
line-height: 24px;
content: "\e900";
z-index: 6;
opacity: 0;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
#navigation .sub-menu li:hover:before{
    opacity: 1;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
#navigation .nav-menu ul li ul.sub-menu li
{
/*! border-top: 1px solid #f2f2f2; */
/*! border-bottom: 1px solid #f2f2f2; */
padding: 0;
position: relative;
width: 100%;
}

#navigation .menutesttttttttttttttttttttttt
{
    display:none
}

.col-sm-6 .telegramahan
{
    display:none
}

#navigation .nav-menu.des ul li:hover ul.sub-menu
{
    display:block;
    background:#04c;
    width:100%
}



@media only screen and (max-width: 767px) {
    
    #table-site{
        width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    }
    #table-site td{
        padding: 0px;
    }
     #navigation .remodal-close:before {
  content: "x";
         font-size: 27px;
        
 }

#navigation .remodal-close{
    display: none;
position: fixed;
top: 0;
left: 0;
z-index: 999999999;
}


    
    #samatchap
    {
        width:100%!important
    }
    
    #samatrast
    {
        width:90%!important;
        padding-right:2%
    }
    

    

    

    
    #navigation .togMenu
    {
        display:block
    }
    
    #navigation .nav-menu
    {


display: block;
position: absolute !important;
top: 60px;
width: 100%;
height: 100%;
margin: 0;
background: #fff;
z-index: 99999999;
right: -100%;
overflow-y: auto;
overflow-x: auto;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;

    }
    
      header{
    /*! position: relative; */
          /*! margin-bottom: -34%; */
  }
    

    
    #navigation{
margin-right: 0px !important;

width: 100%;
margin-top: 1%;
}
    #navigation .nav-menu.opened
    {
        right:0;
        transition:left .3s linear 0;
        height: auto;
        background: #ddd;
        /*! width: 100%; */
    }
    
    #navigation .nav-menu li
    {
        border-bottom:1px solid #eee;
        clear:both;
        width:100%;
        background: #e4792a;
    }
    
    #navigation .nav-menu ul li ul.sub-menu
    {
display: none;
margin: 0;
min-width: auto;
position: relative;
right: -15px;
top: auto;
width: 100% !important;
    }
    
    #navigation .nav-menu ul.sub-menu li
    {
        background:#fff none repeat scroll 0 0
    }
    
    .opened
    {
        display:block
    }


#navigation .togMenu {
    display: block;
}
#navigation .nav-menu {
    background: #eee none repeat scroll 0 0;
    height: 100%;
    overflow-y: auto;
    position: fixed;
    right: -100%;
    top: 0;
    transition: right 0.3s linear 0s;
    width: 100%;
    z-index: 3000;
}
#navigation .nav-menu.opened {
    right: 0;
    transition: left 0.3s linear 0s;
}
#navigation .nav-menu li {

    background: #FFF;

    clear: both;
    width: 100%;
}

    #navigation ul > li {
    position: relative;
}

#navigation .nav-menu ul li ul.sub-menu {
    display: none;
    margin: 0;
    min-width: auto;
    position: relative !important;
    right: -15px !important;
    top: auto !important;
}
#navigation .nav-menu ul.sub-menu li {
    background: #eee none repeat scroll 0 0;
}
.opened {
    display: block;
}

    #navigation .nav-menu a{
        display: block;
    }
    
    #navigation .sub-menu li a{
        display: block;
    }

}
    /***********************************************************************************

 *  - NAVIGATION END

 ***********************************************************************************/

/***********************************************************************************

 *  - DARBAREMA GO

 ***********************************************************************************/
#darbarema-home{


    background-repeat: repeat;
    background-attachment: scroll;
    background-size: auto;

position: relative;



padding: 90px 0px 90px;

background-attachment: fixed;

background-size: cover;

background-repeat: no-repeat;
}

#darbarema-home .box{
    width: 50%;
}
#darbarema-home .picdarbarema{
    box-shadow: 0 28px 16px -26px black;
    margin-bottom: 3%;
}

#darbarema-home .box{
    width: 50%;
    color: #000;
}
#darbarema-home h2{
    color: #000;
    text-align: center;
}
#darbarema-home span{
    font-size: 20px;
    line-height: 45px;
    
}
.btnsignweb{
    
     background-color: #343a40;
    font-size: 20px;
    color: #fff;
    
    padding: 13px 25px;
    
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.5s;
}
.btnsignweb:hover{
    color: #000;
    box-shadow: 0 0 20px -5px #000;
    background: #fff;
 
}
#home-signweb-pagetext #darbarema{
    -webkit-box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1), 0px 20px 10px -10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1), 0px 20px 10px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1), 0px 20px 10px -10px rgba(0, 0, 0, 0.2);
margin-bottom: 1%;
position: relative;
margin-top: 6%;
    background: none;
}
#home-signweb-pagetext #darbarema .pic1{
    box-shadow: none !important;
}

#darbarema{
    padding:5% 5%;
/*! background:url(../images/about-bg.jpg)no-repeat; */
    
}

#darbarema #picbox{
    width: 50%;
    float: left;
    
}
#darbarema #picbox img{
    
}
#darbarema #picbox .pic1{
    float: right;
  margin-top: 10%;
    
    border-radius: 10px;
   
    
    
}
#darbarema #picbox .pic2{
    float: left;
    z-index: 2;
    border-radius: 5px;
box-shadow: 2px 1px 17px #e7e5e5;
    
   
    margin-top: -59%;
    margin-left: 38%;
}
#darbarema #textbox{
    float: right;
        width: 45%;

}
#darbarema #textbox{
    width: 45%;
    float: right;
       
}

#home-signweb-pagetext #services{
    background: #fff;
}
#home-signweb-pagetext #product{
    background: #fff;
}
#darbarema #textbox h3{
    color: #e4792a;
    text-align: right;
    position: relative;
    line-height: 50px;
    font-size: 30px;
}
#darbarema .beforesignweb{
   display: block;
    line-height: 0px;
}
#darbarema .beforesignweb:before{
    font-family: "iconsite";
content: "\e900";
font-size: 70px;
color: #e4792a;
text-align: center;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;

padding-left: 5px;
}
#darbarema #textbox h3:before{
    content: "";
background:
#e4792a;
width: 150px;
height: 4px;
border-radius: 5px;
position: absolute;
right: 0;
bottom: 0;
}
#darbarema #textbox h3:after{
    content: "";
background:
#e4792a;
width: 15px;
height: 4px;
border-radius: 5px;
position: absolute;
right: 165px;
bottom: 0;
}
#darbarema #textbox{
    direction: rtl;
    font-size: 1.0rem;
    line-height: 45px;
}
#darbarema #textbox li:before{
color:
#69cb3a;
content: "\f0c8";
float: left;
font-family: "FontAwesome";
font-size: 10px;
padding-right:15px;
}

#darbarema .pic1{
    float: left;
z-index: 2;
border-radius: 5px;
box-shadow: 2px 1px 17px #e7e5e5;
margin-top: -27%;
margin-left: 28%;
}

#darbarema .image-box2{
    position: relative;
    padding-right: 20px;
    z-index: 2;
}

#boximageee img{
position: relative;
z-index: 10;
      box-shadow: 10px 0px 10px rgba(0,0,0,0.19), 6px -4px 6px rgba(0,0,0,0.23);

}
#boximageee{
    float: left;
    width: 48%;
}

/***********************************************************************************

 *  - Servies GO

 ***********************************************************************************/
#servies .boxxx{
    margin-left:70px;
    margin-top: -8%;
    z-index: 9;
    position: relative;
}
#servies #serviesbox{
    float: right;
    width: 29%;
margin: 0px 15px;
    position: relative;
}
#servies #serviesbox .inner-box{
    position: relative;
padding: 35px 35px;
background-color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
box-shadow: 0px 0px 15px rgba(0,0,0,0.15)
}
#servies #serviesbox .inner-box:before{
    position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 100%;
height: 0px;
background-color: #e4792a;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-moz-transition: all 900ms ease;
transition: all 900ms ease;
background-color: #e4792a;
}
#servies #serviesbox .inner-box:hover:before{
    height: 100%;
}
#servies h4 {
  position: relative;
color: #322f2f;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-moz-transition: all 900ms ease;
transition: all 900ms ease;
    text-align: center;
    font-size: 22px;
}


#servies #serviesbox .icon-box{
    position: relative;
line-height: 1em;
font-size: 64px;
color: #e4792a;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-moz-transition: all 900ms ease;
transition: all 900ms ease;
    text-align: center;
}
#serviesbox .inner-box:hover .icon{
    color: #fff;
}
#serviesbox .inner-box:hover h4 {
    color: #fff;
}
#serviesbox .text-mobl{
    position: relative;
    font-size: 13px;
}
#serviesbox .inner-box:hover .text-mobl{
    color:#fff;
}
#servies .team:before{
    font-family: "fonticonn";
content: "\e90f";


}
#servies .quality:before{
    font-family: "fonticonn";
content: "\e90d";


}
#servies .quality:before{
    font-family: "fonticonn";
content: "\e90d";


}
#servies .price:before{
    font-family: "fonticonn";
content: "\e910";


}
#serviesbox .icon:before{
    position: relative;
text-align: center;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;

}






/***********************************************************************************

 *  - Product GO

 ***********************************************************************************/

#box-product{
 width: 31%;
float: right;
flex: auto;
margin: 1%;
    -webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}

#product h3{
    color: #fff;
text-align: center;
font-size: 2.0rem;
margin-bottom: 5%;
margin-top: 3%;
}
#product{
    /*! padding-top: 4%; */
    background: #fff;
    padding-bottom: 5%;
}
#product .boxproo{
    margin-top: -24%;
}
#product .backblog {
    height: 448px;
    width: 100%;
    background-attachment: scroll;
    background-color: transparent;
    background-image: inherit;
    background-size: cover;
    z-index: 0;
    background-position: 50% 0;
}
#product .product-block h3{
    font-size: 1.5rem;
    font-weight: bold;
}
#product .beforesignweb{
   display: block;
    line-height: 0px;
    
}
#product .beforesignweb:before{
    font-family: "iconsite";
content: "\e900";
font-size:60px;
color: #fff;
text-align: center;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
padding-left: 5px;
}

.product-block{
    position:relative;
    margin-bottom:30px;
}

.product-block .inner-box{
    position:relative;
}

.product-block .inner-box .image{
    position:relative;
}

.product-block .inner-box .image img{
    position:relative;
    width:100%;
    display:block;
}





.product-block .inner-box .image .overlay-box .text{
    position:relative;
    line-height:1.9em;
    font-size:16px;
    font-weight:400;
    margin-top:10px;
    margin-bottom:25px;
}

.product-block .inner-box .lower-box{
    position:relative;
    text-align:center;
background:#fff;
padding: 30px 30px 20px;
margin: -50px 20px 0;
z-index: 99;
position: relative;
}

#home-signweb-textpage #product .boxproo{
    margin: 0%;
}

#home-signweb-textpage .product-block .inner-box .lower-box{
    margin: -132px 20px 0;
    background: #eee;
}


.product-block .inner-box .lower-box h3{
    position:relative;
    font-size:22px;
    font-weight:500;
}

.product-block .inner-box .lower-box h3 a{
    position:relative;
    color:#322f2f;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.product-block .inner-box .lower-box h3 a:hover{
    color: #e4792a;
}
#product #box-product:hover .lower-box{
    box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}


/***********************************************************************************

 *  - Prouduct caro GO

 ***********************************************************************************/

#productcaro{
position: relative;
padding: 80px 0px 17px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 70px 0px 70px 0px;
background: #fff;
      background-size:cover;
    background-attachment: fixed;
 

}
#productcaro .beforesignweb{
   display: block;
    line-height: 0px;
}
#productcaro .beforesignweb:before{
    font-family: "fonticonn";
content: "\e909";
font-size:60px;
color: #e4792a;
text-align: center;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
padding-left: 5px;
}


#productcaro h3{
    color: #e4792a;
    text-align: center;
    font-size: 2.0rem;
    margin-bottom: 5%;
    margin-top: 3%;
}

#productcaro .boxinfo{
    padding: 10px;
    position: relative;
    /*! /*! padding-bottom: 13%; */ */
    background: red;
}

#productcaro .boxinfo .price{
    font-size: 18px;
    color: #3c428c;
    margin-top: 5%;
}
#productcaro h4{
    color: #e4792a;
    text-align: center;
}
#productcaro h4:hover{
    color: #1a53b9;
}
#productcaro .boxinfo ul{
    padding: 0px !important;
    margin: 0px !important;
    width: 50%;
    float: right;
}
#productcaro .boxinfo .area:before{
    font-family: "iconsignweb";
content: "\e901";
font-size: 20px;
color: #d33c41;
text-align: center;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
    float: right;
    padding-left:5px;
}
#productcaro .boxinfo span{
    font-size: 16px;
}
#productcaro .boxinfo .parking:before{
    font-family: "iconsignweb";
content: "\e900";
font-size: 20px;
color: #d33c41;
text-align: center;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
    float: right;
    padding-left:5px;
}
#productcaro .boxinfo .hamam:before{
    font-family: "iconsignweb";
content: "\e903";
font-size: 20px;
color: #d33c41;
text-align: center;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
    float: right;
    padding-left:5px;
}
#productcaro .boxinfo .khab:before{
    font-family: "iconsignweb";
content: "\e902";
font-size: 20px;
color: #d33c41;
text-align: center;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
    float: right;
    padding-left:5px;
}
#home-signweb-pagetext #productcaro:before{
    background: #fff !important;
}

#home-signweb-pagetext #productcaro .box-prohome{
    float: right;
    width: 30%;
}


.owl-carousel .owl-nav div.owl-next
{

left: -30px;
right: auto;
font-size: 20px;
height: 30px;
left: 0px;
background: #d2ab67;
  border-radius:0px !important; 
  padding: 6px 13px;
color:
#fff;
    
}
.owl-carousel .owl-nav div.owl-next:hover{
   background:#e4792a;
    color: #fff;
}
.owl-carousel .owl-nav div.owl-prev
{

right: -40px;
font-size: 20px;
height: 30px;
right: -36px;
background: #d2ab67;
padding: 6px 13px;
  border-radius:0px !important; 
color:
#fff;
    
/*! padding: 0px; */
}


.owl-carousel .owl-nav div.owl-prev:hover{


    background:#e4792a;
    color: #fff;
}
#productcaro .row{
    padding-right: 5%
}


#productcaro .box-prohome{
   width: 81%;
float: right;
margin: 5%;
position: relative;
cursor: pointer;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
#productcaro .box-prohome:hover{
    -webkit-box-shadow: 0 10px 20px 5px rgba(0,48,138,.15);
-moz-box-shadow: 0 10px 20px 5px rgba(0,48,138,.15);
box-shadow: 0 10px 20px 5px rgba(0,48,138,.15);
transform: scale(1.02) translateY(-8px);
-webkit-transform: scale(1.02) translateY(-8px);
-moz-transform: scale(1.02) translateY(-8px);
-ms-transform: scale(1.02) translateY(-8px);
-o-transform: scale(1.02) translateY(-8px);
}
#productcaro .btnsignweb{
    background: #e4792a;
color: #fff;
width: 100%;
display: block;
margin: auto;
    margin-top: auto;
padding: 3px 0;
font-size: 10pt;
margin-top: 15px;
transition: all ease-in-out .4s;
-moz-transition: all ease-in-out .4s;
-webkit-transition: all ease-in-out .4s;
-o-transition: all ease-in-out .4s;
    text-align: center;
    margin-top: 10%;
    border-radius: 0px;
}
#productcaro .btnsignweb:hover{
    background: #322f2f;
    box-shadow: none;
}
#productcaro .boxinfo:hover .btnsignweb{
    background: #322f2f;
    box-shadow: none;
}
#productcaro .boxinfo:hover h4{
    color: #322f2f;
}




#productcaro .main_title h2 .line{
    bottom: 71%;
    /*! width: 31%; */
}
#productcaro 
.main_title.centered span::before, .main_title.centered span{
    left: 45%;
}
#productcaro .main_title .line::before {
    background: 
    #fff;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    width: 150px;
    transition: all 0.4s ease;
    top: 0;
}
#productcaro .main_title.centered span{
    border-color: #fff;
}
#productcaro .main_title h2:hover .line::before {
    width: 75%;
}
/***********************************************************************************

 *  - services End

 ***********************************************************************************/

ul li,ol li
{
    list-style:outside none none
}








.post-recents
{
    clear:both;
    padding:0 15px
}

.recent_port_ctn
{
    padding-left:30px;
    padding-right:0
}

.recent_port_ctn .blog_box
{
    overflow:hidden;
    position:relative
}

.recent_port_ctn .thumbnail
{
    border:1px solid #ddd;
    border-radius:4px;
    box-shadow:0 1px 3px rgba(0,0,0,0.055);
    display:block;
    line-height:20px;
    padding:4px;
    transition:all .2s ease-in-out 0
}

.recent_port_ctn .blog_box img
{
    display:block;
    width:100%
}

.recent_port_ctn .blog_box_content
{
    background:rgba(34,37,51,0.8) none repeat scroll 0 0;
    bottom:0;
    padding:10px 0;
    position:absolute;
    text-align:center;
    width:100%
}

.recent_port_ctn .recent_port_ctn .blog_box h5
{
    font-size:18px;
    font-weight:700;
    margin:0;
    text-transform:none
}

.recent_port_ctn .blog_box p.rp_date,.recent_port_ctn .blog_box p.rp_date a
{
    color:#fff;
    font-size:14px;
    font-weight:400;
    margin-top:0
}

.owl-carousel .owl-nav div
{
    background:#359B11;
    /*! border-radius:0 4px 4px 0; */
    color:#fff;
    cursor:pointer;
    font-size:16px;
    line-height:2;
    padding:5px 15px;
    position:absolute;
    text-align:center;
    top:35%;
    transition:all .2s linear 0;
    z-index:100
}

.owl-carousel .owl-nav div:hover
{
    background:#7B3F00
}




.owl-carousel:hover .owl-nav.disabled
{
    display:block
}





.recent_post_item
{
    margin:7%;
    padding:1%;
    background:#fff;
    width:100%;
    list-style-type:none
}

#bloghome .span4
{
    width:345px!important
}

.single-blog-item
{
    position:relative;
    overflow:hidden;
    display:block
}

.single-blog-item .img-holder
{
    display:block;
    overflow:hidden;
    position:relative
}

.single-blog-item .img-holder img
{
    transform:scale(1.1,1.1);
    transition:all .5s ease 0;
    width:100%
}

.single-blog-item .img-holder .overlay-style-one .box .content a i
{
    opacity:1;
    border:1px solid #fff;
    display:inline-block;
    width:35px;
    height:35px;
    border-radius:3px;
    font-size:12px;
    line-height:35px;
    transition:all 500ms ease;
    margin-top:70px;
}

.single-blog-item:hover .img-holder .overlay-style-one
{
    transform:translateY(0%);
    opacity:1
}

.single-blog-item:hover .img-holder img
{
    transform:scale(1,1)
}

.single-blog-item .img-holder .overlay-style-one .box .content a:hover i
{
    background:#0a29df;
    color:#fff;
    border-color:#0a29df
}

.single-blog-item .text-holder
{
    border-left:1px solid #f4f4f4;
    border-right:1px solid #f4f4f4;
    border-bottom:1px solid #f4f4f4;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
    transition:all 500ms ease
}

.single-blog-item .text-holder .meta-info
{
    overflow:hidden;
    padding-top:30px;
    font-size:.6em
}

.single-blog-item .text-holder .meta-info li
{
    display:inline-block;
    float:left;
    line-height:16px;
    border-right:1px solid #ababab;
    padding-right:10px;
    margin-right:10px
}

.single-blog-item .text-holder .meta-info li:last-child
{
    margin-right:0;
    padding-right:0;
    border-right:none
}

.single-blog-item .text-holder .meta-info li
{
    color:#ababab;
    font-size:14px;
    font-weight:400
}

.single-blog-item .text-holder .meta-info li a
{
    color:#ababab;
    font-size:14px;
    font-weight:400
}

.single-blog-item .text-holder .blog-title
{
    color:#222;
    font-size:18px;
    font-weight:400;
    line-height:26px;
    padding:10px 0 5px;
    display:block;
    transition:all 500ms ease
}

.single-blog-item .text-holder .text
{
    font-size:.6em;
    color:#000
}

.fa-chain::before,.fa-link::before
{
    content:"\f0c1";
    font-family:"FontAwesome";
    font-size:18px;
    color:#fff
}

.single-blog-item .img-holder .overlay-style-one .box .content a:hover i
{
    background:#f89406;
    color:#fff;
    border-color:#f89406
}

.single-blog-item .text-holder .text p
{
    margin:0;
    font-size:.6em!important
}

.title-blog a
{
    color:#ad1e86;
    font-size:1.2em!important
}

.title-blog a:hover
{
    color:#f89406
}

.single-blog-item .text-holder .blog-title:hover
{
    color:#3452ff
}

.single-blog-item .text-holder .meta-info li a:hover
{
    color:#f89406
}

.overlay-style-one
{
    background-color:rgba(5,24,41,0.9);
    /*! text-align:center; */
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
    -webkit-transform:translateY(-100%);
    /*! transform:translateY(-100%); */
    transition:all 500ms ease
}










 /***********************************************************************************

 *  - RESPANSIVE  GO

 ***********************************************************************************/

@media only screen and (max-width: 767px) {
  
      #footer
{
background:#e4792a !important;



}
    
    #jadvallpro table{
        /*! background-color: #eee; */
/*! border-collapse: collapse; */
/*! border-spacing: 0; */
/*! clear: both; */
/*! font-size: inherit; */
/*! margin: 0 auto; */
/*! width: 100%; */
        overflow-y:  hidden;
        display: block;
    }
    
        #footer .menefleft {
    width: 100% !important;
    
}
    
    #darbarema #boximageee{
        width: 100%;
        float: none;
               
    }
    #darbarema #textbox h3{
        font-size: 18px;
       
    }
    #darbarema #textbox{
        margin-top: 10%;
       
    }
    
    #darbarema #textbox .beforesignweb{
        text-align: center;
    }
    
  
      .image-box, .detail-box{
        width: 90%;
    }
    #pic #jadvallpro{
        
        overflow-y: hidden;
    }
      .product-box{
        width: 100% !important;
    }
  
      #socaillll li{
        width: 15% !important;
    }
        #home-signweb-textpage .boxpic{
        width: 100% !important;
    }
    #home-signweb-textpage .boxtext{
         width: 100% !important;
         /*! margin-bottom: 0%; */
    }
    #home-signweb-textpage .posttamasdarbare{
         width: 90% !important;
        padding-right: 5%;
        padding-top: 7%;
    }
        .btn_signweb{
        width: 50% !important;
    }
    
    #featured-title {
    margin-top: -41% !important;
}
    
        #featured-title .inner-wrap{
        padding-top: 213px !important;
    }
    #box1blog .image-box2 {
    width: 100% !important;
    float: none;
}
    #home-signweb-blog #featured-title .main-title {
    font-size: 22px;
}
        #footer{
        margin-top: 128px;
    }
       #bloghome .single-blog-post .text-holder .post-date{
        width: 80% !important;
    }
    .sofaa{
        display:none;
    }
        #servies{
        display: none;
    }
        #bloghome .single-blog-post{
        width: 90% !important;
        float: none;
    }
    #bloghome{
        padding: 0px !important;
        padding-top: 10% !important;
        padding-right: 7% !important;
    }
        #box-product{
        width: 90% !important;
        float: none;
        padding-right: 2%
    }
    #product .box{
        margin-left: 1px !important;
    }
    #top_header1 .langbox{
        float: none !important;
        padding-right: 20%
    }
    #top_header1 .langbox a{
        color: #000;
    }
    #singlepro .image-box2{
        float: none;
        width: 100% !important;
    }
      .banner .banner__over{
        background: none !important;
        
    }
    #home-signweb-blog{
        margin-top: 18% !important;
    }
      #productboxpage{
        float: none;
        width: 90% !important;
    }
      #home-signweb-cate{
        margin-top: 18% !important;
    }
        #home-signweb-page , #home-signweb-textpage{
        margin-top: 17%;
    }
    #cate-blogggg .articleblog{
        width: 100% !important;
    }
       #cate-blogggg .datebox{
        display: none !important;
    }
        #blogsite .infoblog{
           width: 80% !important;
    float: none;
    }
    #home-signweb-cate .banner h1{
        padding-bottom: 5%;
    }
    #home-signweb-pagetext #loaccom .infotamas{
        width: 94% !important;
        padding: 0px !important;
        /*! font-size: 13px !important; */
    }
    #home-signweb-pagetext #loaccom  .map{
        width: 100% !important;
float: none !important;
display: none;
    }
    #home-signweb-pagetext #loaccom .tamas li{
    font-size: 16px !important;
}
    #loaccom #socaillll-footer{
        position: relative;
        
    }
#home-signweb-pagetext {
    margin-top: 17% !important;
}
    .beforesignweb{
       padding-bottom: 10%
    }
    .bgshir{
        display: none;
    }
    #product{
        background: none;
        padding-top: 45%;
        background: #eee;
       
    }
    #product .backblog{
        display: none;
    }
    
    #product h3 
   {
        color: #000;
    }
    #product .beforesignweb:before{
        color: #000;
    }
        #product .backblog{
        display: none;
    }
    .slider{
        display: none;
       
    }
    #product .boxtamas{
        width: 90%;
        float: right;
        
    }
        #footer .tamasfooter li{
        font-size: 16px !important;
        
    }
        #footer #socaillll-footer{
        margin-top: 15% !important;
    }
    #footer .darbaremafooter{
        width: 90% !important;
    }
    #footer .tamasfooter{
         width: 90% !important;
    }
        #footer .menubox{
         width: 90% !important;
    }
    #darbarema #picbox{
         width: 100%;
    }
        #darbarema #textbox{
         width: 100%;
    }

    .footerbox p{
        padding-right: 0px !important;
    }
    .office-block {
    position: relative;
    margin-bottom: 30px;
    float: none !important;
      margin-right:-1%;
      width: 84% !important;
    
    
}
#bloghome{
  padding:5%;
}
#propertypage{
  padding:3%
}
#projectttthome{
  padding:10%
}

#cateeepic {
    background: #ddd !important;
    height: 320px !important;
}
#home-signweb-blog .titrbloggggggg {
    font-size: 1.5rem !important;
    padding-top: 5%;
    margin-top: 25%;
    color:#000 !important;
}

    #footer .container{
        padding: 6%
    }


.cat-title {
    margin-top: -30% !important;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
}

    #cate-blogggg{
        padding-top:25% !important;
       
    }
    #cateproject{
        padding-top:25% !important;
    }
    #home-signweb-blog .default-service-column {

width: 100% !important;
padding-top: 10%;

float: none !important;
       
}
    #home-signweb-blog .default-service-column .lower-part{
        width: 80%;
    }
.post-titlemob {
    text-align: center;
    display: block !important;
}

    #home-signweb-cate #cateproject{
        padding-top: 5%;
    }

#cate-blogggg .default-service-column {
width: 88% !important;
margin: 1% 0px !important;
float: none !important;
}

    #propertypage .picproperty{
        width: 80%;
        float: none;
    }



        .company-section .mission-column {
    position: relative;
    margin-bottom: 40px;
    float: none;
    width: 94% !important;
           
    
}
        .company-section .vision-column {
    position: relative;
    margin-bottom: 40px;
    float: none !important;
    width: 94% !important;
             margin-right: 10%
}

    
  .office-section .row {
    margin-right: -15px;
    margin-left: -15px;
}
    .office-section .inner-container{
        width: 70%;
        
    }
  
  
      #propertypage .boxpropertyright {
    width: 85%;
    float: none;
}
    
    #propertypage .boxpropertyleft {
    width: 85%;
    float: none;
}
  
    #mixitup-projects .boxprojerct {
    margin-bottom: 30px;
    
    max-width: 100%;
    
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}


    #keywordhome{
        padding: 3%;
    }
    #keywordhome img{
        width: 100%;
        border: none;
        padding-bottom: 5%;
    }



    #top_header1 .span8{
        width: 100%;
    }

    .top_header2 .samtrast{
width: 41%;

margin-top: 10%;
float: none;
    }

        #home-signweb-blog table{
        width: 100% !important;
    }
    .wrapper
    {
overflow: hidden;
padding: 0 !important;
position: relative;
width: 90% !important;
    }
  .post-titlemob{
    text-align: center;
    display: block !important;
    
  }
  
  .post-titlemob a{
    color: #39c6f5;
  }


    .numbers-box
    {
        display:none
    }
    
    #samatchap
    {
        width:100%!important
    }
    
    #samatrast
    {
        width:90%!important;
        padding-right:2%
    }
    
  .sidebar
    {
       width: 88% !important;
margin-top: 10%;
margin-right: 6%;
    }
    
    #producttttt .span3
    {
        width:100%
    }
    

    
      header{
    /*! position: relative; */
          /*! margin-bottom: -34%; */
  }
   
     #footerb:before{
    display: none;
  }
    
      #egeform{
    width: 100% !important;
    
    margin-bottom: 10%;
  }
  
  #egeform .wpcf7-submit{
    margin-top: 50%;
    width: 70% !important;
    margin-right: 20%
      
  }
  #egeinfo{
     width: 100% !important;
  }
  
  #egeform li{
    width: 90%;
  }
      #home-signweb-text{
    padding-top: 10%;
  }
    

    


      #home-signweb-blog #mahsol .text{
    width: 100% !important;
  }
    #home-signweb-blog #mahsol .pic{
    width: 100% !important;
  }
      #home-signweb-blog #mahsol .maziya{
    width: 100% !important;
  }
    
    .form-tamas .span3
    {
        float:right
    }
    
  
    #leftboxxxx .pic{
        width: 90%;
    }
    #leftboxxxx .text{
                width: 90%;

    }
    

    

  #socaillll-footer .footersocial{
    padding-top: 50%;
    z-index: 9;
  }
  
  .tamas a{
    z-index: 999;
  }
  #footer .tamas{
    margin-bottom: 40%
  }

    
      #bloghome .news-blog-item{
    width: 90%;
  }

    
        .slider
    {
        /*! width:100%; */
    /*! padding-top: 15% */
    }
    
  header{
    /*! height: 120px */
  }
    .samtchap:before
    {
        display:none
    }
    
    #homeslide
    {
        min-height:auto
    }
    
      #demo-2 input[type=search]:focus {
    width: 70px;
    padding-left: 32px;
    color: #000;
    background-color: #fff;
    cursor: auto;
    font-size: 10px;
    font-weight: bold;
}
    

        
    .form-tamas
    {
        width:80%;
        padding:2%
    }
       


}
 /***********************************************************************************

 *  - RESPANSIVE  GO

 ***********************************************************************************/





#blogRelated
{
    background:#eee;
    position:relative;
    overflow:hidden;
    margin-bottom:0;
    padding-bottom:50px;
    padding-top:50px
}

#blogRelated h3
{
    text-align:center;
    padding-bottom:15px
}

.hmortabettt{
    font-size: 2rem;
text-align: center;
color: #333;
position: relative;
line-height: 30px;
height: 58px;
background: url(../images/divider.png) no-repeat bottom center;
}

.blogreadted
{
    padding-left:30px;
    padding-right:0;
    width:320px;
    float:right;
    position:relative;
    background:#fff;
    margin:10px;
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:perspective(1px) translateZ(0);
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent;
    position:relative;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:transform;
    transition-property:transform;
    border:1px solid #e0e0e0;
    border-bottom:5px solid #2196F3
}

.blogreadted:before
{
    pointer-events:none;
    position:absolute;
    z-index:-1;
    content:'';
    top:100%;
    left:5%;
    height:10px;
    width:90%;
    opacity:0;
    background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,0.35) 0%,transparent 80%);
    background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,transparent 80%);
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:transform,opacity;
    transition-property:transform,opacity
}

.blogreadted:hover,.blogreadted:focus,.blogreadted:active
{
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px)
}

.blogreadted:hover:before,.blogreadted:focus:before,.blogreadted:active:before
{
    opacity:1;
    -webkit-transform:translateY(5px);
    transform:translateY(5px)
}

.bloginfo
{
    float:right
}

.bloginfo li
{
    float:right
}

.bloginfo .timeblog
{
    text-align:left;
    margin:10px;
    font-size:1.2rem
}

.bloginfo .timeblog:before
{
    font-family:"FontAwesome";
    content:"|";
    float:right;
    margin-left:12px;
    margin-right:0
}


 /***********************************************************************************

 *  - PAGE TEXT GO

 ***********************************************************************************/









#home-signweb-text .post-text a
{
    color:#2196F3;
    position:relative;
    display:inline-block;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    padding:1px 5px 2px
}

#home-signweb-text .post-text a:before
{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    width:0;
    height:2px;
    margin:0 auto;
    background-color:#2196F3;
    opacity:1;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}

#home-signweb-text .post-text a:hover:before
{
    width:100%
}
#home-signweb-text #certificate .pic li{
    width: 30%;
    float: right;
    margin: 5px;
    margin-bottom:5%
}

#home-signweb-text #cateeepic .pic li:before{
    content: none !important;
}

#home-signweb-text #certificate .pic li:before{
    content: none;
}


#home-signweb-text .post-text li
{
    list-style-type:none
}

#home-signweb-text .post-text li:before
{
color: #69cb3a;
content: "\f0c8";
float: right;
font-family: "FontAwesome";
font-size: 10px;
padding-left: 15px;
}

#home-signweb-text .aligncenter
{
  display: block; margin-left: auto; margin-right: auto
}

#home-signweb-text .alignleft{
     float: left; margin: 0 1em 1em 0;
}

 /***********************************************************************************

 *  - PAGE TEXT END

 ***********************************************************************************/







.brobala
{
width: 50px;
height: 50px;
position: fixed;
right:10px;
bottom: 10px;
border: 0;
/*! border-radius: 50%; */
z-index: 100;
outline: none !important;
transition: background-color 0.3s, box-shadow 0.3s, bottom 0.3s;
background-color:
rgba(0,0,0,0.3);
    background-size: auto;
background-size: auto;
background-size: 100% 100%;
cursor: pointer;
display: block;
z-index: 99;
text-align: center;
}
.brobala:hover{
    background: #e4792a;
}

.brobala span{
    /*! text-align: center; */
    /*! position: relative; */
    /*! display: inline-block; */
    /*! margin-top: 18px; */
    line-height: 46px;
}

.brobala .iconup:before{
    content: "\e900";
color: #fff;
font-family: "iconsignweb";
font-size: 25px;
    /*! text-align: center; */
    /*! padding-right: 13px; */
    /*! margin-bottom: -66px; */

    /*! background: red; */
    position: relative;
}

#map
{
    width:100%;
    height:260px;
    margin:0;
    padding:0;
    border:0;
    position:absolute!important
}

.pin-wrap
{
    position:absolute;
    width:100px;
    height:100px;
    margin-top:-59.71068px;
    margin-left:-28px;
    -webkit-transform-origin:50% 120.71068% 0;
    transform-origin:50% 120.71068% 0
}

.pin
{
    position:absolute;
    top:50%;
    left:50%;
    width:50px;
    height:50px;
    margin-top:-50px;
    margin-left:-50px;
    -webkit-transform-origin:50% 120.71068% 0;
    transform-origin:50% 120.71068% 0
}

.pin::after
{
    position:absolute;
    display:block;
    box-sizing:border-box;
    width:50px;
    height:50px;
    content:'';
    -webkit-transform:rotateZ(-45deg);
    transform:rotateZ(-45deg);
    border:12px solid #953368;
    border-radius:50% 50% 50% 50%
}

.pin::before
{
    position:absolute;
    display:block;
    box-sizing:border-box;
    width:50px;
    height:50px;
    content:'';
    -webkit-transform:rotateZ(-45deg);
    transform:rotateZ(-45deg);
    border:10px solid #6d4058;
    border-radius:50% 50% 50% 0
}

.shadow
{
    position:absolute
}

.shadow::after
{
    position:absolute;
    left:-125px;
    display:block;
    width:50px;
    height:50px;
    margin-top:-25px;
    content:'';
    -webkit-transform:rotateX(55deg);
    transform:rotateX(55deg);
    border-radius:50%;
    box-shadow:rgba(0,0,0,0.5) 100px 0 20px
}

.pulse
{
    position:absolute;
    margin-top:-50px;
    margin-left:-50px;
    -webkit-transform:rotateX(55deg);
    transform:rotateX(55deg)
}

.pulse::after
{
    display:block;
    width:100px;
    height:100px;
    content:'';
    -webkit-animation:pulsate 1s ease-out;
    animation:pulsate 1s ease-out;
    -webkit-animation-delay:1.1s;
    animation-delay:1.1s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    opacity:0;
    border-radius:50%;
    box-shadow:0 0 1px 2px rgba(0,0,0,0.5);
    box-shadow:0 0 6px 3px #953368
}

@-webkit-keyframes pulsate {
    0%
    {
        -webkit-transform:scale(0.1,0.1);
        transform:scale(0.1,0.1);
        opacity:0
    }
    
    50%
    {
        opacity:1
    }
    
    100%
    {
        -webkit-transform:scale(1.2,1.2);
        transform:scale(1.2,1.2);
        opacity:0
    }
}

@keyframes pulsate {
    0%
    {
        -webkit-transform:scale(0.1,0.1);
        transform:scale(0.1,0.1);
        opacity:0
    }
    
    50%
    {
        opacity:1
    }
    
    100%
    {
        -webkit-transform:scale(1.2,1.2);
        transform:scale(1.2,1.2);
        opacity:0
    }
}

.tags
{
    font-weight:300
}




.tags a
{
    color:#f93c11
}

.animations a
{
    line-height:42px;
    display:block;
    box-sizing:border-box;
    height:44px;
    margin:5px;
    padding:0 10px;
    text-decoration:none;
    color:#f93c11;
    border:2px solid #f93c11;
    border-radius:22px;
    -webkit-transition:background-color 0.3s,color .3s;
    transition:background-color 0.3s,color .3s
}

.animations a:hover
{
    color:#fff;
    background:#f93c11
}

.posttamas
{
    margin-top:20%
}

.hesperiden .tp-bullet:hover,.hesperiden .tp-bullet.selected
{
    background: #69cb3a !important;
}














#home-signweb-gallery .post-text
{
    line-height:30px;
    color:#333;
    font-size:1em
}

#home-signweb-gallery,.hvr-float-shadow
{
    min-height:550px!important
}

.postbalasign
{
    background:url(../images/toptextsign.png)no-repeat center center;
    position:absolute;
    width:100%;
    height:200px;
    margin-top:9%;
    z-index:222
}

#home-signweb-gallery .post-titleeeee
{
    font-size:1.6rem;
    text-align:center;
    color:#333;
    position:relative;
    line-height:30px;
    height:58px;
    background:url(../images/divider5.png) no-repeat bottom center
}



#logoiran
{
    float:right;
    width:25%;
    position:absolute;
    z-index:9;
    top:-11px
}

#logo-nav
{
    background-color:#333;
    border-bottom:8px solid #191716;
    position:relative;
    width:100%;
    z-index:9
}



@keyframes fadeOut {
    0%
    {
        opacity:1
    }
    
    100%
    {
        opacity:0
    }
}

.owl-height
{
    transition:height 500ms ease-in-out
}

.pcontent .owl-carousel .owl-item .owl-lazy
{
    opacity:0;
    transition:opacity 400ms ease
}

.pcontent .owl-carousel .owl-item img.owl-lazy
{
    transform-style:preserve-3d
}

.pcontent .owl-carousel .owl-video-wrapper
{
    position:relative;
    height:100%;
    background:#000
}

.pcontent .owl-carousel .owl-video-play-icon
{
    position:absolute;
    height:80px;
    width:80px;
    left:50%;
    top:50%;
    margin-left:-40px;
    margin-top:-40px;
    background:url(owl.video.play.png) no-repeat;
    cursor:pointer;
    z-index:1;
    -webkit-backface-visibility:hidden;
    transition:transform 100ms ease
}

.pcontent .owl-carousel .owl-video-play-icon:hover
{
    -ms-transform:scale(1.3,1.3);
    transform:scale(1.3,1.3)
}

.pcontent .owl-carousel .owl-video-playing .owl-video-tn,.pcontent .owl-carousel .owl-video-playing .owl-video-play-icon
{
    display:none
}

.pcontent .owl-carousel .owl-video-tn
{
    opacity:0;
    height:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    transition:opacity 400ms ease
}

.pcontent .owl-carousel .owl-video-frame
{
    position:relative;
    z-index:1;
    height:100%;
    width:100%
}



.menufooter a::after
{
    content:'';
    display:block;
    position:absolute;
    right:0;
    bottom:0;
    height:3px;
    width:0;
    background:transparent;
    transition:width .5s ease,background-color .5s ease
}

.menufooter a:hover::after
{
    width:100%;
    background:#39c6f5
}
.menufooter a:hover {
    color: #39c6f5 !important;
}
#home-signweb-blog .sidebar a{
    color: #000;
}

.centerfooter .copy a
{
    padding-bottom:3px;
    text-decoration:none;
    position:relative;
    color:#f6c30c!important
}

.centerfooter .copy a::after
{
    content:'';
    display:block;
    position:absolute;
    right:0;
    bottom:0;
    height:3px;
    width:0;
    background:transparent;
    transition:width .5s ease,background-color .5s ease
}

.centerfooter .copy a:hover::after
{
    width:100%;
    background:#f6c30c
}

.plam
{
    background:url(../images/plam.png);
    width:500px;
    height:368px;
    margin-top:80px;
    margin-right:-70px;
    position:absolute
}

#footer .centerfooter
{
    position:relative;
    z-index:0;
    padding-bottom:15px;
    min-height:375px
}

.copy
{

    text-align:center;
    padding:5px;
    color:#fff
}

#footerb
{
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
background:#171717;
    color: #fff;
       
}

#footerb a{
    color: #fff;
    font-size: 18px;
}
#footer a:hover{
    color: #e4792a;
}

.footer-icons ul li {
    display: inline-block;
}
.footer-icons ul li a {
    color: #ddd;
    display: block;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 50%;
    padding: 0px !important;
}
.footer-tags li a:hover,
.footer-icons ul li a:hover{
    color: #fff;
  /*! background: #1a53b9; */
  border:1px solid #1a53b9;
}
.footer-tags li {
    float: right;
}
.footer-tags li a {
    color: #ddd;
    display: block;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    margin: 3px;
    border: 1px solid #002C57;
    background: #002C57;
    font-weight: 600;
    padding: 3px 5px;
    border-radius: 2px;
}
.footer-icons {
    margin-top: 20px;
}
.footer-icons i:hover{
    color: #fff;
}



#footer .linkhome
{
    background:none;
    border:none!important
}

#footer .linkhome a
{
    color:#fff!important;
    font-weight:700!important
}

#footer h3
{
    
    color:#fff;
    display:inline-block;
    font-size:1.4rem;
    line-height:28px;
    padding-bottom:10px;
    position:relative;
    width:50%;
    color:#fff;
    
}



#topa
{
    background:#000 none repeat scroll 0 0;
    height:350px;
    position:relative;
    width:100%
}

.tamas li
{
    font-size:20px !important;
    line-height: 60px;
}

.top_footer2
{
    background-color:#d3d3d3;
    float:right;
    position:relative;
    width:100%;
    z-index:2000
}

@font-face
{
    font-family:"iconsignweb";
    src:url(../fonts/iconsignweb.eot?#) format("eot"),url(../fonts/iconsignweb.woff) format("woff"),url(../fonts/iconsignweb.ttf) format("truetype")
}

.menu-footer-container a
{
    color:#fff
}

.menu-footer-container a:hover
{
    color:red
}

.menu-footer-container li:before
{
    content:"\f104";
    float:none;
    font-family:"FontAwesome";
    font-size:25px;
    padding-left:1%;
    color:red
}

.menu-footer-container li:hover:before
{
    color:#fff
}

#footer .tamas li {
    
    padding-top: 14px;
    margin-top: 13px;
    list-style-type: none;
    color: 
    #000;
    text-align: right;
}



.faxsignweb a
{
    color:#fff;
    float:left;
    margin-right:15px
}

.telsignweb a
{
    color:#fff;
    float:left;
    margin-right:15px
}



 .breadcrumb li+li:before {
     content: "/";
     font-size: 16px;
     font-family: "FontAwesome";
     padding-left:10px;
     padding-right: 10px;
     color: #69cb3a;
     
     
    }

 .breadcrumbs li{
    padding: 5px;
    color: #000;
    font-size: 18px;
    
}

.breadcrumbs .current{
    text-shadow: none; 
    color: #69cb3a;
    font-size: 21px
}

 .breadcrumbs a{
    color: #fff !important;
        font-size: 18px;
     text-shadow: none !important;
    
}
.breadcrumb{
    background:none !important;
    margin-top: -2%;
}

#tamspageee .mobileee::before
{
    color:#2196F3 !important;
    content:"\e900" !important;
    float:right;
    font-family:"iconfont" !important;
    font-size:35px !important;
    padding-left:10px
}

#tamspageee .mailsignweb::before
{
    color:#2196F3;
    content:"\e903" !important;
    float:right;
    font-family:"iconfont" !important;
    font-size:35px !important;
    padding-left:10px
}

#tamspageee .addsignweb::before
{
    color:#2196F3 !important;
    content:"\e902" !important;
    float:right;
    font-family:"iconfont" !important;
    font-size:35px !important;
    padding-left:10px
}
#tamspageee li{
    line-height: 60px
}



#searchsignweb .post{
background: #fff;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #fff, #fff, #fff, #fff);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #fff, #eee, #ddd, #ddd); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


    padding: 1%;;
    margin: 2%;
    -webkit-box-shadow: 0 10px 6px -6px #777;
     -moz-box-shadow: 0 10px 6px -6px #777;
          box-shadow: 0 10px 6px -6px #777;




}

#searchsignweb p{
    padding-top: 2%;
    
}
#searchsignweb img{
    border-radius: 250px;
}

#searchsignweb a{
    color: orange;
    text-decoration: none;
}
#searchsignweb a:hover{
    color: #01004e;
}

#searchsignweb{
    padding: 9%;
}
#searchsignweb .post:hover{
background: #fff;
-webkit-box-shadow: 0 0 7px 0 rgba(0,1,1,.3),0 18px 10px -10px rgba(0,1,1,.15);
-moz-box-shadow: 0 0 7px 0 rgba(0,1,1,.3),0 18px 10px -10px rgba(0,1,1,.15);
box-shadow: 0 0 7px 0 rgba(0,1,1,.3),0 18px 10px -10px rgba(0,1,1,.15);
}


  .post-titlemob{
    
    display: none;
    
  }
#search-form{
  margin: 0px !important;
}
input {
    outline: none;
}
input[type=text] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
    display: none; 
}

#search-form input[type=text] {
background: url("../images/search-icon.png") no-repeat 9px center !important;
width: 20px;
padding-left: 10px;
color:
transparent;
cursor: pointer;
margin-top: 9px;
-webkit-border-radius: 10em !important;
-moz-border-radius: 10em;
border-radius: 10em;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
border: 1px solid #fff;
}
#search-form input[type=text]:hover {
    background-color: #fff;
}
#search-form input[type=text]:focus {
    width: 150px;
    padding-left: 56px;
    color: #fff;
    background-color: #fff;
    cursor: auto;
    font-size: 18px;
    font-weight: bold;
}
#search-form input:-moz-placeholder {
    color: transparent;
}
#search-form input::-webkit-input-placeholder {
    color: transparent;
}







@font-face
{
    font-family:"rezaweb";
    src:url(../fonts/rezawe.eot?#) format("eot"),url(../fonts/rezawe.woff) format("woff"),url(../fonts/rezawe.ttf) format("truetype")
}



.wrapper
{
    margin:0 auto;
    padding:40px;
    width:1170px
}



.signtop
{
    font-size:1.6rem;
    text-align:center;
    color:#333;
    position:relative;
    line-height:30px;
    height:58px;
    background:url(../images/divider5.png) no-repeat bottom center
}




/***********************************************************************************

 *  - SINGLE DOWNLOAD

 ***********************************************************************************/
.telsignweb:before{
        color:#e4792a;
    content:"\e900";
    float:right;
    font-family:"fonticonn";
    font-size:30px;
    padding-left:10px
}
.faxsignweb:before{
            color:#e4792a;
    content:"\e906";
    float:right;
    font-family:"fonticonn";
    font-size:30px;
    padding-left:10px
}
.mobile:before{
        color:#39c6f5;
    content:"\e907";
    float:right;
font-family:"fonticonn";
    font-size:30px;
    padding-left:10px
}
.telegram:before{
        color:#39c6f5;
    content:"\e90b";
    float:right;
font-family:"fonticonn";
    font-size:30px;
    padding-left:10px
}
.insta:before{
        color:#39c6f5;
    content:"\e901";
    float:right;
font-family:"fonticonn";
    font-size:30px;
    padding-left:10px
}
#loaccom li:before{
    color: #e4792a;
}

.mail::before
{
    color:#39c6f5;
    content:"\e903";
    float:right;
    font-family:"fonticonn";
    font-size:30px;
    padding-left:10px;
   
}

.addsignweb::before
{
    color:#39c6f5;
   content:"\e908";
    float:right;
    font-family:"fonticonn";
    font-size:30px;
    padding-left:8px
}

#footer .tamasfooter li:before{
    color: #fff !important;
}
.social {
  position: fixed;
  top: 40%;
  list-style-type: none;
  right: -30px;
  z-index: 9;
}
.social li {
  width: 45px;
  text-align: center;
  margin: 0 0 10px 0;
}
.social li:hover {
  width: 60px;
      transition: all 0.3s;

}
.social li a {
  display: block;
  width: 100%;
  background: #2a2a2a;
  font-size: 30px;
  color: #fff;
  padding: 10px;
      transition: all 0.3s;
        border-radius: 5px 5px 5px 5px;


}

.social li a.facebook:hover {
    background: #3b5997;
}

.social li a.twitter:hover {
    background: #2daae1;
}

.social li a.whatsapp:hover {
    background: #5abe42;
}

.social li a.pinterest:hover {
    background: #ca2026;
}

.social span {
  display: none;
}
.social .instafooter{
    background-color: #d047d1;
}
.social .linkedin{
    background-color: #3a5795;
}
.social .telegramfooter{
    background-color: #78bdf1;
}
#footer
{
background:#e4792a url(../images/footerbg.jpg)no-repeat;
position: relative;
color: #fff;
margin-top: 7%;


}



#footer .boooo_footer2{
 
}

#footer .boxfooter{
    /*! padding-bottom: 1%; */
    /*! padding-top: 3%; */
}
#footer .footerpicc{
    /*! height: 100px; */
    /*! width: 100%; */
    /*! background: url(../images/footer-img.png)repeat-x; */
    /*! margin-bottom: -15px; */
}

#footer .darbaremafooter{
   float: right;
width: 30%;
margin-left: 5%;
font-size: 18px;
line-height: 40px;
}
#footer .tamasfooter{
        float: right;
    width: 43%;
        background: #e4792a;
       min-height: 467px;
}
#footer .tamasfooter li{
    font-size: 1.2rem;
}



#footer .menubox a{
    color: #fff;
    font-size: 18px;
}
#footer .menubox a:before{
    color:
#fff;
content: "\e901";
float: right;
font-family: "iconsignweb";
font-size: 10px;
padding-left:15px;
}
#footer .menubox a:hover:before{
        color:
#e4792a;
    
}
#footer .menubox a:hover{
            color:
#e4792a;
}

#footer .menubox{
    width: 50%;
    float: right;
    margin-right: 5%;
    
}

#footer .menefleft{
    width: 50%;
    float: right;
}


#footer .menubox li{
    text-align: right;
}
#footer .tamas{
    width: 30%;
    float: right;
    margin: 1%;
}
#footer h4{

position: relative;
font-weight: 600;
color: #ffffff;
font-size: 18px;
line-height: 50px;


}
#footer .footer-title{
    position: relative;

}
#footer .footer-title h4:before{
    position: absolute;
content: '';
right: 0px;
bottom: 0px;
height: 2px;
width: 38px;
background-color: #ffffff;
}
#footer .footer-title h4:after{
    position: absolute;
content: '';
right: 60px;
bottom: 0px;
height: 2px;
width: 68px;
background-color: #e4792a;
}







.pcontent
{
    float:right;
    width:75%
}

.pagination ul > li
{
    display:inline-block
}

.pagination
{
    direction:ltr;
    text-align:left
}

.pagination ul > li:first-child > a,.pagination ul > li:first-child > span
{
    border-radius:4px 0 0 4px;
    border-right-width:0
}

.pagination ul > li:last-child > a,.pagination ul > li:last-child > span
{
    border-radius:0 4px 4px 0;
    border-right-width:1px
}

.sidebar-col
{
    padding:0 15px
}

.widget_nav_menu.opened ul.sub-menu
{
    padding-right:5px;
    position:relative;
    right:0
}

.widget_nav_menu.opened ul.sub-menu.opened
{
    display:block
}

.menu-item-has-children.bactive::after
{
    content:""
}

.theiaStickySidebar
{
    z-index:9999
}





.products_content
{
    margin:0 -10px;
    position:relative
}

.owl-prev:hover,.owl-next:hover
{
    background:#005502 none repeat scroll 0 0;
    color:#fff;
    transition-duration:.7s
}

ul li,ol li
{
    list-style:outside none none
}






    

    /***********************************************************************************

 *  - BLOG home GO

 ***********************************************************************************/

#bloghome{
padding: 10px 90px 20px 0px;
    padding-top: 10px;
    /*! padding-bottom: 20px; */

padding-top: 5%;
/*! padding-bottom: 5%; */
/*! box-shadow: 0 0 30px -5px
rgba(58,58,58,0.72); */
    background: #fff;
}

#bloghome .beforesignweb{
   display: block;
    line-height: 0px;
}
#bloghome .beforesignweb:before{
    font-family: "fonticonn";
content: "\e902";
font-size:60px;
color: #e4792a;
text-align: center;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
padding-left: 5px;
}


#bloghome h3{
    color: #e4792a;
    text-align: center;
    font-size: 2.0rem;
    margin-bottom: 5%;
    margin-top: 3%;
}

#bloghome .titservies{
      position: relative;
font-size: 35px;
color: #242424;
font-weight: 600;
}
#bloghome .single-blog-post:hover{
        background: 
#fff;
-webkit-box-shadow: 0 5px 50px 0 rgba(207,207,207,.75);
box-shadow: 0 5px 50px 0
rgba(207,207,207,.75);
}

#bloghome .single-blog-post {
    position: relative;
    display: block;
    overflow: hidden;
    transition: all 0.5s ease-in-out 0.6s;
    width: 30%;
float: right;
margin: 5px;
    background: #f8f8f8;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.09);
-moz-box-shadow: 0 0 12px 0 rgba(0,0,0,.09);
box-shadow: 0 0 10px 0 rgba(43,52,59,.09);
}
#bloghome .single-blog-post .img-holder {
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 5px 5px 0px 0;
}
#bloghome .single-blog-post .img-holder img {
    -webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease; 
    width: 100%;
}
#bloghome .single-blog-post:hover .img-holder img {
    opacity: 0.5;
transform: scale(1.15,1.15) rotate(5deg);
}


#bloghome .single-blog-post:hover .overlay-style-one{
    opacity: 1;
}
.overlay-style-one{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.80);
    transition: all 500ms ease;
    transition-delay: 0.10s;    
    opacity: 0.5;
    z-index: 2;
}
#bloghome .single-blog-post .overlay-style-one .box .content a span:before {
display: inline-block;
color: #ffffff;
font-size: 50px;
line-height: 30px;
width: 30px;
height: 30px;
transform: scale(3);
transition: all .3s ease-in-out;
opacity: 0;
content: "\f0c1";
margin-right: 45%;
margin-top: 31%;
font-family: "FontAwesome";

}
#bloghome .single-blog-post:hover .overlay-style-one .box .content a span:before{
    transform: scale(1.0);
    opacity: 1;    
}
#bloghome .single-blog-post:hover .overlay-style-one .box .content a:hover span:before{
    color: #e4792a;
}

#bloghome .single-blog-post .text-holder {
    display: block;
    transition: all 500ms ease;
    border: 1px solid #f2f2f2;
    padding: 31px 30px 40px;
}
#bloghome .single-blog-post .text-holder .blog-title {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 26px;
}
#bloghome .single-blog-post .text-holder .blog-title a{
    color: #222222;
    transition: all 500ms ease;
}
#bloghome .single-blog-post .text-holder .blog-title a:hover{
    color: #e4792a;
}
#bloghome .single-blog-post .text-holder .post-date {
    position: relative;
    display: block;
    
   
    z-index: 1;
    margin: 0 0 3px;
    margin-top: -18%;
    border-radius: 4px;
padding: 8px;
color:
#fff;
font-size: 15px;
width: 50%;
background:#e4792a;
    color: #fff;
    z-index: 9;
}

#bloghome .single-blog-post .text-holder .post-date p{
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding-right: 35px;
}
#bloghome .single-blog-post .text-holder .text{
    display: block;
    margin-top: 18px;
}
#bloghome .single-blog-post .text-holder .text p{
    margin: 0; 

}

.btn_signweb {
    border: 1px solid #e4792a ;
border: 1px solid
#a79c99;

font-size: 1.15rem;
line-height: 35px;
padding: 0 20px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
display: block;
cursor: pointer;
    width: 10%;
    text-align: center;
    margin: 30px auto 0;
    
}
.btn_signweb:hover{
    background-color:#e4792a ; 
    box-shadow: 0 0 0 2px #fff,0 0 0 6px rgba(167,156,153,0.4);
    color:#fff;
}

    /***********************************************************************************

 *  - BLOG END

 ***********************************************************************************/


@media only screen and (max-width: 767px) {
    
    ##table-site{
        width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    }
    
  #home-signweb-cate .box-gallerysign{
    width: 100% !important;
  }

      #footerb:before{
    display: none;
  }
    
      #egeform{
    width: 100% !important;
    
    margin-bottom: 10%;
  }
      .wpcf7-form textarea{
        margin-right: 5%
    }
  #egeform .wpcf7-submit{
    margin-top: 50%;
    width: 70% !important;
    margin-right: 20%
      
  }
  #egeinfo{
     width: 100% !important;
  }
  
  #egeform li{
    width: 90%;
  }
      #home-signweb-text{
    padding-top: 10%;
  }
    

    
      #home-signweb-text #certificate .pic li{
    width: 100% !important;
  }

      #home-signweb-blog #mahsol .text{
   width: 88% !important;
padding-right: 3%;
  }
    #home-signweb-blog #mahsol .pic{
    width: 100% !important;
  }
      #home-signweb-blog #mahsol .maziya{
   width: 88% !important;
padding-right: 3%;
  }
    
    .form-tamas .span3
    {
        float:right
    }
    
    .samtchap
    {
        position:relative;
        float:none;
        font-size:16px;
        width:100%;
        display:block;
        margin:auto 0;
        text-align:center;
        
    }
    

    

  #socaillll-footer .footersocial{
    padding-top: 50%;
    z-index: 9;
  }
  
  .tamas a{
    z-index: 999;
  }
  #footer .tamas{
    margin-bottom: 40%
  }

    
      #bloghome .news-blog-item{
    width: 90%;
  }

    
        .slider
    {
        /*! width:100%; */
    /*! padding-top: 15% */
    }
    
  header{
    /*! height: 120px */
  }
    .samtchap:before
    {
        display:none
    }
    
    #homeslide
    {
        min-height:auto
    }
    
      #demo-2 input[type=search]:focus {
    width: 70px;
    padding-left: 32px;
    color: #000;
    background-color: #fff;
    cursor: auto;
    font-size: 10px;
    font-weight: bold;
}
    
    .samtrast
    {
display: block;
width: 42%;
right: 0px;
    }
    
    #logostore
    {
        width:100%;
        margin:auto 0;
        text-align:center
    }
    
    .slider
    {
        /*! width:100% */
    }
    
    #slidebaghal
    {
        width:80%;
        display:none
    }
    
    .sliderright
    {
        width:100%;
        float:none;
        position:relative
    }
    
    .form-tamas
    {
        width:80%;
        padding:2%
    }
    
    .proooooooooooo .f1_container
    {
        width:100%;
        margin-right:-20%
    }
    

    
    #shoarrrrrrrrr
    {
        padding:5%;
        font-size:13px;
        padding-top:8%;
        background:none!important
    }
    
    #shoarrrrrrrrr h1,h3
    {
        font-size:18px
    }
    
    .jadval .panel
    {
        width:100%
    }
    
    .jadval
    {
        padding:2%
    }
        #navigation .sub-menu li a:hover{
        color: #39c6f5;
        padding-right: 0px;
    }
    #navigation .nav-menu a
    {
        display:block;
        color: #000;
    }
    #navigation .nav-menu a:hover{
        color: #fff;
    }
    #navigation .sub-menu li a
    {
        display:block;
        text-align: center;
    }
    #navigation .sub-menu li a:hover{
        color: #e4792a;
    }

}

 /***********************************************************************************

 *  - SINGLE SITE BLOG GO

 ***********************************************************************************/


#blogsite{


background: #DDDDDD;
background: -webkit-linear-gradient(top, #DDDDDD, #FFFFFF);
background: -moz-linear-gradient(top, #DDDDDD, #FFFFFF);
background: linear-gradient(to bottom, #DDDDDD, #FFFFFF);
padding-bottom: 1%;
     padding-top: 3%;
}
#box1blog .image-box2{
    float: left;
    width: 45%;
}
#blogsite .image-box2 img{
    -webkit-box-shadow: 0 0 2px 0 rgba(0,1,1,.3),0 35px 30px -15px rgba(0,1,1,.3);
-moz-box-shadow: 0 0 2px 0 rgba(0,1,1,.3),0 35px 30px -15px rgba(0,1,1,.3);
box-shadow: 0 0 2px 0 rgba(0,1,1,.3),0 35px 30px -15px rgba(0,1,1,.3);
}
#box1blog .infoblog{
    float: right;
    width: 50%;
}
#blogsite .default-service-column{
   background: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.3);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.3);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.3);
border-radius: 3px;
       padding: 13px 30px;
    width: 69%;
    float: left;
   
}
#blogsite .date-boxxx{
    color: #e4792a;
    font-size: 18px;
    padding-bottom: 1%;
}
#blogsite .infoblog{
    padding-top: 2%
}
#blogsite .kholase{
        color: #e4792a;
    font-size: 18px;
    padding-bottom: 1%;
    line-height: 45px;
}
#blogsite .kholasetext{
        font-size: 16px;
    padding-bottom: 1%;
    line-height: 35px;
}
#blogsite .titleblog{
            font-size: 25px;
    padding-bottom: 1%;
    line-height: 35px;
            margin: 0px;
            /*! text-align: center; */
}

#blogsite .text{
            font-size: 16px;
    padding-top:4%;
    line-height: 35px;
    margin-top: 1%;
}


#home-signweb-blog .post-content a{
    color: #e4792a;
    position: relative;
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    padding: 1px 5px 2px 5px;
}
#home-signweb-blog .post-content a:before{
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: 0;
    width: 0; height: 2px;
    margin: 0 auto;
    background-color: #e4792a;
    opacity: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
#home-signweb-blog .post-content a:hover:before{
    width: 100%; 
}

#home-signweb-blog .post-content {
    margin-top:1%; 
    font-size: 1.2rem;
    line-height: 35px;
       
}
#home-signweb-blog .post-content li:before{
    color: #e4792a;
content: "\e90c";
float: right;
font-family: "fonticonn";
font-size: 20px;
padding-left: 10px;
}


#home-signweb-blog #singlepro{
margin-bottom: 30%;
box-shadow: 0 0 30px -5px rgba(58,58,58,0.72);
background: #DDDDDD;
background: -webkit-linear-gradient(top, #DDDDDD, #FFFFFF);
background: -moz-linear-gradient(top, #DDDDDD, #FFFFFF);
background: linear-gradient(to bottom, #DDDDDD, #FFFFFF);
padding-top: 1%;
}
#home-signweb-blog #singlepro .box-cate-prooo{
    position: relative;
border: 1px solid #e0e0e0;
margin: 0 auto;
background: #fff;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1), 0px 20px 10px -10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1), 0px 20px 10px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1), 0px 20px 10px -10px rgba(0, 0, 0, 0.2);
margin: 0 auto;
padding: 25px;
    margin-bottom: 4%;
}

#singlepro .image-box2{
    float: left;
    width: 50%;
}
#singlepro .post-content{
    font-size: 18px;
    line-height: 40px;
}

#singlepro .image-box2 img{
-webkit-box-shadow: 0 0 2px 0 rgba(0,1,1,.3),0 35px 30px -15px rgba(0,1,1,.3);
-moz-box-shadow: 0 0 2px 0 rgba(0,1,1,.3),0 35px 30px -15px rgba(0,1,1,.3);
box-shadow: 0 0 2px 0 rgba(0,1,1,.3),0 35px 30px -15px rgba(0,1,1,.3);
}
 /***********************************************************************************

 *  - SINGLE SITE END

 ***********************************************************************************/
 
  /***********************************************************************************

 *  - SIDEBAR

 ***********************************************************************************/
  .sidebar{
    width: 23%;
    float: right;
    /*! background: red; */
    
}
 .sidebar .tamasbaghal{
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
margin-bottom: 45px;
background: #fff;
    padding: 10px;
}
.sidebar .tamasbaghal li{
    font-size: 18px;
}
.sidebar .tamasbaghal li:before{
    font-size: 22px !important;
    color: #e4792a;
}
.sidebar .newwwss{
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
margin-bottom: 45px;
background: #fff;
    padding: 10px;
}
.sidebar figure{
max-width: 100% !important;
display: block;
margin: 0 !important;
    margin: 0;
padding: 0;
background: #fff;
/*! overflow: hidden; */
background: #e4792a;
border-radius: 5px;
}
.sidebar .newwwss .recent-post:hover img {
    opacity: .4;
    transition: .3s ease-in-out;
}

.sidebar .newwwss h5 a:hover{
    color: #e4792a;
}
.sidebar .newwwss .recent_date{
    color: #e4792a;
}

.sidebar .newwwss .recent_content{
    transition: .8s;
    padding :10px;
}
 
.sidebar .tamasbaghal h3:before{
    color: #e4792a;
content: "\e904";
float: right;
font-family: "fonticonn";
font-size: 30px;
padding-left: 10px;
}
  /***********************************************************************************

 *  - CATEGORY PRO GO

 ***********************************************************************************/
 #home-signweb-cate
{
 background: #DDDDDD;
background: -webkit-linear-gradient(top, #DDDDDD, #FFFFFF);
background: -moz-linear-gradient(top, #DDDDDD, #FFFFFF);
background: linear-gradient(to bottom, #DDDDDD, #FFFFFF);

}

#productboxpage{
    float: right;
    width: 25%;
    margin: 10px;
    position: relative;
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1), 0px 20px 10px -10px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background-color: #fff;
text-align: center;

z-index: 1;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
    padding-bottom: 2%;
}
#productboxpage:before{
    pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
    
   
}
#productboxpage:hover{
    transform: translateY(-5px);
}
#productboxpage:hover:before{
    opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
#productboxpage h3 a{
    color: #000;
text-align: center;
    font-size: 18px;
}
#productboxpage h3 a:hover{
    color: #1a53b9;

}

#productboxpage:hover h3 a{
    color: #e4792a;
}
#productboxpage:hover .btnsignweb{
    background: #e4792a;
}
#productboxpage .btnsignweb{
    background: #e4792a;
color: #fff;
width: 134px;
display: block;
margin: auto;
    margin-top: auto;
padding: 3px 0;
font-size: 10pt;
margin-top: 1px;
transition: all ease-in-out .4s;
-moz-transition: all ease-in-out .4s;
-webkit-transition: all ease-in-out .4s;
-o-transition: all ease-in-out .4s;
    text-align: center;
    margin-top: 1%;
}
#productboxpage .btnsignweb:hover{
    background: #1a53b9;
    box-shadow: none;
}

#productboxpage .boxinfo:hover h4{
    color: #1a53b9;
}



 
 
 
   /***********************************************************************************

 *  - CATEGORY BLOG GO

 ***********************************************************************************/
#cate-blogggg .news-blog-item .inner-box {
    position: relative;
}

#cate-blogggg .news-blog-item .image-box {
 position: relative;
overflow: hidden;
float: none;
width: 100%;
display: block;
max-width: 100%;
}



#cate-blogggg .news-blog-item .image-box img {
    width: 100%;
    height: auto;
    display: block;
}
#cate-blogggg .articleblog{
    width: 70%;
    float: left;
}
#home-signweb-cate .sidebar{
    width: 25%;
    float: right;
}

#home-signweb-cate #cate-blogggg .news-blog-item{
    margin-bottom: 4%;
background: #fff;

box-shadow: 0 28px 16px -26px black;
color: #000;
text-align: justify;
transition: all 0.6s ease-in-out 0.1s;
}

#cate-blogggg .news-blog-item .lower-content{
    position: relative;
padding-top: 12px;
padding: 28px 30px 24px;
z-index: 1;
    font-size: 18px;
    line-height: 40px;
background-color: #fff;
transition: all .3s ease;
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
}
#cate-blogggg .news-blog-item .lower-content h3 a{
    color: #e4792a;
}
#cate-blogggg .news-blog-item .lower-content h3 a:hover{
    color: #000;
}

#cate-blogggg .news-blog-item .datesignweb{
    /*! width: 50%; */
    float: right;
     color: #e4792a;
    font-size: 17px;
}

#cate-blogggg .news-blog-item .day{

font-size: 42pt;
color: #e4792a;

display: block;
line-height: 1;
}




 #cate-blogggg .datebox{
    float: right;
    width: 24%;
     display: flex;
}
#cate-blogggg .postinfo{
    
    width: 100%;
    /*! display: flex; */
    /*! clear: both; */
    /*! background: red; */
}
    /***********************************************************************************

 *  - CATEGORY BLOG END

 ***********************************************************************************/
 
 
 
 
 
 
 
 
 
 
 
 
 
#blogRelated
{
    background:#eee;
    position:relative;
    overflow:hidden;
    margin-bottom:0;
    padding-bottom:50px;
    padding-top:50px
}

#blogRelated h3
{
    text-align:center;
    padding-bottom:15px;
   

}
#blogRelated .blogggcontent h3{
     font-size: 1.0rem;
}

#blogRelated .hmortabettt:after{
    border: 1px solid #fd5f16;
bottom: 20px;
content: "";
left: 0;
margin: 0 auto;
position: absolute;
width: 60px;
right: 0;
}

.blogreadted
{
    padding-left:30px;
    padding-right:0;
    width:320px;
    float:right;
    position:relative;
    background:#fff;
    margin:10px;
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:perspective(1px) translateZ(0);
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent;
    position:relative;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:transform;
    transition-property:transform;
    border:1px solid #e0e0e0;
    
}

.blogreadted:before
{
    pointer-events:none;
    position:absolute;
    z-index:-1;
    content:'';
    top:100%;
    left:5%;
    height:10px;
    width:90%;
    opacity:0;
    background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,0.35) 0%,transparent 80%);
    background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,transparent 80%);
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:transform,opacity;
    transition-property:transform,opacity
}

.blogreadted:hover,.blogreadted:focus,.blogreadted:active
{
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px)
}

.blogreadted:hover:before,.blogreadted:focus:before,.blogreadted:active:before
{
    opacity:1;
    -webkit-transform:translateY(5px);
    transform:translateY(5px)
}

.bloginfo
{
    float:right
}

.bloginfo li
{
    float:right
}



#cateeepicpro{
  background-repeat: no-repeat;
height: 200px !important;
border-bottom: 3px solid #69cb3a;
  width: 100%;
    padding-bottom: 39px;
}


#cateeepic img
{

    background-repeat:no-repeat;
    height:290px!important;
    


}

.cat-title{
    margin-top: -12%;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
        
}

h1,h2,h3,h4,h5,h6
{
   color: #e4792a;
     font-family:"titrsite" !important;
}

#home-signweb-text .normal-btn:before
{
    display:none
}
#home-signweb-text .titletextpage{
    font-size: 24px;
font-weight: 700;
margin-bottom: 5px;
margin-top: 0;
padding-bottom: 15px;
color: #272727;
position: relative;
}
#menubaghal{
    margin-right:-30px;
}
#home-signweb-text .titletextpage:after{
    content: '';
position: absolute;
width: 80px;
height: 2px;
bottom: 10px;
right:0;
background-color: #fac012;
}
#home-signweb-text .normal-btn
{
    padding:9px 35px!important
}

#home-signweb-text .post-text a
{
    color:orange;
    position:relative;
    display:inline-block;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    padding:1px 5px 2px
}

#home-signweb-text .post-text a:before
{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    width:0;
    height:2px;
    margin:0 auto;
    background-color:orange;
    opacity:1;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}

#home-signweb-text .post-text a:hover:before
{
    width:100%
}

#home-signweb-text .post-text
{
    margin-top:1%;
    font-size:1.2rem;
    line-height:35px
}





#home-signweb-text{
    background: #fff;
}

#home-signweb-text .post-text li
{
    list-style-type:none
}
#home-signweb-text .ctu-ulimate-style-1 .vc-tabs-li{
    font-family: rezaweb;
    font-size: 1.2rem;
}
#home-signweb-text .ctu-ulitate-style-1-tabs{
    text-align: right;
}
#home-signweb-text .post-text li:before
{
color: orange;
content: "\f0c8";
float: right;
font-family: "FontAwesome";
font-size: 10px;
padding-left: 15px;
}
#home-signweb-text .ctu-ulitate-style-1-tabs{
    float: right;
    width: 95%;
}
#home-signweb-text .ctu-ulimate-style-1 .vc-tabs-li.active{
    color: orange;
}
#home-signweb-text .aligncenter
{
  display: block; margin-left: auto; margin-right: auto}
}

#home-signweb-text .alignleft{
     float: left; margin: 0 1em 1em 0;
}

#home-signweb-text .tooltip:hover:before{
                border: solid;
                border-color: #fff transparent;
                border-width: 6px 6px 0 6px;
                bottom: 83px;
                content: "";
                left: 50%;
                position: absolute;
                z-index: 99;
              transform: translate(0%, -100%);
            }


#home-signweb-text .telhome .mobileee:before
{
    color:#359B11;
    content:"\e900"!important;
    float:right;
    font-family:"iconfont"!important;
    font-size:30px;
    padding-left:10px
}

#home-signweb-text .telhome .addsignweb:before
{
    color:#359B11;
    content:"\e902";
    float:right;
    font-family:"iconfont";
    font-size:30px;
    padding-left:8px
}

#home-signweb-text .telhome .telsignweb:before
{
    color:#359B11;
    content:"\e901"!important;
    float:right;
    font-family:"iconfont";
    font-size:30px;
    padding-left:10px
}

#home-signweb-text .post-titleeeee
{
    padding-top:2%;
    padding-right:2%;
    font-size:1.55rem;
    font-size:2rem;
    text-align:center;
    color:#333;
    position:relative;
    line-height:30px;
    height:58px;
    background: url(../images/divider.png) no-repeat bottom center;
}




.pulse
{
    position:absolute;
    margin-top:-50px;
    margin-left:-50px;
    -webkit-transform:rotateX(55deg);
    transform:rotateX(55deg)
}

.pulse::after
{
    display:block;
    width:100px;
    height:100px;
    content:'';
    -webkit-animation:pulsate 1s ease-out;
    animation:pulsate 1s ease-out;
    -webkit-animation-delay:1.1s;
    animation-delay:1.1s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    opacity:0;
    border-radius:50%;
    box-shadow:0 0 1px 2px rgba(0,0,0,0.5);
    box-shadow:0 0 6px 3px #953368
}

@-webkit-keyframes pulsate {
    0%
    {
        -webkit-transform:scale(0.1,0.1);
        transform:scale(0.1,0.1);
        opacity:0
    }
    
    50%
    {
        opacity:1
    }
    
    100%
    {
        -webkit-transform:scale(1.2,1.2);
        transform:scale(1.2,1.2);
        opacity:0
    }
}

@keyframes pulsate {
    0%
    {
        -webkit-transform:scale(0.1,0.1);
        transform:scale(0.1,0.1);
        opacity:0
    }
    
    50%
    {
        opacity:1
    }
    
    100%
    {
        -webkit-transform:scale(1.2,1.2);
        transform:scale(1.2,1.2);
        opacity:0
    }
}

.tags
{
    font-weight:300
}




.tags a
{
    color:#f93c11
}

.animations a
{
    line-height:42px;
    display:block;
    box-sizing:border-box;
    height:44px;
    margin:5px;
    padding:0 10px;
    text-decoration:none;
    color:#f93c11;
    border:2px solid #f93c11;
    border-radius:22px;
    -webkit-transition:background-color 0.3s,color .3s;
    transition:background-color 0.3s,color .3s
}

.animations a:hover
{
    color:#fff;
    background:#f93c11
}

.posttamas
{
    margin-top:20%
}

.hesperiden .tp-bullet:hover,.hesperiden .tp-bullet.selected
{
    background: #69cb3a !important;
}

.postbalasign
{
    background:url(../images/toptextsign.png)no-repeat center center;
    position:absolute;
    width:100%;
    height:200px;
    margin-top:9%;
    z-index:222
}

#home-signweb-gallery .post-titleeeee
{
    font-size:1.6rem;
    text-align:center;
    color:#333;
    position:relative;
    line-height:30px;
    height:58px;
    background:url(../images/divider5.png) no-repeat bottom center
}

.postbalasigndarbare
{
    background:url(../images/toptextsign.png)no-repeat center center;
    position:relative;
    width:100%;
    height:200px;
    margin-top:-10%;
    z-index:222
}


.imagedarbare img {
 height: 380px;
margin-top: 3%;
width: 100%;
}

#home-signweb-text .titrbloggggggg{

text-align: center;
color: #fff;
margin-top: -12%;
font-weight: bold;
font-size: 2.5rem;

    
}

.masirsite{
    background-color: #ddd;
padding: 0px 0;
}

 .breadcrumb li+li:before {
     content: "/";
     font-size: 16px;
     font-family: "FontAwesome";
     padding-left:10px;
     padding-right: 10px;
     color: #000;
     
     
    }

 .breadcrumbs li{
    padding: 5px;
    color: #000;
    font-size: 18px;
    
}

.breadcrumbs .current{
    text-shadow: none; 
    color: #39c6f5;
    font-size: 21px
}

 .breadcrumbs a{
    color: #000 !important;
        font-size: 18px;
     text-shadow: none !important;
    
}
#sidebar{
    width: 23%;
    float: right;
}
#sidebar .tamasbaghal{
    margin-bottom: 5%;
background: #071333;
padding: 5px;
    color:#fff;
}

#tamspageee .mobileee::before
{
    color:#2196F3 !important;
    content:"\e900" !important;
    float:right;
    font-family:"iconfont" !important;
    font-size:35px !important;
    padding-left:10px
}

#tamspageee .mailsignweb::before
{
    color:#2196F3;
    content:"\e903" !important;
    float:right;
    font-family:"iconfont" !important;
    font-size:35px !important;
    padding-left:10px
}

#posttamasdarbare{
    width: 75%;
    float: left;
}
#menubaghal li{
    margin-bottom: 5px;
border: 0;
background-color: #f7f7f7;
padding: 10px;
position: relative;
-webkit-transition: 0.5s;
transition: 0.5s;
    font-size: 18px;

vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}

#menubaghal li a{
    color: #000;
    display: block;
    position: relative;
-webkit-transition: 0.5s;
transition: 0.5s;
}
#menubaghal li:before{
    content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#menubaghal li:hover:before{
    -webkit-transform: scaleX(1);
transform: scaleX(1);
}
#menubaghal li a:hover{
    color: #fff;
}
#tamspageee .addsignweb::before
{
    color:#2196F3 !important;
    content:"\e902" !important;
    float:right;
    font-family:"iconfont" !important;
    font-size:35px !important;
    padding-left:10px
}
#tamspageee li{
    line-height: 60px
}


 /***********************************************************************************

 *  - TAMAS page GO

 ***********************************************************************************/

#home-signweb-pagetext{
    /*! margin-top: -16% */
}

#featured-title {
  margin-top: -10%;
}
#featured-title .inner-wrap {
     padding: 250px 0px 100px 0px;
}
#pro-singlesite #featured-title .main-title{
    font-family: Roboto,sans-serif !important;
}
#featured-title .main-title {
position: relative;
font-size: 2.5rem;
z-index: 1;

margin: 0;
color: #fff;
text-align: center;
}
#featured-title .main-title::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -30px;
    width: 60px;
    height: 3px;
    top: 60px;
    background-color: #e4792a;
}
#svgsite{
    margin-top: -11%;
}

#home-signweb-pagetext #loaccom{
    /*! padding-top: 2%; */
    -webkit-box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1), 0px 20px 10px -10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1), 0px 20px 10px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1), 0px 20px 10px -10px rgba(0, 0, 0, 0.2);
margin-bottom: 1%;
    position: relative;
    margin-top: 6%;
}

#home-signweb-pagetext #loaccom .infotamas{
    float: right;
    width: 45%;
    padding: 20px 20px 10px;
}



#home-signweb-pagetext #loaccom .map{
        float: left;
    width: 50%;
}
#home-signweb-pagetext #loaccom .tamas li{
    font-size: 20px !important;
}
#socaillll li{
    width: 10%;
    float: right;
    margin: 1%;
}
#socaillll-footer a{

  color:#fff;

  background: gold;

  border-radius:4px;

  text-align:center;

  text-decoration:none;

  font-family:fontawesome;

  position: relative;

  display: inline-block;

    width: 70px;

    height: 40px;

    padding-top: 22px;

    margin: 0 2px;

    -o-transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

    -webkit-font-smoothing: antialiased;

    font-size: 45px;

}



#socaillll-footer a{

 background: #e4792a;

}



#socaillll-footer a:hover{

    background: #1a53b9;

}



/* pop-up text */



#socaillll-footer{

      display: inline-block;

  



  -ms-transform:translate(-50%,-50%);

  -webkit-transform:translate(-50%,-50%);

  transform:translate(-50%,-50%);

    display: inline-block;

    -ms-transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    transform: translate(-113%,-3%);

margin-top: 3%;

position: absolute;

right: -116px;

  

    

}
#footer #socaillll-footer a:hover{
    color: #fff;
}
#footer #socaillll-footer {
    display: inline-block;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: inline-block;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-58%,-55%);
    margin-top: 3%;
    position: relative;
    right: -116px;
}

#socaillll-footer .footersocial{

display:none;

}



#socaillll-footer a span{

  color:#fff;

  position:absolute;

  font-family:sans-serif;

  bottom:25px;

  left:-25px;

  right:-25px;

  padding:5px 7px;

  z-index:-1;

  font-size:14px;

  border-radius:2px;

  background:#1a53b9;

  visibility:hidden;

  opacity:0;

  -o-transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);

  -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);

  -moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);

  transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);

  top: -70px;
  display: none;
}



/* pop-up text arrow */



#socaillll-footer a span:before {

  content:'';

  width: 0; 

  height: 0; 

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-top: 5px solid #1a53b9;

  position:absolute;

  bottom:-34px;

  left:40px;

}



/* text pops up when icon is in hover state */



#socaillll-footer a:hover span {

  bottom:53px;

  visibility:visible;

  opacity:1;

}



/* font awesome icons */



#socaillll-footer a:nth-of-type(1):before {

content:'\f1d8';

}

#socaillll-footer a:nth-of-type(2):before {

 content: "\f16d";

}

#socaillll-footer a:nth-of-type(3):before {

content:'\f232';

}

 /***********************************************************************************

 *  - PAGE TEXT go

 ***********************************************************************************/
#home-signweb-textpage .boxtext{
    float: right;
    width: 40%;
    line-height: 40px;
    font-size: 15px;
    
}

#home-signweb-textpage .boxtext .titr1{
    color: #e4792a;
    font-size: 25px;
}
#home-signweb-textpage .boxtext .titr1:before{
    font-family: "fonticonn";
content: "\e90e";
font-size:50px;
color: #e4792a;
float: right;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
padding-left: 15px;
}
#home-signweb-textpage .boxpic
{
      float: left;
    width: 45%;
}
#home-signweb-textpage .boxprooo{
    margin-top: 5%;
    padding: 2%;
    -webkit-box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1), 0px 20px 10px -10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1), 0px 20px 10px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1), 0px 20px 10px -10px rgba(0, 0, 0, 0.2);
    width: 71%;
}
#home-signweb-textpage .boxpic img{
    -webkit-box-shadow: 0 0 2px 0 rgba(0,1,1,.3),0 35px 30px -15px rgba(0,1,1,.3);
-moz-box-shadow: 0 0 2px 0 rgba(0,1,1,.3),0 35px 30px -15px rgba(0,1,1,.3);
box-shadow: 0 0 2px 0 rgba(0,1,1,.3),0 35px 30px -15px rgba(0,1,1,.3);
    width: 100%;
}
#home-signweb-textpage .texttitrrr{
font-size: 1.5rem;
font-weight: bold;
text-align: center;
position: relative;

padding-top: 3%;
}
#home-signweb-textpage .beforesignweb{
   display: block;
    line-height: 0px;
    
}
#home-signweb-textpage .beforesignweb:before{
    font-family: "fonticonn";
content: "\e90e";
font-size:60px;
color: #e4792a;
text-align: center;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
padding-left: 5px;
}
#home-signweb-textpage .post-text{
    padding-top: 5%;
font-size: 18px;
line-height: 40px;
}
#cateeeee #home-signweb-cate{
    margin-top: 0%;
}
/***********************************************************************************
 *  -                             BLOG RATED GO
 ***********************************************************************************/
    
.relatedposts {width: 100%;
    margin: 0px 0 20px 0;
    float: right;
    font-size: 18px;
    background: #eee;
    padding-top: 1%;
    
}
.relatedposts h3 {
    font-size: 20px;
    margin: 10px 0 25px 0;
    
    text-align: center;
}
.relatedposts h3 a{
    color: #000;
    
}


.relatedthumb {margin: 0 1px 0 1px;
    float: right;
   position: relative;
overflow: hidden;
padding-bottom: 45px;
border: 1px solid #eef2ed;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
    margin-bottom: 5%;
    transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1), 0px 20px 10px -10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1), 0px 20px 10px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1), 0px 20px 10px -10px rgba(0, 0, 0, 0.2);
background: #fff;
}
.relatedposts li{
  list-style-type:none;
}

.relatedthumb img {
    margin: 0 0 3px 0
     padding: 0px ;
    width: 100%;
}
.relatedthumb a {color :#333; 
    text-decoration: none; 
    display:block; 
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    
    
}
.relatedthumb a:hover {
    color :#1a53b9; 

    
    
}
.titlerated{
    padding-top: 15px;
}
.relatedthumb:hover .titlerated{
    color: #04397f;
    
}

.relatedposts .timeblog:before{
    content: "\f073";
    font-family: 'FontAwesome';
    float: right;
    font-size: 18px;
    padding-left: 15px;
     padding-right: 15px;
    color: #8a8a8a;
    font-size: 16px;
}

.relatedposts .timeblog{
    color: #8a8a8a;
    font-size: 13px
}

.relatedthumb:hover {

box-shadow: 0px 0px 30px rgba(0,0,0,0.10);
}
/***********************************************************************************
 *  -                             Tags GO
 ***********************************************************************************/
 
 #tagssidebar h3{
    color: #fff;
    text-align: center;
}
 
#tagssidebar{
    background: #071333;
    padding: 15px;
    margin-top:5%;
}
#tagssidebar a{
    color: #758799 !important;
background-color: #ffffff;
    padding: 10px;
    line-height: 55px;
    width: 100%;
}
#tagssidebar a:hover{
   color: #fff !important;
background-color: #39c6f5;
}

#tagspost{
    padding: 15px 0px 15px 0px;
}
#tagspost a{
    color: #fff !important;
background-color: #082b4c;
    padding: 10px;
    font-size:13px;
    margin: 0px 5px 0px 5px;
   
}
#tagspost a:hover{
   color: #fff !important;
background-color: #39c6f5;
}
 /***********************************************************************************
 *  -                             COMMENT GO
 ***********************************************************************************/
 #comments {

    border-radius: 3px;
    height: auto;
    margin-bottom: 15px;
    padding: 8px 1%;
    width: 98%;
}
#commentform {
    height: auto;
    margin: 30px auto 0;
    width: 95%;
}

#comments .google-recaptcha-container {
    display: block;

    width: 50%;
    float: right;
}
.right-commentss {
    float: right;
    height: auto;
    margin: 0 auto;
    width: 45.2%;
}
.comment-form-comment, textarea#comment {
    float: left;
    height: auto;
    margin: 0 auto;
    width: 49.2%;
    margin-top: -19%;
}
#comments input#author, #comments input#email, #comments input#url {
    background: #f3f3f3;
    float: right;
    font-size: 12px;
    height: 30px;
    margin: 7px 0;
    text-indent: 15px;
    width: 100%;
    border-radius: 3px;
    font-family: rezaweb;
}

.comment-form-comment textarea#comment {
    background-color: #fff;
   font-family: rezaweb;
    font-size: 12px;
    height: 105px;
    padding: 5px 1%;
    position: relative;
    text-align: justify !important;
    width: 98%;
    border-radius: 3px;
}
#comments input#author, #comments input#email, #comments input#url, #comments textarea#comment{
    background-color: #fff;
        border: 1px solid #39c6f559;
    color: #000;
    margin: 0 0 7px;
    transition: border 0.5s ease 0s;
}

#comments input#author:focus, #comments input#email:focus, #comments input#url:focus , #comments textarea#comment:focus
{
    border: 1px solid #39c6f5;
-webkit-transition: all 0.15s linear;
transition: all 0.15s linear;
}

.form-submit #submit{
    background: #39c6f5;
    border: 1px solid #39c6f5;
    clear: both;
    color: #fff;
    cursor: pointer;
    display: block;
   font-family: rezaweb;
    font-size: 14px;
    height: 30px;
    margin: 0 auto !important;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.form-submit #submit:hover{
    color: #fff;
    transition: all 0.5s ease 0s;
    background:#071333 ;
    
    border: 1px solid #071333;
}
.bypostauthor {
    border: 2px solid #F39C12 !important;
}
.comment-content {
    float: left;
    font-size: 12px;
    height: auto;
    margin: 5px 2.5% !important;
    position: relative;
    text-align: justify;
    width: 95%;
font-family: tahoma,sans-serif;
}
.comment-author {
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    width: 35%;
}
.commentlist li {
    background: #fafafa;
    font-size: 12px;
    height: auto;
    margin: 10px auto;
    width: 95%;
}
#reply-title {
      font-family: rezaweb;
    font-size: 13px;
    margin: 10px 20px;
}
.comment-date {
    float: left;
    line-height: 30px;
    margin-left: 10px;
font-family: rezaweb;
font-size: 11px;
}
.br-com {
    height: 4px !important;
    width: 100%;
}
.avatar {
    border: 1px solid #fff;
    float: right;
    margin: 0 0.8% 0 0;
    padding: 3px;
}
.comment-author {
    margin: 5px 0;
    width: 95%;
}
.fn {
    line-height: 30px;
    margin-right: 10px;
}
.fn a {
    color: #505050;
}
.comment-replay a {
    background-color: #03C8FA;
    color: #fff;
    display: block;
    float: left;
    height: 22px;
    line-height: 21px;
    margin: 0;
    text-align: center;
    width: 65px;
}

.comment-replay a:hover {background: #e54c3c;}
#commentnotes {font-size: 10px;}
.comment .depth-2, .comment .depth-3, .comment .depth-4, .comment .depth-5 {
    background: #f1f3f3 none repeat scroll 0 0;
    border: 1px solid #fff;
    margin-top: 20px;
}
.comment-title {
    font-size: 14px;
    padding: 5px 15px;
    display: block;
}
.aligncenter{
    display: block; margin-left: auto; margin-right: auto
}
.wp-caption{
    text-align: center;
}

 /***********************************************************************************
 *  -                            TAGPAGE & 404 GO
 ***********************************************************************************/
#cate-taggg .default-service-column{
    width: 47%;
}
#cate-404 .recent-post {
    margin: 0 5px 0 5px;
    float: right;
   position: relative;
overflow: hidden;
padding-bottom: 45px;
border: 1px solid #eef2ed;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
    
}

#cate-404 .recent-post img{ 
    margin: 0 0 3px 0
     padding: 0px ;
    width: 100%;
}
#cate-404 .recent-post a {color :#333; 
    text-decoration: none; 
    display:block; 
    text-align: center;
    
    
}
.titlerated{
    padding-top: 15px;
}
.relatedthumb:hover .titlerated{
    color: #04397f;
    
}

#cate-404 .recent_date:before{
    content: "\f073";
    font-family: 'FontAwesome';
    float: right;
    font-size: 18px;
    padding-left: 15px;
     padding-right: 15px;
    color: #8a8a8a;
    font-size: 16px;
}

.relatedposts .timeblog{
    color: #8a8a8a;
    font-size: 13px
}

#cate-404 .recent-post:hover {

box-shadow: 0px 0px 30px rgba(0,0,0,0.10);
}
#cate-404 .text{
    padding: 15px;
    text-align: justify;
}

#cate-404 h3{
    text-align: center
}

 /***********************************************************************************
 *  -                          Single & category Proudut
 ***********************************************************************************/
 th {
background:#e4792a;
  color: #fff;
  font-weight: bold;
  padding: 10px 15px;
  position: relative;
  text-shadow: 0 1px 0 #000;  
  border:1px solid #fff;
}

th {
background: #e4792a ; 
border: 1px solid #fff;
  color: #fff;
  font-weight: bold;
  padding: 10px 15px;
  position: relative;
  text-shadow: 0 1px 0 #000;  
}

th:after {
  background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));
  content: '';
  display: block;
  height: 25%;
  left: 0;
  margin: 1px 0 0 0;
  position: absolute;
  top: 25%;
  width: 100%;
}

th:first-child {
  border-left: 1px solid #777;  
  box-shadow: inset 1px 1px 0 #999;
}

th:last-child {
  box-shadow: inset -1px 1px 0 #999;
}

td {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  padding: 10px 15px;
  position: relative;
  transition: all 300ms;
 text-align:center;
}

td:first-child {
  box-shadow: inset 1px 0 0 #fff;
} 

td:last-child {
  border-right: 1px solid #e8e8e8;
  box-shadow: inset -1px 0 0 #fff;
} 

tr {
   
}
table{
    direction: rtl !important;
      border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}
table .head td{
    background:#e4792a !important;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}
tr:nth-child(odd) td {
  background: #f1f1f1;
}

tr:last-of-type td {
  box-shadow: inset 0 -1px 0 #fff; 
}

tr:last-of-type td:first-child {
  box-shadow: inset 1px -1px 0 #fff;
} 

tr:last-of-type td:last-child {
  box-shadow: inset -1px -1px 0 #fff;
} 

.jadvalll table td:hover{

color: #333;
font-weight: 700;
box-shadow: #E93301  -0 0px,#E93301  -1px 1px,#E93301  -2px 2px,#E93301  -3px 3px,#E93301  -4px 4px,#E93301  -4px 4px;
transform: translate3d(5px,-6px,0);
transition-delay: 0s;
transition-duration: .4s;
transition-property: all;
transition-timing-function: line;
text-align: center;
}
table{
    direction: ltr;
}
#pic #jadvallpro {
clear: both;
    font-size: 13px;
   
}