/*************************************************!
*
*   Project:    Al-Razi | Medical Lab
*   Author:     HighTech
*   Url:        http://www.rml.com.ly/
*
*---------------------------------------------------
*
*	Copyright : All Rights Reserved Company Al Al-Razi | Medical Lab 2015
*   Powered by: HighTech
*
*
**************************************************/

html {
    margin: 0px;
    padding: 0px;
    font-family: tahoma;
    font-size: 11px;
    color: #888;
}
body {
    background: #F3F3F3;
    margin: 0px;
    padding: 0px;
    font-family: 'DroidKufiBold';
    /* background: none; */
    font-size: 11px;
    color: #888;
    direction: rtl;
    overflow-x: hidden;
}
ul, li, h1, h2, h3, h4 {
    margin: 0px;
    padding: 0px;
    list-style: none;
    list-style-position: inside;
}
h3 {
    font-size: 12px;
    direction: ltr;
}
img {
    border: none;
}
a, input, textarea, sub, select {
    text-decoration: none;
    outline: 0px none;
    margin: 0px;
    padding: 0px;
}
input, textarea, sub, select {
    font: Normal 11px Tahoma;
    text-decoration: none;
    outline: 0px none;
    margin: 0px;
    padding: 0px;
}
p {
    margin: 0;
    padding: 0;
    direction: rtl;
}
.clear {
    clear: both;
}
fieldset {
    margin-bottom: 6px;
    border: 1px #FFFFFF solid;
}
hr {
    background: #EFEFEF;
    border-color: #FFFFFF;
}
a {
    color: #c33436;
    text-decoration: none;
}
a:link, body_alink {
    text-decoration: none;
}
a:visited, body_avisited {
    color: #c33436;
    text-decoration: none;
}
div {
    overflow: hidden;
}
/* ~~~~~~~~~~~~~~~~ FONTS ~~~~~~~~~~~~~~~~ */

