article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}
button, input, select, textarea {margin: 0; padding: 0; border: none; font-family: 'Poppins', sans-serif;}
.custfield:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
body {font-family: 'Poppins', sans-serif; font-size: 14px; color: #000000;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none;}
img {border: none; vertical-align: middle;}


::-webkit-input-placeholder {color: rgba(0,0,0,0.40) !important; font-size: 16px;}
::-moz-placeholder {color: rgba(0,0,0,0.40) !important; font-size: 16px;}
:-ms-input-placeholder {color: rgba(0,0,0,0.40) !important; font-size: 16px;}
:-moz-placeholder {color: rgba(0,0,0,0.40) !important; font-size: 16px;}

.ph2::-webkit-input-placeholder {color: #333333 !important; font-size: 15px;}
.ph2::-moz-placeholder {color: #333333 !important; font-size: 15px;}
.ph2:-ms-input-placeholder {color: #333333 !important; font-size: 15px;}
.ph2:-moz-placeholder {color: #333333 !important; font-size: 15px;}

.ph3::-webkit-input-placeholder {color: #cccccc !important; font-size: 15px;}
.ph3::-moz-placeholder {color: #cccccc !important; font-size: 15px;}
.ph3:-ms-input-placeholder {color: #cccccc !important; font-size: 15px;}
.ph3:-moz-placeholder {color: #cccccc !important; font-size: 15px;}

/****************
 * Common Css
 ****************/
header, section, footer {width: 100%; float: left;}
.container {width: 1680px;}
.custfield {border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
a, a:hover, button, .custnav .menus > li > a:after, .stymenus ul li {transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.solpart .solutions .videobox a img {width: 100%; height: 100%; object-fit: cover; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.solpart .solutions .videobox a:hover img {transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1);}
.cbtn, .cbtn2 {display: inline-block; background-image: linear-gradient(to right, #497dbf 0%, #2fa7df 51%, #497dbf 100%); background-size: 200% auto;  font-size: 15px; color: #ffffff; font-weight: 500; padding: 15px 50px 15px 50px; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; box-shadow: 0px 10px 10px rgba(0,0,0,0.10); -moz-box-shadow: 0px 10px 10px rgba(0,0,0,0.10); -webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.10);}
.cbtn:hover, .cbtn2:hover {background-position: right center; color: #ffffff;}
.cbtn2 {background-image: linear-gradient(to right, #232055 0%, #2a4c79 51%, #232055 100%);}
.konwmore {
    margin-top: 25px;
}
.konwmore, .konwmore2 {
    display: inline-block;
    font-size: 15px;
    color: #ffffff;
    font-weight: 500;
    background: url(../images/plus-icon1.png) no-repeat 0 50%;
    padding-left: 25px;

}
.konwmore2 {color: #004067; background: url(../images/plus-icon2.png) no-repeat 0 50%;}
.konwmore:hover, .konwmore2:hover {color: #2fa7df; background-image: url(../images/plus-icon1-h.png);}
.ctitle {padding: 0;}
.ctitle h2 {font-size: 45px; font-weight: 600; color: #2a4c79; position: relative; float: left;}
.ctitle h2:after {content: ""; width: 170px; height: 2px; background-color: #2fa7df; position: absolute; right: -210px; bottom: 9px;}
.opacity {opacity: 0;}

header {position: absolute; left: 0; right: 0; top: 0; z-index: 87; padding-top: 20px;}
header .logo {float: left;}
header .container {position: relative;}
.rheader {float: right;}
.rheader .rhtop {float: right;}
.rheader .rhtop .links > li {float: left; border-right: 1px solid rgba(51,51,51,0.10); padding: 10px 18px; min-height: 40px;}
.rheader .rhtop .links > li:last-child {border-right: none;}
.rheader .rhtop .links > li .care {background: url(../images/cust-care-icon.png) no-repeat 0 0; width: 18px; height: 18px; float: left;}
.rheader .rhtop .links > li .care:hover {background-image: url(../images/cust-care-icon-h.png);}
.rheader .rhtop .links > li > a {font-size: 15px; color: rgba(153,153,153,0.50); font-weight: 600; line-height: 17px;}
.rheader .rhtop .links > li > a:hover {color: #2fa7df;}

.language {float: left; top:-2px;}
.language .custbtn {font-family: 'Tajawal', sans-serif; font-weight: 700; color: rgba(153,153,153,0.50); font-size: 15px; background-color: transparent;}
.language .custbtn:hover {color: #2fa7df;}
.language .dropdown-menu {right: -20px; top: 100%; left: auto; min-width: 69px; margin: 5px 0 0;}
.language .dropdown-menu > li > a {padding: 3px 9px; font-family: 'Tajawal', sans-serif; font-size: 15px; text-align: center;}

.custnav {float: left; margin-top: 7px; clear: both;}
.custnav .menus > li {float: left; padding: 0 28px;}
.custnav .menus > li:first-child {padding-left: 0px;}
.custnav .menus > li:last-child {padding-right: 0px;}
.custnav .menus > li > a {float: left; font-size: 20px; color: #2a4c79; padding-bottom: 20px; position: relative;}
.custnav .menus > li > a:hover, .submenus .lmenu .inner h3 a:hover, .custnav .menus > li > a.active {color: #2fa7df;}
.custnav .menus > li > a:after {content: ""; width: 0px; height: 3px; background-color: #2fa7df; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.custnav .menus > li:hover > a:after {width: 100%;}

.submenus {display: none; padding: 15px 15px 55px; border-top: 1px solid #e5e5e5; background-color: #ffffff; background-image: url(../images/menu-bg.png); background-repeat: no-repeat; background-position: 100% 0; position: absolute; top: 96px; right: 15px; left: 15px; box-shadow: 0px 25px 25px rgba(0,0,0,0.10); -moz-box-shadow: 0px 25px 25px rgba(0,0,0,0.10); -webkit-box-shadow: 0px 25px 25px rgba(0,0,0,0.10); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.submenus .lmenu {margin-top: 15px;}
.submenus .lmenu .imgbox {height: 270px; overflow: hidden; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; box-shadow: 0px 50px 50px rgba(0,0,0,0.10); -moz-box-shadow: 0px 50px 50px rgba(0,0,0,0.10); -webkit-box-shadow: 0px 50px 50px rgba(0,0,0,0.10);}
.submenus .lmenu .imgbox img {width: 100%; height: 100%; object-fit: cover;}
.submenus .lmenu .texts {padding: 50px 35px 0;}
.submenus .lmenu .inner {float: left; width: 100%;}
.submenus .lmenu .inner h3 {margin-bottom: 15px; font-size: 20px; color: #004067; font-weight: 600; position: relative;}
.submenus .lmenu .inner h3:after {content: ""; width: 170px; height: 2px; background-color: #35b7df; position: absolute; left: 191px; bottom: 4px;}
.submenus .lmenu .inner p {color: #999999; font-size: 15px; line-height: 24px; margin-bottom: 20px;}
.submenus .mlists {margin-top: 15px;}
.submenus .mlists .mlink {padding: 35px 0 30px 35px; border-bottom: 1px solid #e4e5e5;}
.submenus .mlists .mlink:last-child {border-bottom: none;}
.submenus .mlists .mlink .imgbox {float: left; width:60px; height: 40px;}
.submenus .mlists .mlink .texts {float: left; width: calc(100% - 60px); margin-top: 6px;}
.submenus .mlists .mlink .texts h4 a {display: block; font-size: 20px; color: #004067; font-weight: 600; background: url(../images/m-arrow.png) no-repeat 100% 4px; padding-right: 20px;}
.submenus .mlists .mlink .texts h4 a:hover {color: #2fa7df; background-position: 95% 4px;}
.submenus .mlists .mlink .texts p {font-size: 15px; color: #999999; line-height: 24px; margin-top: 15px; padding-right: 35px;}
@media only screen and (min-width: 1300px){
  .custnav .menus > li:hover .submenus {display: block;}
}

header .searchbar {float: left; position: relative; z-index: 12; top: 2px;}
header .searchbar .search {width: 16px; height:15px; float: left; background: url(../images/search-icon.png) no-repeat 50% 50%;}
header .searchbar .search:hover {background-image: url(../images/search-icon-h.png);}
.searchpopup {float: left; background-color: rgba(36,38,90,0.9); position: fixed; z-index: 11; right: 0; left: 0; top: -100%; opacity: 0; visibility: hidden; width: 100%; height: 100%;}
.searchpopup .serachfield {width: 700px; margin: 0 auto; padding: 250px 15px 25px;}
.searchpopup .serachfield h3 {text-transform: uppercase; color: #ffffff; font-size: 18px; letter-spacing: 1px; text-align: center; padding-bottom: 25px;}
.searchpopup .serachfield .custfield {height: 52px; padding: 6px 46px 6px 20px; background:#ffffff url(../images/search-icon-l.png) no-repeat 97% 50%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.closebtn {background: url(../images/closeicon.png) no-repeat 0 0; width: 32px; height: 32px; float: right; margin: 20px 20px 0 0; cursor: pointer; opacity: 0.7;}
.closebtn:hover {opacity: 1; animation:rotateani 2s linear infinite; -moz-animation:rotateani 2s linear infinite; -webkit-animation:rotateani 2s linear infinite;}
.popupactive {top: 0; opacity: 1; visibility: visible;}
.popupactive, .searchpopup {transition:all 0.7s ease 0s; -moz-transition:all 0.7s ease 0s; -webkit-transition:all 0.7s ease 0s;}
@keyframes rotateani { 
    from { 
        transform: rotate(0deg); 
    } to { 
        transform: rotate(180deg); 
    }
}
@-moz-keyframes rotateani { 
    from { 
        transform: rotate(0deg); 
    } to { 
        transform: rotate(180deg); 
    }
}
@-webkit-keyframes rotateani { 
    from { 
        transform: rotate(0deg); 
    } to { 
        transform: rotate(180deg); 
    }
}

.commonslider {float: left; width: 100%; position: relative;}
.commonslider .owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative;}
.commonslider .owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden;}
.commonslider .owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.commonslider .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.commonslider .owl-carousel .owl-wrapper, .commonslider .owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);}
.commonslider .owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.commonslider .owl-carousel.owl-loaded {display: block;}
.commonslider .owl-carousel.owl-loading {opacity: 0; display: block;}
.commonslider .owl-carousel.owl-hidden {opacity: 0;}
.commonslider .owl-carousel.owl-refresh .owl-item {visibility: hidden;}
.commonslider .owl-carousel.owl-grab {cursor: move; cursor: grab;}

.mainslider {background-color: #ffffff;}
.mainslider .sliderimg {position: relative; float: left; width: 100%; height: 900px; background-repeat: no-repeat; background-position: 50% 0; background-size: cover;}
.mainslider .sliderimg:before {content: ""; width: 100%; height: 484px; background: url(../images/white-bg.png) repeat-x 0 0; position: absolute; top: 0; left: 0; z-index: 1;}
.mainslider .slidertexts {position: absolute; top: 52%; width: 100%; z-index: 7; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.mainslider .slidertexts .textbox {float: left; width: 675px;}
.mainslider .slidertexts .textbox h3 {font-size: 70px; font-weight: 400; line-height: 80px; color: #2a4c79; padding-bottom: 25px;}
.mainslider .slidertexts .textbox h3 span {font-weight: 600;}
.mainslider .slidertexts .textbox p {font-size: 24px; color: #999999; line-height: 36px; padding-bottom: 40px;}
.mainslider .owl-item.active .slidertexts .textbox h3 {
  animation: 1s 1s fadeIn both;
  -moz-animation: 1s 1s fadeIn both;
  -webkit-animation: 1s 1s fadeIn both;
}
.mainslider .owl-item.active .slidertexts .textbox p {
  animation: 1s 1.5s fadeIn both;
  -moz-animation: 1s 1.5s fadeIn both;
  -webkit-animation: 1s 1.5s fadeIn both;
}
.mainslider .owl-item.active .slidertexts .cbtn {
  animation: 1s 1.5s flipInX both;
  -moz-animation: 1s 1.5s flipInX both;
  -webkit-animation: 1s 1.5s flipInX both;
}
.mainslider .owl-dots {position: absolute; z-index: 1; bottom: 175px; left: 50%; width: 1650px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.mainslider .owl-dots .owl-dot {float: left; border: 1px solid #cecece; width: 12px; height: 12px; margin-right:14px; cursor: pointer; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.mainslider .owl-dots .owl-dot.active, .mainslider .owl-dots .owl-dot:hover {background-color: #2fa7df; border-color: #2fa7df;}

.nsearchbar {margin-top: -65px; position: relative; z-index: 2;}
.nsearchbar .nsearchbox {background-color: #ffffff; padding: 25px 48px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 25px 25px rgba(0,0,0,0.10); -moz-box-shadow: 0 25px 25px rgba(0,0,0,0.10); -webkit-box-shadow: 0 25px 25px rgba(0,0,0,0.10);}
.nsearchbar .nsearchbox h3 {float: left; width: 228px; margin-right: 15px; padding: 15px 0; font-size: 24px; color: #004067; line-height: 30px; border-right: 1px solid #e5e5e5;}
.nsearchbar .nsearchbox h3 span {font-weight: 700;}
.cfrom .fieldcol {float: left; width: 270px; padding: 0 15px; margin-top: 4px; position: relative;}
.cfrom .fieldcol label {display: block; margin-bottom: 15px; font-size: 15px; color: #999999; font-weight: 400;}
.cfrom .fieldcol select.custfield {height: 50px; font-size: 15px; padding: 6px 30px 6px 40px; background-image: url(../images/drop-arrow1.png); background-repeat: no-repeat; background-position: 91% 50%; color: #333333; position: relative; background-color: #f6f6f6; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.cfrom .fieldcol .icon {width: 40px; height: 50px; background-repeat: no-repeat; background-position: 50% 50%; position: absolute; left: 15px; bottom: 0px; z-index: 1;}
.cfrom .fieldcol .locationicon {background-image: url(../images/location-icon.png);}
.cfrom .fieldcol .networkicon {background-image: url(../images/networkicon.png);}
.cfrom .fieldcol .healthicon {background-image: url(../images/healthicon.png);}
.cfrom .fieldcol .majicon {background-image: url(../images/majicon.png);}
.cfrom .cbtn2 {width: 210px; float: left; height: 50px; padding: 0; margin-top: 36px; margin-left: 15px;}
.cfrom .cbtn2 span {display: block; background: url(../images/search-icon2.png) no-repeat 54px 50%;}

.newspart {background: url(../images/bg1.jpg) no-repeat 50% 0; background-size: cover; padding: 114px 0 45px; margin-top: -75px;}
.newspart .heading {/*float: left; width: 275px;*/ min-height: 150px;}
    .newspart h3 {
        background: url(../images/new-icon.png) no-repeat 50% 0;
        padding: 60px 0 8px 0;
        font-size: 24px;
        color: #ffffff;
        margin-top: 0;
        text-align: center;
    }
.newspart .newslider {float: right; width: 1375px; padding: 12px 0 20px 35px; border-left: 1px solid rgba(241,241,241,0.10);}
.newspart .newslider .item {float: left; width: 100%;}
.newspart .newslider h5 {font-size: 20px; font-weight: 600; color: #ffffff; line-height: 30px;}
.newspart .newslider p {font-size: 15px; color: rgba(255,255,255,0.70); line-height: 30px; margin: 15px 0 25px;}
.newspart .owl-nav {position: absolute; bottom:16px; right: 0px; z-index: 7;}
.newspart .owl-nav > div {float: left; width: 30px; height: 30px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; background-color: rgba(0,0,0,0.10); background-repeat: no-repeat; background-position: center; cursor: pointer;}
.newspart .owl-nav > div:hover {background-color: rgba(255,255,255,0.10);}
.newspart .owl-nav > .owl-prev {background-image: url(../images/prev-arrow.png); margin-right: 10px;}
.newspart .owl-nav > .owl-next {background-image: url(../images/next-arrow.png);}

.services {padding: 105px 0; position: relative; background: url(../images/bg3.jpg) no-repeat 50% 0; background-size: cover; height: 880px;}
.services:after {content: ""; width: 100%; height: 361px; background: url(../images/bg2.png) no-repeat 50% 0; position: absolute; left: 0; bottom: 0;}
.services .ctitle {margin-bottom: 30px;}
.services .ctitle h2 {color: #ffffff;}
.services [class*='serbox'] {padding-right: 45px; margin-top: 30px;}
.services .sinner {padding: 0;}
.services .sinner [class*='sicon'] {display: block; width: 100%; height: 72px; background-repeat: no-repeat; background-position: 0 0;}
.services .sinner .sicon1 {background-image: url(../images/sicon1.png);}
.services .sinner .sicon2 {background-image: url(../images/sicon2.png);}
.services .sinner .sicon3 {background-image: url(../images/sicon3.png);}
.services .sinner .sicon4 {background-image: url(../images/sicon4.png);}
.services .sinner h4 {font-size: 20px; font-weight: 700; color: #ffffff; margin: 25px 0 19px;}
.services .sinner p {font-size: 15px; line-height: 30px; color: rgba(255,255,255,0.70); margin-bottom: 23px;}

.solpart {background: url(../images/bg4.png) repeat-x 0 0; padding-bottom: 180px;}
.solpart .solutions {padding: 0; margin-top: -210px;}
.solpart .solutions .videobox {float: left; width: 810px; height: 530px; box-shadow: 0 50px 50px rgba(0,0,0,0.10); -moz-box-shadow: 0 50px 50px rgba(0,0,0,0.10); -webkit-box-shadow: 0 50px 50px rgba(0,0,0,0.10); border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; overflow: hidden; position: relative;}
.solpart .solutions .videobox a {display: block; background-color: #004067;}
.solpart .solutions .videobox img {opacity: 0.9;}
.solpart .solutions .videobox .playicon {position: absolute; left: 50%; top: 50%; z-index: 1; width: 170px; height: 175px; background: url(../images/play-icon.png) no-repeat 0 0; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.solpart .sotexts {float: right; width: 670px; padding-right: 160px; margin-top: 128px;}
.solpart .sotexts .ctitle h2 {padding-left: 40px;}
.solpart .sotexts .ctitle h2:after {height: 170px; width: 2px; right: initial; left: 0;}
.solpart .sotexts p {color: #999999; font-size: 20px; line-height: 36px; margin: 30px 0 20px; float: left; width: 100%;}
.solpart .sotexts ul {float: left; width: 100%; padding-left: 80px;}
.solpart .sotexts ul li {float: left; width: 100%; margin: 14px 0; padding:11px 0 11px 65px; background-repeat: no-repeat; background-position: 0 50%; font-size: 20px; font-weight: 700; color: #2a4c79;}
.solpart .sotexts ul .so1 {background-image: url(../images/so-icon1.png);}
.solpart .sotexts ul .so2 {background-image: url(../images/so-icon2.png);}
.solpart .sotexts ul .so3 {background-image: url(../images/so-icon3.png);}

.innovation {float: left; margin-top: -200px; padding: 200px 0 400px; background: url(../images/inn-img1.png) no-repeat 100% 0%;}
.innovation p {font-size: 20px; line-height: 36px; color: #999999; margin: 35px 0 40px; float: left; width: 780px; clear: both;}
.innovation .cbtn {clear: both; float: left;}

.factpart {padding: 10px 0 50px; margin-top: -183px; position: relative; z-index: 1;}
.factpart .finner {background-color: #ffffff; padding: 65px 15px 60px; text-align: center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0px 25px 25px rgba(0,0,0,0.05); -moz-box-shadow: 0px 25px 25px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 25px 25px rgba(0,0,0,0.05);}
.factpart [class*='cboxs'] {display: inline-block; background-repeat: no-repeat; background-position: 0 0; padding-left: 60px;}
.factpart [class*='cboxs'] span {float: left; font-size: 35px; color: #2a4c79; font-weight: 600;}
.factpart [class*='cboxs'] .cvalue {float: left; font-size: 35px; color: #2a4c79; font-weight: 600;}
.factpart .finner .cboxs1 {background-image: url(../images/f-icon1.png);}
.factpart .finner .cboxs2 {background-image: url(../images/f-icon2.png);}
.factpart .finner .cboxs3 {background-image: url(../images/f-icon3.png);}
.factpart .finner .cboxs4 {background-image: url(../images/f-icon4.png);}
.factpart .finner p {float: left; width: 100%; color: #999999; font-size: 20px;}

.stymenus {position: fixed; top: 270px; z-index: 9; right: -165px; width: 245px;}
.stymenus ul li {clear: both; float: left; width: 100%; border-bottom: 1px solid #ececec;}
.stymenus ul li:first-child {border-radius: 20px 0 0 0; overflow: hidden;}
.stymenus ul li:last-child {border-radius: 0 0 0 20px; overflow: hidden; border-bottom: none;}
.stymenus ul li a {float: left; width: 100%; background-color: #ffffff; position: relative;}
.stymenus ul li a [class*='micon'] {float: left; color: #2a4c79; width: 80px; height: 70px; background-repeat: no-repeat; background-position: 50% 50%; position: relative; z-index: 1;}
.stymenus ul li a .micon1 {background-image: url(../images/micon1.png);}
.stymenus ul li a:hover .micon1 {background-image: url(../images/micon1-h.png);}
.stymenus ul li a .micon2 {background-image: url(../images/micon2.png);}
.stymenus ul li a:hover .micon2 {background-image: url(../images/micon2-h.png);}
.stymenus ul li a .micon3 {background-image: url(../images/micon3.png);}
.stymenus ul li a:hover .micon3 {background-image: url(../images/micon3-h.png);}
.stymenus ul li a .micon4 {background-image: url(../images/micon4.png);}
.stymenus ul li a:hover .micon4 {background-image: url(../images/micon4-h.png);}
.stymenus ul li a span {float: left; font-size: 16px; font-weight: 500; padding: 0 15px; line-height: 70px; height: 70px; background-color: #ffffff;}
.stymenus ul li:hover {margin-left: -165px;}
.stymenus ul li:hover a:after {content: ""; width: 80px; height: 70px; position: absolute; left: 0; top: 0;
background: rgb(73,125,191);
background: -moz-linear-gradient(left, rgba(73,125,191,1) 0%, rgba(47,167,223,1) 100%);
background: -webkit-linear-gradient(left, rgba(73,125,191,1) 0%,rgba(47,167,223,1) 100%);
background: linear-gradient(to right, rgba(73,125,191,1) 0%,rgba(47,167,223,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#497dbf', endColorstr='#2fa7df',GradientType=1 );}

footer {padding: 290px 0 70px; position: relative; margin-top: -263px;
background: rgb(73,125,191);
background: -moz-linear-gradient(left, rgba(73,125,191,1) 22%, rgba(47,167,223,1) 100%);
background: -webkit-linear-gradient(left, rgba(73,125,191,1) 22%,rgba(47,167,223,1) 100%);
background: linear-gradient(to right, rgba(73,125,191,1) 22%,rgba(47,167,223,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#497dbf', endColorstr='#2fa7df',GradientType=1 );}
footer:before {content: ""; width: 100%; height: 363px; background: url(../images/bg5.png) no-repeat 50% 0; position: absolute; top: 0; left: 0;}
footer .iso {float: left; margin-right: 40px;}
.socials {float: left; margin-top: 12px;}
.socials a {float: left; margin: 0 5px; width: 34px; height: 34px; background-repeat: no-repeat; background-position: 50% 50%; background-color: rgba(255,255,255,0.10); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.socials a:hover {background-color: #2a4c79;}
.socials .fb {background-image: url(../images/fb-icon.png);}
.socials .tw {background-image: url(../images/tw-icon.png);}
.socials .linked {background-image: url(../images/linked-icon.png);}
.socials .fli {background-image: url(../images/fli-icon.png);}
footer .fcol2, footer .fcol3 {padding-right: 110px;}
footer [class*='fcol'] {margin: 20px 0 15px;}
footer [class*='fcol'] h4 {position: relative; margin-bottom: 30px; font-size: 15px; font-weight: 600; color: #ffffff; overflow: hidden;}
footer [class*='fcol'] h4:after {content: ""; width: 337px; height: 1px; background-color: rgba(241,241,241,0.20); position: absolute; bottom: 3px;}
footer .fcol2 h4:after{left: 83px;}
footer .fcol3 h4:after{left: 103px;}
footer [class*='fcol'] ul {float: left; margin-right: 105px;}
footer [class*='fcol'] ul:last-child {margin-right: 0;}
footer [class*='fcol'] ul li {display: block; clear: both; width: 100%;}
footer [class*='fcol'] ul li a {float: left; font-size: 14px; margin-bottom: 9px; color: #ffffff;}
footer .fcol4 h4:after {display: none;}
footer .apps {float: left; padding-bottom: 20px;}
footer .apps a {float: left; margin-right: 15px; box-shadow: 0px 10px 10px rgba(0,0,0,0.10); -moz-box-shadow: 0px 10px 10px rgba(0,0,0,0.10); -webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.10);}
footer .copyright {float: left; width: 180px; margin-left: 55px;}
footer .copyright p {float: left; font-size: 14px; color: #ffffff; margin-bottom: 12px;}
footer .copyright p a {color: #ffffff;}
footer [class*='fcol'] ul li a:hover, footer .copyright p a:hover {color: #2a4c79;}

/** Choose Country Page **/
.countryopts {background: url(../images/health-bg1.jpg) no-repeat 50% 50%; background-size: cover; height: 100vh; overflow: hidden;}
.countryopts .nhcnt {background-color: #ffffff; width: 530px; position: absolute; top: 50%; left: 275px; padding: 60px 30px 85px; box-shadow: 0px 25px 25px rgba(0,0,0,0.10); -moz-box-shadow: 0px 25px 25px rgba(0,0,0,0.10); -webkit-box-shadow: 0px 25px 25px rgba(0,0,0,0.10); border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.countryopts .nhlogo {text-align: center; margin-bottom: 66px;}
.countryopts h3 {font-size: 30px; color: #004067; font-weight: 600; text-align: center;}
.countryopts h4 {font-size: 20px; color: #999999; text-align: center; margin: 10px 0 30px;}
.countryopts ul {float: left; width: 100%; padding: 0 60px;}
.countryopts ul li {float: left; width: 100%; margin-top: 30px;}
.countryopts ul li a {float: left; padding-left: 142px; background-image: url(../images/flag.png); background-repeat: no-repeat; background-position: 83px 50%; font-size: 24px; color: #999999; width: 350px; border:1px solid #e4e4e5; height: 70px; line-height: 68px; border-radius: 70px; -moz-border-radius: 70px; -webkit-border-radius: 70px;}
.countryopts ul li a:hover, .countryopts ul li a:focus {background-color: #f6f6f7;}


/** About Page **/
.innerbanner {height: 700px; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; position: relative;}
.innerbanner:before {content: ""; width: 100%; height: 484px; background: url(../images/white-bg.png) repeat-x 0 0; position: absolute; top: 0; left: 0; z-index: 1;}
.bannertexts {position: absolute; z-index: 1; left: 0; width: 100%; top: 56%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.bannertexts h3 {font-size: 70px; color: #004067; font-weight: 600; line-height: 70px;}
.bannertexts h3 span {font-weight: normal; display: block;}
.bannertexts p {font-size: 24px; color: #999999; line-height: 36px; margin-top: 28px;}
.bannertexts h3 {
  animation: 1s 0.2s fadeIn both;
  -moz-animation: 1s 0.2s fadeIn both;
  -webkit-animation: 1s 0.2s fadeIn both;
}
.bannertexts p {
  animation: 1s 0.4s fadeIn both;
  -moz-animation: 1s 0.4s fadeIn both;
  -webkit-animation: 1s 0.4s fadeIn both;
}

.breadcrumbs {background-color: #ffffff; padding: 12px 0; box-shadow: 0px 10px 10px rgba(0,0,0,0.05); -moz-box-shadow: 0px 10px 10px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.05);}
.breadcrumbs ul li {float: left; padding-right: 28px;margin-right: 15px; font-size: 14px; color: #36bbe4; background: url(../images/arrow1.png) no-repeat 100% 50%;}
.breadcrumbs ul li:last-child {background: none; padding-right: 0; margin-right: 0;}
.breadcrumbs ul li a {color: #999999;}
.breadcrumbs ul li a:hover {color: #36bbe4;}

.abpage {padding: 165px 0 200px;}
.sidelinks {float: left; width: 390px;}
.sidelinks ul li {float: left; width: 100%; margin: 1px 0;}
.sidelinks ul li a {float: left; width: 100%; padding: 31px 20px 31px 40px; font-size: 20px; color: #999999; border-radius: 90px 0 0 90px; -moz-border-radius: 90px 0 0 90px; -webkit-border-radius: 90px 0 0 90px;}
.sidelinks ul li a:hover, .sidelinks ul li a.active {color: #ffffff;
background: #004067;
background: -moz-linear-gradient(left,  #004067 0%, #036a9a 100%);
background: -webkit-linear-gradient(left,  #004067 0%,#036a9a 100%);
background: linear-gradient(to right,  #004067 0%,#036a9a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004067', endColorstr='#036a9a',GradientType=1 );
}

.nhconts {float: left; width: 1120px; border-left: 1px solid #e5e5e5; padding-left: 80px; padding-bottom: 20px;}
.nhconts .imgbox {padding: 0; margin-bottom: 127px; height: 470px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; overflow: hidden; box-shadow: 0px 25px 25px rgba(0,0,0,0.05); -moz-box-shadow: 0px 25px 25px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 25px 25px rgba(0,0,0,0.05);}
.nhconts .imgbox img {width: 100%; height: 100%; object-fit: cover;}
.nhconts .texts1 {padding: 0;}
.nhconts .texts1 h4 {font-size: 45px; font-weight: 600; line-height: 65px; position: relative; color: #004067; padding-left: 42px;}
.nhconts .texts1 h4:before {content: ""; width: 2px; height: 170px; background-color: #36bbe4; position: absolute; left: 0px; bottom: 17px;}
.nhconts .texts1 h5 {font-size: 20px; color: #999999; line-height: 36px; margin-top: 33px;}
.nhconts .texts1 h6 {position: relative; font-size: 20px; color: #004067; font-weight: 700; margin: 65px 0 30px;}
.nhconts .texts1 h6:after {content: ""; width: 170px; height: 2px; background-color: #36bbe4; position: absolute; bottom: 4px;}
.abpage .texts1 h6:after {left: 208px;}
.nhconts .texts1 ul {float: left; width: 100%; margin-bottom: 25px;}
.nhconts .texts1 ul li {float: left; margin: 5px 0; width: 100%; line-height: 30px; background: url(../images/dott.png) no-repeat 0 13px; padding-left: 12px; font-size: 15px; color: #999999;}
.nhconts .texts1 ul li b {font-weight: 600;}
.nhconts .texts1 p {font-size: 15px; color: #999999; line-height: 30px;}

.newsletter {position: relative; top: -44px; z-index: 1;}
.newsletter .innernews {background-color: #ffffff; padding: 40px 65px 40px 50px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0px 25px 25px rgba(0,0,0,0.05); -moz-box-shadow: 0px 25px 25px rgba(0,0,0,0.05); -wekbit-box-shadow: 0px 25px 25px rgba(0,0,0,0.05);}
.newsletter .innernews h4 {font-size: 24px; padding: 18px 32px 18px 0; line-height: 30px; color: #004067; border-right: 1px solid #e5e5e5; float: left;}
.newsletter .innernews h4 span {display: block; font-weight: 700;}
.newsletter .innernews p {font-size: 15px; padding: 18px 0 0 32px; color: #999999; line-height: 30px; float: left; width: 344px;}
.newsletter .innernews form {float: right; margin-top: 25px;}
.newsletter .innernews form .custfield {float: left; padding: 6px 16px 6px 50px; margin-right: 30px; background-repeat: no-repeat; background-position: 16px 50%; background-color: #f6f6f6; width: 305px; height: 50px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.newsletter .innernews form .nfield {background-image: url(../images/user-icon.png);}
.newsletter .innernews form .efield {background-image: url(../images/mail-icon.png);}
.newsletter .innernews form .cbtn {height: 50px; line-height: 51px; padding: 0; width: 210px;}

/** Nathealth Network Page **/
.nhnetworkpage {padding: 130px 0 200px;}
.filterbar .inside {padding: 0; background-color: #ffffff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; box-shadow: 0px 25px 25px rgba(0,0,0,0.10); -moz-box-shadow: 0px 25px 25px rgba(0,0,0,0.10); -webkit-box-shadow: 0px 25px 25px rgba(0,0,0,0.10);}
.filterh {color: #ffffff; font-size: 18px; padding: 12px 30px;
background: #004067;
background: -moz-linear-gradient(-45deg,  #004067 58%, #0584b8 100%);
background: -webkit-linear-gradient(-45deg,  #004067 58%,#0584b8 100%);
background: linear-gradient(135deg,  #004067 58%,#0584b8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004067', endColorstr='#0584b8',GradientType=1 );
}
.filterh span {display: block; background: url(../images/filter-icon.png) no-repeat 0 50%; padding-left: 35px;}
.filterbar .fieldrow {float: left; width: 100%; padding: 25px 30px 30px; border-bottom: 1px solid #e5e5e5;}
.filterbar .fieldrow:last-child {border-bottom: none;}
.filterbar .fieldrow label {display: block; margin-bottom: 14px; padding-left: 10px; font-size: 15px; color: #999999; font-weight: 400;}
.filterbar .fieldrow .textbox {display: block; position: relative;}
.filterbar .fieldrow .custfield {height: 50px; font-size: 15px; padding: 6px 20px 6px 45px; color: #333333; background-color: #f6f6f6; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.filterbar .fieldrow .icon {width: 45px; height: 50px; background-repeat: no-repeat; background-position: 50% 50%; position: absolute; left: 0px; bottom: 0px; z-index: 1;}
.filterbar .fieldrow select.custfield {padding: 6px 20px 6px 40px; background-image: url(../images/drop-arrow1.png); background-repeat: no-repeat; background-position: 93% 50%; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.filterbar .fieldrow .fldicon1 {background-image: url(../images/fld-icon1.png);}
.filterbar .fieldrow .fldicon2 {background-image: url(../images/fld-icon2.png);}
.filterbar .fieldrow .fldicon3 {background-image: url(../images/majicon.png);}

.filterbar .checkboxs > label, .filterbar .radios > label {margin-bottom: 28px !important;}
.nkcheckbox {padding-left: 10px; float: left; width: 100%;}
.checkboxbtn {position: absolute; opacity: 0; margin: 0 !important;}
.checkboxbtn + label {position: relative; margin-bottom: 15px !important; cursor: pointer; padding-left: 35px !important;}
.checkboxbtn + label:before {content: ''; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; background: url(../images/checkbox.png) no-repeat 0 0; position: absolute; left: 0; top: 0px;}
.checkboxbtn:checked + label:before {background: url(../images/checkbox-a.png) no-repeat 0 0;}

.nkradiobtn {padding-left: 10px; float: left; width: 100%;}
.radiobtns {position: absolute; opacity: 0; margin: 0 !important;}
.radiobtns + label {position: relative; cursor: pointer; margin-bottom: 15px !important; cursor: pointer; padding-left: 35px !important;}
.radiobtns + label:before {content: ''; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; background: url(../images/radioicon.png) no-repeat 0 0; position: absolute; left: 0; top: 0px;}
.radiobtns:checked + label:before {background: url(../images/radioicon-a.png) no-repeat 0 0;}

.contlists .topfbar {padding: 12px 40px; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0;
background: #36bbe4;
background: -moz-linear-gradient(left, #36bbe4 0%, #08d8f0 100%);
background: -webkit-linear-gradient(left, #36bbe4 0%,#08d8f0 100%);
background: linear-gradient(to right, #36bbe4 0%,#08d8f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36bbe4', endColorstr='#08d8f0',GradientType=1 );}
.contlists .topfbar .found {float: left; font-size: 18px; color: #ffffff;}
.contlists .topfbar .arrange {float: right; margin-top: 1px;}
.contlists .topfbar .arrange > label {float: left; margin:0 18px 0 0; font-size: 15px; font-weight: 600; color: #ffffff; background: url(../images/list-icon.png) no-repeat 0 50%; padding-left: 35px;}
.contlists .topfbar .arrange ul {float: left; margin-top: 3px;}
.contlists .topfbar .arrange ul li {float: left; border-left: 1px solid #d2f4fb; padding: 0 12px; line-height: 15px;}
.contlists .topfbar .arrange ul li a {float: left; font-size: 15px; color: #ffffff;}
.nhprobox {padding: 30px 40px; margin-bottom: 30px; border:1px solid #e5e5e5; border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px;}
.nhprobox .imgbox {float: left; width: 175px; height: 175px; overflow: hidden; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; box-shadow: 0px 25px 25px rgba(0,0,0,0.10); -moz-box-shadow: 0px 25px 25px rgba(0,0,0,0.10); -webkit-box-shadow: 0px 25px 25px rgba(0,0,0,0.10);}
.nhprobox .imgbox img {width: 100%; height: 100%; object-fit: cover;}
.nhprobox .drinfo {float: right; width: 930px; padding-top: 40px;}
.nhprobox .drinfo .name {float: left; width: 355px;}
.nhprobox .drinfo .name h4 {font-size: 24px; color: #004067; font-weight: 600;}
.nhprobox .drinfo .name span {display: block; margin: 5px 0 25px 0; font-size: 15px; color: #999999;}
.nhprobox .drinfo .name ul li {float: left; margin-right: 5px;}
.nhprobox .drinfo .name ul li:last-child {margin-right: 0px;}
.nhprobox .drinfo .details {float: right; width: 575px; margin-top: -5px; padding-right: 40px;}
.nhprobox .drinfo .details p {font-size: 15px; color: #999999; line-height: 30px;}
.nhprobox .drinfo .exbar {border-top: 1px solid #e5e5e5; padding:30px 0 10px; margin-top: 35px;}
.nhprobox .drinfo .exbar ul {float: left; margin-top: 2px;}
.nhprobox .drinfo .exbar ul li {float: left; padding: 2px 50px 2px 40px; background-repeat: no-repeat; background-position: 0 50%; font-size: 15px; color: #333333;}
.nhprobox .drinfo .exbar ul li a {float: left; color: #333333;}
.nhprobox .drinfo .exbar ul .call {background-image: url(../images/phone-icon.png);}
.nhprobox .drinfo .exbar ul .address {background-image: url(../images/location-icon2.png);}
.nhprobox .drinfo .exbar ul .time {background-image: url(../images/clock-icon.png);}
.nhprobox .drinfo .exbar .links {float: right;}
.nhprobox .drinfo .exbar .links a {float: left; margin-right: 20px; background-repeat: no-repeat; background-position: calc(100% - 12px) 50%; background-position: -moz-calc(100% - 12px) 50%; background-position: -webkit-calc(100% - 12px) 50%; padding: 0 45px 0 15px; border:1px solid #e5e5e5; height: 30px; line-height: 28px; font-size: 14px; color: #999999; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.nhprobox .drinfo .exbar .links a:last-child {margin-right: 0px;}
.nhprobox .drinfo .exbar .links a:hover {background-color: #2fa7df; border-color: #2fa7df; color: #ffffff;}
.nhprobox .drinfo .exbar .links .fv {background-image: url(../images/fv-icon.png);}
.nhprobox .drinfo .exbar .links .fv:hover {background-image: url(../images/fv-icon-h.png);}
.nhprobox .drinfo .exbar .links .share {background-image: url(../images/share-icon.png);}
.nhprobox .drinfo .exbar .links .share:hover {background-image: url(../images/share-icon-h.png);}

.adsbox {text-align: center; margin-bottom: 30px;}
.adsbox a {display: inline-block;}
.adsbox img {max-width: 100%;}

.paginations {text-align: center; margin-top: 30px; padding: 0;}
.paginations ul {float: right;}
.paginations ul li {display: inline-block; margin: 0 3px;}
.paginations ul li a {float: left; font-size: 14px; color: #999999; padding: 4px 12px; border: 1px solid #e8e8e8; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.paginations ul li a:hover, .paginations ul li a.active {background-color: #36bbe4; color: #ffffff; border-color: #36bbe4;}

/** Animation Css **/
.services .serbox2 {animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s;}
.services .serbox3 {animation-delay: 0.s3; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s;}
.services .serbox4 {animation-delay: 0s.4; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s;}

.countryopts .nhcnt {
  animation: 1s 0s zoomIn both;
  -moz-animation: 1s 0s zoomIn both;
  -webkit-animation: 1s 0s zoomIn both;
}

/** **/
.filterpage {padding-top: 70px;}
.filterpage .filterbar .inside {margin-bottom: 45px;}
.filterbar .fieldrow .fldicon4 {background-image: url(../images/fld-icon4.png);}
.filterbar .fieldrow .fldicon5 {background-image: url(../images/healthicon.png);}
.filterbar .fieldrow .fldicon6 {background-image: url(../images/location-icon.png);}
.filterbar .disabled {opacity: 0.4;}
.filterbar .leftads {padding:15px 0;}
.filterbar .leftads a {display: block;}
.filterbar .leftads a img {width: 100%;}
.filterpage .contlists .topfbar {background: rgb(73,125,191);
background: -moz-linear-gradient(-45deg, rgba(73,125,191,1) 0%, rgba(96,171,248,1) 44%, rgba(47,167,223,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(73,125,191,1) 0%,rgba(96,171,248,1) 44%,rgba(47,167,223,1) 100%);
background: linear-gradient(135deg, rgba(73,125,191,1) 0%,rgba(96,171,248,1) 44%,rgba(47,167,223,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#497dbf', endColorstr='#2fa7df',GradientType=1 );}
.filterpage .searchbox {padding: 25px 40px 30px; margin-bottom: 30px; background-color: #ffffff; box-shadow: 0px 15px 15px rgba(0,0,0,0.05); -moz-box-shadow: 0px 15px 15px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 15px 15px rgba(0,0,0,0.05); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.filterpage .searchbox label {display: block; margin-bottom: 14px; padding-left: 10px; font-size: 15px; color: #999999; font-weight: 400;}
.filterpage .searchbox .custfield {height: 50px; font-size: 15px; padding: 6px 50px 6px 20px; color: #333333; background-color: #f6f6f6; background-image: url(../images/search-icon.png); background-repeat: no-repeat; background-position: calc(100% - 20px) 50%; background-position: -moz-calc(100% - 20px) 50%; background-position: -webkit-calc(100% - 20px) 50%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

.drbox {padding: 30px 40px 40px; margin-bottom: 30px; background-color: #ffffff; box-shadow: 0px 15px 15px rgba(0,0,0,0.05); -moz-box-shadow: 0px 15px 15px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 15px 15px rgba(0,0,0,0.05); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.drbox .drname {float: left; width: 70%;}
.drbox .drname h4 {font-size: 24px; color: #2a4c79; font-weight: 600;}
.drbox .drname span {display: block; margin: 5px 0 15px 0; font-size: 15px; color: #999999;}
.drbox .drconnect {float: right; width: 30%;}
.drbox .drconnect .time {font-size: 14px; color: #333333; text-align: right;}
.drbox .drconnect .open span {color: #3cb878;}
.drbox .drconnect .closet span {color: #d9483b;}
.drbox .links {float: right; margin-top: 20px;}
.drbox .links a {float: left; margin-right: 20px; background-repeat: no-repeat; background-position: calc(100% - 12px) 50%; background-position: -moz-calc(100% - 12px) 50%; background-position: -webkit-calc(100% - 12px) 50%; padding: 0 45px 0 15px; border:1px solid #e5e5e5; height: 30px; line-height: 28px; font-size: 14px; color: #999999; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.drbox .links a:last-child {margin-right: 0px;}
.drbox .links a:hover {background-color: #2fa7df; border-color: #2fa7df; color: #ffffff;}
.drbox .links .fv {background-image: url(../images/fv-icon.png);}
.drbox .links .fv:hover {background-image: url(../images/fv-icon-h.png);}
.drbox .links .share {background-image: url(../images/share-icon.png);}
.drbox .links .share:hover {background-image: url(../images/share-icon-h.png);}

.drbox .drdetails {border-top: 1px solid #e5e5e5; margin-top: 30px; padding: 30px 0 0;}
.drbox .drdetails .infoside {float: left; width: 65%;}
.drbox .drdetails .infoside p {font-size: 15px; color: #333333; float: left; width: 100%; margin-bottom: 8px;}
.drbox .drdetails .infoside p span {float: left; width: 115px; color: #999999;}

.drbox .usefulinfo {float: right; width: 35%;}
.drbox .usefulinfo ul {float: right;}
.drbox .usefulinfo ul li {float: left; padding: 2px 27px 2px 40px; background-repeat: no-repeat; background-position: 0 50%; font-size: 15px; color: #333333;}
.drbox .usefulinfo ul li:last-child {padding-right: 0;}
.drbox .usefulinfo ul li a {float: left; color: #333333;}
.drbox .usefulinfo ul li a:hover {color: #2fa7df;}
.drbox .usefulinfo ul .call {background-image: url(../images/phone-icon.png);}
.drbox .usefulinfo ul .address {background-image: url(../images/location-icon2.png);}