@import url('reset.css');
/*Open Sans
Light 300
Normal 400
Semi-bold   600
Bold 700
Extra-Bold 800
*/
    
html, body 
    {
    height: 100%;
    }
  
.page-wrap 
    {
    min-height: 100%;
    margin-bottom: -214px;
    }
    
.headerFix
    {
    height:80px;
    position: fixed;
    width: 100%;
    top:0px;
    z-index: 300;
    background-image: url('../images/banners/header-background.png');
    background-position:center center;
    }
    
.headerFixC
    {
    height:80px;
    position: fixed;
    width: 100%;
    top:0px;
    z-index: 300;
    background-image: url('../images/banners/header-background.png');
    background-position:center center;
    border-bottom: 1px solid #eeeded;
    
    -webkit-box-shadow: 0px 1px 5px 0px rgba(238,237,237,0.6);
-moz-box-shadow: 0px 1px 5px 0px rgba(238,237,237,0.6);
box-shadow: 0px 1px 5px 0px rgba(238,237,237,0.6);
    }

.page-wrap:after  {
    content: "";
    display: block;
    }

.site-footer 
    {
    clear:both;
    float:left;
    height:214px;
    width:100%;   
    }  

.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
	height: 214px; 
    }
#hContent
    {
    width:1160px;
    height:720px;
    margin:75px auto;    
    }
    
#sContent{
    width:1160px;
    height:720px;
    margin:250px auto 150px auto;    
    }
    
#clContent{
    width:1160px;
    height:1825px;
    margin:200px auto 50px auto;    
    }
    
#pContent{
    width:1160px;
    height:1100px;
    margin:0 auto;
    }
    
#cContent{
    width:1160px;
    height:375px;
    margin:95px auto;
    }
    
#header{width:100%;height:100px;padding-top:3px;}
#header > #logo {float:left;}
#header > #headerMenu{width: 75%;text-align: right;height:40px;float:right;margin-top: 35px;}
    
@-webkit-keyframes menuHoverAnimation 
    {
    0% { border-bottom: 5px solid #b5d334;height: 25px}
    100% { border-bottom:5px solid #b5d334;height: 40px}
    }

@-moz-keyframes menuHoverAnimation 
    {
    0% { border-bottom: 1px solid #b5d334;height: 25px}
    100% { border-bottom:5px solid #b5d334;height: 40px}
    }

@-o-keyframes menuHoverAnimation 
    {
    0% { border-bottom: 1px solid #b5d334;height: 25px}
    100% { border-bottom:5px solid #b5d334;height: 40px}
    }

@keyframes menuHoverAnimation 
    {
    0% { border-bottom: 1px solid #b5d334;height: 25px}
    100% { border-bottom:5px solid #b5d334;height: 40px}
    }

.menuItemX a{font-family: Arial;float:left;width: calc(12% + 7px);text-align:center;margin:0 10px 0 10px;font-size: 14px;color: #8a9195;text-decoration: none;height:45px;}
.menuItem a{font-family: Arial;float:right;width: auto;text-align:center;margin:0 21px 0 21px;font-size: 14px;color: #8a9195;text-decoration: none;height:37px;}         
.menuItem a:hover{
    border-bottom: 5px solid #b5d334;        
    -webkit-animation: menuHoverAnimation 0.2s ; /* Safari 4+ */
    -moz-animation:    menuHoverAnimation 0.2s ; /* Fx 5+ */
    -o-animation:      menuHoverAnimation 0.2s ; /* Opera 12+ */
    animation:         menuHoverAnimation 0.2s ; /* IE 10+, Fx 29+ */  
    color :#50c8e6;
    } 
    
.menuItemSelect a{
    font-family: Arial;
    float:right;
    width: auto;
    margin:0 21px 0 21px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #50c8e6;
    text-decoration: none;
    border-bottom: 5px solid #b5d334;
    height:37px;
    }

.menuItemLast a{font-family: Arial;float:right;width: auto;text-align:center;margin:0 0 0 21px;font-size: 14px;color: #8a9195;text-decoration: none;height:37px;}         
.menuItemLast a:hover{
    border-bottom: 5px solid #b5d334;        
    -webkit-animation: menuHoverAnimation 0.2s ; /* Safari 4+ */
    -moz-animation:    menuHoverAnimation 0.2s ; /* Fx 5+ */
    -o-animation:      menuHoverAnimation 0.2s ; /* Opera 12+ */
    animation:         menuHoverAnimation 0.2s ; /* IE 10+, Fx 29+ */  
    color :#50c8e6;
    } 
    
.menuItemLastSelect a{
    font-family: Arial;
    float:right;
    width: auto;
    margin:0 0 0 21px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #50c8e6;
    text-decoration: none;
    border-bottom: 5px solid #b5d334;
    height:37px;
    }

#slatyBack{
    position:absolute;      
    height:418px;
    width:100%;
    z-index: -100;
    top:0px;  
    background-image: url(../images/banners/slayt-back.png);
    background-position: center center;
    }    
    
#lang{
    height:40px;
    width:1170px;
    margin:0 auto;
    text-align: right; 
    font-family: Open Sans;
    font-weight: 300;
    }    
    
.langItem{
    float:right;
    padding-top: 8px;
    width:40px;
    text-align:center;
    color: #8a9195; 
    font-size: 14px; 
    height:35px;
    line-height: 30px;    
    } 
    
.langItemSelect{
    float:right;
    padding-top: 8px;
    width:35px;
    text-align:center;
    color: #50c8e6;
    font-weight: bold;
    border-left: 1px solid #ffffff;
    font-size: 14px;
    height:35px;
    line-height: 30px;
    }     

#slaytCover{
    background-color: #FFFFFF;    
    height:534px;
    padding:5px;
    margin-top: 29px;
    }
    
#leftNavCover    {
    float:left;  
    height:530px;
    margin-left: -55px;
    width:50px;        
    }
    
#leftNavCover #leftNav    {
    float:right; 
    height:50px;
    width:50px;
    background-image: url(../images/left-arrow.png);
    background-repeat: no-repeat;  
    background-position: center center;
    cursor:pointer;
    margin-top: 175px;
    }   
    
#slayt    {
    background-color: #FFFFFF;    
    height:530px;
    width:1150px;
    float:left;    
    }
    
.slaytImage    {
    margin:0 0 0 0;
    float:left;width:1150px;height:auto;
    overflow: hidden        
    }
 
#rightNavCover    {
    float:right; 
    height:530px;
    margin-right: -50px;
    width:35px;      
    }  
    
#rightNavCover #rightNav    {
    float:right; 
    height:50px;
    width:50px;
    background-image: url(../images/right-arrow.png);
    background-repeat: no-repeat;  
    background-position: center center;
    cursor:pointer;
    margin-top: 175px;
    }
    
#slayPageCover    {    
    height:15px;   
    width:150px;
    float:right;
    }
    
    
@-webkit-keyframes slaytPageSelectAnimation 
    {
    0% { width: 1px;height:1px;border-radius: 10px ;margin:5px;}
    100% { width: 10px;height:10px;border-radius: 10px;margin:1px; }
    }
@-moz-keyframes slaytPageSelectAnimation {
    0% { width: 1px;height:1px;border-radius: 10px ;margin:5px;}
  100% { width: 10px;height:10px;border-radius: 10px;margin:1px; }
}
@-o-keyframes slaytPageSelectAnimation 
    {
    0% { width: 1px;height:1px;border-radius: 10px ;margin:5px;}
  100% { width: 10px;height:10px;border-radius: 10px;margin:1px; }
    }
@keyframes slaytPageSelectAnimation 
    {
    0% { width: 1px;height:1px;border-radius: 10px ;margin:5px;}
  100% { width: 10px;height:10px;border-radius: 10px;margin:1px; }
    }

   
.slaytPageSelect    {
    width:10px;
    height:10px;    
    float:left;    
    border-radius: 10px;
    background-color: #50c8e6;
    margin:1px;  
    -webkit-animation: slaytPageSelectAnimation 0.2s ; /* Safari 4+ */
    -moz-animation:    slaytPageSelectAnimation 0.2s ; /* Fx 5+ */
    -o-animation:      slaytPageSelectAnimation 0.2s ; /* Opera 12+ */
    animation:         slaytPageSelectAnimation 0.2s ; /* IE 10+, Fx 29+ */        
    }
    
.slaytPage    {
    width:10px;
    height:10px;    
    float:left; 
    border-radius: 10px;
    background-color: #dce5e9;
    margin:1px;        
    }
    
#content{
    width: 100%;
    float:left;
    height: 100%;
    }
    
.year29    {       
    font-family :Open Sans;
    font-size   :32px;
    font-weight :300;     
    color       :#8d969e;
    width       :100%;
    float       :left;
    text-align  :center;
    margin      : -12px 0 15px 0;

    }    
    
.year29>label:nth-child(1)  {
    color       :#00b3dc;
    font-weight :400; 
    font-size   :44px;
    }
    
.year29>label:nth-child(2)    {
    color       :#00b3dc;
    font-weight :400; 
    font-size   :30px;
    }
    
.year29>label:nth-child(3)    {
    color       :#b5d334;
    font-family :Open Sans;    
    font-weight :400;
    font-size   :30px;    
    }
    
    
.contentLeft    {       
    font-family :Open Sans;
    font-size   :43px;
    font-weight :300;     
    color       :#8d969e;
    width       :555px;
    float       :left;
    text-align  :right;
    line-height :61px;
    margin      :-10px 14px 0 10px;
    }    
    
.contentLeft>span:nth-child(1)    {
    color       :#00b3dc;
    font-weight :400; 
    font-size   :48px;
    text-align  :right;

    }
    
.contentLeft>span:nth-child(2)    {
    color       :#b5d334;
    font-family :Open Sans;    
    font-weight :400;
    font-size   :43px; 
    text-align  :right;
    }
    
.contentRight
    {
    float:left;        
    height:126px;  
    //width:482px;  
    width:535px;  
    line-height: 21px;   
    margin: 0px 0 0 22px; 
    text-align: justify;
    font-family:Open Sans;
    font-weight: 400;  
    color:#747b80;
    font-size: 13px; 
    }
    
.contentRight P 
    {
    font-family:Open Sans;
    font-weight: 400;    
    width: 100%;
    color:#747b80;
    font-size: 14px;  
    width:482px;    
    }
        
    
    
#fitems    
    {
    float:left;
    width:100%;    
    height:280px;
    background-image: url('../images/6ikonUsep.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0  0 0 0;
    margin: 25px 0 0 0;
    }
    
.fitem 
    {
    float       :left;  
    width       :370px;
    min-height  :75px;
    margin      :25px 0 25px 22px;

    }
    
.fitem label:nth-child(2) 
    {
    font-family:  Open Sans;
    font-weight:600;
    font-size: 14px;
    color:#8d969e;
    }
    
.fitem label:nth-child(3) 
    {
    font-family : Open Sans;
    font-weight :400;
    font-size   :13px;
    color       :#7e8c94;
    display     :block; 
    }
    
.fitem img
    {
    margin  :5px 15px 0 0;
    float:left;
    }    
    
.fitem:nth-child(3)    {
    float:left; 
    min-height:75px;  
    font-family:  Open Sans;
    font-weight: bold;
    color   :#00b3dc;
    background-image :  none;
    margin:25px 0 0 0px;
    }    
    
.fitem:nth-child(6)    
    {
    float:left;  
    min-height:75px;  
    font-family:  Open Sans;
    font-weight: bold;
    color:#00b3dc;  
    background-image:  none;
    margin:25px 0 0 0px; 
    }    
    
.fitemLabel { 
    display     :block;
    font-family :Open Sans;
    font-weight :400;
    min-height  :60px;
    color       :#636464;
    margin-top  :10px;
    font-size   :14px;
    font-weight :500;
    width       :90%;
    line-height :20px;
    }  

.fitemReadMore a { 
    display     :block;
    font-family :Open Sans;
    font-weight: 400;    
    color       :#b5d334;
    margin-top  :1px;
    font-size   :13px;
    font-weight :500;
    width       :90%;
    text-decoration: none;
    height      :20px;
    line-height : 20px;
    }
    
#clientsLogoCover  {
    margin-top: 20px;        
    float   :left;
    width   :100%;
    height  :125px;
    display:none;
    }    
    
#homeSlaytCover {
    float           :left;
    max-height      :465px;
    display         :none;
    background-color:#ffffff;
    padding         :5px;

    }    
    
