body {
    font-family: IRANSansWeb_Medium;
    margin: 0 !important;
    padding: 0 !important;
}

h3, h4 {
    text-align: center;
}

p {
    font-family: inherit;
    font-size: 14px;
    color: rgb(60,60,60);
    text-align: right;
    text-align: justify;
    padding: 5px 10px;
    line-height: 2em;
}

.container-fluid, .container, .row {
    padding: 0px !important;
    margin: 0 !important;
}


.top-bar {
    width: 100%;
    padding: 5px 0;
    height: 60px;
    background-color: white;
}

.logotop {
    width: 100%;
    height: 7em;
    background-image: url(../Images/logotop.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    float: right;
}
.logobottom {
    width: 100%;
    height: 10em;
    background-image: url(../Images/logobottom.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    float: right;
}

    .logotop h1 {
        text-indent: -999999999px;
        right: 200%;
    }

/* Top social */



@media (max-width: 1000px) {

    .top-social ul {
        margin-top: 10px;
    }
}

.top-social ul {
    list-style: none;
}


    .top-social ul li {
        display: inline-block;
        padding: 0 !important;
        margin: 0 !important;
    }

        .top-social ul li a i {
            display: inline-block;
            width: 1.8em;
            height: 1.8em;
            border-radius: 50%;
            padding: 5px !important;
            border: 1px solid rgb(20, 16, 150);
            color: rgb(20, 16, 150);
            margin-right: 15px;
            margin-top: 1.5em !important;
            font-size: 18px;
            text-align: center;
            -webkit-transition: 400ms;
            -moz-transition: 400ms;
            -o-transition: 400ms;
            transition: 400ms;
            float: left;
        }

            .top-social ul li a i:hover {
                color: #fff;
            }

            .top-social ul li a i.fa-rss:hover {
                background: #faaa5e;
                border-color: #faaa5e;
            }

            .top-social ul li a i.fa-facebook:hover {
                background: #677fb5;
                border-color: #677fb5;
            }

            .top-social ul li a i.fa-twitter:hover {
                background: #70c2e9;
                border-color: #70c2e9;
            }

            .top-social ul li a i.fa-google-plus:hover {
                background: #c53942;
                border-color: #c53942;
            }

            .top-social ul li a i.fa-pinterest:hover {
                background: #d8545d;
                border-color: #d8545d;
            }

            .top-social ul li a i.fa-linkedin:hover {
                background: #3daccf;
                border-color: #3daccf;
            }

            .top-social ul li a i.fa-instagram:hover {
                background: #00ffee;
                border-color: #00ffee;
            }



.site-nav-inner {
    position: absolute;
    top: -1em;
    width: 76%;
    right: 12%;
    height: 50px;
    z-index: 9;
    background-color: #112558;
}

.navbar-fixed {
    z-index: 9999;
    opacity: 1 !important;
    width: 100% !important;
    position: fixed !important;
    top: 0.2em;
    -webkit-animation: fadeInDown 800ms;
    -moz-animation: fadeInDown 800ms;
    -o-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}




.navbar {
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
}

.navbar-toggle {
    float: left !important;
   
    border-radius: 0;
    background: #112558;
}

    .navbar-toggle .icon-bar {
        background: #fff;
    }

    .navbar-toggle .i-bar {
        background: #fff;
    }

ul.navbar-nav {
    width: 100%;
}


    ul.navbar-nav > li:hover > a {
      background-color:transparent;
        position: relative;
    }


ul.navbar-nav > li {
    padding: 0px 9px 5px 9px;
    position: relative;
}


ul.navbar-nav > li {
    padding: 0px 9px 5px 9px;
    position: relative;
}

    ul.navbar-nav > li:last-child {
        padding-right: 15px;
        margin-right: 0;
    }



.nav .open > a, .nav .open > a:hover,
.nav .open > a:focus {
    background: transparent;
    border: 0;
}



.navbar-nav > li > a {
    color: white;
    font-size: 14px !important;
    font-weight: 100;
    top: 0em;
}

    .navbar-nav > li > a:hover,a:active {
        background-color: transparent;
        color: #ff9900 !important;
    }
.dropdown-menu > li > a:hover, a:active {
    background-color: #1a2c59;
    color: #ff9900 !important;
}




div.slidebox {
    position: absolute;
    top: 35em;
    right: 20%;
    z-index: 12;
    width: 60%;
    height: auto;
    background-color: white;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 5px 5px 10px 10px rgba(100,100,100,0.5);
}

div.innerbox {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0em;
    right: 0%;
    left: 0%;
    background-color: white;
    box-shadow: -5px 5px 10px 10px rgba(100,100,100,0.5);
}

.boxtop {
    display: inline-block;
    width: 90%;
    height: auto;
    background-color: #112558;
    margin: 0.8em auto;
    text-decoration: none;
}

    .boxtop h2 {
        font-size: 16px;
        font-family: inherit;
        color: white;
        text-align: center;
        padding: 5px 0;
    }





.draw {
    width: 80%;
    height: auto;
    background: none;
    /* border: 5px solid white; */
    box-sizing: border-box;
    margin: 0.6em auto;
    box-shadow: inset 0 0 0 4px #fff;
    color: #112558;
    font-size: inherit;
    position: relative;
    vertical-align: middle;
}

    .draw::before, .draw::after {
        box-sizing: inherit;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
    }
.dropdown-menu {
    width: 100px;
    padding-right: 0px !important;
}

.dropdown-menu {
    display: none;
    list-style: none;
    width: 300px;
    background: #112558;
    border-top: solid 2px #ff9900;
    margin-top: -2px;
}


    .dropdown-menu > li > a {
        width: 100%;
        display: block;
        padding-right: 15px;
        padding: 15px;
        color: #fff;
    }

a {
    color: white;
    text-decoration: none;
}

.draw {
    transition: color 0.5s
}

    .draw:hover p {
        transition-duration: 0.5s;
        font-size: 16px;
    }

    .draw::before, .draw::after {
        border: 5px solid transparent;
        width: 0;
        height: 0;
    }

    .draw::before {
        top: 0;
        left: 0;
    }

    .draw::after {
        bottom: 0;
        right: 0;
    }

    .draw:hover {
        color: #0101ff;
    }

        .draw:hover::before, .draw:hover::after {
            width: 100%;
            height: 100%;
        }

        .draw:hover::before {
            border-top-color: rgb(255, 89, 13);
            border-right-color: rgb(230, 89, 13);
            transition: width 1s ease-out, height 1s ease-out 15s;
        }

        .draw:hover::after {
            border-bottom-color: rgb(200, 89, 13);
            border-left-color: rgb(170, 89, 13);
            transition: border-color 1s ease-out 1s, width 1s ease-out 1s, height 1s ease-out 15s;
        }

div.draw {
    isolation: isolate;
}









.draw p {
    color: white;
    font-size: 14px;
    text-align: center;
    font-family: inherit;
    padding: 5px !important;
}

.picbox {
    width: 90%;
    height: 70px;
    margin: 5%;
    position: relative;
    top: 0.4em;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

    .picbox:hover {
    }

.picbox1 {
    background-image: url('../images/ایرانترانسفو.png');
}

.picbox2 {
    background-image: url('../images/یراق آلات.png');
}

.picbox3 {
    background-image: url(../images/گالوانیزه.png);
}

.picbox4 {
    background-image: url(../images/پیمانکاری.png);
}

div.tower {
    width: 100%;
    height: 280px;
    background-image: url('../images/دکل برق.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

div.towerpepole {
    width: 100%;
    height: 280px;
    background-image: url('../images/ترانس.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.botttomshadow1 {
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to top,rgba(130,130,130,0.5),rgba(130,130,130,0.5));
    box-shadow: 0 -5px 15px 3px rgba(130,130,130,0.5);
}

.botttomshadow2 {
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to bottom,rgba(130,130,130,0.5),rgba(130,130,130,0.5));
    box-shadow: 0 +5px 15px 3px rgba(130,130,130,0.5);
}

.thumbnail {
    border: none !important;
}

.box {
    width: 100%;
    height: auto;
    background-color: #112558;
    border: 1px solid lightgray;
    margin: 1em 0;
}

.boxpic {
    width: 100%;
    height: 135px;
    background-position: center;
    background-size: cover;
    padding: 5px 0;
}

.pic1 {
    background-image: url('../images/نمایندگی ایرانترانسفو.png');
}

.pic2 {
    background-image: url(../images/آهنگری.jpg);
}

.pic3 {
    background-image: url(../images/گالوانیزه.jpg);
}

.pic4 {
    background-image: url(../images/پیمانگاری.jpg);
}

.box h3, .box p {
    color: white;
}
    .box h3
    {
        font-size:18px;
    }

    .btn {
        display: inline-block;
        width: 80%;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        margin: 1em 0;
        margin-right: 10%;
        height: 35px;
        background-color: white;
        color: rgb(100,100,100);
    }

    .btn:hover {
        color: #ff9900 !important;
    }

.thumbnail > img {
    height: 150px !important;
    width:80%;
    margin-right:10%;
}



.carousel-control {
    color: white;
    text-shadow: 0 1px 2px #0101ff !important;
    opacity: 1 !important;
}

    .carousel-control:hover {
        color: #0101ff;
    }

.left {
    background-image: linear-gradient(to right, rgba(45, 45, 200, 0.61) 0%, rgba(0, 0, 100, 0.0001) 100%) !important;
}

.right {
    background-image: linear-gradient(to left, rgba(45, 45, 200, 0.61) 0%, rgba(0, 0, 100, 0.0001) 100%) !important;
}

.left2 {
    background-image: none !important;
    left: -85px;
    right: auto;
    color: gray;
}

.right2 {
    background-image: none !important;
    right: -85px;
    left: auto;
    color: gray;
}



div.gray-box {
    width: 100% !important;
    background-color: #e7ecf0;
    height: auto;
    overflow: auto;
    padding: 10px;
    margin-top: 2em;
    padding-bottom: 30px;
    margin-bottom: 30px;
    box-shadow: 0 0 5px #c0cbd6;
}

p.contactheader1 {
    text-align: right;
    margin-top: 25px;
    color: #112558;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 1.5em;
  
   
}

p.contactheader2 {
    text-align: right;
    margin-top: 25px;
    color: black;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 1em;
}

i.style {
    font-size: 22px;
    margin: 0 10px;
    color: #0101ff;
}

input {
    width: 80%;
    margin: 5px 10%;
    height: 40px;
    border-radius: 25px;
    border: 1px solid gray;
    padding: 5px;
}

.btninp {
    width: 50%;
    height: 40px;
    margin: 5px 25%;
    border-radius: 25px;
    background-image: linear-gradient(to left,#112558,blue);
    color: white;
}

div.footer {
    width: 100%;
    height: auto;
    background-color: #122044;
    background-position:right;
    background-size: cover;
    background-repeat: no-repeat
}
.footerA
{
    color:white;
    display:block!important;
    padding:2% 0;
}
    .footerA:hover {
        color: #ff9900;
        text-decoration: none;
    }
div.copyright {
    width: 100%;
    height: 40px;
    background-color: #112558;
   
}
    div.copyright p {
        color: white;
        text-align:center;
    }


div.about {
    width: 100%;
    height: 50px;
    background-color: rgb(20, 16, 90);
    
    margin: 1em 0;
}

    div.about::before {
        content: "";
        border-width: 20px;
        border-top: 25px solid rgb(20, 16, 80);
        border-left: 25px solid transparent;
        border-bottom: 25px solid rgb(20, 16, 80);
        border-right: 25px solid rgb(20, 16, 80);
        position: absolute;
        top: 27px;
        left: -35px;
    }

    div.about::after {
        content: "";
        border-width: 20px;
        border-top: 25px solid rgb(20, 16, 80);
        border-right: 25px solid transparent;
        border-bottom: 25px solid rgb(20, 16, 80);
        border-left: 25px solid rgb(20, 16, 80);
        position: absolute;
        top: 27px;
        right: -35px;
    }

    div.about h2 {
        color: white;
        font-family: inherit;
        font-size: 22px;
        text-align: center;
        padding: 5% 0;
    }

div.boxinner {
    width: 100%;
    height: auto;
    padding: 1em 0;
}

    div.boxinner p {
        padding: 1em;
        color: rgb(100,100,100);
        box-shadow: 3px 3px 10px 1px rgba(100,100,100,0.3);
    }

div.aboutpic {
    width: 100%;
    height: 270px;
    background-image: url('../images/about us.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 4em;
}
div.transbox{
    width:90%;
    margin:1em 5% 1em 0!important;
    height:auto;
    box-shadow:1px 1px 3px 3px rgba(100,100,100,0.2) ;
    
}
.transbtn {
    width: 50%;
    height: 35px;
    margin: 5px 25%;
    border-radius: 25px;
    background-color: #122044;
    color: white;
    margin-bottom:0.5em;
}
    div.transbox p{
        text-align:center;
        font-size:16px;
        margin:0!important;
        
    }
    
    div.trans {
        width: 100%;
        height: 220px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
div.trans1{
    background-image:url('../images/trans/ترانس روغنی.jpg');
}
div.trans2 {
    background-image: url('../images/trans/ترانس خشک.jpg');
}
div.trans3 {
    background-image: url('../images/trans/ترانس هرمتیک .jpg');
}

div.fittings {
    width: 100%;
    height: 220px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

div.fittings1 {
    background-image: url('../images/fittings/یراق آلات خطوط توزیع نیرو.jpg');
}
div.fittings2 {
    background-image: url('../images/fittings/post/یراق آلات پست های فشار قوی.png');
}
div.fittings3 {
    background-image: url('../images/fittings/post/یراق آلات شبکه های توزیع.png');
}

.contractings {
    width: 100%;
    height: 320px;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}
.contractings1{
    background-image:url('../images/distribution/شبکه توزیع برق.jpg');
                  }
.contractings2 {
    background-image: url('../images/lighting/1.jpg');
}

.front,.back {
    background-size: cover;
    background-position: center;
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
  height:auto!important;
   
}

.back {
    position: absolute;
    top: 0.5em;
    background-color: #112558;
    width: 95%;
    height: 95% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.front:after {
    
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: .6;
    background-color: transparent ;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 10px;
}






.container-fluid .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.container-fluid .front {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hoverbox:hover .back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hoverbox:hover .front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

div.historypic {
    width: 100%;
    height: 250px;
    background-image: url('../images/galvanize/گالوانیزه در تبریز.jpg');
    background-size: cover;
    background-repeat: no-repeat;
   
    border-radius:5px;
}



div.hotpic{
    width:100%;
    height:300px;
    background-image:url('../images/galvanize/گالوانیزه گرم در تبریز.png');
    background-size:cover;
    background-repeat:no-repeat;
    margin-bottom:6em;
    border-radius:5px;
}

div.lightingPic {
    width: 100%;
    height: 300px;
    background-image: url('../images/lighting/Lighting.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.fittingPic1 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/Shackle.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.fittingPic2 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/eye-balljpg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.fittingPic3 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/ballclevise.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.fittingPic4 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/eyesocket.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.fittingPic5 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/socketclevise.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.fittingPic6 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/yokeplate.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.fittingPic7 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/turnbuckle.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.fittingPic8 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/extentionlinks.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.fittingPic9 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/arcingcoronaring.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.fittingPic10 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/suspension.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.fittingPic11 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/dead-endclamp.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.fittingPic12 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/stockbridge.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.fittingPic13 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/spacer.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.fittingPic14 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/armourrod.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.fittingPic15 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/parallelgroove.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.fittingPic16 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/warning ball.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.fittingPic17{
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/earthingwire.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.HfittingPic1{
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/post/t-connector.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.HfittingPic2 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/post/supports.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.HfittingPic3 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/post/terminal.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.HfittingPic4 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/post/expansions.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.HfittingPic5 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/post/coupler.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.HfittingPic6 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/post/earthingPoint.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.HfittingPic7 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/post/endcap.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.HfittingPic8 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/post/spacer.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
div.HfittingPic9 {
    width: 100%;
    height: 180px;
    background-image: url('../images/fittings/post/parallel.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    border-radius: 10px;
}
.modal {
    background-color: rgba(0,0,0,0.7);
}
 .modal-dialog {
   width: 90% !important;
   right: 0% !important;
   top:3em;
  
    }
.irantransfoTrans
{width:100%;
 height:580px;
 background-position:center;
 background-size:contain;
 background-repeat:no-repeat;

 margin-bottom:2em;


}
    .irantransfoTrans:hover {
        transform: scale(1.3);
        transition: all .7s;
        z-index:99999999999999999999999;
        
    }
.transR1 {
    background-image: url('../images/irantransfo/roghani/aa.JPG');
}
.transR2{
    background-image: url('../images/irantransfo/roghani/Image0001.JPG');
}
.transR3 {
    background-image: url('../images/irantransfo/roghani/Image1.jpg');
}
.transK1 {
        background-image: url('../images/irantransfo/khoshk/Image0017.JPG');
        padding:0 1em;
    }
.transK2 {
    background-image: url('../images/irantransfo/khoshk/Image0018.JPG');

}
.transK3 {
    background-image: url('../images/irantransfo/khoshk/Image0019.JPG');
}
.transK4 {
    background-image: url('../images/irantransfo/khoshk/Image0020.JPG');
}
.transK5 {
    background-image: url('../images/irantransfo/khoshk/Image0021.JPG');
}
.transK6 {
    background-image: url('../images/irantransfo/khoshk/Image0022.JPG');
}
.transK7 {
    background-image: url('../images/irantransfo/khoshk/Image0023.JPG');
}
.transK8 {
    background-image: url('../images/irantransfo/khoshk/Image0024.JPG');
}
.transK9 {
    background-image: url('../images/irantransfo/khoshk/Image0025.JPG');
}
.transK10 {
    background-image: url('../images/irantransfo/khoshk/Image0026.JPG');
}
.transK11 {
    background-image: url('../images/irantransfo/khoshk/Image0027.JPG');
}
.transK12 {
    background-image: url('../images/irantransfo/khoshk/Image0028.JPG');
}
.transH1 {
    background-image: url('../images/irantransfo/hermetic/Image0002.JPG');
}
.transH2 {
    background-image: url('../images/irantransfo/hermetic/Image0004.JPG');
}
.transH3 {
    background-image: url('../images/irantransfo/hermetic/Image0005.JPG');
}
.transH4 {
    background-image: url('../images/irantransfo/hermetic/Image0006.JPG');
}
.transH5 {
    background-image: url('../images/irantransfo/hermetic/Image0007.JPG');
}
.transH6 {
    background-image: url('../images/irantransfo/hermetic/Image0008.JPG');
}
.transH7 {
    background-image: url('../images/irantransfo/hermetic/Image0009.JPG');
}
.transH8 {
    background-image: url('../images/irantransfo/hermetic/Image0010.JPG');
}
.transH9 {
    background-image: url('../images/irantransfo/hermetic/Image0011.JPG');
}
.transH10 {
    background-image: url('../images/irantransfo/hermetic/Image00012.JPG');
}
.transH11 {
    background-image: url('../images/irantransfo/hermetic/Image00013.JPG');
}
.transH12 {
    background-image: url('../images/irantransfo/hermetic/Image0014.JPG');
}
.distribution
{
    width:100%;
    height:250px;
    background-position:center;
    background-size:cover;
}
div.distributionPic {
    width: 100%;
    height:200px;
    background-image: url('../images/distribution/ImageViewEditor-1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
}
.post {
    width: 100%;
    height: 200px;
    background-position: center;
    background-size: cover;
}
.distribution1 {
    background-image: url('../images/distribution/zamini/پست توزیع برق زمینی2.JPG');
}
.distribution2 {
    background-image: url('../images/distribution/havayi/پست توزیع هوایی 3.jpg');
}
.distribution3 {
    background-image: url('../images/distribution/khotut/1957942.jpg');
    background-position:top;
}
.zamini1{
    background-image:url('../images/distribution/zamini/پست توزیع برق زمینی1.jpg');

}
.zamini2{
    background-image: url('../images/distribution/zamini/پست توزیع برق زمینی2.JPG');
}
.zamini3 {
    background-image: url('../images/distribution/zamini/پست توزیع زمینی.jpg');
}
.havayi1 {
    background-image: url('../images/distribution/havayi/پست توزیع هوایی 1.jpg');
}
.havayi2 {
    background-image: url('../images/distribution/havayi/پست توزیع هوایی 2.jpg');
}
.havayi3 {
    background-image: url('../images/distribution/havayi/پست توزیع هوایی 3.jpg');
}
.galvanizePic
{
    width:100%;
    height:220px;
    background-size:cover;
    background-position:center;

    margin:1em;
    box-shadow:1px 1px  gray;
}


    .galvanizePic:hover {
        transform: scale(1.08);
        -webkit-transition: 0.4s ease;
        transition: 0.4s ease;
       
    }

    
 .galvanizePic1 {
        background-image: url('../images/galvanize/galvanizeProduct/TabrizGalvanization.jpg');
       
    }
.galvanizePic2 {
    background-image: url('../images/galvanize/galvanizeProduct/گالوانیزه در تبریز.jpg');
}

.galvanizePic3 {
    
    background-image: url('../images/galvanize/galvanizeProduct/محصولات گالوانیزه.jpg');
}
.galvanizePic4 {
    background-image: url('../images/galvanize/galvanizeProduct/نبش گالوانیزه در تبریز.jpg');
}
.galvanizePic5{
    background-image: url('../images/galvanize/galvanizeProduct/گالوانیزه تبریز.jpg');
}

.galvanizePic6 {
    background-size: contain;
    background-image: url('../images/slide/خدمات گالوانیزه گرم در تبریز.jpg');
}


.galvanizeline1 {
    background-image: url('../images/galvanize/lineproductGalvanization//گالوانیزه لوله تولید.JPG');
}
.galvanizeline2 {
    background-image: url('../images/galvanize/lineproductGalvanization/خط تولید گالوانیزه.JPG');
}
.galvanizeline3 {
    background-image: url('../images/galvanize/lineproductGalvanization/خط تولید.JPG');
}
.galvanizeline4 {
    background-image: url('../images/galvanize/lineproductGalvanization/لوله گالوانیزه.JPG');
}
.galvanizeline5 {
    background-image: url('../images/galvanize/lineproductGalvanization/گالوانیزه در تبریز.JPG');
}
.galvanizeline6 {
    background-image: url('../images/galvanize/lineproductGalvanization/گالوانیزه.JPG');
}

@media (max-width: 3840px) {
    img .height {
        width: 100%;
        height: 1800px !important;
    }

    div.slidebox {
        top: 1700px !important;
    }



    .pic1 {
        background-size: contain !important;
    }

    .site-nav-inner {
        height: 80px !important;
    }

    .nav {
        padding: 15px 0;
    }

    .picbox {
        height: 130px;
    }
}



@media (max-width: 3440px) {


    img.height {
        width: 100%;
        height: 1300px !important;
    }

    div.slidebox {
        top: 1200px !important;
    }

   
    .pic1 {
        background-size: contain !important;
    }

    .site-nav-inner {
        height: 80px !important;
    }

    .nav {
        padding: 15px 0;
    }

    .picbox {
        height: 130px;
    }
}

@media (max-width: 1920px) {


    img.height {
        width: 100%;
        height: 950px !important;
    }


    .picbox {
        height: 130px !important;
    }


    div.slidebox {
        top: 61em!important;
    }

}



@media (max-width: 1600px){


    img.height {
        width: 1600px !important;
        height: 650px !important;
    }


    .picbox {
        height: 130px !important;
    }


    div.slidebox {
        top: 40em !important;
    }

   
    .site-nav-inner
    {
        height:50px!important;

    }
    .nav{
        padding:5px 0!important;
    }
}
@media (max-width: 1366px) {


    img.height {
        width: 100%!important;
        height: 500px !important;
    }


    .picbox {
        height: 85px !important;
    }


    div.slidebox {
        top:32em !important;
    }

  
}

@media (max-width: 1280px) {


    img.height {
        width: 1280px;
        height: 800px !important;
    }

    div.slidebox {
        top: 52em !important;
    }

  
    
}

@media (max-width: 1259px) {


    .nav li a {
        padding: 12px 6px 0 0 !important;
        position: relative;
    }
   
}

@media (max-width: 1038px) {

   
    .nav li a {
        padding: 12px 0px 0 0 !important;
        position: relative;
    }
}

@media (max-width: 994px) {
    .site-nav-inner {
        height: 50px !important;
    }

    img.height {
        width: 100%;
        height: 490px !important;
    }

    div.slidebox {
        top: 32em !important;
        width: 80% !important;
        right: 10% !important;
    }
}

@media (max-width: 1259px) {


    .nav li a {
        padding: 12px 6px 0 0 !important;
        position: relative;
    }
}

@media (max-width: 1038px) {


    .nav li a {
        padding: 12px 0px 0 0 !important;
        position: relative;
    }
}

@media (max-width: 810px) {

    .site-nav-inner {
        margin: 0 !important;
        margin-top: 0px !important;
        padding: 0 !important;
        z-index: 999999999;
    }

    .nav {
        background-color: transparent;
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
        z-index: 9999999999999999;
    }

    h1 {
        font-size: 18px !important;
    }

    h2 {
        font-size: 16px !important;
    }

    h3 {
        font-size: 14px !important;
    }

    p, a, .btn, input, .nav li a {
        font-size: 12px !important;
    }

    .top-social ul li a i {
        font-size: 14px;
    }
}

@media (max-width: 768px) {

    .icon li a {
        margin-right: 7px;
    }

    .site-nav-inner {
        background-color: transparent !important;
    }

    .navbar-fixed {
        background-color: transparent !important;
    }


    .nav li a {
        padding: 0px 5px 5px 5px;
        position: relative;
    }

    .pic1 {
        background-size: contain !important;
    }

    img.height {
        width: 100%;
        height: 420px !important;
    }

    div.slidebox {
        top: 30em !important;
        width: 80%;
        right: 10%;
    }

    div.tower {
        margin-top: 6em;
    }

    ul.navbar-nav {
        background-color: #122044;
        margin-top: 2em !important;
    }


.navbar-toggle
{
    margin-top:0em!important;
    margin-bottom:0!important;

}
    .left2 {
        background-image: none !important;
        left: 0px!important;
        right: auto;
        color: gray;
    }

    .right2 {
        background-image: none !important;
        right: 0px!important;
        left: auto;
        color: gray;
    }
    .modal-dialog {
        width: 90% !important;
        right: 5% !important;
        top: 3em;
    }
}

@media (max-width: 750px) {
    .top-social ul li a i {
        margin-right: 5px;
        font-size: 14px;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 15px;
        height: 2px;
        border-radius: 1px;
    }

  
}

@media (max-width: 668px) {

    .top-social ul li a i {
        margin-right: 5px;
    }

    img.height {
        width: 100%;
        height: 400px !important;
    }

    div.slidebox {
        top: 24em !important;
    }

    div.tower {
        margin-top: 10em;
    }
}

@media (max-width: 568px) {

    .top-social ul li a i {
        margin-right: 5px;
        font-size: 14px;
    }

   

    img.height {
        width: 100%;
        height: 300px !important;
    }

    div.slidebox {
        top: 25em !important;
        width: 80% !important;
        right: 10% !important;
    }

    div.tower {
        margin-top: 20em !important;
    }
}

@media (max-width: 560px) {
    .top-social ul li a i {
        margin-right: 5px;
        font-size: 12px;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 12px;
        height: 2px;
        border-radius: 1px;
    }

   
}

@media (max-width: 515px) {
    .top-social ul li a i {
        margin-right: 3px;
        font-size: 10px;
    }

    .nav {
        top: 1em !important;
        left: 2px !important;
        position: absolute !important;
    }
}

@media (max-width: 475px) {
}

@media (max-width: 396px) {
    .top-social ul li a i {
        margin-right: 0px;
        font-size: 10px;
    }


  
}

@media (max-width: 265px) {
    .top-social ul li a i {
        margin-right: 0px;
        font-size: 5px !important;
    }
}

@media (max-width: 258px) {



   
}