@font-face {
    font-family: 'zektonregular';
    src: url('../fonts/zekton_rg-webfont.eot');
    src: url('../fonts/zekton_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/zekton_rg-webfont.woff2') format('woff2'),
         url('../fonts/zekton_rg-webfont.woff') format('woff'),
         url('../fonts/zekton_rg-webfont.ttf') format('truetype'),
         url('../fonts/zekton_rg-webfont.svg#zektonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bellcentennial_lt_subcaptioRg';
    src: url('../fonts/bell-centennial-lt-subcaption-webfont.eot');
    src: url('../fonts/bell-centennial-lt-subcaption-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bell-centennial-lt-subcaption-webfont.woff2') format('woff2'),
         url('../fonts/bell-centennial-lt-subcaption-webfont.woff') format('woff'),
         url('../fonts/bell-centennial-lt-subcaption-webfont.ttf') format('truetype'),
         url('../fonts/bell-centennial-lt-subcaption-webfont.svg#bellcentennial_lt_subcaptioRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bellcentennialbt_address';
    src: url('../fonts/bellcentennialbt-address-1-opentype_0-webfont.eot');
    src: url('../fonts/bellcentennialbt-address-1-opentype_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bellcentennialbt-address-1-opentype_0-webfont.woff2') format('woff2'),
         url('../fonts/bellcentennialbt-address-1-opentype_0-webfont.woff') format('woff'),
         url('../fonts/bellcentennialbt-address-1-opentype_0-webfont.ttf') format('truetype'),
         url('../fonts/bellcentennialbt-address-1-opentype_0-webfont.svg#bellcentennialbt_address') format('svg');
    font-weight: normal;
    font-style: normal;

}
.inp_txt:hover, .menu_wrp ul li, .subMenu.fxd, .back_home_rgt, .what_we_wrp h1, .what_we_wrp h2, .we_do_w
{-webkit-transition: all 1s ease;/* Safari 3.2+, Chrome */
	-moz-transition: all 1s ease;/* Firefox 4-15 */
	-o-transition: all 1s ease;/* Opera 10.5-12.00 */
	transition: all 1s ease;/* Firefox 16+, Opera 12.50+ */}
html{height: 100%;}
body{width: 100%; margin: auto; height: 100%; font-family: 'zektonregular'; background: url("../images/body_bg.jpg") no-repeat center top; background-attachment:fixed;
/*
    -moz-background-size: cover;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-color: transparent;
*/
}
p, img, ul, li, a, h1, h2, h3, h4, h5 {text-decoration: none; list-style: none; margin: 0px; padding: 0px; border: 0px;}
.cb {clear: both;}
.pr{position: relative;}
.fl{float: left;}
.wrapper {width: 100%; margin: auto; float: left;  min-height: 670px;max-height: 768px;}
.content_wrapper{width: 1040px; margin: auto;}
.home_wrp {height: 100%; max-height: 1090px;position: relative;overflow: hidden;z-index: 1000; background: url("../images/body_bg.jpg") no-repeat center top;}

.top_line {
    position: absolute;
    width: 428px;
    height: 1080px;
    background: url("../images/top_line.png") no-repeat;
    border: 4px solid transparent;      
    border-image: url("../images/p_head_border.png");
    border-image: repeat;
    top: 0;

    left: 170px;
}


.ali_logo {
    width: 70%; height: auto;position: absolute; right: 0px;
    z-index: 0;
}
.ali_logo img {width: 100%;max-width: 880px;float: right;}

.top_menu {
    width: 210px; float: right; 
    height: 89px;
    margin-top: 30px;
    position: relative;
    z-index: 99;
}

.top_menu i {
    font-size: 46px;
    color: #A7A9AC;
    text-shadow: 3px 3px 4px #000;
    float: left;
    margin-right: 22px;
}

.top_menu i.fa-facebook {
    font-size: 40px;
    margin-top: 3px;
}

.menu_wrp {
    width: 320px; float: left; height: auto;
    margin-top: 250px;
}
.menu_wrp ul{}

.menu_wrp ul li {height: 126px;margin-top: -43px;width: 219px;}
.menu_wrp ul li.m1 {background: url("../images/menu_bg.png")no-repeat left top;}
.menu_wrp ul li.m2 {background: url("../images/menu_bg_2.png")no-repeat left top;width: 248px;height: 137px;margin-top: -47px;}
.menu_wrp ul li.m3 {background: url("../images/menu_bg_3.png")no-repeat left top;width: 278px;height: 148px;margin-top: -58px;}
.menu_wrp ul li.m4 {background: url("../images/menu_bg_4.png")no-repeat left top;width: 307px;height: 154px;margin-top: -69px;}

.menu_wrp ul li a {color: #fff; float: left;text-align: right;width: 90%;padding: 9px 0px;
margin-top: 40px;-moz-transform: rotate(340deg); /*FF3.5+*/
-o-transform: rotate(340deg); /*Opera 10.5*/
-webkit-transform: rotate(340deg); /*Saf3.1+, Chrome*/
-ms-transform: rotate(340deg); /*IE9*/
transform: rotate(340deg);
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.939693, M12=0.34202,M21=-0.342020, M22=0.939693, sizingMethod='auto expand');/*IE6-IE9*/
zoom: 1;}

.menu_wrp ul li.m2 a {
    margin-top: 46px;
}
.menu_wrp ul li.m3 a {
    margin-top: 46px;
}
.menu_wrp ul li.m4 a {
    margin-top: 48px;
}


.menu_wrp ul li.m1:hover {background: url("../images/menu_bg_h.png")no-repeat left top;}
.menu_wrp ul li.m2:hover {background: url("../images/menu_bg_2_h.png")no-repeat left top;}
.menu_wrp ul li.m3:hover {background: url("../images/menu_bg_3_h.png")no-repeat left top;}
.menu_wrp ul li.m4:hover {background: url("../images/menu_bg_4_h.png")no-repeat left top;}
.menu_wrp ul li a:hover {color: #fff000;}

.who_we_wrp, .what_we_wrp {height: 100%;overflow: hidden;}


.content{width: 100%; height: 100%;float: left;/* background: #444345; */ position: relative;}
.back_home_rgt {width: 41px; height: 100%;  position: absolute;right: 0; background: url("../images/artlinks.png") no-repeat center;}

.back_home_rgt:after {
    content: "";
    position: absolute;
    bottom: 13%;
    margin: auto;
    width: 0;   height: 0;   
    border-left: 20px solid transparent;   
    border-right: 20px solid transparent;   
    border-bottom: 40px solid rgb(244, 144, 31);
    opacity: 0;
}

.back_home_rgt:hover {
    background: url("../images/artlinks_h.png") no-repeat center;
}
.back_home_rgt:hover .back_home_rgt:after {opacity: 1;}
.p_head {
    width: 170px; 
    height: 670px;
    float: left;
    position: relative;
    font-size: 0px;
}

.who_we_wrp .p_head {
    background: url("../images/who_we_are_head.png")no-repeat center;
    background-size: 130px;
}
.what_we_wrp .p_head {
    background: url("../images/what_we_do_head.png")no-repeat center;
    background-size: 130px;
}

.portfolio_wrp .p_head {
    background: url("../images/portfolio_head.png")no-repeat center;
    background-size: 130px;
}

.clients_wrp .p_head {
    background: url("../images/our_clients_head.png")no-repeat center;
    background-size: 130px;
}

.contact_wrp .p_head {
    background: url("../images/contact_us_head.png")no-repeat center;
    background-size: 130px;
}


.p_head:after{
    content:"";
    width: 1px;
    height: 100%;
    position: absolute;
    background: url("../images/p_head_border.png");
    right: 0;
}


.body_text {
    width: 70%; 
    float: left; 
    margin-left: 6%;
    margin-top: 100px;
    font-family: 'bellcentennial_lt_subcaptioRg'; 
    color: #bcbec0;
}
.what_we_wrp .body_text {height: 550px; /* overflow: auto; */margin-top: 80px;}
.who_we_wrp .body_text {height: 552px;  overflow: auto; padding-right: 3%;}
.portfolio_wrp  .body_text{width: 71%;}
.clients_wrp   .body_text{/* height: 500px; */}

.body_text p {
    font-size: 22px;
    text-align: justify;
    line-height: 35px;
}

.body_text h2 {
    font-size: 70px;
    font-weight: normal;
}

.body_text h3 {
    font-size: 50px;  
    margin-top: 20px;
    font-weight: normal;
}

.who_we_wrp p.lin_1 {}
.who_we_wrp p.lin_1 span {
    font-size: 75px;
}
.who_we_wrp p.lin_2 span{
    font-size: 31px;
}
.who_we_wrp p.lin_3 {
    margin-top: 25px;
}
.who_we_wrp p.lin_3 span {
    font-size: 70px;
    line-height: 40px;
    text-indent: 29px;
}

.portfolio_wrp ul, .clients_wrp ul {float: left; width: 80%; margin: auto;margin-left: 20%;height: 552px;overflow: auto;}

.portfolio_wrp ul {
    margin-left: 0px;
    width: 100%;
}
.portfolio_wrp ul li, .clients_wrp ul li {float: left; width: 30%; margin-right: 3%;   height: auto;margin-bottom: 3%;overflow: hidden;}

.portfolio_wrp ul li {
    height: 151px;
    margin-right: 2%;
}

.portfolio_wrp ul li a {
    float: left;
}

.portfolio_wrp ul li img {
    width: 96%;
    float: left;
    border: 3px solid #939598;
}

.clients_wrp ul {
    margin-top: 35px;
    height: 460px;
}
.clients_wrp ul li {
    width: 35%;
}

.clients_wrp ul li a {
    float: left;
}

.clients_wrp ul li img {
    width: 96%;
    float: left;
    border: 3px solid #939598;
}
.contact_wrp .map_wpr{width: 45%; float: left; height: 170px; background: #fee}
.contact_wrp .map_wpr #map_canvas    {width: 100%; height: 100%; position: absolute;}
 
h1#firstHeading   {font-size: 12px; margin: 0px;font-weight: normal;width: 100px;}
.contact_wrp .con_adrs_wpr{width: 45%; float: left; height: 100px;margin-left: 10%;font-size: 13px;font-family: 'zektonregular';}

.contact_wrp .con_adrs_wpr p {
    font-size: 20px;
    line-height: 32px;
}

.contact_wrp .con_adrs_wpr p.mob_2 {
    text-indent: 36px;
}
.contact_wrp .con_form_wpr{width: 100%; float: left; height: 100px;}

.con_form_wpr ul{float: left; background: #5E5D5F; padding: 33px 13.5% 7px; width: 73%; font-family: 'zektonregular';margin-top: 70px;}
.con_form_wpr ul li{
    float: left;
    width: 60%;
    margin-bottom: 22px;
}
.con_form_wpr ul li.w40{width: 40%;font-size: 23px;color: #fff;}
.con_form_wpr ul li .inp_txt{border: 0px solid #000000;
-moz-border-radius: 8px;/*Firefox*/
-webkit-border-radius: 8px;/*Safari, Chrome*/
border-radius: 8px;
    padding: 7px 5%; background: #D2D3D5;
width: 90%;font-family: sans-serif;}

.con_form_wpr ul li .inp_txt:hover {
    background: #EFEFEF;
}
.con_form_wpr ul li textarea.inp_txt{
    height: 85px;
    resize: none;
}
.con_form_wpr ul li.btn_li {width: 100%;}
.con_form_wpr ul li.btn_li .inp_txt {float: right;width: 81px;background: #939598;color: #C5C5C5;font-size: 20px;font-family: 'zektonregular';padding: 2px 0px 3px 0px;}

.con_form_wpr ul li.btn_li .inp_txt:hover {
    background: #fff;
    color: #000;
    cursor: pointer;
}

.con_form_wpr ul li .inp_txt:focus {
    outline: 0px;
    box-shadow: 0px 0px 9px #272727;
    background: #EFEFEF;
}

.menu_wrps {
    width: 100%;
    height: 50px;
    background: #F4901F;
    position: fixed;
    top: 0;
    z-index: 999;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.96);
}

.menu_wrps ul li{
    padding: 7px 0px;
}

.menu_wrps ul li img {
    width: 100%;
}

.what_we_wrp .we_do_w {width: 69%; height: 439px; background: url("../images/what_we_do_img.png")no-repeat center;background-size: 100%;float: left;margin-left: 113px;margin-top: 3%;position: relative;}

.what_we_wrp h1, .what_we_wrp h2 {
    font-family: 'zektonregular';
    color: #FF9B00;
    font-size: 32px;
    position: absolute;
    text-transform: uppercase;
    letter-spacing: 6px;
    font-weight: normal;
    text-shadow: 1px 1px 2px #3A3A3A;
    padding: 40px 33px;
}

.what_we_wrp h1  {
    top: 121px;
    left: 162px;
    padding-top: 133px;
}

.what_we_wrp h1:hover {
    color: #ff0;
    cursor: pointer;
    top: 122px;
    padding: 86px 33px;
    text-shadow: 0px 0px 31px #000;
}

.what_we_wrp h2 {
    top: 171px;
    left: 337px;
    letter-spacing: 4px;
    padding-top: 163px;
}

.what_we_wrp h2:hover {
    color: #FFF200;
    cursor: pointer;
    top: 172px;
    padding: 100px 33px;
    text-shadow: 0px 0px 31px #000;
}




.wrapper.fix_menu {min-height: 0px;}
.open_print_w {float: left; width: 100%; height: auto; position: absolute;z-index: 1;}
.open_print_w ul {font-family: 'bellcentennialbt_address';float: left;}
.open_print_w ul li {
    font-size: 25px;
    color: #fff;
}

.open_print_w ul li span {
    font-size: 20px;
}
.open_print_w ul.we-do1 {}
.open_print_w ul.we-do2 {
    margin-left: 25px;
    margin-top: 42px;
}
.open_print_w ul.we-do3 {
    position: absolute;
    right: 0;
    top: 20px;
}
.open_print_w  img {
    border: 4px solid #777;
    float: left;
}

.open_print_w img img.we-do-img2 {}

.open_print_w  img.we-do-img1{
    margin-top: 10px;
}

.open_print_w img.we-do-img2 {
    margin-top: 28px;
    margin-left: 45px;
}
.open_print_w .we_do_w{
    width: 130px;
    height: 117px;
    margin: 0;
    margin-top: -15px;
}

.open_print_w .we_do_w h1 {
    top: 47px;
    padding: 0;
    font-size: 25px;
    left: -41px;
}

.open_print_w .we_do_w h2 {
    padding: 0;
    top: 68px;
    font-size: 25px;
    left: 70px;
}

.menu_wrps ul li.ali_hom_bt {
    width: 16.5% !important;
    margin-right: 2% !important;
    background: none !important;
    font-size: 0;
}

/*body Scroll*/
html::-webkit-scrollbar{
width:16px;
background-color:#4D4D4D;
} 
html::-webkit-scrollbar-thumb{
background-color:#F4901F;
border-radius:10px;
}
html::-webkit-scrollbar-thumb:hover{
background-color:#F9A519;
border:1px solid #333333;
}
html::-webkit-scrollbar-thumb:active{
background-color:#F4901F;
border:1px solid #333333;
} 
html::-webkit-scrollbar-track{
/*
border:1px gray solid;
border-radius:10px;
-webkit-box-shadow:0 0 6px gray inset;
*/
}
/****/

/*Scroll*/
div.nicescroll-rails div {

    background: #F4901F !important;
    border: 1px solid #000 !important;
    cursor: pointer;
}
div#ascrail2000 {

}
/****/

/*------------------------------------------------------------------------------------------------------------------*/
@media screen and (width: 1920px) {
.wrapper {min-height: 980px;}
.fix_menu {
min-height: 0px;
}
.p_head {height: 980px;}
.body_text{margin-top: 180px;}
.who_we_wrp h2{margin-top: 20px;}
.who_we_wrp p.lin_3 {margin-top: 85px;}
.who_we_wrp p.lin_2 {margin-top: 15px;}
.open_print_w .we_do_w {
    width: 69%;
    height: 439px;
    margin: 0;
}
    .open_print_w .we_do_w h1, .open_print_w .we_do_w h2 {
        top: 100px;
        left: 44px;
        padding: 40px; 33px;
        padding-top: 133px;
        font-size: 32px;}
    .open_print_w .we_do_w h2 {
        top: 175px;
        left: 220px;
}
    
    .open_print_w .we_do_w h1:hover {
    color: #ff0;
    cursor: pointer;
    text-shadow: 0px 0px 31px #000;
}

.open_print_w .we_do_w h2:hover {
    color: #FFF200;
    cursor: pointer;
    text-shadow: 0px 0px 31px #000;
}
 
}

/*------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1024px){  

}

/*------------------------------------------------------------------------------------------------------------------*/
@media screen and (width:1024px){  
.open_print_w img.we-do-img2 {margin-left: 10px;}
}