#ClientLeftNavCover {
    float   :left;
    width   :20px;
    height  :120px;
    }  
    
#ClientLeftNav  {
    float:right;
    width:20px;
    height:50px;
    margin-top: 30px;
    background-image: url(../images/left-arrow.png);
    background-repeat: no-repeat;  
    background-position: center center;   
    cursor:pointer;
    }    
    
#clientsLogo    {


    }

.clientsItem    
    {
    float:left;
    margin: 0 20px 0 20px;

    }
    
.clientsItem img
    {
    cursor:pointer;
    }
    
#ClientRightNavCover    {
    float   :left;
    width   :20px;
    height  :120px;
    }  
    
#ClientRightNav {
    float:left;
    width:20px;
    height:50px;
    margin-top: 30px;
    background-image: url(../images/right-arrow.png);
    background-repeat: no-repeat;  
    background-position: center center; 
    cursor:pointer;    
    }  
    


#bottomBackCover    {
    clear:both;
    height:230px;
    width:100%;
    background-image: url(../images/footer-back.png);        
    }
    
#bottomBack {
    height      :200px;
    width       :1160px;
    margin      :0 auto;
    border      :1px solid transparent;    
    font-family :Open Sans;
    font-weight : 300;
    padding     :0 50px 0 50px;  

    } 

#bottomlogo {
    margin  :40px 25px 0 0; 
    width   :150px;
    float   :left;
    }    
    
#uk_office  {
    float       :left;
    font-family :Open Sans;
    font-weight : 400;
    color       :#9da2a6;
    font-size   :13px;
    margin      :20px 5px 0 20px;
    width       :230px;
    line-height :20px;    
    background-image    :url(../images/contact.png);
    background-repeat   :no-repeat;
    background-position :left bottom;
    padding-left        :25px;
    background-color    :transparent;
    }
    
  
    
#uk_office> label   {
    float           :left;
    display         :block;
    width           :250px;
    color           :#00b3dc;
    font-family     :Open Sans;
    font-weight     :bold;
    margin-bottom   :15px;    
    }   
    
    
    
    
    
    
    
#tr_office  {
    float       :left;
    font-family :Open Sans;
    font-weight : 400;
    color       :#9da2a6;
    font-size   :13px;
    margin      :20px 5px 0 0px;
    width       :230px;
    line-height :20px;    
    background-image    :url(../images/contact.png);
    background-repeat   :no-repeat;
    background-position :left bottom;
    padding-left        :25px;
    background-color    :transparent;
    }  
    
#tr_office> label   {
    float           :left;
    display         :block;
    width           :250px;
    color           :#00b3dc;
    font-family     :Open Sans;
    font-weight     :bold;
    margin-bottom   :15px;    
    }   
        
    
#mediaCover {
    float       :right;
    width       :355px;
    height      :165px;
    margin-left :30px;
    }    
       
#mediaCover label   {
    display     :block;
    font-family :Open Sans;
    font-weight :bold;    
    color       :#23aac9;
    font-size   :14px;
    }
    
#mailEditCover  {
    margin-top  :5px;
    width       :350px;
    height      :43px;
    border      :2px solid #edeff0;
    background-color: #ffffff;      
    }

#media  {    
    width       :100%;
    height      :50px;
    padding     :20px 0 10px 0;
    
    }  
    
.fbLink {
    width   :48px;
    height  :48px;
    cursor  :pointer;    
    float   :left;
    margin  :2px 2px 0 0;
    background-repeat   :no-repeat;     
    background-image    :url(../images/medias/fb.png);    
    }
    
.fbLink:hover   {
    width   :48px;
    height  :48px;
    background-image    : url(../images/medias/fb_select.png);
    background-repeat   : no-repeat;    
    }
   
.twLink {
    width   :48px;
    height  :48px;
    float   :left;
    margin  :2px;
    cursor  :pointer;
    background-image : url(../images/medias/tw.png);
    background-repeat: no-repeat;     
    }
    
.twLink:hover   {
    width   :48px;
    height  :48px;
    background-image : url(../images/medias/tw_select.png);
    background-repeat: no-repeat;
    }    
    
.vmLink {
    width:48px;
    height:48px;
    background-image: url(../images/medias/vm.png);
    cursor: pointer;       
    background-repeat: no-repeat; 
    float:left;
    margin:1px;
    }
    
.vmLink:hover {
    width   :48px;
    height  :48px;
    background-image : url(../images/medias/vm_select.png);
    background-repeat: no-repeat;
    }     
    
.pinLink  {
    width       :37px;
    height      :37px;
    cursor      :pointer;
    float       :left;
    margin      :2px;    
    background-image :url(../images/medias/pin.png);
    background-repeat:no-repeat; 
    }
    
.pinLink:hover {
    width   :37px;
    height  :37px;
    background-image    : url(../images/medias/pin_select.png);
    background-repeat   : no-repeat;
    }
    
.insLink {
    width   :37px;
    height  :37px;
    cursor  :pointer;
    float   :left;
    margin  :2px;
    background-repeat   : no-repeat; 
    background-image    : url(../images/medias/ins.png);        
    }
    
.insLink:hover {
    width               :37px;
    height              :37px;
    background-image    :url(../images/medias/ins_select.png);
    background-repeat   :no-repeat;
    }  
    
#msb {
    height          :35px;
    width           :60px;
    color           :#ffffff;
    border          :none;
    margin          :4px 0 0 20px;
    border-radius   :3px;
    background-color:#23aac9;
    cursor          :pointer; 
    }    
   
#topofpage {
    clear   :both;
    cursor  :pointer;
    width   :41px;
    height  :41px;
    float   :right;
    margin  :-107px 7px 0 0;
    }
   