@font-face {
    font-family: 'DroidKufiRegular';
    src: url('css/fonts/DroidKufi-Regular.eot');
    src: url('css/fonts/DroidKufi-Regular.eot?#iefix') format('embedded-opentype'), url('css/fonts/DroidKufi-Regular.woff') format('woff'), url('css/fonts/DroidKufi-Regular.ttf') format('truetype'), url('css/fonts/DroidKufi-Regular.svg#ge_ss_uniquebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DroidKufiBold';
    src: url('css/fonts/DroidKufi-Bold.eot');
    src: url('css/fonts/DroidKufi-Bold.eot?#iefix') format('embedded-opentype'), url('css/fonts/DroidKufi-Bold.woff') format('woff'), url('css/fonts/DroidKufi-Bold.ttf') format('truetype'), url('css/fonts/DroidKufi-Bold.svg#ge_ss_uniquebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'social';
    src: url('css/fonts/socialico.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* ~~~~~~~~~~~~~~ Css Strat Here ~~~~~~~~~~~~~~~~ */
#widecon {
    width: 100%;
    background: url(images/m-bg.jpg) center top no-repeat;
    background-size: contain;
}
.container, .header-con {
    width: 980px;
    margin: auto;
    overflow: visible;
}
.header {
    width: 100%;
    margin: 0 0 0 10px;
    overflow: visible;
    height: 167px;
    background: url(images/he-rebg.png) repeat-x top;
}
.header_ri {
    background: url(images/he-ribg.png) no-repeat top;
    width: 22px;
    height: 167px;
    float: right;

}
.header_le {
    background: url(images/he-lebg.png) no-repeat top;
    width: 22px;
    height: 167px;
    float: left;
}
.header_mi {
    background: url(images/he-rebgf.png) repeat-x top;
    width: 936px;
    height: 167px;
    float: left;
    overflow: visible;
}
.header_sh {
    width: 980px;
    height: 23px;
    background: url(images/nav-sh.png) top center;
    float: right;
}
.he_top {
    width: 936px;
    height: 50px;
    float: right;
    display: block;
}
/****** top Links *********/
.t_links {
    width: 280px;
    height: 50px;
    float: left;
    margin: 0 70px 0 0;
}
.t_links ul {
    list-style-type: none;
    list-style-position: inside;
    display: block;
    float: left;
    direction: rtl;
    margin: 0 0 0 22px;
    overflow: visible;
}
.t_links ul li {
    display: inline-block;
    list-style-position: inside;
    margin: 0 20px 0 0;
}
.t_links ul li a {
    font: 11px/50px DroidKufiRegular, Tahoma, Geneva, sans-serif;
    color: #FAFAFA;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.t_links ul li a:hover {
    color: #EF6170;
    font-weight: bold;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
/****** Social Links *********/

.social_links {
    height: 190px;
    float: right;
    margin: 0 20px 0 0;
}
.social_links ul {
    list-style-type: none;
    list-style-position: inside;
    display: block;
    float: left;
    direction: ltr;
    margin: 8px 0 0 0;
    overflow: visible;
}
.social_links ul li {
    display: inline-block;
    list-style-position: inside;
    margin: 0 3px 0 0;
}
.social_links ul li a {
    width: 37px;
    height: 35px;
    display: block;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
.social_links ul li a:hover {
    -webkit-animation-name: push;
    animation-name: push;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.fb {
    background: url(images/fb-ico.png) bottom center no-repeat;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.tw {
    background: url(images/tw-ico.png) bottom center no-repeat;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.yt {
    background: url(images/yt-ico.png) bottom center no-repeat;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.rss {
    background: url(images/rss-ico.png) bottom center no-repeat;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.fb:hover {
    background: url(images/fb-ico.png) top center no-repeat;

}
.tw:hover {
    background: url(images/tw-ico.png) top center no-repeat;

}
.yt:hover {
    background: url(images/yt-ico.png) top center no-repeat;

}
.rss:hover {
    background: url(images/rss-ico.png) top center no-repeat;

}
@-webkit-keyframes push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.lang {
    /* width: 185px; */
    height: 80px;
    float: left;
    font: 11px/40px DroidKufiRegular, Tahoma, Geneva, sans-serif;
    color: #FAFAFA;
    margin: 5px 0px 0 20px;
}
.ar {
    width: 27px;
    height: 18px;
    background: url(images/lang-btn.png) no-repeat -30px;
    float: left;
    margin: 10px 5px 0 0;
}
.en {
    width: 27px;
    height: 18px;
    background: url(images/lang-btn.png) no-repeat 0;
    float: left;
    margin: 10px 5px 0 0;
}
.he_bottom {
    width: 937px;
    height: 113px;
    float: right;
    display: block;
    overflow: visible;
    margin: 0px 0 0 0;
}
.logo_con {
    width: 220px;
    height: 95px;
    background: url(images/logo-t.png) no-repeat center;
    float: right;
    margin: 10px 20px 0 0;
}
.logo_con:hover {
    -webkit-animation: pulse infinite alternate linear 0.5s;
    -moz-animation: pulse infinite alternate linear 0.5s;
    -o-animation: pulse infinite alternate linear 0.5s;
    -ms-animation: pulse infinite alternate linear 0.5s;
    animation: pulse infinite alternate linear 0.5s;
}
/* ------------------------ */

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.05);
    }
}
@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
    }
    100% {
        -moz-transform: scale(1.05);
    }
}
@-ms-keyframes pulse {
    0% {
        -ms-transform: scale(1);
    }
    100% {
        -ms-transform: scale(1.05);
    }
}
@-o-keyframes pulse {
    0% {
        -o-transform: scale(1);
    }
    100% {
        -o-transform: scale(1.05);
    }
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.05);
    }
}
/* ------------------------ */

.logo_con a {
    float: right;
    width: 220px;
    height: 95px;
}
.nav {
    width: 350px;
    height: 113px;
    float: right;
    overflow: visible;
}
.nav #dropmenu li a {
    color: #5C5C5C;
    display: block;
    font: 14px/113px DroidKufiBold, Tahoma, Geneva, sans-serif;
    /* height: 51px; */
    margin: 0px 0 0;
    padding: 0 9px;
    text-align: center;
}
.nav #dropmenu li {
    float: right;
    margin: 0px 5px 0 5px;
    height: 117px;
}
.nav #dropmenu li a:hover {
    color: #FAFAFA;
    /* border-bottom: 5px solid #d7272e; */
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
    -moz-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
    -o-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
    transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
    -moz-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
    -o-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
    transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */
    background: url(images/mddhbg.png) center repeat-x;
}
/*****/
.nav #dropmenu li:hover > a {
    color: #fff;
    background: url(images/mddhbg.png) center repeat-x !important;
}
/******* start *****/
#dropmenu {
    margin: 0 25px 0 0 !important;
}
#dropmenu, #dropmenu ul {
    margin: 0px 0px 0 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    z-index: 999999999999;
    font-weight: bold;
}
#dropmenu .current a, #dropmenu li:hover > a {
}
#dropmenu ul {
    position: absolute;
    display: none;
    width: 160px;
    top: 117px;
}
#dropmenu ul li ul {
    position: absolute;
    display: none;
    width: 160px;
    top: 90px;
}
#dropmenu ul a {
}
#dropmenu li ul li {
    background: none !important;
    height: 30px !important;
    float: right !important;
    width: 100% !important;
    margin: 0 0px 0px 0px !important;
}
#dropmenu li ul li:hover {
    background: none !important;
}
#dropmenu li ul li a {
    font: 12px/30px DroidKufiRegular, Tahoma, Geneva, sans-serif !important;
    height: 30px !important;
    float: right;
    width: 160px;
    color: #666;
    padding: 0 !important;
    text-align: right !important;
    text-indent: 20px !important;
    background: #e8e8e8 !important;
}
#dropmenu li ul li a:hover {
    background: url(images/dd-hbg.png) center repeat-x !important;
    color: #fff !important;
    border: none !important;
}
#dropmenu li ul li :last-child a:hover {
    border-bottom: none !important;
}
#dropmenu li ul li :last-child a {
    border-bottom: none !important;
}
#dropmenu ul ul {
}
#dropmenu li ul ul {
    right: 14em;
}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
    display: none;
}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
}
.search_box {
    width: 235px;
    height: 50px;
    float: left;
    background: url(images/search-box.png) no-repeat center;
    margin: 35px 0px 0 10px;
}
.input_txt {
    background: none;
    border: none;
    height: 41px;
    line-height: 30px;
    outline: none;
    text-indent: 45px;
    width: 180px;
}
.search_btn {
    float: left;
    height: 36px;
    margin: 5px 0 0 0px;
    width: 52px;
    background: url(images/search-btn.png) center no-repeat;
}
.search_btn:hover {
    background: url(images/search-btnh.png) center no-repeat;
}
.slider {
    width: 960px;
    height: 431px;
    position: relative;
}
.slider_warp {
    width: 980px;
    height: 467px;
    float: right;
    position: relative;
    margin-top: 20px;
}
.slider-inner {
    width: 980px;
    height: 467px;
    float: right;
    background: url(images/m-slider-bg.png) center no-repeat;
    position: absolute;
    z-index: 50;
}
/* ----- Slider Controls   -------*/

