html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;font-weight: lighter;}
input,select,textarea{margin: 0;padding: 0}
input,select{vertical-align: middle}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{margin: 0;padding: 0;border: none}
img{ vertical-align: middle; border-style: none;}
textarea{resize: none}
a{text-decoration: none}
em{font-style: normal}
html{font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%}
*,*::after,*::before{-webkit-box-sizing: border-box;box-sizing: border-box}
.clear{clear: both}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{content: ".";display: block;overflow: hidden;height: 0;clear: both;visibility: hidden}
.fl{float: left}
.fr{float: right}
html,body{ font-size: 13px; width: 100%; line-height: 186%; background-color: #FFF; color:#333; font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif; letter-spacing: 1px;}
*{ moz-user-select: -moz-none;  -moz-user-select: none;  -o-user-select:none;  -khtml-user-select:none;  -webkit-user-select:none;  -ms-user-select:none;  user-select:none; }

/* links */
a{color:#333; text-decoration:none; outline:none !important;}
a:hover{color:#bb1010; text-decoration:none;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}
/*
a, a:hover, a:focus { text-decoration: none; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s; }
*/

@font-face {
    font-family:'Geometric415BT-BlackA';src:url("../fonts/Geometric415BT-BlackA.eot");src:url("../fonts/Geometric415BT-BlackA.eot?#iefix") format("embedded-opentype"),url("../fonts/Geometric415BT-BlackA.woff") format("woff"),url("../fonts/Geometric415BT-BlackA.ttf") format("truetype"),url("../fonts/Geometric415BT-BlackA.svg#YourWebFontName") format("svg")
}

/* Header Bg Color Star */
.header-bg-color {
    background: #fe0000;
    background: -moz-linear-gradient(-45deg, #fe0000 0%, #ca1911 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #fe0000), color-stop(100%, #ca1911));
    background: -webkit-linear-gradient(-45deg, #fe0000 0%, #ca1911 100%);
    background: -o-linear-gradient(-45deg, #fe0000 0%, #ca1911 100%);
    background: -ms-linear-gradient(-45deg, #fe0000 0%, #ca1911 100%);
    background: linear-gradient(135deg, #fe0000 0%, #ca1911 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe0000', endColorstr='#ca1911', GradientType=1);
}
/* Header Bg Color End */


/* Section One Header Star */
.section-one-header { margin: 0; padding: 0;  display: block;  color: #1c1c1c;  text-align: center;}
    .section-one-header em { font-family: "Geometric415BT-BlackA"; text-transform: uppercase; font-size: 28px;  font-style: normal;}
    .section-one-header i { display: block;  width: 38px;  height: 3px;  line-height: 3px;  background: #0092d8;  margin: 10px auto;}
    .section-one-header span { display: block; font-size: 22px; font-weight: bold;}
/* Section One Header End */

/* Section Two Header Star */
.section-two-header { margin: 0; padding: 0;  display: block;  color: #FFF;  text-align: center;}
    .section-two-header em { font-family: "Geometric415BT-BlackA"; text-transform: uppercase; font-size: 28px;  font-style: normal;}
    .section-two-header i { display: block;  width: 38px;  height: 3px;  line-height: 3px;  background: #FFF;  margin: 10px auto;}
    .section-two-header span { display: block; font-size: 22px; font-weight: bold;}
/* Section Two Header End */

/* Section Three Header Star */
.section-three-header { margin: 0; padding: 0;  display: block;  color: #010101; font-size: 32px; text-align: center;}
    .section-three-header .lefts { float: left; width: 40%; text-align: right; font-weight: 700; margin: 5px 0 0 0;}
    .section-three-header .centers { float: left; width: 20%; text-align: center; font-size: 62px; font-family: "Geometric415BT-BlackA";}
    .section-three-header .rights { float: right; width: 40%; text-align: left; font-weight: 700; margin: 5px 0 0 0;}
/* Section Three Header End */


.filletBox { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
.filletBlack { -moz-box-shadow:2px 2px 5px #666666; -webkit-box-shadow:2px 2px 5px #666666; box-shadow:2px 2px 5px #666666; filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=5);}


/* Index Banner Start */
#index-banner { position: relative;}
/* Index Banner End */

.mobileHeader { display: none;}
#nav-mobile { display: none;}

/* Header Start */
.header { background: rgba(0, 0, 0, 0.35); color: #FFF; position: absolute; top: 0; z-index: 999; width: 100%;}
/* Header End */

/* Toper Start */
#toper { width: 100%; height: 120px; overflow: hidden;}
    .toper .logoer { float: left; margin: 20px 0 0 0;}
    .toper .logoer img { max-width: 100%;}
    .toper .sloganer { display: block; float: left; margin: 28px 0 0 55px;}
    .toper .sloganer img { max-width: 100%;}
    .toper .telephoner { float: right; margin: 30px 0 0 0;}
    .toper .telephoner img { max-width: 100%;}
/* Toper End */

/* Menuer Start */
#menuer { position: relative; width: 100%; /*background: rgba(0, 0, 0, 0.85); background: url("../img/menu-bg.jpg") center;*/}
    #menuer ul li { float: left; text-align: center; width: 12.500000%; line-height: 42px;}
    #menuer ul li.active,#menuer ul li:hover {
        background:rgba(0, 0, 0, 0.85);
        /*
        background: #fe0000;
        background: -moz-linear-gradient(-45deg, #fe0000 0%, #bb1010 100%);
        background: -webkit-gradient(left top, right bottom, color-stop(0%, #fe0000), color-stop(100%, #bb1010));
        background: -webkit-linear-gradient(-45deg, #fe0000 0%, #bb1010 100%);
        background: -o-linear-gradient(-45deg, #fe0000 0%, #bb1010 100%);
        background: -ms-linear-gradient(-45deg, #fe0000 0%, #bb1010 100%);
        background: linear-gradient(135deg, #fe0000 0%, #bb1010 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe0000', endColorstr='#bb1010', GradientType=1);*/
        -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;}
    #menuer ul li.active a,#menuer ul li:hover a { color: #FFF; }
    #menuer ul li a { font-size: 16px; display: block; color: #FFF;}
    #menuer ul.menu { overflow: hidden;}
    #menuer ul.menu li .dropmenu { position:absolute; overflow:hidden; width: 167px; z-index:999; top:42px; display:block; background: rgba(0, 0, 0, 0.85); overflow: hidden; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; color:#666868; opacity: 1; visibility:hidden; -webkit-transform:translateY(30px); transform:translateY(30px); -webkit-transition:.3s all ease; transition:.3s all ease;}
    #menuer ul.menu li .dropmenu a { font-size:13px; padding: 0px; display:block; color:#FFF; text-decoration:none; text-align:center; height:32px; line-height:32px; }
    #menuer ul.menu li .dropmenu a:hover {
        background:rgba(255, 255, 255, 0.85);
        /*
        background: #fe0000;
        background: -moz-linear-gradient(-45deg, #fe0000 0%, #bb1010 100%);
        background: -webkit-gradient(left top, right bottom, color-stop(0%, #fe0000), color-stop(100%, #bb1010));
        background: -webkit-linear-gradient(-45deg, #fe0000 0%, #bb1010 100%);
        background: -o-linear-gradient(-45deg, #fe0000 0%, #bb1010 100%);
        background: -ms-linear-gradient(-45deg, #fe0000 0%, #bb1010 100%);
        background: linear-gradient(135deg, #fe0000 0%, #bb1010 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe0000', endColorstr='#bb1010', GradientType=1);*/
        color:rgba(42, 42, 42, 1);
    }
    #menuer ul.menu li.hov .dropmenu { opacity:1; visibility:visible; -webkit-transform:translateY(0); transform:translateY(0); }
/* Menuer End */

/* Searcher Star */
#searcher { margin: 20px 0; }
    .searcher { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
    #searcher .lefts { background: url("../img/search-left-bg.jpg") left center no-repeat; height: 118px; text-align: left; padding: 30px 20px; color: #FFF; width: 50%; float: left; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}
    #searcher .lefts .titles { font-size: 24px;}
    #searcher .lefts .intros { font-size: 15px; margin: 10px 0 0 0;}
    #searcher .rights { height: 118px; text-align: left; padding: 20px; width: 50%; float: right; background-color: #2a2a2a; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}
    #searcher .rights .keywords { color: #FFF; margin: 5px 0 20px 0;}
    #searcher .rights .keywords a { color: #FFF; margin: 0 15px 0 0;}
    #searcher .rights .searchs .inputs { width: 85%; border: solid 1px #bbbbbb; padding: 0 10px; height: 28px; background-color: #FFF; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}
    #searcher .rights .searchs .buttons { width: 15%; background-color: #1586ee; color: #FFF; padding: 0 10px; height: 28px; vertical-align: middle; border:none; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}
/* Searcher End */


/* Current Location Star */
.current-location { padding: 5px 0px 10px 0px; margin: 0 0 20px 0; border-bottom: dotted 1px #ececec;}
    .current-location>h1{ float: left; border-left:solid 3px #1586ee; color: #313131; font-size: 18px; padding: 0 0 0 10px; font-weight: bold;}
    .current-location>h1>span { text-transform: uppercase; color: #666; font-weight: lighter; font-size: 12px; margin: 0 0 0 10px; }
    .current-location>a { float:right; font-weight: lighter;}
    .current-location>h2 { float: right; font-weight: lighter; font-size: 13px;}
    .current-location>h2>span { margin: 0 5px; font-family: simsun;}
/* Current Location End */

/* Pros List Star */
.pros-list { margin: 0 0 0 0;}
    .pros-list ul li { text-align: center; width: 24.250000%; float: left; margin: 0 1% 15px 0;}
    .pros-list ul li:nth-child(4n) { margin: 0 0 15px 0; }
    .pros-list ul li:nth-child(n+9) { margin-bottom: 0px;}
    .pros-list ul li:hover .pros-item { border: solid 1px #3f5385; }
    .pros-list ul li:hover .pros-item p { border-top: solid 1px #3f5385; color: #FFF; background-color: #3f5385;}
    .pros-list ul li .pros-item { border: solid 1px #e4e4e4; display:inline-table;}
    .pros-list ul li .pros-item img { max-width: 100%;}
    .pros-list ul li .pros-item p { border-top: solid 1px #e4e4e4; padding: 6px 6px; overflow: hidden; height: 36px; }
/* Pros List End */

/* Recommend Pros List Star */
.recommend-pros-list { margin: 20px 0 0 0;}
    .recommend-pros-list ul li { text-align: center; width: 24.250000%; float: left; margin: 0 1% 15px 0;}
    .recommend-pros-list ul li:nth-child(4n) { margin: 0 0 0 0; }
    .recommend-pros-list ul li:hover .pros-item { border: solid 1px #1586ee; }
    .recommend-pros-list ul li:hover .pros-item p { border-top: solid 1px #1586ee; color: #FFF; background-color: #1586ee;}
    .recommend-pros-list ul li .pros-item { border: solid 1px #e4e4e4; display:inline-table;}
    .recommend-pros-list ul li .pros-item img { max-width: 100%;}
    .recommend-pros-list ul li .pros-item p { border-top: solid 1px #e4e4e4; padding: 6px 6px; overflow: hidden; height: 36px; }
/* Recommend Pros List End */



/* Project Case Star */
#project-case { padding: 50px 0px;  background: url('../img/project-case-bg.jpg') center top no-repeat #fff; text-align: left;}
    .project-case { margin: 20px 0 0 0;}
    #owl-cases .owl-controls{position:absolute; width:100%; bottom:5px;}
    #owl-cases .item { margin:0px; padding:0px;}

    #owl-cases .owl-controls .owl-buttons .owl-prev,#owl-cases .owl-controls .owl-buttons .owl-next { position:absolute; display:block; opacity:.5; filter:alpha(opacity=50); transition:opacity .2s linear 0s; cursor:pointer; color:#7f7f7f; background:transparent; padding:15px 15px 8px 15px;}
    #owl-cases .owl-controls .owl-buttons .owl-prev { -moz-border-radius:0 6px 6px 0; -webkit-border-radius:0 6px 6px 0; border-radius:0 6px 6px 0;}
    #owl-cases .owl-controls .owl-buttons .owl-next { -moz-border-radius:6px 0 0 6px; -webkit-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px;}
    #owl-cases .owl-controls .owl-buttons i{ color:#000;}
    #owl-cases .owl-controls .owl-buttons .owl-prev:hover,#owl-cases .owl-controls .owl-buttons .owl-next:hover{ opacity:.8; filter:alpha(opacity=80);}
    #owl-cases .owl-controls .owl-prev { position:absolute;left:-3px; top:-136px;}
    #owl-cases .owl-controls .owl-next { position:absolute;right:-3px; top:-136px;}

    .case-list { text-align: center; cursor:pointer;}
    .case-list a { color: #272727; }
    .case-list img { max-width: 100%; margin: 0 auto; border-bottom: solid 1px #eaeaea;}
    .case-list .intros { height: 36px; overflow: hidden; background: #FFF; padding: 10px 0; color: #272727; text-align: left; width: 100%; margin: 0 auto; display: block;}
    .case-list .intros h1 { font-size: 14px; font-weight: 700; text-align: center; overflow: hidden; height: 16px; }
    .case-list .case-list-box { text-align: center; width: 100%;}
    .case-list .case-list-box .case-content { /*-webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);*/ border: solid 1px #eaeaea; max-width: 96%; text-align: center; margin: 0 auto;}

    .case-list .case-list-box:hover .case-content { border: solid 1px #FFF; background: #2c69b3; color: #FFF;}
    .case-list .case-list-box:hover .intros { background-color: #0092d8; color: #fff;}
/* Project Case End */


/* Producter Star */
#producter { margin: 0 0 20px 0;}
    .producter .lefts { float: left; width: 18%;}
    .producter .lefts .titles { background-color: #2a2a2a; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; color: #FFF; padding: 29px 20px 25px 20px; text-align: center;}
    .producter .lefts .titles h1 { font-size: 20px; font-weight: 700; margin-bottom: 12px;}
    .producter .lefts .titles h2 { font-family: "Geometric415BT-BlackA"; font-weight: lighter; font-size: 18px; text-transform: uppercase;}

    .producter .lefts .categorys { text-align: left; background: url("../img/pro_category_bg.jpg") repeat; /*border-left: solid 1px #dddddd; border-right: solid 1px #dddddd; border-bottom: solid 1px #dddddd;*/}
    .producter .lefts .categorys ul { padding: 15px 10px 5px 10px;}
    .producter .lefts .categorys ul li { border: solid 1px #cfcfcf; margin: 0 0 10px 0; padding: 5px 0; background-color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .producter .lefts .categorys ul li a { display: block; padding-left: 8px;}
    .producter .lefts .categorys ul li a i { margin-right: 5px;}
    .producter .lefts .categorys ul li:hover { background-color: #3f5385;}
    .producter .lefts .categorys ul li:hover a { color: #FFF;}
    .producter .lefts .categorys ul li.active { background-color: #3f5385;}
    .producter .lefts .categorys ul li.active a { color: #FFF;}

    .producter .lefts .contacts { color: #FFF; text-align: center; background-color: #3f5385; padding: 20px 15px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;}
    .producter .lefts .contacts h1 { font-size: 16px; margin: 0 0 10px 0; font-weight: 300; line-height: 180%;}
    .producter .lefts .contacts h2 { font-size: 18px; font-weight: 700;}
    .producter .lefts .contacts p { font-family: "Geometric415BT-BlackA"; font-size: 16px; font-weight: lighter; margin: 12px 0 0 0;}
    .producter .rights { float: right; width: 80%;}
/* Producter End */

/* Strength Factory Star */
#strength-factory { padding: 50px 0px;  background: url('../img/service-process-bg.jpg') center top no-repeat #fff; text-align: left;}
    .strength-factory { margin: 35px 0 0 0;}
    .strength-factory ul li { float: left; width: 20%; padding: 0 5px;}
    .strength-factory ul li .items { position: relative; text-align: center; color: #FFF; padding: 40px 30px 0 30px; cursor: pointer; background-color: rgba(0, 0, 0, 0.3); height: 280px;}
    .strength-factory ul li .items h1 { font-size: 25px; margin: 15px 0 10px 0;}
    .strength-factory ul li .items:hover { background-color:rgba(187, 16, 16, 1); }

    .strength-factory ul li .items span { bottom: 0px; left: 0px; line-height: 3px; width: 100%; text-align: center; margin: 0 auto; position: absolute;}
    .strength-factory ul li .items span label{ width: 60px; border-bottom: solid 3px #FFF; line-height: 5px;}
/* Strength Factorys End */

/* Contrast Advantages Star */
#contrast-advantages { padding: 50px 0px;}
    .contrast-advantages { margin: 0 0 0 0;}
    .contrast-advantages .imgs { width: 100%; text-align: center; margin: 30px 0 0 0;}
    .contrast-advantages .imgs img { max-width: 100%;}

    .contrast-advantages .pks { }
    .contrast-advantages .pks .item-pks { height: 122px; background: url('../img/pks-bg.jpg') no-repeat center 0; -moz-border-radius: 150px; -webkit-border-radius: 150px; border-radius: 150px; overflow: hidden; margin-top: 20px;}
    .contrast-advantages .pks .item-pks .boxs { color: #FFF; padding: 42px 0 0 0; font-size: 18px;}
    .contrast-advantages .pks .item-pks .boxs .lefts { width: 40%; float: left; text-align: right; margin: 6px 0 0 0;}
    .contrast-advantages .pks .item-pks .boxs h3 { width: 20%; float: left; font-size: 30px;  color: #fff; font-weight: 700;}
    .contrast-advantages .pks .item-pks .boxs .rights { width: 40%; float: right; text-align: left; color: #101010; margin: 6px 0 0 0;}
/* Contrast Advantages Star */



/* Main Pager Star */
.main-pages { text-align: center; padding: 20px 0;}
    .page-lists { text-align: center; margin: 0 auto;}
    .page-lists .prev-page { -moz-border-radius:3px; padding: 5px 10px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}
    .page-lists .next-page { -moz-border-radius:3px; padding: 5px 10px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}

    .page-lists .num-page { -moz-border-radius:3px; padding: 5px 10px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}
    .page-lists .act { background-color: #1586ee; border: solid 1px #1586ee; color: #FFF;}
    .page-lists .act:hover { background-color: #1586ee; border: solid 1px #1586ee; color: #FFF;}
    .page-lists .ipts-page { text-align: center; width: 50px; margin-left: 10px; margin-right: 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}
    .page-lists .btns-page { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}

    .page-lists .last-page { display: none;}
    .page-lists a { margin: 0 5px;}
    .page-lists a:hover { background-color: #ddd; color: #888;}
/* Main Pager End */



/* About Intro Star */
#about-intro { padding: 50px 0px;  background: url('../img/aboutIntroBg.jpg') center top no-repeat #fff; text-align: left;}

    #about-intro .lefts {  overflow: hidden; height: 442px; float: left; width: 76%; background-color: rgba(255,255,255,0.96); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

    #about-intro .lefts .titles { padding: 15px 20px 20px 20px; font-size: 18px; font-weight: 700; color: #1586ee;}
    #about-intro .lefts .titles span { font-family: "Geometric415BT-BlackA"; font-size: 14px; padding-top: 10px; margin-left: 10px; text-transform: uppercase; color: #b2b2b2;}
    #about-intro .lefts .titles .mores { float: right; color: #da2625; margin-top: 3px; font-size: 14px; font-family: "Geometric415BT-BlackA";}
    #about-intro .lefts .titles .mores:hover { }

    #about-intro .lefts .intros { padding: 0 20px 15px 20px; overflow: hidden; height: 372px;}
    #about-intro .lefts .intros .imgs { float: left; width: 40%;}
    #about-intro .lefts .intros .imgs img { max-width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    #about-intro .lefts .intros .texts { float: right; width: 58%;}
    #about-intro .lefts .intros .texts .companys { color: #000; font-size: 18px; font-weight: 700; margin-bottom: 15px;}


    #about-intro .rights { height: 442px; float: right; width: 22%; background-color: rgba(255,255,255,0.96); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

    #about-intro .rights .titles { padding: 15px 15px; font-size: 18px; font-weight: 700; color: #1586ee;}
    #about-intro .rights .titles span { font-family: "Geometric415BT-BlackA"; font-size: 14px; padding-top: 10px; margin-left: 10px; text-transform: uppercase; color: #b2b2b2;}

    #about-intro .rights .slogans { background-color: #1586ee; padding: 5px 15px; color: #FFF;}
    #about-intro .rights .phones { padding: 15px 15px 0 15px;}
    #about-intro .rights .messages { padding: 10px 15px;}
    #about-intro .rights .messages ul li { padding-bottom: 10px;}
    #about-intro .rights .messages ul li .btn-primary { background-color: #1586ee;border-color: #1586ee;}
/* About Intro Star */


/* Agency Brand Star */
#agency-brand { padding: 35px 0;}
    .agency-brand { margin: 20px 0 0 0;}
    .agency-brand ul li { float: left; width: 20%; text-align: center; margin: 0 0 15px 0;}
    .agency-brand ul li img { max-width: 100%;}
/* Agency Brand End */


/* Linker Start */
#linker { padding: 10px 0;text-align:center; color:#838383; background:#0F0F0F; border-bottom:1px solid #0F0F0F;}
    .linker a { color:#838383}
    .linker span { margin: 0 10px; color:#a8a8a8; font-weight: lighter; font-size: 12px; vertical-align: top;}
/* Linker End */


/* Footer Start */
#footer { background:#181818; color:#838383;}
    .footer { padding: 30px 0;}
    .footer a { color: #838383;}
    .footer .quicker { text-align: center;}
    .footer .quicker a { margin: 0 15px; font-size: 15px; }
    .footer .copyrighter { margin: 15px 0 0 0; text-align: center;}
/* Footer Start */


/* Information Center Star */
#information-center { padding: 50px 0;}
    .information-center { margin: 50px 0 0 0;}
    .information-center .container { padding-left: 0px; padding-right: 0px;}
    .information-center .container>ul>li { float: left; width: 33.333333%; text-align: left;}
    .information-center .container>ul>li>.items { margin: 0 15px; background-color: #f9f9f9; padding: 30px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
    .information-center .container>ul>li>.items .imgs { padding: 15px 0; border-bottom: dotted 1px #eeedea;}
    .information-center .container>ul>li>.items .imgs img { max-width: 100%;}
    .information-center .container>ul>li>.items .imgs h1 { font-size: 18px; color: #333; margin: 15px 0 0 0;}

    .information-center .container>ul>li>.items .titles { font-size: 24px; color: #666; font-weight: 500;}
    .information-center .container>ul>li>.items .lists { margin: 5px 0;}
    .information-center .container>ul>li>.items .lists li { height: 32px; line-height: 32px; overflow: hidden;}
    .information-center .container>ul>li>.items .lists li span { margin-right: 5px;}
    .information-center .container>ul>li>.items .mores { text-align: right; color: #999089;}
/* Information Center End */


#bottom-menus { display:none;}

@media screen and (max-width: 1500px){

}

@media screen and (max-width: 1366px){

    /* Toper Start */
    #toper { width: 100%; height: 120px; overflow: hidden;}
    .toper .logoer { float: left; margin: 20px 0 0 0;}
    .toper .logoer img { max-width: 100%;}
    .toper .sloganer { display: none;}
    .toper .telephoner { float: right; margin: 30px 0 0 0;}
    .toper .telephoner img { max-width: 100%;}
    /* Toper End */

    /* Searcher Star */
    #searcher { margin: 20px 0;}
    #searcher .lefts { height: 118px; padding: 30px 20px; color: #FFF; width: 50%; float: left; background-color: #bb1010; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}
    #searcher .lefts .titles { font-size: 24px;}
    #searcher .lefts .intros { font-size: 13px; margin: 10px 0 0 0;}
    #searcher .rights { height: 118px; padding: 20px; width: 50%; float: right; background-color: #2a2a2a; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}
    #searcher .rights .keywords { color: #FFF; margin: 5px 0 20px 0;}
    #searcher .rights .keywords a { color: #FFF; margin: 0 15px 0 0;}
    #searcher .rights .searchs .inputs { width: 85%; border: solid 1px #bbbbbb; padding: 0 10px; height: 28px; background-color: #FFF; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}
    #searcher .rights .searchs .buttons { width: 15%; background-color: #1586ee; color: #FFF; padding: 0 10px; height: 28px; vertical-align: middle; border:none; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}
    /* Searcher End */

    /* Producter Star */
    #producter { margin: 0 0 20px 0;}
    .producter .lefts { float: left; width: 18%;}
    .producter .lefts .titles { background-color: #bb1010; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; color: #FFF; padding: 15px 15px 10px 15px; text-align: center;}
    .producter .lefts .titles h1 { font-size: 20px; font-weight: 700; margin-bottom: 12px;}
    .producter .lefts .titles h2 { font-family: "Geometric415BT-BlackA"; font-weight: lighter; font-size: 18px; text-transform: uppercase;}

    .producter .lefts .categorys { text-align: left; background: url("../img/pro_category_bg.jpg") repeat; /*border-left: solid 1px #dddddd; border-right: solid 1px #dddddd; border-bottom: solid 1px #dddddd;*/}
    .producter .lefts .categorys ul { padding: 10px 10px 5px 10px;}
    .producter .lefts .categorys ul li { border: solid 1px #cfcfcf; margin: 0 0 10px 0; padding: 5px 0; background-color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .producter .lefts .categorys ul li a { display: block;}
    .producter .lefts .categorys ul li:hover { background-color: #bb1010;}
    .producter .lefts .categorys ul li:hover a { color: #FFF;}

    .producter .lefts .contacts { color: #FFF; text-align: center; background-color: #bb1010; padding: 15px 15px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;}
    .producter .lefts .contacts h1 { font-size: 13px; margin: 0 0 5px 0; font-weight: 300; line-height: 160%;}
    .producter .lefts .contacts h2 { font-size: 13px; font-weight: 700;}
    .producter .lefts .contacts p { font-family: "Geometric415BT-BlackA"; font-size: 14px; font-weight: lighter; margin: 10px 0 0 0;}
    .producter .rights { float: right; width: 80%;}
    /* Producter End */

    /* Project Case Star */
    #project-case { padding: 50px 0px;  background: url('../img/project-case-bg.jpg') center top no-repeat #fff; text-align: left;}
    .project-case { margin: 20px 0 0 0;}
    #owl-cases .owl-controls{position:absolute; width:100%; bottom:5px;}
    #owl-cases .item { margin:0px; padding:0px;}

    #owl-cases .owl-controls .owl-buttons .owl-prev,#owl-cases .owl-controls .owl-buttons .owl-next { position:absolute; display:block; opacity:.5; filter:alpha(opacity=50); transition:opacity .2s linear 0s; cursor:pointer; color:#7f7f7f; background:transparent; padding:15px 15px 8px 15px;}
    #owl-cases .owl-controls .owl-buttons .owl-prev { -moz-border-radius:0 6px 6px 0; -webkit-border-radius:0 6px 6px 0; border-radius:0 6px 6px 0;}
    #owl-cases .owl-controls .owl-buttons .owl-next { -moz-border-radius:6px 0 0 6px; -webkit-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px;}
    #owl-cases .owl-controls .owl-buttons i{ color:#000;}
    #owl-cases .owl-controls .owl-buttons .owl-prev:hover,#owl-cases .owl-controls .owl-buttons .owl-next:hover{ opacity:.8; filter:alpha(opacity=80);}
    #owl-cases .owl-controls .owl-prev { position:absolute;left:-3px; top:-116px;}
    #owl-cases .owl-controls .owl-next { position:absolute;right:-3px; top:-116px;}

    .cases-list { text-align: center; cursor:pointer;}
    .cases-list a { color: #272727; }
    .cases-list img { max-width: 100%; margin: 0 auto; border-bottom: solid 1px #eaeaea;}
    .cases-list .intros { height: 36px; overflow: hidden; background: #FFF; padding: 10px 0; color: #272727; text-align: left; width: 100%; margin: 0 auto; display: block;}
    .cases-list .intros h1 { font-size: 14px; font-weight: 700; text-align: center; overflow: hidden; height: 16px; }
    .cases-list .cases-list-box { text-align: center; width: 100%;}
    .cases-list .cases-list-box .cases-content { /*-webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);*/ border: solid 1px #eaeaea; max-width: 96%; text-align: center; margin: 0 auto;}

    .cases-list .cases-list-box:hover .cases-content { border: solid 1px #FFF; background: #2c69b3; color: #FFF;}
    .cases-list .cases-list-box:hover .intros { background-color: #0092d8; color: #fff;}
    /* Project Case End */


    /* About Intro Star */
    #about-intro { padding: 50px 0px;  background: url('../img/aboutIntroBg.jpg') center top no-repeat #fff; text-align: left;}

    #about-intro .lefts {  overflow: hidden; height: 442px; float: left; width: 76%; background-color: rgba(255,255,255,0.96); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

    #about-intro .lefts .titles { padding: 15px 20px 20px 20px; font-size: 18px; font-weight: 700; color: #1586ee;}
    #about-intro .lefts .titles span { font-family: "Geometric415BT-BlackA"; font-size: 14px; padding-top: 10px; margin-left: 10px; text-transform: uppercase; color: #b2b2b2;}
    #about-intro .lefts .titles .mores { float: right; color: #da2625; margin-top: 3px; font-size: 14px; font-family: "Geometric415BT-BlackA";}
    #about-intro .lefts .titles .mores:hover { }

    #about-intro .lefts .intros { padding: 0 20px 15px 20px; overflow: hidden; height: 372px;}
    #about-intro .lefts .intros .imgs { float: left; width: 45%;}
    #about-intro .lefts .intros .imgs img { max-width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    #about-intro .lefts .intros .texts { float: right; width: 53%;}
    #about-intro .lefts .intros .texts .companys { color: #000; font-size: 18px; font-weight: 700; margin-bottom: 15px;}


    #about-intro .rights { height: 442px; float: right; width: 22%; background-color: rgba(255,255,255,0.96); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

    #about-intro .rights .titles { padding: 15px 15px; font-size: 18px; font-weight: 700; color: #1586ee;}
    #about-intro .rights .titles span { font-family: "Geometric415BT-BlackA"; font-size: 14px; padding-top: 10px; margin-left: 10px; text-transform: uppercase; color: #b2b2b2;}

    #about-intro .rights .slogans { background-color: #1586ee; padding: 5px 15px; color: #FFF; font-size: 12px;}
    #about-intro .rights .phones { padding: 15px 15px 0 15px;}
    #about-intro .rights .messages { padding: 10px 15px;}
    #about-intro .rights .messages ul li { padding-bottom: 10px;}
    #about-intro .rights .messages ul li .btn-primary { background-color: #1586ee;border-color: #1586ee;}
    /* About Intro Star */

}
@media screen and (max-width: 1200px){

    /* About Intro Star */
    #about-intro { padding: 50px 0px;  background: url('../img/aboutIntroBg.jpg') center top no-repeat #fff; text-align: left;}

    #about-intro .lefts {  overflow: hidden; height: 442px; float: left; width: 76%; background-color: rgba(255,255,255,0.96); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

    #about-intro .lefts .titles { padding: 15px 20px 20px 20px; font-size: 18px; font-weight: 700; color: #1586ee;}
    #about-intro .lefts .titles span { font-family: "Geometric415BT-BlackA"; font-size: 14px; padding-top: 10px; margin-left: 10px; text-transform: uppercase; color: #b2b2b2;}
    #about-intro .lefts .titles .mores { float: right; color: #da2625; margin-top: 3px; font-size: 14px; font-family: "Geometric415BT-BlackA";}
    #about-intro .lefts .titles .mores:hover { }

    #about-intro .lefts .intros { padding: 0 20px 15px 20px; overflow: hidden; height: 372px;}
    #about-intro .lefts .intros .imgs { float: left; width: 50%;}
    #about-intro .lefts .intros .imgs img { max-width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    #about-intro .lefts .intros .texts { float: right; width: 48%;}
    #about-intro .lefts .intros .texts .companys { color: #000; font-size: 18px; font-weight: 700; margin-bottom: 15px;}


    #about-intro .rights { height: 442px; float: right; width: 22%; background-color: rgba(255,255,255,0.96); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

    #about-intro .rights .titles { padding: 15px 15px; font-size: 18px; font-weight: 700; color: #1586ee;}
    #about-intro .rights .titles span { font-family: "Geometric415BT-BlackA"; font-size: 14px; padding-top: 10px; margin-left: 10px; text-transform: uppercase; color: #b2b2b2;}

    #about-intro .rights .slogans { background-color: #1586ee; padding: 5px 15px; color: #FFF; font-size: 12px;}
    #about-intro .rights .phones { padding: 15px 15px 0 15px;}
    #about-intro .rights .messages { padding: 10px 15px;}
    #about-intro .rights .messages ul li { padding-bottom: 10px;}
    #about-intro .rights .messages ul li .btn-primary { background-color: #1586ee;border-color: #1586ee;}
    /* About Intro Star */
}

@media screen and (max-width: 991px){

    /* Toper Start */
    #toper { width: 100%; height: 100px; overflow: hidden;}
    .toper .logoer { float: left; margin: 18px 0 0 0; width: 65%;}
    .toper .logoer img { max-width: 100%;}
    .toper .sloganer { display: none;}
    .toper .telephoner { float: right; margin: 25px 0 0 0; width: 30%;}
    .toper .telephoner img { max-width: 100%;}
    /* Toper End */

    /* Searcher Star */
    #searcher { margin: 20px 0;}
    #searcher .lefts { height: 118px; padding: 30px 20px; color: #FFF; width: 50%; float: left; background-color: #bb1010; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}
    #searcher .lefts .titles { font-size: 24px;}
    #searcher .lefts .intros { font-size: 13px; margin: 10px 0 0 0;}
    #searcher .rights { height: 118px; padding: 20px; width: 50%; float: right; background-color: #2a2a2a; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}
    #searcher .rights .keywords { color: #FFF; margin: 5px 0 10px 0;}
    #searcher .rights .keywords a { color: #FFF; margin: 0 15px 0 0;}
    #searcher .rights .searchs .inputs { width: 85%; border: solid 1px #bbbbbb; padding: 0 10px; height: 28px; background-color: #FFF; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}
    #searcher .rights .searchs .buttons { width: 15%; background-color: #1586ee; color: #FFF; padding: 0 10px; height: 28px; vertical-align: middle; border:none; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}
    /* Searcher End */

    /* Producter Star */
    #producter { margin: 0 0 20px 0;}
    .producter .lefts { float: left; width: 28%;}
    .producter .lefts .titles { background-color: #bb1010; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; color: #FFF; padding: 15px 15px 10px 15px; text-align: center;}
    .producter .lefts .titles h1 { font-size: 20px; font-weight: 700; margin-bottom: 12px;}
    .producter .lefts .titles h2 { font-family: "Geometric415BT-BlackA"; font-weight: lighter; font-size: 18px; text-transform: uppercase;}

    .producter .lefts .categorys { text-align: left; background: url("../img/pro_category_bg.jpg") repeat; /*border-left: solid 1px #dddddd; border-right: solid 1px #dddddd; border-bottom: solid 1px #dddddd;*/}
    .producter .lefts .categorys ul { padding: 10px 10px 5px 10px;}
    .producter .lefts .categorys ul li { border: solid 1px #cfcfcf; margin: 0 0 10px 0; padding: 5px 0; background-color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .producter .lefts .categorys ul li a { display: block;}
    .producter .lefts .categorys ul li:hover { background-color: #bb1010;}
    .producter .lefts .categorys ul li:hover a { color: #FFF;}

    .producter .lefts .contacts { color: #FFF; text-align: center; background-color: #bb1010; padding: 15px 15px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;}
    .producter .lefts .contacts h1 { font-size: 13px; display: block; margin: 0 0 10px 0; font-weight: 300; line-height: 180%;}
    .producter .lefts .contacts h2 { font-size: 13px; font-weight: 700;}
    .producter .lefts .contacts p { font-family: "Geometric415BT-BlackA"; font-size: 13px; font-weight: lighter; margin: 5px 0 0 0;}
    .producter .rights { float: right; width: 70%;}
    /* Producter End */

    /* Pros List Star */
    .pros-list { margin: 0 0 0 0;}
    .pros-list ul li { text-align: center; width: 32.666666%; float: left; margin: 0 1% 15px 0;}
    .pros-list ul li:nth-child(4n) { margin: 0 1% 15px 0; }
    .pros-list ul li:nth-child(3n) { margin: 0 0 15px 0; }
    .pros-list ul li:hover .pros-item { border: solid 1px #1586ee; }
    .pros-list ul li:hover .pros-item p { border-top: solid 1px #1586ee; color: #FFF; background-color: #1586ee;}
    .pros-list ul li .pros-item { border: solid 1px #e4e4e4; display:inline-table;}
    .pros-list ul li .pros-item img { max-width: 100%;}
    .pros-list ul li .pros-item p { border-top: solid 1px #e4e4e4; padding: 6px 6px; overflow: hidden; height: 36px; }
    /* Pros List End */

    /* About Intro Star */
    #about-intro { padding: 50px 0px;  background: url('../img/aboutIntroBg.jpg'); background-size: auto 100%; text-align: left;}

    #about-intro .lefts {  overflow: hidden; height: auto; float: none; width: 100%; background-color: rgba(255,255,255,0.96); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

    #about-intro .lefts .titles { padding: 15px 20px 20px 20px; font-size: 18px; font-weight: 700; color: #1586ee;}
    #about-intro .lefts .titles span { font-family: "Geometric415BT-BlackA"; font-size: 14px; padding-top: 10px; margin-left: 10px; text-transform: uppercase; color: #b2b2b2;}
    #about-intro .lefts .titles .mores { float: right; color: #da2625; margin-top: 3px; font-size: 14px; font-family: "Geometric415BT-BlackA";}
    #about-intro .lefts .titles .mores:hover { }

    #about-intro .lefts .intros { padding: 0 20px 15px 20px; overflow: hidden; height: auto;}
    #about-intro .lefts .intros .imgs { float: none; width: 100%; text-align: center;}
    #about-intro .lefts .intros .imgs img { max-width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    #about-intro .lefts .intros .texts { float: none; width: 100%; margin: 15px 0 0 0;}
    #about-intro .lefts .intros .texts .companys { color: #000; font-size: 18px; font-weight: 700; margin-bottom: 15px;}

    #about-intro .rights { height: auto; float: none; width: 100%; margin: 10px 0 0 0; background-color: rgba(255,255,255,0.96); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

    #about-intro .rights .titles { padding: 15px 15px; font-size: 18px; font-weight: 700; color: #1586ee;}
    #about-intro .rights .titles span { font-family: "Geometric415BT-BlackA"; font-size: 14px; padding-top: 10px; margin-left: 10px; text-transform: uppercase; color: #b2b2b2;}

    #about-intro .rights .slogans { background-color: #1586ee; padding: 5px 15px; color: #FFF; font-size: 12px;}
    #about-intro .rights .phones { padding: 15px 15px 0 15px;}
    #about-intro .rights .messages { padding: 10px 15px;}
    #about-intro .rights .messages ul li { padding-bottom: 10px;}
    #about-intro .rights .messages ul li .btn-primary { background-color: #1586ee;border-color: #1586ee;}
    /* About Intro Star */


    /* Strength Factory Star */
    #strength-factory { display: none;}
    /* Strength Factorys End */

    /* Contrast Advantages Star */
    #contrast-advantages { display: none;}
    /* Contrast Advantages Star */
	
	/* Bottom Menus Star */
    #bottom-menus {
        display: block;
        box-shadow:0 -1px 10px rgba(0,0,0,0.1);
        background-color:#0e6fb8;
        background-image:-webkit-linear-gradient(top,#00aef3,#0e6fb8);
        background-image:-o-linear-gradient(top,#00aef3,#0e6fb8);
        background-image:-ms-linear-gradient(top,#00aef3,#0e6fb8);
        background-image:linear-gradient(top,#00aef3,#0e6fb8);
        background-repeat: repeat-x;
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 999999;
        padding: 10px 0;
    }
    #bottom-menus ul li {
        float: left;
        width: 50%;
        border-right: solid 1px #dbdbdb;
        text-align: center;
        color: #FFF;
        font-size: 18px;
        font-weight: 700;
    }
    #bottom-menus ul li a { color: #FFF;}
    #bottom-menus ul li img { height: 22px; margin: 0 6px 0 0;}
    #bottom-menus ul li:last-child{
        border-right: none;
    }
    /* Bottom Menus End */

}

@media screen and (max-width: 767px){
    /* Toper Start */
    #toper { width: 100%; height: 100px; overflow: hidden;}
    .toper .logoer { float: none; margin: 22px 0 0 0; width: 100%;}
    .toper .logoer img { max-width: 100%;}
    .toper .sloganer { display: none;}
    .toper .telephoner { float: right; margin: 25px 0 0 0; width: 30%;}
    .toper .telephoner img { max-width: 100%;}
    /* Toper End */
}

@media screen and (max-width: 450px){
    .mobileHeader { display: block; background: rgba(0, 0, 0, 0.65); position: fixed; height: 40px; color: #FFF; z-index: 999; width: 100%; overflow: hidden;}
    .mobileHeader .logoer { float: left; width: 50%; margin: 4px 0 0 10px;}
    .mobileHeader .logoer img { max-height: 32px;}
    .mobileHeader .menuer { float: right; width: 50%; text-align: right;}


    .mobileHeader .toggle { margin-top: 0px;}
    .mobileHeader .toggle:hover span, .menuer-handler .toggle:hover span::before, .menuer-handler .toggle:hover span::after { background: #FFF; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;}
    .hc-nav-trigger { right: 10px; top: 8px;}
    .menuer-handler .toggle span, .menuer-handler .toggle span::before, .menuer-handler .toggle span::after { background-color: #FFF;}
    .hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after { background-color: #FFF; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;}
    .hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul { background-color: #FFF;}
    .hc-offcanvas-nav h2 { color: #333; padding: 12px 17px; font-weight: 700; border-bottom: 1px solid #1586ee; text-align: left;}
    .hc-offcanvas-nav h2 img { height: 28px;}
    .hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a { border-top: 1px solid #eaeaea;}
    .hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a i { margin-right: 10px; color: #c3c3c3;}
    .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav li.nav-back a { background: #1586ee; color:#FFF; border-top: 1px solid #1586ee; border-bottom: 1px solid #1586ee;}
    .hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav li.nav-back a:hover { background: #1586ee;}
    .hc-offcanvas-nav a { border-bottom: 1px solid #eaeaea; color: #333;}
    .hc-offcanvas-nav:not(.touch-device) a:hover { background: #2d2f2e;}
    .hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next { border-left: 1px solid #eaeaea;}
    .hc-offcanvas-nav span.nav-next::before, .hc-offcanvas-nav li.nav-back span::before { border-top: 2px solid #eaeaea;  border-left: 2px solid #eaeaea;}
    .hc-offcanvas-nav.nav-levels-overlap ul li i { margin-right: 10px; color: #c3c3c3;}


    /* Header Start */
    .header { display: none;}
    /* Header End */

    /* Searcher Star */
    #searcher { margin: 10px 0;}
    #searcher .container { padding-left: 0px; padding-right: 0px;}
    #searcher .lefts { display: none;}
    #searcher .rights { height: auto; padding: 10px; width: 100%; float: none; background-color: #2a2a2a; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
    #searcher .rights .keywords { color: #FFF; margin: 5px 0 10px 0;}
    #searcher .rights .keywords a { color: #FFF; margin: 0 5px 0 0;}
    #searcher .rights .searchs .inputs { width: 85%; border: solid 1px #bbbbbb; padding: 0 10px; height: 28px; background-color: #FFF; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}
    #searcher .rights .searchs .buttons { width: 15%; background-color: #1586ee; color: #FFF; padding: 0 10px; height: 28px; vertical-align: middle; border:none; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}
    /* Searcher End */

    /* Producter Star */
    #producter { margin: 0 0 20px 0;}
    #producter .container { padding-left: 5px; padding-right: 5px;}
    .producter .lefts { float: left; width: 50%;}
    .producter .lefts .titles { background-color: #bb1010; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; color: #FFF; padding: 16px 15px 16px 15px; text-align: center;}
    .producter .lefts .titles h1 { font-size: 20px; font-weight: 700; margin-bottom: 12px;}
    .producter .lefts .titles h2 { font-family: "Geometric415BT-BlackA"; font-weight: lighter; font-size: 18px; text-transform: uppercase;}

    .producter .lefts .categorys { text-align: left; background: url("../img/pro_category_bg.jpg") repeat; /*border-left: solid 1px #dddddd; border-right: solid 1px #dddddd; border-bottom: solid 1px #dddddd;*/}
    .producter .lefts .categorys ul { padding: 10px 5px 5px 5px;}
    .producter .lefts .categorys ul li { font-size: 12px; border: solid 1px #cfcfcf; margin: 0 0 6px 0; padding: 5px 0; background-color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .producter .lefts .categorys ul li a { display: block;}
    .producter .lefts .categorys ul li:hover { background-color: #bb1010;}
    .producter .lefts .categorys ul li:hover a { color: #FFF;}

    .producter .lefts .contacts { color: #FFF; text-align: center; background-color: #bb1010; padding: 15px 15px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;}
    .producter .lefts .contacts h1 { font-size: 13px; display: block; margin: 0 0 10px 0; font-weight: 300; line-height: 180%;}
    .producter .lefts .contacts h2 { font-size: 13px; font-weight: 700;}
    .producter .lefts .contacts p { font-family: "Geometric415BT-BlackA"; font-size: 13px; font-weight: lighter; margin: 5px 0 0 0;}
    .producter .rights { float: right; width: 49%;}
    /* Producter End */

    /* Pros List Star */
    .pros-list { margin: 0 0 0 0;}
    .pros-list ul li { text-align: center; width: 49.500000%; float: left; margin: 0 1% 15px 0;}
    .pros-list ul li:nth-child(4n) { margin: 0 1% 15px 0; }
    .pros-list ul li:nth-child(3n) { margin: 0 1% 15px 0; }
    .pros-list ul li:nth-child(2n) { margin: 0 0 15px 0; }
    .pros-list ul li:hover .pros-item { border: solid 1px #1586ee; }
    .pros-list ul li:hover .pros-item p { border-top: solid 1px #1586ee; color: #FFF; background-color: #1586ee;}
    .pros-list ul li .pros-item { border: solid 1px #e4e4e4; display:inline-table;}
    .pros-list ul li .pros-item img { max-width: 100%;}
    .pros-list ul li .pros-item p { border-top: solid 1px #e4e4e4; padding: 6px 6px; overflow: hidden; height: 36px; }
    /* Pros List End */

    /* Agency Brand Star */
    #agency-brand { padding: 35px 0;}
    .agency-brand { margin: 20px 0 0 0;}
    .agency-brand ul li { float: left; width: 25%; text-align: center; margin: 0 0 15px 0;}
    .agency-brand ul li img { max-width: 100%;}
    /* Agency Brand End */

    /* About Intro Star */
    #about-intro { padding: 50px 0px;  background: url('../img/aboutIntroBg.jpg'); background-size: auto 100%; text-align: left;}

    #about-intro .lefts {  overflow: hidden; height: auto; float: none; width: 100%; background-color: rgba(255,255,255,0.96); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

    #about-intro .lefts .titles { padding: 15px 20px 20px 20px; font-size: 18px; font-weight: 700; color: #1586ee;}
    #about-intro .lefts .titles span { font-family: "Geometric415BT-BlackA"; font-size: 14px; padding-top: 10px; margin-left: 10px; text-transform: uppercase; color: #b2b2b2;}
    #about-intro .lefts .titles .mores { float: right; color: #da2625; margin-top: 3px; font-size: 14px; font-family: "Geometric415BT-BlackA";}
    #about-intro .lefts .titles .mores:hover { }

    #about-intro .lefts .intros { padding: 0 20px 15px 20px; overflow: hidden; height: auto;}
    #about-intro .lefts .intros .imgs { float: none; width: 100%; text-align: center;}
    #about-intro .lefts .intros .imgs img { max-width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    #about-intro .lefts .intros .texts { float: none; width: 100%; margin: 15px 0 0 0;}
    #about-intro .lefts .intros .texts .companys { color: #000; font-size: 18px; font-weight: 700; margin-bottom: 15px;}


    #about-intro .rights { height: auto; float: none; width: 100%; margin: 10px 0 0 0; background-color: rgba(255,255,255,0.96); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

    #about-intro .rights .titles { padding: 15px 15px; font-size: 18px; font-weight: 700; color: #1586ee;}
    #about-intro .rights .titles span { font-family: "Geometric415BT-BlackA"; font-size: 14px; padding-top: 10px; margin-left: 10px; text-transform: uppercase; color: #b2b2b2;}

    #about-intro .rights .slogans { background-color: #1586ee; padding: 5px 15px; color: #FFF; font-size: 12px;}
    #about-intro .rights .phones { padding: 15px 15px 0 15px;}
    #about-intro .rights .messages { padding: 10px 15px;}
    #about-intro .rights .messages ul li { padding-bottom: 10px;}
    #about-intro .rights .messages ul li .btn-primary { background-color: #1586ee;border-color: #1586ee;}
    /* About Intro End */

    /* Main Pages Star */
    .main-pages { text-align: center; padding: 20px 0;}
    .page-lists { text-align: center; margin: 0 auto;}
    .page-lists>.prev-page { -moz-border-radius:3px; padding: 5px 5px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}
    .page-lists>.next-page { -moz-border-radius:3px; padding: 5px 5px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}

    .page-lists>.num-page { display: none; -moz-border-radius:3px; padding: 5px 10px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}
    .page-lists>.act { background-color: #ca1911; border: solid 1px #ca1911; color: #FFF;}
    .page-lists>.act:hover { background-color: #ca1911; border: solid 1px #ca1911; color: #FFF;}
    .page-lists>.ipts-page { text-align: center; width: 30px; margin-left: 5px; margin-right: 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}
    .page-lists>.btns-page { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}

    .page-lists .last-page { display:inline-block; -moz-border-radius:3px; padding: 2px 10px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}

    .page-lists .mobile-page { display: block; margin: 10px 0 0 0;}

    .page-lists a { margin: 0 2px;}
    .page-lists a:hover { background-color: #ddd; color: #888;}
    /* Main Pages End */


    /* Information Center Star */
    #information-center { padding: 30px 0; background-color: #f9f9f9;}
    .information-center { margin: 30px 0 0 0;}
    .information-center .container { padding-left: 0px; padding-right: 0px;}
    .information-center .container>ul>li { float: none; width: 100%; text-align: left;}
    .information-center .container>ul>li>.items { margin: 0; background-color: #f9f9f9; padding: 15px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
    .information-center .container>ul>li>.items .imgs { padding: 15px 0; border-bottom: dotted 1px #eeedea;}
    .information-center .container>ul>li>.items .imgs img { max-width: 100%;}
    .information-center .container>ul>li>.items .imgs h1 { font-size: 18px; color: #333; margin: 15px 0 0 0;}

    .information-center .container>ul>li>.items .titles { font-size: 24px; color: #666; font-weight: 500;}
    .information-center .container>ul>li>.items .lists { margin: 5px 0;}
    .information-center .container>ul>li>.items .lists li { padding: 3px 0; overflow: hidden;}
    .information-center .container>ul>li>.items .lists li span { margin-right: 5px;}
    .information-center .container>ul>li>.items .mores { text-align: right; color: #999089;}

    /* Information Center End */
}