#aboutHeader {   
    position    :absolute;      
    height      :220px;
    width       :100%;
    z-index     :-100;
    top         :0px;  
    background-image    :url(../images/banners/about-header.png);  
    background-position :bottom center;
    background-repeat   :no-repeat;
    }
    
#pContent .imgCoverR
    {
    float:left;
    height:535px;

    }
#pContent .imgCoverL
    {
    float:left;
    height:535px;
    margin-left:50px; 
    }
    
.aboutPL {
    font-family :Open Sans;
    font-weight :400 ;
    font-size   :15px;
    color       :#91969a;
    line-height :25px;  
    text-align: justify;
    height      :525px;
    width       :500px;
    float       :left;
    margin      :10px 50px 0 60px;

    }
    
.aboutPR {
    font-family :Open Sans;
    font-weight :400 ;
    font-size   :15px;
    color       :#91969a;
    line-height :25px;  
    text-align: justify;

    height      :525px;
    width       :510px;
    float       :left;
    margin      :10px 0px 0px 50px;

    }
    
.aboutImageP {
    font-family :Open Sans;
    font-weight :400;
    font-size   :17px;
    width       :100%;
    color       :#91969a;
    line-height :25px;        
    }  
    
#servicesHeader {   
    position    :absolute;      
    height      :220px;
    width       :100%;
    z-index     :-100;
    top         :0px;  
    background-image    : url(../images/banners/services-header.png);  
    background-position: center center;
    }

#contactHeader {  
    position    :absolute;      
    height      :220px;
    width       :100%;
    z-index     :-100;
    top         :0px;  
    background-image    : url(../images/banners/contact-header.png);  
    background-position: center center;
    }  
    
    
    
.copyright {
    width: 1165px;
    margin: 0 auto;
    line-height: 35px;
    color:#6bd8e4;
    text-indent: 2px;
    font-family: Open Sans;
    font-weight :400;    
    font-size:13px;
    padding:  0 0 0 0;
    }    
    
.copyright label {
    float:left;
    }
    
.copyright ul  {
    display :block;
    width   :550px;
    float   :right;
    margin  :0;
    padding :0;
    list-style-type: none;    
    }
    
.copyright li a {
    float           :left;
    padding-left    :17px;
    line-height     :35px; 
    text-decoration :none;
    color           :#6bd8e4;
    font-family     :Open Sans;
    font-weight     :400;    
    font-size       :13px;    
    }    
    
#sitems {
    float:left;
    width:100%;
    }
    

.sitem 
    {
    float               :left;
    width               :33%;
    font-family         :Open Sans;
    font-weight         :bold;
    color               :#00b3dc;
    min-height          :375px;    
    background-image    :url(../images/services-seperator.png);
    background-repeat   :no-repeat;
    background-position :right center;
    }

.sitem:nth-child(3) {
    float       :left;
    width       :33%;
    font-family :Open Sans;
    font-weight :bold;
    color       :#00b3dc;
    min-height  :375px;
    background-image    : none;
    }
    
.sitem:nth-child(6) {
    float       :left;
    width   :33%;
    min-height  :250px;
    font-family :Open Sans;
    font-weight :bold;
    color       :#00b3dc;
    min-height  :375px;
    background-image    : none;
    }

    
.sitemLabel { 
    display     :block;
    font-family :Open Sans;
 
    color       :#636464;
    margin      :10px 0 10px 0;
    font-size   :14px;
    font-weight :500;
    max-width   :100%;
    line-height :20px;
    }
    
.sitem ul { 
    margin-top  :10px;
    text-align  :center;
    font-family :Open Sans;
    font-weight :400;    
    color       :#636464;
    font-size   :13px;
    font-weight :normal;
    list-style-type:none;
    width:100%;
    }
    
.sitem ul> li { 
    width       :auto;
    font-family :Open Sans;
    font-weight :400;
    color       :#636464;
    font-size   :13px;
    font-weight :normal;
    line-height :22px;
    }

.sitem ul>li>img {
    margin: 0 5px 1px 0;    
    }
   
#clientsHeader {   
    position    :absolute;
    height      :220px;
    width       :100%;
    z-index     :-100;
    top         :0px;  
    background-image    : url(../images/banners/clients-header.png);  
    background-position : center center;
    }  

#testimonialsHeader {   
    position:absolute;
    height  :220px;
    width   :100%;
    z-index :-100;
    top     :0px;  
    background-image    : url(../images/banners/testimonials-header.png);
    background-position : center center;
    }  
    
#newsHeader {   
    position:absolute;
    height  :220px;
    width   :100%;
    z-index :-100;
    top     :0px;  
   /* background-image    : url(../images/news-header.png);*/
       background-image    :url(../images/banners/news-header.png);  
    background-position : bottom center;
    background-repeat   :no-repeat; 
    }     
  
    
#citems {
    float:left;
    width:100%;
    margin-top: 9px;
    }
    
    
.citem:nth-child(5) {
    height      :185px;
    text-align  :center;
    float       :right;  
    width       :213px;
    border      :1px solid #f5f5f5;
    margin      :8px 0px 0px 0px;  
    }
    
.citem:nth-child(10) {
    height      :185px;
    text-align  :center;
    float       :right;  
    width       :213px;
    border      :1px solid #f5f5f5;
    margin      :8px 0px 0px 0px;  
    }
.citem:nth-child(15) {
    height      :185px;
    text-align  :center;
    float       :right;  
    width       :213px;
    border      :1px solid #f5f5f5;
    margin      :8px 0px 0px 0px;  
    }
.citem:nth-child(20) {
    height      :185px;
    text-align  :center;
    float       :right;  
    width       :213px;
    border      :1px solid #f5f5f5;
    margin      :8px 0px 0px 0px;  
    }
.citem:nth-child(25) {
    height      :185px;
    text-align  :center;
    float       :right;  
    width       :213px;
    border      :1px solid #f5f5f5;
    margin      :8px 0px 0px 0px;  
    }
.citem:nth-child(30) {
    height      :185px;
    text-align  :center;
    float       :right;  
    width       :213px;
    border      :1px solid #f5f5f5;
    margin      :8px 0px 0px 0px;  
    }
   
.citem:nth-child(35) {
    height      :185px;
    text-align  :center;
    float       :right;  
    width       :213px;
    border      :1px solid #f5f5f5;
    margin      :8px 0px 0px 0px;  
    }
    
.citem:nth-child(40) {
    height      :185px;
    text-align  :center;
    float       :right;  
    width       :213px;
    border      :1px solid #f5f5f5;
    margin      :8px 0px 0px 0px;  
    }
    
.citem {
    height      :185px;
    text-align  :center;
    float       :left;  
    width       :213px;
    border      :1px solid #f5f5f5;
    margin      :8px 21px 0px 0px;  
    }

.citem:before {    
    content         :' ';
    display         :inline-block;    
    height          :100%;
    vertical-align  :middle;      
    }

.citem img {
    display         :inline-block;
    vertical-align  :middle;
    font            :16px/1 Arial sans-serif;
    }

.newsCover {
    float   :left;
    width   :365px;
    height  :auto;
    margin  : 0 10px 20px 10px;
    }

.newsimageCover
    {
    margin  :0 auto;
    width   :359px;
    height  :218px;
    border  :1px solid #f8f8f8;
    padding :5px;
    }
    
.newsDateBox {
    color       :#747b80;
    font-family :Open Sans;
    font-weight :400;    
    text-align  :center;
    height      :50px;
    width       :50px;
    line-height :23px;
    font-size   :20px;
    margin      :20px 10px 0 0;
    border      :1px solid #23aac9;
    padding     :2px; 
    float       :left;
    }
    
.newsCap {
    color       :#23aac9;
    font-family :Open Sans;
    font-weight :600;    
    text-align  :left;
    height      :25px;
    width       :290px;  
    line-height :25px;
    font-size   :16px;
    margin      :15px 0 0 0;
    float       :left;    
    }
    
.newsCat {
    color       :#747b80;
    font-family :Open Sans;
    font-weight :600;    
    text-align  :left;
    height      :25px;
    width       :290px;  
    line-height :25px;
    font-size   :12px;
    margin      :0 0 0 0 ;
    float       :left;    
    }

.newsExplanation {
    float       :left;
    color       :#747b80;
    font-size   :14px;
    font-family :Open Sans;
    font-weight :600;
    text-align  :left;
    width       :355px;
    margin-top  :15px;
    min-height  :99px;
    max-height  :99px;
    overflow    :hidden; 
    }

.newsReadMore {
    color           :#b4d333;
    text-align      :right;
    margin          :20px 5px 0 0;
    height:auto;
    float:right;
    }
    
.newsReadMore :nth-last-child(1) {
    color           :#b4d333;
    text-align      :right;
    margin-top      :-7px;
    font-size       :25px;
    font-family     :Open Sans;
    font-weight     :400;
    display         :block;
    height          :25px;
    width           :90px;
    display         :block;
    float           :right;
    text-decoration: none;
    }
    
.newsReadMore .labelread a {
    color           :#b4d333;
    text-align      :right;
    margin-right    :5px;
    font-size       :14px;
    font-family     :Open Sans;
    font-weight     :400;    
    display         :block;
    height          :25px;
    line-height     :20px; 
    width           :75px;
    display         :block;
    float           :right; 
    text-decoration :none;     
    }

