@font-face
{
    font-family: 'CalibriReg';
    src: url('../fonts/calibri.eot');
    src: url('../fonts/calibri.eot') format('embedded-opentype'), url('../fonts/calibri.woff') format('woff'), url('../fonts/calibri.ttf') format('truetype'), url('../fonts/calibri.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'LaneNarrow';
    src: url('../fonts/LaneNrw.eot');
    src: url('../fonts/LaneNrw.eot') format('embedded-opentype'), url('../fonts/LaneNrw.woff') format('woff'), url('../fonts/LaneNrw.ttf') format('truetype'), url('../fonts/LaneNrw.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
}

ol, ul
{
    list-style: none;
}
p
{
    text-align: justify;
}
.absolute
{
    position: absolute;
}
img
{
    border: 0;
}

a
{
    text-decoration: none;
}
.clear
{
    clear: both;
    font-size: 0;
    height: 0;
}
.clearfix:after
{
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix
{
    display: block;
}
* html .clearfix
{
    height: 1%;
}
li.clearfix
{
    display: list-item;
}
.left
{
    float: left;
}
.right
{
    float: right;
}

body
{
    margin: 0;
    padding: 0;
    background: #ccc;
    color: #333;
    font-family: CalibriReg, Tahoma, Arial;
    font-size: 12px;
    line-height: 18px;
}
#header
{
    background: transparent url(../images/bg-header.png) repeat-x top left;
    height: 87px;
    width: 100%;
    position: fixed;
    z-index: 999;
}
.wrapper
{
    width: 980px;
    height: auto;
    margin: 0 auto;
}
.logo
{
    height: 70px;
    width: 185px;
    float: left;
}

#slide_div
{
    height: 80px;
    float: right;
}
#slide_div ul li
{
    float: left;
    margin-top: 30px;
    margin-right: 10px;	
}
#slide_div ul li:last-child
{
    margin-right: 0px;
}
#slide_div ul li:hover
{
    cursor: pointer;
}

#slide_div ul li span
{
    color: #666;
    display: block;
    font-size: 14px;
    font-family: 'CalibriReg';
    text-decoration: none;
    padding: 5px 8px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#slide_div ul li span:hover, #slide_div ul li:hover span
{
    color: #00a1dd;
}
#slide_div ul li span.active
{
    color: #fff;
    background: #00a1dd;
}
#main
{
    height: 620px;
    background: url(../images/loader.gif) no-repeat 50% 50%;
    width: 100%;
}
#about
{
    background: #fff;
    height: 886px;
}
.heading
{
    padding-top: 100px;
    font-size: 35px;
    line-height: 40px;
    font-weight: bold;
    color: #333;
}
.heading > span
{
    font-size: 36px;
    /*font-family: 'LaneNarrow' , Trebuchet MS;*/
    line-height: 40px;
    font-weight: normal;
    color: #009fc3;
}
.tagline
{
    font-size: 25px;
    line-height: 30px;
    font-weight: normal;
    color: #333;
    margin-bottom: 15px;
}
.introtxt
{
    color: #333;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: justify;
}
.runningtxt
{
    color: #313233;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    text-align: justify;
}
.values
{
    background: url(../images/bg-values.jpg) no-repeat 50% 50%;
    height: 200px;
    width: 100%;
}
.vision
{
    margin: 15px 0 0 10px;
    width: 340px;
}
.mission
{
    margin: 35px 0 0 10px;
    width: 300px;
}

.sub-heading
{
    font-size: 30px;
    line-height: 40px;
    font-weight: normal;
    color: #333;
}
.footer-about
{
    background: #747d84;
    width: 100%;
    height: 202px;
}

ul.companyinfo li
{
    width: 158px;
    float: left;
    padding: 20px 45px 20px 35px;
    border-right: 1px solid #9ca0a9;
    margin-right: 22px;
}
ul.companyinfo li:last-child
{
    border-right: 0;
    margin-right: 0px;
    padding-right: 0;
}

#services
{
    background: #e7eded;
    height: 992px;
}
.services-block
{
    margin: 50px 0 0 0;
}
.serv-heading
{
    font-size: 25px;
    line-height: 40px;
    font-weight: bold;
    color: #4e7272;
    font-family: 'LaneNarrow' , Trebuchet MS;
}
.services-block li
{
    float: left;
    margin-right: 60px;
    width: 460px;
    margin-bottom: 20px;
}
.serv-img
{
    float: left;
    margin-right: 10px;
    width: 90px;
}
.serv-desc
{
    float: right;
    margin-right: 0px;
    width: 350px;
}
.footer-service
{
    width: 100%;
    height: 230px;
    background: url(../images/footer-service.jpg) no-repeat center bottom fixed;
    background-size: cover;
    padding-top: 70px;
}
.footer-txt
{
    background: rgba(0,0,0,0.7);
    padding: 10px 20px;
    font-size: 50px;
    line-height: 50px;
    font-weight: normal;
    color: #fff;
    font-family: 'LaneNarrow' , Trebuchet MS;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 1px;
}
#products
{
    height: 1333px;
    background: #fff;
}
.firstprodul
{
    margin-top: 50px;
    border-bottom: 1px #e3e2e2 solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
ul.productul li
{
    width: 310px;
    float: left;
    margin-right: 25px;
}
ul.productul li:last-child
{
    margin-right: 0px;
}
ul.productul li img
{
    margin-bottom: 10px;
}
ul.productul li h1
{
    font-size: 23px;
    line-height: 27px;
    font-weight: bold;
    font-family: 'LaneNarrow' , Trebuchet MS;
    color: #e74710;
    margin-bottom: 8px;
}
ul.productul li p
{
    color: #313233;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    text-align: justify;
    margin-bottom: 10px;
}
ul.productul li > a
{
    color: #72ac3b;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}
ul.productul li > a:hover
{
    color: #333;
}
.footer-products
{
    width: 100%;
    height: 230px;
    background: url(../images/footer-product.jpg) no-repeat center bottom fixed;
    background-size: cover;
    padding-top: 70px;
}
#portfolio
{
    background: #273c67;
    height: 1223px;
}
.port-intro
{
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 33px;
    line-height: 40px;
    color: #8c9fc5;
    font-family: Georgia;
    width: 500px;
}
.portfolio li
{
    background: #fff;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 15px;
    width: 200px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}
.mright
{
    margin-right: 0 !important;
}
.portimg
{
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 200px;
    height: 190px;
    -webkit-transition: background-position .5s ease-in-out;
    -moz-transition: background-position .5s ease-in-out;
    -o-transition: background-position .5s ease-in-out;
    -ms-transition: background-position .5s ease-in-out;
    transition: background-position .5s ease-in-out;
}
.work01
{
    background-image: url(../images/works/work01.jpg);
    background-position: 0 -190px;
}
.portfolio li:hover .work01
{
    background-image: url(../images/works/work01.jpg);
    background-position: 0 0;
}
.work02
{
    background-image: url(../images/works/work02.jpg);
    background-position: 0 -190px;
}
.portfolio li:hover .work02
{
    background-image: url(../images/works/work02.jpg);
    background-position: 00;
}
.work03
{
    background-image: url(../images/works/work03.jpg);
    background-position: 0 -190px;
}
.portfolio li:hover .work03
{
    background-image: url(../images/works/work03.jpg);
    background-position: 0 0;
}
.work04
{
    background-image: url(../images/works/work04.jpg);
    background-position: 0 -190px;
}
.portfolio li:hover .work04
{
    background-image: url(../images/works/work04.jpg);
    background-position: 0 0;
}
.work05
{
    background-image: url(../images/works/work05.jpg);
    background-position: 0 -190px;
}
.portfolio li:hover .work05
{
    background-image: url(../images/works/work05.jpg);
    background-position: 0 0;
}
.work06
{
    background-image: url(../images/works/work06.jpg);
    background-position: 0 -190px;
}
.portfolio li:hover .work06
{
    background-image: url(../images/works/work06.jpg);
    background-position: 0 0;
}
.work07
{
    background-image: url(../images/works/work07.jpg);
    background-position: 0 -190px;
}
.portfolio li:hover .work07
{
    background-image: url(../images/works/work07.jpg);
    background-position: 0 0;
}
.work08
{
    background-image: url(../images/works/work08.jpg);
    background-position: 0 -190px;
}
.portfolio li:hover .work08
{
    background-image: url(../images/works/work08.jpg);
    background-position: 0 0;
}

.portfolio li h2
{
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    color: #333;
    margin: 10px 0 5px 0;
}
.portfolio li h3
{
    font-size: 13px;
    font-weight: normal;
    color: #666;
}
.footer-portfolio
{
    width: 100%;
    height: 230px;
    background: url(../images/footer-portfolio.jpg) no-repeat center bottom fixed;
    background-size: cover;
    padding-top: 70px;
}
#partners
{
    background: #f6f6f6;
    height: 1101px;
}
.footer-partner
{
    width: 100%;
    height: 230px;
    background: url(../images/footer-partner.jpg) no-repeat center bottom fixed;
    background-size: cover;
    padding-top: 70px;
}

#contact
{
    background: #feab58;
    height: 920px;
}
.addressinfo
{
    float: left;
    width: 500px;
    margin-right: 50px;
    border-right: 1px #fdbd7c dashed;
}
.reachus
{
    float: left;
    width: 300px;
}
.addressul
{
    background: url(../images/ico-address.jpg) no-repeat left top;
    padding-left: 80px;
    margin-top: 15px;
}
.addressul li
{
    float: left;
    width: 180px;
    margin-right: 25px;
}
.addressul li > h2
{
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
    margin-bottom: 5px;
}
.addressul li > p
{
    font-size: 14px;
    line-height: 19px;
    font-weight: normal;
    margin-bottom: 5px;
}
.callul
{
    background: url(../images/ico-call.jpg) no-repeat left top;
    padding-left: 80px;
    margin-top: 15px;
}
.callul li > p
{
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    margin-bottom: 4px;
}
.inputtxt
{
    background: url(../images/bg-input.png) no-repeat;
    width: 395px;
    height: 47px;
    line-height: 47px;
    border: 0;
    margin-bottom: 5px;
    padding-left: 20px;
}
.txtarea
{
    background: url(../images/bg-txtbox.png) no-repeat;
    width: 392px;
    height: 145px;
    line-height: 20px;
    border: 0;
    margin-bottom: 5px;
    padding-left: 20px;
}
.btn
{
    background: #ec433d url(../images/bg-btn.png) no-repeat center center;
    width: 100px;
    height: 40px;
    border: 0;
    margin-bottom: 5px;
    cursor: pointer;
}
.footer-contact
{
    width: 100%;
    height: 230px;
    background: url(http://zinfonet.com/images/footer-contact.jpg) no-repeat center bottom fixed;
    background-size: cover;
    padding-top: 70px;
    margin-top: 30px;
}
.copyright
{
    background: #343b41;
    border-top: 5px #4d5a63 solid;
    width: 100%;
    height: 150px;
}
.copyright .copytxt
{
    margin-top: 70px;
    font-size: 13px;
    color: #fff;
    float: left;
}
.social
{
    margin-top: 70px;
    float: right;
}
.partnersdiv
{
    margin-top: 40px;
}
.partners_desc
{
    margin-bottom: 40px;
}
.partners_desc p
{
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin-bottom: 5px;
}

.partners_desc p img
{
    margin-right: 15px;
    margin-bottom: 10px;
    float: left;
}