.nivo-controlNav {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border-radius: 7px;
    bottom: 45px;
    height: 28px;
    margin: 0;
    position: relative;
    left: -435px !important;
    text-align: center;
    width: 96px;
    z-index: 9999999;
}
.nivo-nextNav, .nivo-prevNav {
    display: block;
    height: 128px;
    width: 30px;
    top: 50%;
    position: absolute;
    z-index: 99999;
    cursor: pointer;
    transition: all ease .4s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}
.nivo-nextNav {
    right: -11px;
    background: url(images/m-slider-btns.png) right center no-repeat;
}
.nivo-nextNav:hover {
    background: url(images/m-slider-btnsh.png) right center no-repeat;
}
.nivo-prevNav {
    left: -11px;
    background: url(images/m-slider-btns.png) left center no-repeat;
}
.nivo-prevNav:hover {
    background: url(images/m-slider-btnsh.png) left center no-repeat;
}
/* ----- Slider Controls   -------*/

.sli_sh {
    width: 980px;
    height: 40px;
    background: url(images/box-sh.png) center no-repeat;
    float: right;
}
.content {
    width: 980px;
    /* background: url(images/con_ri_sh.jpg) right top no-repeat, url(images/con_le_sh.jpg) left top no-repeat, url(images/con_mbg.png) top center repeat-x; */
    /* background-color: #FFFFFF; */
    float: right;
    margin: 0 0 0 0;
    overflow: visible;
}
.upbg {
    width: 980px;
    height: 53px;
    margin: auto;
    overflow: visible;
    background: url(images/con-top-bg.png) center top no-repeat;
    float: right;
}
.mi-con {
    width: 960px;
    /* height: 53px; */
    margin: 0 10px;
    float: right;
    overflow: visible;
    background: #fff;
    box-shadow: 0px 4px 5px #ddd;
}
.seperator {
    width: 940px;
    height: 1px;
    background: url(images/sep.png) center no-repeat;
    display: block;
    /* float: right; */
    margin: 15px 5px 0 0;
}
.products {
    width: 940px;
    /* float: right; */
    display: block;
    position: relative;
    overflow: visible;
    margin: 0 10px;
    /* clear: both; */
}
.pr_title {
    width: 417px;
    height: 86px;
    background: url(images/slidertit-bg.jpg) no-repeat center;
    margin: 0px auto 20px;

}
.pr_title h2 {
    font: 16px/45px DroidKufiBold, Tahoma, Geneva, sans-serif;
    text-align: center;
    margin-top: 24px;
    color: #165D9F;
}
.next_btn {
    width: 54px;
    height: 79px;
    float: right;
    background: url(images/csliderbtns.png) right no-repeat;
    margin: 15px 0 0 45px;
    position: absolute;
    right: -40px;
    top: 115px;
}
.prev_btn {
    width: 54px;
    height: 79px;
    float: left;
    background: url(images/csliderbtns.png) left no-repeat;
    margin: 15px 0 0 0px;
    float: left;
    position: absolute;
    left: -40px;
    top: 115px;
}
.prev_btn:hover {
    background: url(images/csliderbtnsh.png) left no-repeat;

}
.next_btn:hover {
    background: url(images/csliderbtnsh.png) right no-repeat;

}
.pr_slider {
    margin: auto;
    width: 844px !important;
}
.product-item {
    position: relative;
}
.product {
    width: 276px !important;
    height: 172px;
    float: right;
    background: rgb(22, 93, 159);
}
.product img {
    width: 276px !important;
    height: 172px;
}
.pr_slider ul li {
    list-style-position: outside;
    list-style-type: none;
    width: 276px;
    height: 200px !important;
    float: right;
    margin: 0 0 0 8px;
}
.item-sh {
    width: 276px;
    height: 21px;
    background: url(images/item-sh.jpg) center no-repeat;
    margin: auto;
    float: right;
}
.sl_details {
    width: 276px;
    height: 172px;
    background: rgba(42, 42, 42, 0.7);
    position: absolute;
    z-index: 999;
    top: 119px;
    right: 0;
    opacity: 1;
}
.sl_details h3 {
    width: 276px;
    height: 48px;
    /* float: right; */
    display: block;
    text-align: center;
    font: 14px/50px 'DroidKufiRegular', Tahoma, Geneva, sans-serif;
    color: #FFFFFF;
}
.sl_details a {
    width: 85px;
    height: 45px;
    /* float: right; */
    display: block;
    text-align: center;
    font: 14px/45px 'DroidKufiRegular', Tahoma, Geneva, sans-serif;
    color: #2967B4;
    background: url(images/btn-bg.png) center repeat-x;
    padding: 0px 20px;
    margin: 15px auto;
}
.pr_slider ul li:hover .sl_details {
    opacity: 1;
    top: 0px;
    -webkit-transition: all 250ms cubic-bezier(0.665, 0, 0.265, 1); /* older webkit */
    -webkit-transition: all 250ms cubic-bezier(0.665, -0.420, 0.265, 1.550);
    -moz-transition: all 250ms cubic-bezier(0.665, -0.420, 0.265, 1.550);
    -o-transition: all 250ms cubic-bezier(0.665, -0.420, 0.265, 1.550);
    transition: all 250ms cubic-bezier(0.665, -0.420, 0.265, 1.550); /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.665, 0, 0.265, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.665, -0.420, 0.265, 1.550);
    -moz-transition-timing-function: cubic-bezier(0.665, -0.420, 0.265, 1.550);
    -o-transition-timing-function: cubic-bezier(0.665, -0.420, 0.265, 1.550);
    transition-timing-function: cubic-bezier(0.665, -0.420, 0.265, 1.550); /* custom */
}
/*----------------- Middle Block --------------------*/
.mid-block {
    margin: 10px auto;
    padding: 0 10px;
    width: 940px;
}
.mblock-warp {
    width: 550px;
    float: right;
}
.mblock-tit {
    width: 550px;
    height: 81px;
    background: url(images/mblock-tiwarp.png) right no-repeat;
}
.mblock-con {
    background: #f6f6f6;
    min-height: 50px;
    width: 540px;
    margin: 0 10px 0 0;
    padding: 0 10px;
    box-sizing: border-box;
}
.mblock-sh {
    width: 550px;
    height: 15px;
    background: url(images/mblock-tish.png) right no-repeat;
}
.mblock-con ul li {
    margin: 0 0 10px 0;
    background: #fff;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef;
    border-left: 3px solid #EFEFEF;
    transition: all ease .4s;
}
.mblock-con ul li:hover {
    border-left: 3px solid #E2021C;
    background: url(images/blockhbg.png) center repeat-x;
    color: #fff;
}
.mblock-con ul li:before {
    content: '';
    width: 18px;
    height: 26px;
    float: right;
    display: block;
    background: url(images/bl-icos.png) -76px center no-repeat;
    margin: 0 0 0 10px;
    opacity: .4;
    transition: all ease .4s;
}
.mblock-con ul li:hover:before {
    background-image: url(images/bl-icosh.png);
    opacity: 1;

}
.mblock-con ul li span {
    display: block;
    font: 12px/20px "DroidKufiRegular", Helvetica, Arial, sans-serif;
}
/********************/
.tblock-warp {
    width: 369px;
    float: left;
}
.tblock-tit {
    width: 369px;
    height: 81px;
    background: url(images/tblock-tiwarp.png) right no-repeat;
}
.tblock-con, .ttblock-con {
    background: #f6f6f6;
    min-height: 50px;
    width: 359px;
    margin: 0 10px 0 0;
}
.tblock-con span, .ttblock-con a {
    display: block;
    font: 12px/20px "DroidKufiBold", tahoma, Arial, sans-serif;
    padding: 15px 20px;
    border-bottom: solid 1px #E6E6E6;
    transition: all ease .4s;
    color:#888;
}
.tblock-con span:before {
    content: '';
    width: 26px;
    height: 26px;
    float: right;
    display: block;
    margin: 0 0 0 10px;
    transition: all ease .4s;
}
.tblock-con .det-address:before {
    background: url(images/bl-icos.png) 1px center no-repeat;
}
.tblock-con .det-tele:before {
    background: url(images/bl-icos.png) -25px center no-repeat;
}
.tblock-con .det-mail:before {
    background: url(images/bl-icos.png) -50px center no-repeat;
}
.tblock-con span:hover:before {
    background-image: url('images/bl-icosh.png');
}
.tblock-con span:hover,.ttblock-con a:hover {
    color: #E2021C;
}
.tblock-sh {
    width: 359px;
    height: 15px;
    background: url(images/tblock-tish.png) right no-repeat;
}
.mblock-tit h2, .tblock-tit h2 {
    margin: 8px 40px 0 0;
    color: #fff;
}
.qrwarrper {
    background: url(images/qrbg.png) center no-repeat;
    height: 350px;
    background-size: cover;
}
.qrcode {
    width: 130px;
    margin: 125px auto;
    display: block;
}
/*----------------- Partners --------------------*/
.par_slider {
    margin: auto;
    width: 844px !important;
}
.par_slider .next_btn, .par_slider .prev_btn {
    top: 90px
}
.par-item {
    position: relative;
}
.partners {
    width: 940px;
    /* float: right; */
    display: block;
    position: relative;
    overflow: visible;
    margin: 0 10px;
    /* clear: both; */
}
.par-item {
    width: 276px !important;
    height: 122px;
    float: right;
    background: rgb(22, 93, 159);
}
.par-item img {
    width: 276px !important;
    height: 122px;
}
.par_slider ul li {
    list-style-position: outside;
    list-style-type: none;
    width: 276px;
    height: 150px !important;
    float: right;
    margin: 0 0 0 8px;
}
.item-sh {
    width: 276px;
    height: 21px;
    background: url(images/item-sh.jpg) center no-repeat;
    margin: auto;
    float: right;
}
.sli_details {
    width: 276px;
    height: 122px;
    background: rgba(42, 42, 42, 0.7);
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    opacity: 0;
    transform: scale(.1);
}
.sli_details h3 {
    width: 276px;
    height: 48px;
    /* float: right; */
    display: block;
    text-align: center;
    font: 14px/120px 'DroidKufiRegular', Tahoma, Geneva, sans-serif;
    color: #FFFFFF;
}
.sli_details a {
    width: 85px;
    height: 45px;
    /* float: right; */
    display: block;
    text-align: center;
    font: 14px/45px 'DroidKufiRegular', Tahoma, Geneva, sans-serif;
    color: #2967B4;
    background: url(images/btn-bg.png) center repeat-x;
    padding: 0px 20px;
    margin: 15px auto;
}
.par_slider ul li:hover .sli_details {
    opacity: 1;
    transform: scale(1);
    -webkit-transition: all 250ms cubic-bezier(0.665, 0, 0.265, 1); /* older webkit */
    -webkit-transition: all 250ms cubic-bezier(0.665, -0.420, 0.265, 1.550);
    -moz-transition: all 250ms cubic-bezier(0.665, -0.420, 0.265, 1.550);
    -o-transition: all 250ms cubic-bezier(0.665, -0.420, 0.265, 1.550);
    transition: all 250ms cubic-bezier(0.665, -0.420, 0.265, 1.550); /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.665, 0, 0.265, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.665, -0.420, 0.265, 1.550);
    -moz-transition-timing-function: cubic-bezier(0.665, -0.420, 0.265, 1.550);
    -o-transition-timing-function: cubic-bezier(0.665, -0.420, 0.265, 1.550);
    transition-timing-function: cubic-bezier(0.665, -0.420, 0.265, 1.550); /* custom */
}
.seperator {
    width: 55%;
    height: 20px;
    margin: 30px auto;
    background: url(images/seperator.png) center repeat-x;
}
.footer {
    width: 980px;
    float: right;
    margin: 0 0px 0 0;
    background: url(images/footer-bg.png) center no-repeat;
    min-height: 83px;
}
.footer p {
    text-align: center;
}
.go-up {
    width: 89px;
    height: 57px;
    background: url(images/go-up.png) center no-repeat;
    display: block;
    float: right;
    margin: 26px 60px 0 0;
    cursor: pointer;
}
.copyrights {

    float: right;

    margin: 50px 20px 0 0;

    color: #fff;
}
.ht_rights {
    width: 218px;
    height: 62px;
    float: left;
    margin: 20px 0 0 30px;
}
.ht_rights h3 {
    float: right;
    margin: 0 0 0 40px;
    display: block;
    text-align: right;
    font: 11px/30px 'DroidKufiRegular', Tahoma, Geneva, sans-serif;
    color: #4a4a4a;
    margin: 26px 8px 0 0;
}
.ht_rights a {
    width: 91px;
    height: 30px;
    float: left;
    margin: 26px 0 0 41px;
    display: block;
    background: url(images/ht-logo.png) center no-repeat;
}
/** ---------- About-Us home  --------- **/
.abt-us-block {
    background: #165D9F;
    width: 960px;
    height: 280px;
    margin: 20px 10px 0;
    /* position: relative; */
    overflow: visible;
    float: right;
}
.abt-us-block-in {
    background: url(images/abt-img.jpg) top left no-repeat;
    width: 100%;
    height: 280px;
    position: relative;
    overflow: visible;
    padding: 30px 0;
    box-sizing: border-box;
}
.abt-title {
    background: url(images/abt-hebg.png) right no-repeat;
    width: 100%;
    height: 280px;
    /* position: absolute; */
    right: -10px;
    top: 30px;
    height: 100px;
    width: 490px;
    margin: 0px -11px;
}
.abt-title h2 {
    margin: 13px 95px 0 0;
    color: #165D9F;
    font-size: 18px;
}
.abt-us-block-in p {
    margin: 13px 10px 0 0;
    font-family: 'DroidKufiRegular';
    width: 50%;
    color: #fff;
    font-size: 12px;
}
.abt-us-block-in a {
    width: 88px;
    height: 24px;
    float: right;
    background: transparent;
    margin: 15px 380px 0 0;
    font-size: 11px;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    padding: 5px 10px;
}
.abt-us-block-in a:hover {
    background: #fff;
    color: #165D9F;
    border: 1px solid #fff;

}
/** ---------- About-Us Page  --------- **/
.about-us-con {
    width: 940px;
    min-height: 250px;
    margin: 10px;
}
.img-warp {
    width: 100%;
}
.img-warp img {
    width: 100%;
}
.content-warp h1 {
    margin: 15px 0
}
.content-warp p {
    font: 14px/24px 'DroidKufiRegular', tahoma;
}
/** ---------- Contact-Us Page  --------- **/
#con_form {
    overflow: hidden;
}
.contact-inpt-form {
    width: 360px;
    height: 350px;
    float: right;
}
.inpcontact input {
    width: 498px;
    height: 40px;
    float: right;
    margin: 10px 10px 0 0;
    border-radius: 0px;
    border: 1px solid #CCC;
    outline: none;
    text-indent: 15px;
    font: 11px/30px 'DroidKufiRegular', Tahoma, Geneva, sans-serif;
    color: #c4c4c4;
    -webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
.inpcontact input:focus {
    border: 1px solid #E2021C;
    color: #E2021C;
}
.msgcontact {

}
.msgcontact_in {
    width: 498px;
    height: 95px;
    float: right;
    margin: 10px 10px 0 0;
    border-radius: 0px;
    border: none;
    outline: none;
    resize: none;
    text-indent: 15px;
    padding-top: 10px;
    line-height: 30px;
    border: 1px solid #CCC;
    font: 11px/30px 'DroidKufiRegular', Tahoma, Geneva, sans-serif;
    color: #858585;
    -webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
.msgcontact_in:focus {
    border: 1px solid #E2021C;
    color: #E2021C;
}
.reset_btn {
    width: 125px;
    height: 45px;
    background: url(images/clear-form.png) center no-repeat;
    border: none;
    outline: none;
    font: 12px/25px 'DroidKufibold', Tahoma, Geneva, sans-serif;
    color: #FFFFFF;
    text-align: center;
    /* text-indent: 35px; */
    margin: 10px 0 0 10px;
    opacity: .7;
    cursor: pointer;
    float: left;
    padding: 0px 0px 10px 20px;
    -webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
.reset_btn:hover {
    opacity: 1;

}
.submit {
    width: 130px;
    height: 50px;
    background: url(images/submit-form.png) center no-repeat;
    border: none;
    outline: none;
    font: 12px/40px 'DroidKufibold', Tahoma, Geneva, sans-serif;
    color: #FFFFFF;
    text-align: center;
    /* text-indent: 40px; */
    margin: 10px 10px 0 0;
    opacity: .7;
    cursor: pointer;
    float: right;
    padding: 0px 0px 10px 20px;
    -webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
.submit:hover {
    opacity: 1;

}
.contact-hint {
    float: right;
    font-size: 11px;
    color: #E2021C;
    margin: 10px;
}
/** ---------- post Page  --------- **/
.post-con {
    padding: 20px;
}