#worksHeader {   
    position:absolute;      
    height:220px;
    width:100%;
    z-index: -100;
    top:0px;  
    background-image: url(../images/banners/works-header.png);  
    background-position: center center;
    }  
    
#projectNavCover {
    padding :10px 0 0 0;
    height  :50px;
    clear   :both;
    }
    
#projectNavLeft{}
#projectNavRight{}

#projectNavCover ul    {
    display:block;
    width:880px;
    list-style-type: none;    
    text-align:justify;
    margin:0 auto;
    height: 50px;

    }

.projectNavCoverLi a:hover
    {
    border          :1px solid #b5d334;
    }    
    
.projectNavCoverLi a    {
    float           :left;
    width           :auto;
    border          :1px solid #eff2f4;
    color           :#8a9195;
    height          :37px;
    line-height     :37px;
    font-family     :Open Sans;
    font-weight     :400;    
    font-size       :14px;
    padding         :0 19px 0 19px;
    margin          :0 5px 0 5px;
    text-decoration :none;
    }    
    
.projectNavCoverLiMainSub  a    {
    float           :left;
    width           :auto;
    border          :1px solid #eff2f4;
    color           :#8a9195;
    height          :37px;
    line-height     :37px;
    font-family     :Open Sans;
    font-weight     :400;    
    font-size       :14px;
    padding         :0 19px 0 19px;
    margin          :0 5px 0 5px;
    text-decoration :none;
    }

.corner {
    width   :15px;
    height  :15px;
    top     :25px;
    left    :-25px;
    display :table
    }
    
.projectNavCoverLiSelect  a    {
    float:left;
    width:auto;
    border:2px solid #b5d334 !important;
    color:#50c8e6;;
    height:37px;
    line-height: 37px;
    font-family: Open Sans;
    font-weight: 600;
    font-size: 14px;
    padding: 0 19px 0 19px;
    margin: 0 4px 0 5px;
    text-decoration: none;    
    }



.work 
    {
    cursor      :pointer;
    float       :left;
    height      :246px;
    margin      :5px;
    }

.work img
    {
    width:376px;
    }     
    
    
#image_slayt_cover
    {
    position: relative;
    height: 780px;
    width:1162px;
    }    
    

.workTitleTypeCover
    {
    position    :relative;
    top         :-140px;
    height      :50px;
    cursor      :pointer;
    }    
   

.workTitleCover
    {
    float:left;      
    width: 0px;
    height: 50px;
    overflow: hidden;          
    } 
    
.workTitle
    {
    display: table;
    width: 100%;
    height: 50px;
    #position: relative;
    overflow: hidden;  
    } 
    
.workTitleText
    {
    display         : table;
    width           : 100%;
    height          : 50px;
    #position       : relative;
    overflow        : hidden; 
    display         :table-cell;
    vertical-align  :middle; 
    text-align      : center;
    font-family     : Open Sans;
    font-weight     : 400;
    font-size       : 12px;
    background-color: #00b2db;
    color           : #fff;
    } 
    

.workTypeCover
    {
    float:right;      
    width: 0px;
    height: 50px;
    overflow: hidden;

    } 
    
.workType
    {
    display: table;
    width: 100%;
    height: 50px;
    #position: relative;
    overflow: hidden;  
    } 
    
.workTypeText
    {
    display: table;
    width: 100%;
    height: 50px;
    #position: relative;
    overflow: hidden; 
    display     :table-cell;
    vertical-align  :middle; 
    text-align: center;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 12px;
    background-color: #b5d334; 
    color:#fff;
    } 
    

#workPageCover {
    height          :50px;
    width           :auto;
    text-align      :center;
    margin-bottom   :50px;  

    }

#workPageCover ul {
    display         :table;
    width           :100%;
    list-style-type :none;
    width           :auto;
    display         :table;    
    }

#workPageCover ul li  {
    float           :left;
    text-align      :center;    
    color           :#8a9195;
    line-height     :40px;
    font-family     :Open Sans;
    font-weight     :400;
    font-size       :14px;
    margin          :5px;
    width           :40px;
    height          :40px;
    text-decoration :none;    
    border          :1px solid #eff2f4;
    cursor          :pointer;
    }
    
.pageLeftBtn    {
    border              :1px solid #eff2f4;
    width               :40px;
    height              :40px;
    background-image    :url('../images/workPageLeftArrow.png');
    background-repeat   :no-repeat;
    background-color    :#fff;
    background-position :center;
    line-height         :40px;
    float               :left;
    border              :none;
    }
        
.pageLeftBtn:hover  {
    border              :2px solid #b5d334;
    width               :38px;
    height              :38px;
    line-height         :38px;
    }
    
.pageLeftBtnDisable    
    {
    cursor              :default !important;
    border              :1px solid #eff2f4 !important;
    background-image    :url('../images/workPageLeftArrow.png');
    background-position :center;
    background-repeat   :no-repeat;    
    opacity             :0.2
    }
    
.pageLeftBtnDisable:hover {
    border              :1px solid #eff2f4;
    width               :40px !important;
    height              :40px !important;
    line-height         :40px;
    cursor              :default !important;
    }
    
.pageRightBtn {
    border              :1px solid #eff2f4;
    width               :40px;
    height              :40px;
    background-image    :url('../images/workPageRightArrow.png');
    background-repeat   :no-repeat;
    background-color    :#fff;
    background-position :center;
    line-height         :40px;
    float               :left;
    border              :none;
    }
        
.pageRightBtn:hover {
    border              :2px solid #b5d334;
    width               :38px;
    height              :38px;
    line-height         :38px;
    }
    
.pageRightBtnDisable {
    cursor              :default !important;
    border              :1px solid #eff2f4 !important;
    background-image    :url('../images/workPageRightArrow.png');
    background-position :center;
    background-repeat   :no-repeat;    
    opacity             :0.2;
    }
    
.pageRightBtnDisable:hover  {
    border      :1px solid #eff2f4;
    width       :40px !important;
    height      :40px !important;
    line-height :40px;
    cursor      :default !important;
    }
    
#workPageCover ul li.workPageCoverLiSelect {
    float           :left;
    width           :auto;
    border          :2px solid #b5d334;
    color           :#50c8e6;
    height          :37px;
    line-height     :37px;
    font-family     :Open Sans;
    font-size       :14px;
    margin          :5px;
    width           :40px;    
    text-decoration :none;
    text-align      :center; 
    }
    
#workDetailBack {
    position    :absolute;      
    height      :418px;
    width       :100%;
    z-index     :-100;
    top         :0px;  
    background-image: url(../images/banners/slayt-back.png);
    background-position: center center
    }
    
.workSummary {
    float   :left;
    margin-top: -20px;
    width   :290px;
    }
    
.workSummaryLine
    {
    display: table;
    width: 290px;
    height: 40px;
    #position: relative;
    overflow: hidden;
    margin-top:5px;
    border-bottom   :1px solid #e5e5e5;     
    }
    
.workSummaryLine a
    {
    font-family     :Open Sans;
    font-weight     :400;
    color           :#747b80;
    font-size       :14px;
    text-decoration: none;
    }
    
 .workSummaryClient
    {
    font-family :Open Sans;
    font-weight :700;
    color       :#727c82;  
    font-size   :14px;
    display     :block;
    float       :left;
    height      :40px;
    line-height :40px;
    padding     :5px;

    }   
 
.workSummaryClientText
    {
    width       :195px;
    height      :40px;    
    #position   :absolute;
    #top        :50%;
    display     :table-cell;
    vertical-align  :middle; 
    font-family     :Open Sans;
    font-weight     :400;
    color           :#747b80;
    font-size       :14px;
    padding         :5px 5px 5px 0;
    }
    
.workSummary   ul  {
    display :table;
    width   :100%;
    list-style-type: none;    
    width   :290px;
    display :table;
    #position: relative;
    }
    
.workSummary ul li    {
        float           :left;
        border-bottom   :1px solid #a6a5a5; 
        height          :45px;
	#position       :absolute;
	#top            :50%;
	display         :table-cell;
	vertical-align  :middle;    
        padding-top     :5px;
    }
    
.workSummary   ul li label:first-child    {
    font-family :Open Sans;
    font-weight :700;
    color       :#727c82;
    font-size   :14px;   
    line-height :45px;
    }

.workSummary   ul li label:last-child    {
    display         :block;
    vertical-align  :middle;
    float           :right;
    width           :215px;
    height          :40px;
    font-family     :Open Sans;
    font-weight     :400;    
    color           :#747b80;
    font-size       :14px;  
    overflow        :hidden;
    #position       :relative;
    #top            :-50%;    
    }    
    
.workSummary   ul li img   
    {
    margin  :7px 2px 0 0; 
    cursor  :pointer;
    }    

.workText   {
    float       :left;
    margin      :0  0 0 50px ;
    width       :580px
    }

.workText .labelCap {
    display     :block;
    float       :left;
    color       :#00b2db;
    text-indent :5px;
    font-size   :22px;
    line-height :22px;
    font-family :Open Sans;
    font-weight: 400;
    text-transform: uppercase;
    }

.workText .labelSubCap {
    display     :block;
    clear       :both;
    float       :left;
    color       :#b4d333;
    font-size   :14px;
    font-family :Open Sans;
    margin      :5px 0 10px 0;
    }
    
.workText .labelexplanation {
    display     :block;
    clear       :both;
    float:left;
    color       :#747b80;
    font-size   :14px;
    font-family :Open Sans;
    font-weight: 400;
    margin      :0px 0 10px 0;
    text-align  :justify;

    }

.workText .blueBox {
    float   :left;
    height  :18px;
    width   :18px;    
    margin  :2px;
    background-color: #00b2db;        
    }
    
.workText .greenBox {
    float   :left;
    height  :18px;
    width   :18px;
    margin  :2px;
    background-color: #b4d333;
    }

#detailSlatCover {
    height  :575px;
    width   :1065px; 
    margin  :1px auto;
    }
    
#detailVideoCover {
    height  :575px;
    width   :944px; 
    margin  :0px auto;
    background-color: #ffffff;
    padding:5px;
    }

#detailLeftNavCover {
    float   :left;
    height  :530px;
    width   :55px;
    }
    
#detailLeftNavCover #detailLeftNav {
    float               :right; 
    height              :50px;
    width               :55px;
    background-image    :url(../images/left-arrow.png);
    background-repeat   :no-repeat;  
    background-position :center center;
    cursor              :pointer;
    margin-top          :175px;
    }   
    
#detailLeftNavCover #detailLeftNav:hover {
    background-image    :url(../images/left-arrow-h.png);
    background-repeat   :no-repeat;
    }   
    
#detailSlatCover #detailRightNavCover {
    float   :left; 
    height  :530px;    
    width   :55px; 
    }  
    
#detailSlatCover  #detailRightNav {
    float               :right; 
    height              :50px;
    width               :55px;
    background-image    :url(../images/right-arrow.png);
    background-repeat   :no-repeat;  
    background-position :center center;
    cursor              :pointer;
    margin-top          :175px;
    }    
    
#detailSlatCover  #detailRightNav:hover {
    background-image    :url(../images/right-arrow-h.png);
    background-repeat   :no-repeat;
    }    
    
#detailSlayt {
    background-color    :#FFFFFF;
    width               :940px;
    float               :left; 
    padding             :5px;
    }  
    
.detailSlaytImage {
    margin  :0 0 0 0;
    float   :left;
    width   :940px;
    height  :auto;
    overflow:hidden;
    }        
    
.detailSlaytPage {
    width           :13px;
    height          :13px;
    float           :left;
    background-color:#eaeef0;
    margin          :2px; 
    cursor: pointer;
    border-radius: 10px;
    }

.detailSlaytPageSelect {
    float   :left;    
    width   :13px;
    height  :13px;
    margin  :2px; 
    border-radius: 10px;
    background-color: #00b2db;

    }
    
.workSubMenu
    {
    background-color:#fff;
    display         :none;
    position        :absolute;
    border          :1px solid #ced9df;
    margin          :50px 0 0 5px;    
    padding         :10px;
    line-height     :25px;
    max-width       :200px;
    z-index         :300;    
    }
    
.workDetailSlaytImage img
    {
    width:940px;cursor: pointer    
    }    

#image_detail_cover{margin-top: 35px;}
    
.submenuView
    {
    display     :none;
    border      :1px solid #eff2f4;
    position    :absolute;
    margin      :50px 0  0 5px;
    padding     :10px;
    line-height :20px;
    height      :20px;
    color       :#00b2db;
    font-family :Open Sans;
    font-weight: 600;
    font-size   :14px;    
    text-align  :center;
    }    

.sbmw 
    {
    display     :block;
    float       :left;
    font-family :Open Sans;
    font-weight: 400;    
    font-size   :14px;
    color       :#909da4;
    height      :25px;
    line-height :25px;
    width       :200px;  
    cursor      :pointer
    }       
.sbmwSelect
    {
    display :block;
    color   :#00b2db;
    }   

.workCatArrow
    {
    float   :right;
    width   :0;
    position:relative;
    top     :-13px;
    left    :-6px;
    height  :0;
    border-top  :12px solid transparent;
    border-right:12px solid #b5d334;
    cursor      :pointer
    }
    
.contactCap
    {
    float:left;    
    width:107px;
    height:40px;
    line-height: 40px;
    text-align: center;
    font-family: Open Sans;
    color:#b3b9be; 
    cursor: pointer
    }

.contactCapSelect
    {
    float:left;    
    width:107px;
    height:40px;
    line-height: 40px;
    text-align: center;  
    font-family: Open Sans;
    font-weight: bold;
    color:#00b2dc;
    border-bottom:6px solid #b5d334;
    cursor: pointer;
    }
    
.requestCap
    {
    float:left;    
    width:205px;
    height:40px;
    line-height: 40px;
    text-align: center;
    font-family: Open Sans;
    color:#b3b9be;    
    cursor:pointer;
    margin-left: 45px;

    }

.requestCapSelect
    {
    float:left;    
    width:205px;
    height:40px;
    line-height: 40px;
    text-align: center;  
    font-family: Open Sans;
    font-weight: bold;
    color:#00b2dc;
    border-bottom:6px solid #b5d334;
    margin-left: 45px;
    }

.contactContent
    {
    clear:both;
    width:100%;
    height:250px;
    }
    
.requestContent
    {
    float:left;
    display:none;
    }
    
.contactInput1 
    {
    border:1px solid #d6d6d6; 
    outline: none;
    height:45px;
    width:237px;    
    float:left;
    font-family:Open Sans;
    font-weight: 400;       
    font-size: 15px;        
    padding-left: 10px;   
    margin-right: 10px;
    color:#9aa3a8;
    }
    
.contactInput1Error
    {
    border:1px solid red; 
    outline: none;
    height:45px;
    width:237px;    
    float:left;
    font-family:Open Sans;
    font-weight: 400;
    font-size: 15px;        
    padding-left: 10px;   
    margin-right: 10px;
    color:red;
    }
      
.contactInput2 
    {
    border:1px solid #d6d6d6; 
    outline: none;
    height:45px;
    width:497px;
    margin-right: 10px;
    float:left;
    font-family:Open Sans;
    font-weight: 400;
    font-size: 15px;        
    margin-top: 10px;
    padding-left: 10px;
    color:#9aa3a8;    
    }
    
    
.contactInput2Error
    {
    border:1px solid red;
    color:red;
    outline: none;
    height:45px;
    width:497px;
    margin-right: 10px;
    float:left;
    font-family:Open Sans;
    font-weight: 400;
    font-size: 15px;        
    margin-top: 10px;
    padding-left: 10px;
    }
    
.contactTextarea 
    {
    border:1px solid #d6d6d6;
    outline: none;
    height:145px;
    width:505px;
    max-width:505px;
    margin: 0 10px 20px 0;
    float:left;
    font-family:Open Sans;
    font-weight: 400;
    font-size: 15px;        
    text-indent: 10px;
    margin-top: 10px;
    padding-top: 15px;
    background:#fff url(../images/textarearesizer.png) no-repeat  bottom right;
    overflow:auto;
    color:#9aa3a8;    
    }
    
    
.contactTextareaError
    {
    border:1px solid red;
    color:red;   
    outline: none;
    height:145px;
    width:505px;
    max-width:505px;
    margin: 0 10px 20px 0;
    float:left;
    font-family:Open Sans;
    font-weight: 400;       
    font-size: 15px;        
    text-indent: 10px;
    margin-top: 10px;
    padding-top: 15px;
    background:#fff url(../images/textarearesizer.png) no-repeat  bottom right;
    overflow:auto;
    }
    
::-webkit-resizer{background-image:url('../images/textarearesizer.png');background-repeat: no-repeat;background-position: bottom right}

.btnSelect
    { 
    border:none;
    background-color: #00b3dc;
    border-bottom: 5px solid #b5d334;
    color:#fff;
    float:right;
    margin-right: 10px;
    font-family:Open Sans;
    font-weight: 400;       
    font-size: 15px;
    }
.btnSelect.big
    { 
    height:40px;
    width:100px;
    }
    
.btnSelect.small
    { 
    margin-top: -1px;        
    height:47px;
    width:70px;
    outline: none;
    }
    
    
.btnNormal
    { 
    height:40px;
    width:100px;
    border:none;
    background-color: #efefef;
    color:#b3b9be;
    float:right;
    margin-right: 10px;
    font-family:Open Sans;
    font-weight: 400;       
    font-size: 15px;    
    }
    
  
.UKOfficeCap
    {
    float:left;    
    width:90px;
    height:40px;
    line-height: 40px;
    text-align: center;
    font-family: Open Sans;
    color:#b3b9be; 
    cursor: pointer
    }

.UKOfficeCapSelect
    {
    float:left;    
    width:90px;
    height:40px;
    line-height: 40px;
    text-align: center;  
    font-family: Open Sans;
    font-weight: bold;    
    color:#00b2dc;
    border-bottom:6px solid #b5d334;
    cursor: pointer;
    }
    
.TROfficeCap
    {
    float:left;    
    width:125px;
    height:40px;
    line-height: 40px;
    text-align: center;
    font-family: Open Sans;  
    color:#b3b9be; 
    cursor: pointer;
    margin-left: 45px;        
    }

.TROfficeCapSelect
    {
    float:left;    
    width:125px;
    height:40px;
    line-height: 40px;
    text-align: center;  
    font-family: Open Sans;
    font-weight: bold;    
    color:#00b2dc;
    border-bottom:6px solid #b5d334;
    cursor: pointer;
    margin-left: 45px;
    }
    
.UKOfficeContent
    {
    clear:both;
    width:100%;
    font-family: Open Sans;
    font-weight: 400;       
    font-size:15px;
    height:430px;
    }
    
.TROfficeContent
    {
    float:left;
    display:none;
    width:100%;  
    font-family: Open Sans;
    font-weight: 400;  
    font-size:15px;
    height:430px;
    }
    
.mapCover
    {
    width:490px;        
    height:280px;
    margin-bottom: 10px; 
    }
    

.UKOfficeContent > label:nth-of-type(1) /*adres label */
    {
    display:inline;
    width:75px;
    color:#00b2dc;
    }
    

.UKOfficeContent > label:nth-of-type(2) /* adres */
    {
    display:inline;
    color:#9aa3a8;
    }
    
.UKOfficeContent > label:nth-of-type(3) /*tel label */
    {
    clear:both;
    display:inline;
    width:75px;
    color:#00b2dc;
    margin-top: 25px;
    }    
    
.UKOfficeContent > label:nth-of-type(4) /* tel */
    {
    display:inline;
    color:#9aa3a8;
    }
    
.UKOfficeContent > label:nth-of-type(5) /*fax label */
    {
    display:inline;
    width:75px;
    color:#00b2dc;
    margin-top: 25px;
    }    
    
.UKOfficeContent > label:nth-of-type(6) /* fax */
    {
    display:inline;
    color:#9aa3a8;
    }
    
    
    
    
    
.TROfficeContent > label:nth-of-type(1) /*adres label */
    {
    display:inline;
    width:75px;
    color:#00b2dc;
    }
    

.TROfficeContent > label:nth-of-type(2) /* adres */
    {
    display:inline;
    color:#9aa3a8;
    }
    
.TROfficeContent > label:nth-of-type(3) /*tel label */
    {
    clear:both;
    display:inline;
    width:75px;
    color:#00b2dc;
    margin-top: 25px;
    }    
    
.TROfficeContent > label:nth-of-type(4) /* tel */
    {
    display:inline;
    color:#9aa3a8;
    }
    
.TROfficeContent > label:nth-of-type(5) /*fax label */
    {
    display:inline;
    width:75px;
    color:#00b2dc;
    margin-top: 25px;
    }    
    
.TROfficeContent > label:nth-of-type(6) /* fax */
    {
    display:inline;
    color:#9aa3a8;
    }
    
.subcribe_email
    {
    border:none;
    width:255px;
    height:25px;
    margin: 7px 0 0 5px;
    outline: none
    }   

#image_list_cover 
    {
    height:850px;
    }    
    
.col
    {
    width:385px;
    height:255px;
    position:absolute;
    }
   



#col1{top:0px;left:0px}	
#col2{top:0px;left:386px}
#col3{top:0px;left:772px}


#col4{top:256px;left:0px;}
#col5{top:256px;left:386px;}
#col6{top:256px;left:772px;}

#col7{top:512px;left:0px;}
#col8{top:512px;left:386px;}
#col9{top:512px;left:772px;}

.seachBox{border-left:1px solid #d7d7d7;
         border-top:1px solid #d7d7d7;
         border-bottom:1px solid #d7d7d7;
         line-height: 45px;
         width:100%;
         height:45px;
        }

.searchText{height:30px;width:150px;border:none;padding: 5px 5px 5px 15px ;outline: none;color:#747b80;font-family: Open Sans;    font-weight: 600;opacity: 0.5;font-size: 14px}

.blueBox
    {
    float   :left;   
    margin  :2px;
    background-color: #00b2db;        
    }
    
.blueBox.big
    {
    height  :10px;
    width   :10px;     
    }
    
.blueText
    {
    color:#00b2db;
    font-family: Open Sans;
    font-weight: 400;       
    font-size: 16px;
    line-height: 14px;
    text-indent: 5px;
    }
    
.blueText.bold
    {
    color:#00b2db;
    font-family: Open Sans;
    font-weight: bold;    
    font-size: 15px;
    line-height: 14px;
    text-indent: 5px;
    }
    
.greenText
    {
    color:#b4d333;
    font-family: Open Sans;
    font-weight: 400;       
    font-size: 16px;
    line-height: 14px;
    text-indent: 5px;
    }
    
.greenText.bold
    {
    font-family: Open Sans;
    font-weight: bold;    
    font-size: 15px;
    }
    
.greenText.bold.right 
    {
    font-family: Open Sans;
    font-weight: bold;
    font-size: 15px;
    float:right;
    }
    
.silverText
    {
    color:#9ca6ac;
    font-family: Open Sans;
    font-weight: 400;       
    font-size: 10px;
    line-height: 14px;
    display:block;
    }
    
.silverText.left 
    {
    font-size: 12px;
    display: block;
    margin:15px 0 15px 0;
    }
   
.greenBox
    {
    float   :left;
    margin  :2px;
    background-color: #b4d333;
    }


.greenBox.big
    {
    height  :10px;
    width   :10px;     
    }
    
.blogWellcom
    {
    margin-top: 15px;
    line-height: 20px;
    color:#747b80;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 16px;
    text-align: justify;
    }    
    
#categories > ul 
    {
    margin-left:17px;
    list-style-image: url(../images/list-dot.png);
    }
    
#categories > ul > li a 
    {
    text-decoration: none;
    color:#747b80;
    line-height: 25px;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 14px;
    }
    
#tags h1
    {
    color:#747b80;        
    font-family: Open Sans;
    font-weight: 600;    
    display:block;
    width:auto;
    height:40px;
    line-height:40px;
    float:left;        
    }

#tags h2
    {
    color:#747b80;        
    font-family: Open Sans;
    font-weight: 600;    
    display:block;        
    width:auto;
    height:40px;
    line-height:50px;
    float:left;            
    }
    
#tags h3
    {
    color:#747b80;        
    font-family: Open Sans;
    font-weight: 600;
    display:block;        
    width:auto;
    height:40px;
    line-height:55px;
    float:left; 
    } 
    
#tags h4
    {
    color:#747b80;        
    font-family: Open Sans;
    font-weight: 600;
    display:block;        
    width:auto;
    height:30px;
    line-height:30px;    
    float:left;
    margin-top: -25px;        
    }
    
#tags h5
    {
    color:#747b80;
    font-family: Open Sans;
    font-weight: 600;    
    display:block;        
    width:auto;
    height:30px;
    line-height:30px;
    float:left;
    margin-top: -25px;        
    } 
    

   
.newsDetailCap  
    {
    float:left;
    width:100%;
    color:#00b3dc;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 25px;
    margin-bottom: 5px;
    }
    
.newsDetailSubs :nth-of-type(1) 
    {
    float:left;
    width:100%;
    color:#747b80;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 12px;
    display:block;
    width:auto;
    margin-right: 5px;
    }
    
.newsDetailSubs :nth-of-type(2) 
    {
    float:left;
    width:100%;
    color:#b4d333;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 12px;
    display:block; 
    width:auto;
    margin-right: 5px;
    }
    
.newsDetailSubs :nth-of-type(3) 
    {
    float:left;
    width:100%;
    color:#747b80;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 12px;
    display:block;
    width:auto;
    height:12px;
    margin:3px 5px 5px 5px;
    border-left:2px solid #747b80;
    }  
    
.newsDetailSubs :nth-of-type(4) 
    {
    float:left;
    width:100%;
    color:#747b80;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 12px;
    display:block;
    width:auto;
    margin-right: 5px;
    }   
    
.newsDetailSubs :nth-of-type(5) 
    {
    float:left;
    width:100%;
    color:#b4d333;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 12px;
    display:block; 
    width:auto;
    margin-right: 5px;    
    }   
    
.newsDetailSubs :nth-of-type(6) 
    {
    float:left;
    width:100%;
    color:#b4d333;
    font-family: Open Sans;
    font-weight: 400;       
    font-size: 12px;
    display:block; 
    width:auto;
    margin-right: 5px;
    }    
    
    
.newsDetailContentTex
    {
            clear:both;
    float:left;

    margin-top: 25px; 
    font-family: Open Sans;
    font-weight: 400;
    font-size: 14px;
    }
    
.newsDetailContentTex h2
    {
    color:#00b2db;
    }   
    
    
.newsDetailTag
    {
    clear:both;
    float:left;
    margin-top:20px;  
    }
    
.newsDetailTag :nth-of-type(1) 
    {
    color:#00b2db;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 14px;
    }
    
.newsDetailTag :nth-of-type(2) 
    {
    color:#747b80;
    font-family: Open Sans;
    font-weight: 400;       
    font-size: 14px;
    }
    
.likeBox
    {
    float:left;
    width:65px;
    height: 35px;
    line-height: 35px;
    border:1px solid #0842be;
    text-align: center;
    color: #0842be;
    font-family:Open Sans;
    font-weight: bold;
    font-size: 14px;
    margin:5px;
    cursor: pointer;    
    }

.tweetBox    
    {
    float:left;
    width:65px;
    height: 35px;
    line-height: 35px;
    border:1px solid #0fa6ed;
    text-align: center;
    color: #0fa6ed;
    font-family: Open Sans; 
    font-weight: bold;    
    font-size: 14px;
    margin:5px;
    cursor: pointer;    
    }
    
.artiBox    
    {
    float:left;
    width:65px;
    height: 35px;
    line-height: 35px;
    border:1px solid #151414;
    text-align: center;
    color: #151414;
    font-family: Open Sans; 
    font-weight: bold;    
    font-size: 14px;
    margin:5px;
    cursor: pointer;    
    }
    
.pinItBox{
    float       : left;
    width       : 65px;
    height      : 35px;
    line-height : 35px;
    border      : 1px solid #ec1b28;
    text-align  : center;
    color       : #ec1b28;
    font-family : Open Sans; 
    font-weight : bold;    
    font-size   : 14px;
    margin      : 5px;
    cursor      : pointer;
    }

.newsNav{ 
    height  : 50px;
    width   : 235px;
    margin  : 50px auto;
    }

.newsNav label{   
    display     : block;
    line-height : 37px;
    width       : 70px;
    height      : 50px;
    float       : left;
    text-align  : center;
    font-family : Open Sans;
    font-weight : 600;
    font-size   : 18px;   
    color       : #a6b0b6;
    }

.newsNav img{   
    display : block;
    float   : left;
    margin  : 3px;
    cursor  : pointer;    
    }

#newsPageCover{
    height          :50px;
    width           :auto;
    text-align      :center;
    margin-bottom   :50px;   
    }

#newsPageCover ul {
    display         :table;
    width           :100%;
    list-style-type :none;
    width           :auto;
    display         :table;    
    }

#newsPageCover ul li  {
    float           :left;
    text-align      :center;    
    color           :#8a9195;
    line-height     :40px;
    font-family     :Open Sans;
    font-weight     :400;
    font-size       :14px;
    margin          :5px;
    width           :40px;
    height          :40px;
    text-decoration :none;    
    border          :1px solid #eff2f4;
    cursor          :pointer;
    }    

#newsPageCover ul li.newsPageCoverLiSelect  {
    float           :left;
    width           :auto;
    border          :2px solid #b5d334;
    color           :#50c8e6;
    height          :37px;
    line-height     :37px;
    font-family     :Open Sans;
    font-weight     : bold;    
    font-size       :14px;
    margin          :5px;
    width           :40px;    
    text-decoration :none;
    text-align      :center; 
    }    

#newsPageCover ul li.newsPageCoverLiSelect a {
    text-decoration :none;
    text-align      :center; 
    color           :#50c8e6;  
    }    

#newsPageCover ul li.newsPageCoverLi a  {
    text-decoration :none;
    text-align      :center; 
    color           :#8a9195;  
    }

.newsPageLeftBtn{
    border              :1px solid #eff2f4;
    width               :40px;
    height              :40px;
    /*background-image    :url('../images/workPageLeftArrow.png');*/
    background-repeat   :no-repeat;
    background-color    :#fff;
    background-position :center;
    line-height         :40px;
    float               :left;
    border              :none;
    }

.newsPageLeftBtn:hover  {
    border              :2px solid #b5d334;
    width               :38px;
    height              :38px;
    line-height         :38px;
    }

.newsPageLeftBtnDisable    {
    cursor              :default !important;
    border              :1px solid #eff2f4 !important;
    /*background-image    :url('../images/workPageLeftArrow.png');*/
    background-position :center;
    background-repeat   :no-repeat;    
    opacity             :0.2
    }

.newsPageLeftBtnDisable:hover  {
    border              :1px solid #eff2f4;
    width               :40px !important;
    height              :40px !important;
    line-height         :40px;
    cursor              :default !important;
    }

.newsPageRightBtn{
    border              :1px solid #eff2f4;
    width               :40px;
    height              :40px;
    /*background-image    :url('../images/workPageRightArrow.png');*/
    background-repeat   :no-repeat;
    background-color    :#fff;
    background-position :center;
    line-height         :40px;
    float               :left;
    border              :none;
    }

.newsPageRightBtn:hover{
    border              :2px solid #b5d334;
    width               :38px;
    height              :38px;
    line-height         :38px;
    }

.newsPageRightBtnDisable  {
    cursor              :default !important;
    border              :1px solid #eff2f4 !important;
    /* background-image    :url('../images/workPageRightArrow.png'); */
    background-position :center;
    background-repeat   :no-repeat;    
    opacity             :0.2;
    }

.newsPageRightBtnDisable:hover {
    border      :1px solid #eff2f4;
    width       :40px !important;
    height      :40px !important;
    line-height :40px;
    cursor      :default !important;
    }

.commentItemCover {   
    width           : 778px;
    height          : auto;
    float           : left;
    margin          : 15px 0 25px 0; 
    padding-bottom  : 35px;
    border-bottom   : 2px solid #f5f5f5;
    }

.commentImage{ 
    float   : left;
    width   : 72px;
    height  : 72px;
    background-image:url('../images/pati.png');
    margin  : 0 25px 5px 5px;
    }

.commentText
    {    
    float:left;
    width:675px;
    height:auto;
    display: block ;
    color:#989da1; 
    font-family: Open Sans;
    font-weight: 400;       
    }  

.addCommentCoverCap
    {
    line-height:25px;
    height:25px;
    float:left;
    text-align: center;
    font-family: Open Sans;
    font-weight: 600;    
    font-size: 18px;   
    color:#a6b0b6;   
    }

.addCommentCoverText
    {
    line-height:25px;
    height:25px;
    clear:both;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 14px;   
    color:#a6b0b6;   
    }

.addCommentCap
    {
    color:#00b2dc;
    font-family: Open Sans;
    font-weight: 600;    
    margin-bottom: 5px;
    }

.addCommentCover input[type=text]
    {
    border:1px solid red;
    width:770px;
    height: 30px;
    padding: 5px;
    margin: 7px 0 7px 0 ;
    border:1px solid #d6d6d6;
    outline: none;
    }
      
.addCommentCover textarea
    {
    border:1px solid #d6d6d6;
    outline: none;
    height:125px;
    width:775px;
    max-width:775px;
    margin: 0 10px 5px 0;
    float:left;
    font-family:Open Sans;
    font-weight: 400;       
    font-size: 15px;        
    text-indent: 5px;
    margin-top: 10px;
    padding-top: 15px;
    background:#fff url(../images/textarearesizer.png) no-repeat  bottom right;
    overflow:auto;
    }

.newsFormBtnCover
    {
    clear:both;
    float:right;
    width:250px;
    margin:10px 27px 0 0;
    }

.workDetailNav
    {
    margin: 0 auto 50px auto;
    width:395px;
    height:42px;
    }

.workDetailNav label
    {   
    display:block;
    line-height:37px;
    width: 150px;
    height:50px;
    float:left;
    text-align: center;
    font-family: Open Sans; 
    font-weight: 600;    
    font-size: 18px;   
    color:#a6b0b6;
    }

.workDetailNav img
    {   
    display:block;
    float:left;
    margin:3px;
    cursor: pointer;    
    }

.testimonialItem
    {
    margin-bottom: 100px; 
    height:100%;
    }

.testimonialName
    {
    color:#00b3dc;
    font-family: Open Sans;
    font-weight: 300;    
    font-size: 30px;
    display:block;
    width:100%;
    text-indent: 20px;
    }    
    
.testimonialNameLine
    {
    display:block;
    border-top:1px solid #b5d334;
    height: 5px;
    margin-top: -10px;
    }    

.testimonialCompany
    {
    display:block;        
    font-family:Open Sans;
    font-weight: 400;    
    font-size: 18px;
    color:#b5d334;
    height:15px;
    text-indent: 20px;    
    }
    
.testimonialText
    {
    display:block;
    margin:35px 0 0 20px;
    font-family:Open Sans;
    font-weight: 400;
    font-size: 17px;
    color:#747b80;
    width:80%;
    text-align: justify;
    }

.testimonialImage
    {
    position: relative;        
    top:10px;
    left:-20px;
    float:right;
    }

.computerSkill
    {
    background-image: url('../images/job/computer_skill.png');
    background-repeat: no-repeat;
    background-position: 20px 20px;
    height:450px;
    }
    
.personelReferance
    {
    background-image: url('../images/job/personelReferance.png');
    background-repeat: no-repeat;
    background-position: 20px 20px;
    height:450px;
    }

.persenelInfo
    {
    background-image: url('../images/job/personel_info.png');
    background-repeat: no-repeat;
    background-position: center left;
    height:450px;
    }
    
.persenelInfoInputCover 
    {
    float:right;
    width:875px;
    padding:10px;
    margin-top:30px;
    }    
    
.persenelInfoInputCover .inputText
    {
    float:left;        
    height:30px;
    width:400px;
    padding:10px;
    margin:5px;
    outline: none;
    }    

.personelGender 
    {
    float:left;
    width: 372px;
    height: 30px; 
    padding:10px 40px 10px 10px;
    margin:5px;
    }
    
.personelGenderCheck
    {
    float:right;
    width:9px;
    height:9px;
    outline: 1px solid #c2c2c2;
    border: 3px solid #ffffff;
    background-color: #ffffff;
    cursor:pointer;
    margin-left: 50px;
    }

.personelGendercheckSelect
    {
    float:right;
    width:9px;
    height:9px;
    outline: 1px solid #c2c2c2;
    border: 3px solid #ffffff;
    background-color: #00b2db;
    cursor:pointer;
    margin-left: 10px;
    }

.personelGender .labelText
    {
    display:block;
    line-height: 15px;
    font-family:Open Sans;
    font-weight: 400;
    font-size: 15px;
    color:#9aa3a8;
    }

.persenelReferanceInputCover 
    {
    float:right;
    width:875px;
    padding:10px;
    margin-top:30px;
    }    
    
.persenelReferanceInputCover .inputText
    {
    float:left;        
    height:30px;
    width:400px;
    padding:10px;
    margin:5px;
    outline: none;
    }    
   
    
    
.computerSkillInputCover 
    {
    float:right;
    width:875px;
    padding:5px;
    margin-top:10px;
    }    
    
.computerSkillInputCover .inputText
    {
    float:left;        
    height:30px;
    width:400px;
    padding:10px;
    margin:5px;
    outline: none;
    }    
   
    
 
   
    
    
    
.left
    {
    float:left;
    }
    
.right
    {
    float:right; 
    margin-left: 10px;
    }

input[type=radio]:checked  
    {
    content: "\2022";
    color: #f3f3f3;
    font-size: 10px;
    text-align: center;
    line-height: 18px;
    }

.personelBD 
    {
    width   :415px;
    height  :30px;
    padding :10px 0px 10px 10px;
    margin  :5px;
    float   :left;
    }

.bcontentClient  
    {

    margin-bottom: 50px;     
    }  
    
.bcontentClient p
    {
    font-family:Open Sans;
    font-weight: 400;
    font-size   :15px;
    color       :#91969a;
    margin: 20px 5px 0 15px ;
    text-align: justify;
    width: 550px;
    float:left;
    }
    
    
.bcontentClient p:nth-child(2)
    {
    font-family:Open Sans;
    font-weight: 400;
    font-size   :15px;
    color       :#91969a;
    margin      : 20px 20px 0 5px;
    text-align: justify;
    width: 550px;
    float:right;

    }



.workTextP p
    {
    float:left;
    font-family:Open Sans;
    font-size   :15px;
    font-weight: 400;    
    color:#747b80;   
    margin: 20px 10px 0 12px;
    text-align: justify;   
    width:547px;
    }

.workTextP p:nth-child(2)
    {
    float:right;
    font-family:Open Sans;
    font-size   :15px;    
    font-weight: 400;
    color:#747b80;
    margin: 20px 10px 0 10px;
    text-align: justify;
    width:547px;
    }   
    


    

    
    

.wrap-drop {
background:#e7ded5;
box-shadow:3px 3px 3px rgba(0,0,0,.2);
cursor:pointer;
margin:0 auto;
max-width:225px;
padding:1rem;
position:relative;
width:75%;
z-index:3;
}

.wrap-drop::after {
border-color:#695d52 transparent;
border-style:solid;
border-width:10px 10px 0;
content:"";
height:0;
margin-top:-4px;
position:absolute;
right:1rem;
top:50%;
width:0;
}

.wrap-drop .drop {
background:#e7ded5;
box-shadow:3px 3px 3px rgba(0,0,0,.2);
display:none;
left:0;
list-style:none;
margin-top:0;
opacity:0;
padding-left:0;
pointer-events:none;
position:absolute;
right:0;
top:100%;
z-index:2;
  height:125px;
overflow:auto;
}

.wrap-drop .drop li a {
color:#695d52;
display:block;
padding:1rem;
text-decoration:none;
}

.wrap-drop span {
color:#928579;
}

.wrap-drop .drop li:hover a {
background-color:#695d52;
color:#e7ded5;
}

.wrap-drop.active::after {
border-width:0 10px 10px;
}

.wrap-drop.active .drop {
display:block;
opacity:1;
pointer-events:auto;
}    


.workDetailBack
    {
    font-family:Open Sans;
    font-weight: 600;
    background-image: url('../images/back_h.png');
    width:59px;
    height:18px;
    display:block;
    background-repeat: no-repeat;
    cursor: pointer;
    }
    


.backBtnCover
    {
    width:50px;
    float:right;
    margin: 25px 117px 10px 0;
    line-height: 25px;
    cursor: pointer;    
    }    

    
.addNewCover
    {
    float:right;
    text-align: right;
    margin:25px 10px 0 0;   
    }
    
.addNewBtn
    {
    width:115px;
    height:32px;
    border:none;
    background-color: transparent;
    background-image: url('../images/add-new.png');
    background-repeat: no-repeat;
    text-indent: 20px;
    outline:none;
    padding: 5px;  
    cursor: pointer;
    color:#b4d333;
    font-family: Open Sans;
    font-weight: 600;
    font-size: 14px;
    }    
    
.addNewBtn:hover
    {
    width:115px;
    height:32px;
    border:none;
    background-color: transparent;
    background-image: url('../images/add-new-h.png');
    background-repeat: no-repeat;
    text-indent: 20px;
    outline:none;
    padding: 5px;  
    cursor: pointer;
    color:#00b2db;
    font-family: Open Sans;
    font-weight: 600;
    font-size: 14px;
    }    
    
.persenelReferanceInputCoverPool    
    {
    clear:both;        
    float:left;
    width:100%;
    }
    
    
.computerSkillInputCoverPool    
    {
    clear:both;        
    float:left;
    width:100%;
    }
    
.readMoreH {
    clear:both;
    color:#7e8c94;
    width:100px;
    height:20px;
    margin:0 auto;
    line-height: 20px;
    text-align: left;
    font-family: Open Sans;
    font-size: 11px;
    font-weight: 600;

    }
    
.readMoreH a{
    color:#7e8c94;
    text-decoration: none;
    }
    
.readMoreH label{
    float:left;
    width:25px;
    height:20px;
    margin:0 auto;
    line-height: 20px;
    text-align: center;
    font-family: Open Sans;
    font-size: 20px;
    font-weight: 800;
    color:#c5dd60;
    }
    
    
    
    
   
@media all and (max-height: 800px) 
    {
    #image_list_cover 
        {
        height:440px;
        }

    .col
        {
        width:285px;
        height:190px;
        position:absolute;
        }
    .work 
        {
        cursor      :pointer;
        float       :left;
        height      :183px;
        margin      :5px;   
        }
    
    .work  img
        {
        height:180px;
        width: auto;
        }

    #image_slayt_cover
        {
        position: relative;
        height: 385px;
        width:1162px;
        }            

    #workPageCover {
        height          :50px;
        width           :auto;
        text-align      :center;
        }

    #workPageCover ul {
        display         :table;
        width           :100%;
        list-style-type :none;
        width           :auto;
        display         :table;    
        }

    #workPageCover ul li  {
        float           :left;
        text-align      :center;    
        color           :#8a9195;
        line-height     :40px;
        font-family     :Open Sans;
        font-weight     :400;
        font-size       :14px;
        margin          :5px;
        width           :40px;
        height          :40px;
        text-decoration :none;    
        border          :1px solid #eff2f4;
        cursor          :pointer;
        }
        
    .workTitleTypeCover
        {
        position    :relative;
        top         :-120px;
        height      :50px;
        cursor      :pointer;
        }    
   

.workTitleCover
    {
    float:left;      
    width: 0px;
    height: 50px;
    overflow: hidden;          
    } 
    
.workTitle
    {
    display: table;
    width: 100%;
    height: 50px;
    #position: relative;
    overflow: hidden;  
    } 
    
.workTitleText
    {
    display         : table;
    width           : 100%;
    height          : 50px;
    #position       : relative;
    overflow        : hidden; 
    display         :table-cell;
    vertical-align  :middle; 
    text-align      : center;
    font-family     : Open Sans;
    font-weight     : 400;
    font-size       : 12px;
    background-color: #00b2db;
    color           : #fff;
    } 
    

.workTypeCover
    {
    float:right;      
    width: 0px;
    height: 50px;
    overflow: hidden;

    } 
    
.workType
    {
    display: table;
    width: 100%;
    height: 50px;
    #position: relative;
    overflow: hidden;  
    } 
    
.workTypeText
    {
    display: table;
    width: 100%;
    height: 50px;
    #position: relative;
    overflow: hidden; 
    display     :table-cell;
    vertical-align  :middle; 
    text-align: center;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 12px;
    background-color: #b5d334; 
    color:#fff;
    }         
        
           
    }