@charset "utf-8";
/* Clear all styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;}

/* remember to define focus styles! */
:focus {
    outline: 0;}

/*body {
   }*/
  .submt {
    margin: 10px;
    height: 250px;
    overflow-x: auto;
    text-align: justify;
}
.checkBig {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #e2e2e2;
    padding: 10px;
    background: #fafafa;
    border-radius: 3px;
}
.checkBig label {
    display: inline;
    padding: 1px 8px;
    margin: 0;
    font-weight: bold;
    width: 100%;
    text-align: left;
}
.submt {
    margin: 10px;
    height: 250px;
    overflow-x: auto;
    text-align: justify;
}
.submt p{margin:0 10px;}
ol, ul {
    list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table{
    border-collapse: separate;
    border-spacing: 0;}

caption, th, td {
    text-align: left;
    font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";}

blockquote, q {
    quotes: "" "";}
/*Ceal all styles END */

a {
    color:#333; 
    text-decoration:underline;
}
/*Social*/
.fa {
  padding: 8px;
  font-size: 40px;
  width: 15px;
  text-align: center;
  text-decoration: none;
  border-radius:18px;
  margin:2px 1px;
}
.fa:hover {
  opacity: 0.7;
}
.fa-facebook {
  background: #3B5998;
  color: white;
}
.fa-twitter {
  background: #55ACEE;
  color: white;
}
.fa-google {
  background: #dd4b39;
  color: white;
}
.fa-youtube {
  background: #bb0000;
  color: white;
}
.fa-instagram {
  background: #125688;
  color: white;
}
.fa-search{
  margin:6px 15px 0 6px;
  cursor:pointer;
  color:#95a6a5;
  font-size:24px!important;
  /*color:#fff;*/
}
.fa-th-large {
    margin-top: -1px;
    color: #64C6FB;
}
/*Social*/

/*flip menu*/
div.panel,p.flip {
	margin: 0px;	
	text-align: center;
	cursor:pointer;
	-webkit-box-shadow: 0px -1px 7px -1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px -1px 7px -1px rgba(0,0,0,0.5);
	box-shadow: 0px -1px 7px -1px rgba(0,0,0,0.5);
	background:#37547a;
	

}
.flip b{padding:0 0 0 10px;color:#fff; font-weight:100;}
div.fast-access{
	widht: 100%;
	display: none;
	background:#fff;
	padding:20px 0;
	border-bottom:1px solid #e2e2e2;
}
div.fast-access ul{text-align:center;max-width:1240px; margin:auto; display:block;}
div.fast-access ul li{width:30%; display:inline-block; border:1px solid #e2e2e2; margin:.5%; border-radius:3px;}
div.fast-access ul li a{display:block; background:#6b8ab2; color:#fff;    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; padding:8px 0; font-size:12px;}
div.fast-access ul li a:hover{background:#628383; }
/*flip menu*/


/* CSS Document */

a{text-decoration:none;}
body{font-size:16px;font-family:'MYRIADPROREGULAR' !important; background-color:#f4f4f4; color:#444;}
.clear{clear:both;}

.fl{ float:left;}
.fr{ float:right;}
.mt-5{margin-top:-5px;}
.mt10{margin-top:10px;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}
.mb10{ margin-bottom:10px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
 
.tac{ text-align:center;}
.tal{ text-align:left!important;}
.tstrike{background:url(../images/t-strike.png); height:11px; width:100%; margin:10px 0 0 0;}

/*FONT*/
h1{ font-size:26px; font-weight:bold; color:#000; padding:40px 0 30px 0;}
h2{ font-size:22px; padding:15px; color:#0067a6;}
h3{ /*font-size:18px;*/ color:#0067a6;}
h4{ font-size:14px; color:#0067a6;}
span.bottom{ display:block; width:30px; height:10px; border-bottom:3px solid #37547a; margin:auto;}
span.left{ display:block; width:30px; height:10px; border-bottom:3px solid #37547a;}

.title{width:100%; height:55px; border-bottom:1px solid #0067a6; background:#FFF;}
.title .text{width:190px; height:15px; padding:20px 10px; background:#0067a6; float:right; color:#FFF;}
/*FONT*/
/*file extention*/
.pdf {display:block; margin-top:5px; padding:10px 2px 10px 32px; border-top:1px dotted #e2e2e2;border-bottom:1px dotted #e2e2e2;background:url(../images/pdf.png) no-repeat left;}
.word {display:block; margin-top:5px; padding:10px 2px 10px 32px;border-top:1px dotted #e2e2e2;border-bottom:1px dotted #e2e2e2;background:url(../images/word.png) no-repeat left;}
.excel {display:block; margin-top:5px; padding:10px 2px 10px 32px;border-top:1px dotted #e2e2e2;border-bottom:1px dotted #e2e2e2;background:url(../images/excel.png) no-repeat left;}


.contactForm ul{
    text-align: center;
}
.contactForm ul li {
    width: 33%;
    display: inline-block;
}
.half-width {
    width: 48% !important;
}
.full-width {
    width: 96%!important;

}
div.g-recaptcha {
    margin: auto !important;
    width:304px;
}

/*HEADER-TOP*/

.header-top {
    width: 100%;
    height: 40px;
    background: url(../images/top.png) no-repeat left;
}
.header-top .wrapper{width:100%; max-width:1240px; margin:auto;}
.header-top .social{width:150px; float:right; margin:2px 10px 0 0; border-right:1px solid #e2e2e2;}
.header-top .lang {
        width: 30px;
        padding-top: 8px;
        float: right;
        height: 28px;
        margin: 2px 190px 0 0;
        border-right: 1px solid #e2e2e2;
    }
.falink{height:30px; padding:0px; margin:3px 10px 3px 3px; border:1px solid #628383; border-radius:3px;float: right;z-index: 0;text-align: center;}

/*HEADER*/

.header-wrapper{width:100%; height:98px; background:#fff;}
.header{width:100%; max-width:1200px; height:98px; margin:auto;}
.header .logo{float:left; width:211px; height:94px; margin:4px 0 0 0px; background:url(../images/logo.png) no-repeat; position:relative; z-index:20;}
.header .logo a{display:block;height:94px;}
.header .btn{background:rgba(8, 32, 92, .5); color:#d6dff6!important; padding:15px 20px; margin:14px 8px; width:80px; border:1px solid #c4d6f7; position:relative; z-index:10; float:right; text-align:center;}
.header .dark{width:100%; height:80px; margin-left:130px; top:0; position:fixed; background:rgba(0,0,0,.5);}
.header .blue{width:100%; height:63px; top:81px; margin-left:130px; position:fixed; background:rgba(12,33,92,.5);}
.master-menu{width:950px; float:left; height:63px; color:#1086ce; font-weight:800; font-size:15px;}

/*MENU*/

.MenuContainer{width:100%; height:64px; position:relative; top:10px; z-index:10;}
.MenuWrapper{width:100%; max-width:1240px; margin:auto;}
.MenuWrapper .wrapper{max-width:870px; height:50px; float:right;}
.dropdownMenu{float:right;}

/*menu*/
/*-----------------------------------------------------------------------------------*/
#mainNav { height:56px; float:right; padding:10px 0px 0 0; border-bottom: none; position:relative; z-index:110; text-align:center;}
#mainNav li a, #mainNav li {float: left;}
#mainNav li {list-style: none;position: relative; z-index:10;}
#mainNav li a { padding:15px 10px; line-height:25px; position:relative; color:#444;  font-size:17px; font-weight:100; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease}
#mainNav li a:hover {color:#666;}

/* Submenu   background:rgba(12,33,92,.5);*/
/*-----------------------------------------------------------------------------------*/
.hasChildren {position:absolute; width:0px; height:5px; background:black; right:0; bottom: 0;}
#mainNav li ul { visibility: hidden; height:0px; opacity:0;  position:absolute; margin-top:-100px;  top:100%; left:0;padding:0; margin:0; background:#95a5a6;}
#mainNav li ul:hover{ -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease-in-out;}

#mainNav li:hover > ul {visibility: visible; margin-top:0px; height:auto; opacity:1; -webkit-transition: all 0.8s ease-in-out;  -o-transition:all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}

#mainNav li ul li, #mainNav li ul li a { float: none; min-width:186px; max-width:250px; text-decoration: none; font-weight:400; color:#FFF; font-size:15px; }
#mainNav li ul li { border-bottom:1px solid #7792b3;}

#mainNav li ul li a {min-width:186px; min-height:15px; padding:7px 10px 7px 10px; display: block; opacity:1; text-align:left;}
#mainNav li ul li a:hover {background-color: rgba(12,33,92,.3); background: rgba(12,33,92,.3); height:auto; opacity:1; color:#fff;}

/* SUBSUB Menu */
/*-----------------------------------------------------------------------------------*/
#mainNav li ul li:hover ul {left:100%; top:0;height:auto; opacity:1;}
/*#majorNav li ul */
/*menu*/

/*CONTENT MENU*/
.left-menu{float:left; /*width:320px;*/ width:100%; height:100%; position:relative; z-index:3; margin-top:0px; margin-bottom:10px; }
.left-menu h1{padding:10px; font-size:18px; font-weight:bold; color:#FFF; background: #000; 
  border-bottom:1px solid #FFF;}
.left-menu ul{}
/*.left-menu li ul {
  display: none;
}
.left-menu li:hover > ul{display:block;}*/
.left-menu ul li{display: inline-block; width:100%; border-bottom:1px solid #e2e2e2; }
.left-menu ul li a {text-decoration: none; padding:10px 0; color:#000; width:96%; display: block;  padding:10px 2% 10px 2%; background:#37547a;}
.left-menu ul li li a{color:#fff;  background:#779a9a;}
.left-menu ul li li li a{color:#fff; background:#4970A4;}
.left-menu ul li a:hover{ 
background:#af8e61!important; 
 color:#FFF;}
/*CONTENT MENU*/

/*IMP-BUTTONS*/
.inp-buttons{background:#37547a; padding-bottom:20px;}
.inp-buttons .wrapper{max-width:1240px; width:100%; margin:auto; text-align:center;}
.inp-buttons .ibtn{width:19%; color:#fff; height:60px; padding:5px 2px 10px 2px; display:inline-block;vertical-align:top;}
.inp-buttons .ibtn a{display:block;border-top:1px solid #fff; color:#fff; padding:20px 0 20px 0; height:25px; font-size:17px;-webkit-transition: all 0.3s ease-in-out;  -o-transition:all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.inp-buttons .ibtn a:hover{padding:15px 0 20px 0;}

.backblue{background:#517fa6;}
.backpowder{background:#af6e62;}
.backYellow{background:#628383;}
.backLightGreen{background:#51a79e;}
.backMustard{background:#af8e61;}
.backPurple{background:#626d83;}
.resp{ display:none;}
.full-only {display: block;}

.color0{background:#517fa6;}
.color1{background:#af6e62!important;}
.color2{background:#af8e61;}
.color3 {background: #8f566a;}
.color4{background:#51a79e;}
.color5{background:#626d83;}
.color6{background:#628383;}
.color7{background:#b2ab35;}


/*fast access*/
.main-access{width:100%; background:url(../images/bg-block.png) no-repeat center top;}
.main-access .wrapper{margin:auto; max-width:1240px; width:100%; text-align:center;}
.main-access ul li {display:inline-block; vertical-align:top; text-align:left; border:1px solid #e2e2e2; width:350px; margin:10px;}
.main-access ul li a{display:block; padding:5px 10px; font-weight:bold; color:#444; background:rgba(255,255,255,.5);-webkit-transition: all 0.3s ease-in-out;  -o-transition:all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.main-access ul li a:hover{background:rgba(98,131,131,.5); }
.main-access ul li span{}
.main-access ul li i{color:#37547a;}
/*fast access*/



/*.list-group{position:relative; width:40px; float:right; top:-141px; right:0px; z-index:5;}*/

.slider-container{width:868px; height:510px; background:#FFF;}

.allbtn{display:block; vertical-align: top; width:250px; height:50px; margin:60px auto; color:#fff; background:#37547a; text-align:center; border-radius:3px;}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  /*display: inline-block;
  vertical-align: middle;*/
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  /*background: #e1e1e1;*/
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  
  
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#517fa6;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/**/
.alllink{ text-align:center; padding:30px 0;}
.alllink > a {
  position: relative;
  color: #fff;
  text-decoration: none;
  margin:10px 0; padding:15px;
}

.alllink > a:hover {
  color: #fff;
}
.alllink > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.alllink > a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.nbtn > a:before {
  background-color: #000!important;
}

/*ANNOUCEMENT*/
.announcements{padding:0px 0 0 0; width:100%; padding-bottom:10px; background:rgba(98,131,131,.5);}
.announcements .wrap{max-width:1200px; width:70%; margin:auto; text-align:center;}
/*.announcements h1{color:#37547a!important;}*/
.announcements h2{font-size:24px!important;color:#e3a40e; }
.announcements p{color:#D8E3E3; font-size:18px!important;-webkit-transition: all 0.3s ease-in-out;  -o-transition:all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.announcements a{display:block;}
.announcements a:hover p{ color:#fff;}

/*ANNOUCEMENT*/

/*IMG BUTTONS*/
/*.img-buttons{ background:#fff; width:100%; padding:40px 0;}
.img-buttons ul{text-align:center; display:block; max-width:1240px; width:100%; margin:auto;}
.img-buttons ul li{display:inline-block; margin:10px;}
.img-buttons ul li img{ opacity:1;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
.img-buttons ul li:hover img{ opacity:.7;}*/


.img-buttons{max-width:1240px; width:100%; margin:10px auto;}
.img-buttons h1{padding:10px; font-size:18px; font-weight:bold; background:#dadada;}
.img-buttons ul{text-align:center; /*display:block;*/}
.img-buttons ul li{ text-align:left;width:213px; height:96px; margin:11px; display:inline-block;border-radius:5px;}
.img-buttons ul li img{position:absolute; width:213px; height:96px; z-index:1; border-radius:5px;}
.img-buttons ul li a{position:relative; z-index:2; border-radius:5px;
background: rgba(98,131,131, 0.5); color:#FFF; width:265px; height:96px; vertical-align: middle; display: table-cell; text-align:center; font-size:18px; text-transform:uppercase;-webkit-transition: all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease}
.img-buttons ul li a:hover{background-color: rgba(98,131,131, 0.1);
background: rgba(98,131,131, 0.3); color:rgba(98,131,131,.1);}




/*IMG BUTTONS*/


/*PAGE*/
.p-header{max-width:1240px; width:100%; margin:auto;}
.p-header h1{border:none; text-align:left; color:#fff; margin:0 10px;  text-transform:uppercase; padding:20px 0;}
.fixed-area {position: fixed; left:0; right:0; top: 0; bottom: 0; width: 100%; height: 100%; background-size: cover;background-position: center center; background-repeat: no-repeat; overflow: hidden; z-index:-1; -khtml-transition: all,.5s,ease; transition: all,.5s,ease;}
.page-container{width:100%; height:100%; /*background:#fff;*/ }
.page-wrapper{width:100%; max-width:1240px; height:100%; margin:auto; }
.page{margin:0 10px; padding:10px 0; color:#000;}

.page .wrapper{width:320px; float:left; background:#182f4d;}
.page .wrapper .head{width:300px; padding:10px; font-size:18px; color:#D8E3E3; border-bottom:1px dotted #D8E3E3; float:left; border-radius:4px;}
.page .wrapper .navigator{float:left; width:320px; margin-top:10px; padding-bottom:10px;}


.page .wrapper .navigator li{  /*background-color: rgba(225, 225, 225, 0.7); background: rgba(225, 225, 225, 0.7);*/ margin-bottom:10px; padding:3px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border-radius:4px;}


.page .wrapper .navigator li a{color:#fff; display:block; padding:5px 10px;  border-radius: 4px;}
.page .wrapper .navigator li a:hover{ color:#e2e2e2;}
.page .wrapper .navigator li hr{ width:20%; float:left;}

.page .wrapper .navigator li ul{ margin-top:5px;}

.page .wrapper .navigator li ul li{ /*background-color: rgba(225, 225, 225, 0.7); background: rgba(225, 225, 225, 0.7);*/ margin-bottom:5px; padding:10px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border-radius:4px;}
.page .wrapper .navigator li ul li a{color:#D8E3E3; display:block; background:none; padding:0px; margin-bottom:0px;}
.page .wrapper .navigator li ul li a:hover{background:none; color:#e2e2e2;}
.page .wrapper .navigator li ul li:last-child{border-bottom:none;}
.page .wrapper .navigator li ul li:hover{background-color: rgba(225, 225, 225, 0.2); background: rgba(225, 225, 225, 0.2);}

.page .smap{float:right; padding:12px 0; max-width:880px; width:100%; border-bottom:1px dotted #e2e2e2;  /*background-color: rgba(225, 225, 225, 0.7); background: rgba(225, 225, 225, 0.7);*/  border-radius:4px;}
.page .smap .wrap{margin:0px 10px; font-size:14px;}
.page .smap .wrap a{color:#444;}
.page .smap .wrap a:hover{color:#666;}
.page .content{float:right; margin-top:10px; height:auto; max-width:880px; width:100%; /*background-color: rgba(225, 225, 225, 0.9); background: rgba(225, 225, 225, 0.9);*/ background:#fafafa;  border-radius:4px; border-right:1px solid #f4f4f4; border-left:1px solid #e2e2e2;}
.page .content h2{color:#222!important; padding:10px 0; text-align:left!important;}
.page .content h3{color:#222;}
.page .content .datetime{color:#37547a; margin-top:10px;}
.page .content .tools{margin-top:10px; border-bottom:1px dotted rgba(229, 232, 234, 0.9); padding:10px;}
.page .content .tools .icons{opacity:0.6; margin-top:10px; margin-left:-5px;}
.page .content .tools .icons img{margin:0 5px;}
.page .content .tools .social{float:right; margin-top:-10px;}
.page .content .warn{ height:100%; border:1px solid #e2e2e2; background:#f2f4e1; padding:10px;}
.page .content h1 div{margin:0px 10px; text-transform:uppercase; }
.page .content .info{ padding-top:10px; font-weight:100!important; color:#444;}
.page .content .info p[style],em[style],li[style]{color:#444!important; font-family:'MYRIADPROREGULAR' !important; font-size:16px!important; line-height:normal!important;}
.page .content .hdr{padding:10px; 
background: #e2e2e2; 
background: -moz-linear-gradient(left, #e2e2e2 0%, #f4f4f4 100%);
background: -webkit-linear-gradient(left, #e2e2e2 0%,#f4f4f4 100%);
background: linear-gradient(to right, #e2e2e2 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#f4f4f4',GradientType=1 );}
.page .content hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ededed;
}
.page .content .smedia {float:left; width:100%; padding:10px; border-top:1px #e2e2e2 solid; margin-top:30px;}
/*NEWS*/
.main-news{width:100%; background:url(../images/bg-block.png) no-repeat center top;}
.main-news .wrapper{margin:auto; max-width:1240px; width:100%; text-align:center;}
.main-news .wrapper .news{width:350px; height:295px; margin:10px 20px; padding:5px 0; background:#fff; display:inline-block; vertical-align:top;-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.main-news .wrapper .news:hover {
	-webkit-box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
    -moz-box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
    box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
	
}
.main-news .wrapper .news a {color:#444;}
.main-news .wrapper .news .image{height:180px; width:100%; width:340px; overflow:hidden; margin:auto;}
.main-news .wrapper .news .image img{max-width:350px;}
.main-news .wrapper .news .info{height:60px; padding:15px 5px; width:100%; width:340px;  margin:auto; text-align:justify;}
.main-news .wrapper .news .info .text{height:38px; overflow:hidden; font-weight:bold;}
.main-news .wrapper .news .info .line{display:block; height:15px; width:50px; border-bottom:3px solid #628383;}
.main-news .wrapper .news .info .detail{text-align:center;}
.main-news .wrapper .news .info .detail .date{display:inline-block; width:40%; margin:15px 0; font-size:14px; text-align:left; float:left; color:#999;}
.main-news .wrapper .news .info .detail .btn{display:inline-block; width:40%; border:1px solid #e2e2e2; margin:5px 0; font-size:14px; text-align:center; float:right;}
.main-news .wrapper .news .info .detail .btn a{display:block; padding:10px 0;color:#444; font-weight:bold;}
.main-news .wrapper .news .info .detail .btn a:hover{ background:#517fa6;color:#fff; }
.anewsBtn {
    padding: 20px 0;
    text-align: center;
    margin: auto;
    font-weight: bold;
  
}
.anewsBtn a{color:#444;}
.anewsBtn a:hover{color:#666;}

/*LAWYER*/
#LawyerInfo {
    width: 300px;
    margin: auto;
}
.lawyerDetail {
    width: 300px;

}
.lawyerPhoto {width:90px; max-height:150px;margin:auto; overflow:hidden;
}
.lawyerPhoto img {
    width: 90px;
}
.lawyerDetail ul {
}
.lawyerDetail ul li{padding:5px 0; border-top:1px dotted #e2e2e2;}
/*LAWYER*/

#telephone_directory {
    width: 300px;
    margin: auto;
}

/*ALL NEWS*/
.news {
    padding: 0px 0px 10px 0px;
    font-size: 15px;
    line-height: 19px;
}
.news ul{text-align:center;}
.news ul li{width:270px; height:250px; margin:10px 9px; background-color: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);border-bottom:5px solid #37547a; border-top:1px solid rgba(50, 169, 173, 0.9);  display:inline-block;  text-align:left;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.news ul li:hover {
	-webkit-box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
    -moz-box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
    box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
	
}
.news ul li:hover{ background-color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.7);}
.news ul li .image{ width:250px; height:150px; overflow:hidden; margin:10px; text-align:center;}
.news ul li .image img{ max-width:260px; max-height:200px;}
.news ul li .head{margin:10px; color:#000; height:40px; overflow:hidden; border-bottom:1px solid rgba(229, 232, 234, 0.7);}
.news ul li .date{height:20px; margin:10px; overflow:hidden; text-align:justify; color:#333; text-indent:26px; font-size:12px; background:url(../images/a-date.png) no-repeat left center;}
/*NEWS*/

/*ALL MAGAZINE*/
.magazine{padding:0px 0px 10px 0px; font-size:15px; line-height:19px;}
.magazine ul{text-align:center;}
.magazine ul li{width:270px; height:220px; margin:10px 9px; background-color: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);border-bottom:5px solid #37547a; border-top:1px solid rgba(50, 169, 173, 0.9);  display:inline-block;  text-align:left;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.magazine ul li:hover {
	-webkit-box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
    -moz-box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
    box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
	
}
.magazine ul li:hover{ background-color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.7);}
.magazine ul li .image{ width:250px; height:150px; overflow:hidden; margin:10px; text-align:center;position: relative;}
.magazine ul li .image img{max-width:290px;  position: absolute; max-height:150px;
    /*top:-100%;*/ left:-50%; right:-50%; /*bottom:-100%;*/
    margin: auto;}
.magazine ul li .head{margin:10px; color:#000; height:40px; overflow:hidden; border-bottom:1px solid rgba(229, 232, 234, 0.7);}

.info .article {
    text-align: center;
}
.info .article .cover {
    max-width: 350px;
    display: inline-block;
    vertical-align: top;
}
.articles {
    max-width: 350px;
    width: 100%;
    display: inline-block;
    margin: 0px 0 10px 10px;
    vertical-align: top;
}
    .articles h3 {
        font-size: 18px;
        border: 1px solid #999;
        border-radius: 5px;
    }
    .articles ul {
        text-align: left;
    }
        .articles ul li {
            border-bottom: 1px solid #e2e2e2;
            padding: 5px;
        }
            .articles ul li a {
                color: #517fa6 !important;
            }
                .articles ul li a span {
                    color:#af6e62;
                }
/*MAGAZINE*/
/*ALL ANNOUCEMENTS*/
.annoucements {
    padding: 0px 0px 10px 0px;
    font-size: 15px;
    line-height: 19px;
}
.annoucements ul{text-align:center;}
.annoucements ul li{width:98%; height:90px; margin:10px 9px; background-color: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);border-bottom:2px solid #37547a; border-top:1px solid rgba(50, 169, 173, 0.9);  display:inline-block;  text-align:left;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.annoucements ul li:hover {
	-webkit-box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
    -moz-box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
    box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
	
}
.annoucements ul li:hover{ background-color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.7);}
.annoucements ul li .image{ width:250px; height:150px; overflow:hidden; margin:10px; text-align:center;}
.annoucements ul li .image img{ max-width:260px; max-height:200px;}
.annoucements ul li .head{margin:10px; color:#000; height:40px; overflow:hidden; border-bottom:1px solid rgba(229, 232, 234, 0.7);}
.annoucements ul li .date{height:20px; margin:10px; overflow:hidden; text-align:justify; color:#333; text-indent:26px; font-size:12px; background:url(../images/a-date.png) no-repeat left center;}
/*ANNOUCEMENTS*/

/*ALL DECISIONS*/
.decisions {
    padding: 0px 0px 10px 0px;
    font-size: 15px;
    line-height: 19px;
}
.decisions ul{text-align:center;}
.decisions ul li{width:98%; margin:10px 9px; border-radius:5px 0 0 0; background-color: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1); border-bottom:1px solid #e2e2e2; border-top:1px solid rgba(50, 169, 173, 0.9);  display:inline-block;  text-align:left;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.decisions ul li:hover {
	-webkit-box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
    -moz-box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
    box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
}
.decisions ul li:hover{ background-color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.7); }
.decisions ul li .image{ width:250px; height:150px;   margin:10px; text-align:center;}
.decisions ul li .image img{ max-width:260px; max-height:200px;}
.decisions ul li .head{margin:10px; color:#000; font-size:16px;  border-bottom:1px solid rgba(229, 232, 234, 0.7);padding-bottom:10px; color:#222;}
.decisions ul li .category{margin:5px 10px; color:sienna;}
.decisions ul li .keys{margin:10px; color:#999; font-size:14px; border:1px dotted #e2e2e2; padding:5px;}
.decisions ul li .keys span{color:#666;}
.decisions ul li .date{height:20px; margin:10px; text-align:justify; color:#333; text-indent:26px; font-size:12px; background:url(../images/a-date.png) no-repeat left center;}
/*DECISIONS*/

/*ALL PRES RELEASES*/
.p-releases-container{max-width:900px; width:100%; height:100%; float:right; position:relative; z-index:3; margin-top:0px; background:#FFF; margin-bottom:10px;}
.p-releases-container .searchBox{margin:10px auto; padding:10px; border:1px dotted #e2e2e2; text-align:center;}
.p-releases-container h1{padding:10px; font-size:18px; font-weight:bold; background:#dadada;}

.p-releases-container .maps{padding:12px; font-size:15px; background:#dadada;}
.p-releases-container .maps a{color:#666;}
.p-releases-container .maps a:hover{color:#999;}
.p-releases-container .maps .back{width:30px; float:right; margin-top:-6px;}
.p-releases ul{}
.p-releases ul li{  border:1px solid #f2f2f2;  margin:5px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.p-releases ul li:hover {
	-webkit-box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
    -moz-box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
    box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
	
}
.p-releases ul li .info{ width:100%; min-height:45px; margin:5px;  
background:url(../images/back.png) no-repeat top left  /1px 55px ;}
.p-releases ul li .info .head{font-size:15px; padding:5px 10px; display:block;font-weight:100; text-align:justify; min-height:28px; overflow:hidden; border-bottom:1px solid #f4f4f4}
.p-releases ul li .info .head span{float:left; margin-right:20px; background:#536b7d;  padding:8px 10px;  color:#fff; border-radius:5px;}
.p-releases ul li a{color:#666;}
.p-releases ul li a:hover{color:#aa2533;}
.p-releases ul li .date {
   
    height: 20px;
    margin: 10px;
    overflow: hidden;
    text-align: justify;
    color: #333;
    text-indent: 26px;
    font-size: 12px;
    background: url(../images/a-date.png) no-repeat left center;
}

/*RELEASES*/

/*BARO SEARCH*/
.resp-search {width: 36px; height: 36px; margin: -8px 55px 15px 0; display:none;}
.baro-search {width:100%; padding:5px 0; background:#D8E3E3;}
.baro-search ul{display:block; max-width:1240px; width:100%; margin:auto; text-align:center;}
.baro-search ul li{ color: #fff; padding: 5px 2px 10px 2px; display: inline-block; vertical-align: top;}
.baro-search .txt{width: 22%;}
.baro-search .btn{width: 22%;}
/*BARO SEARCH*/

/*VIDEOS*/
.video{padding-top:5px;}
.video ul{text-align:center;}
.video ul li{width:260px; height:250px; border:1px solid #e2e2e2; background:#fff; display:inline-block; margin:15px 10px 0px 10px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;border-radius:5px;}
.video ul li:hover {
	-webkit-box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
    -moz-box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
    box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
}
.video ul li .image{width:240px; height:160px; overflow:hidden; margin:10px; text-align:center; position:relative;}
.video ul li .image img{/*height:170px;*/position: absolute; left:-50%; right:-50%;
    margin: auto}
.video ul li .info{width:240px; height:52px; overflow:hidden; margin:10px; padding:10px 0 0 0px!important; border-top:1px solid #ededed;}
.video ul li .info .fa{padding:0px 8px 0px 0; color:#C40509; font-size:22px; margin:-2px 6px 0px 0; float:left;}
.video ul li .info h2{font-size:16px; padding:5px 0 0 0px; font-weight:100; height:42px; overflow:hidden; text-align:left;color:#333;}

.video ul li a{color:#333;}
.video ul li a:hover{color:#000;}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
	}
	
	.video-container iframe,
	.video-container object,
	.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
/*VIDEOS*/
/*CAREER*/
.career{width:100%; padding:20px 0; text-align:center;}
.career .percent50{width:48%; margin:.5%; display:inline-block; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.career .percent50 span{display:block; padding:15px 15px 15px 5px; color:#fff;}

.career .percent25{width:23.3%; margin:.5%; display:inline-block; background:#fff; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.career .percent25:hover {
	-webkit-box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
    -moz-box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
    box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
	
}
.career .percent25 span{display:block; padding:25px 10px; color:#444; border:1px solid #ddd;}
.career .percent25 span i{font-size:50px;width:auto;}


/*advertisements*/
.advertisements{padding:0px 0px 10px 0px; font-size:15px; line-height:19px;}
.advertisements ul{text-align:center;}
.advertisements ul li{width:98%; margin:10px 9px; background-color: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);/*border-bottom:2px solid #37547a;*/ border-top:1px solid #af6e62;  display:inline-block;  text-align:left;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border-radius:5px;}
.advertisements ul li:hover {
	-webkit-box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
    -moz-box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
    box-shadow: 0px 0px 25px 0px rgba(153, 153, 153,0.65);
}
.advertisements ul li:hover{ background-color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.7);}
.advertisements ul li i{color:#364457;}
.advertisements ul li a{ display:block;color:#666; border-bottom:1px solid rgba(229, 232, 234, 0.7); margin:10px;}
.advertisements ul li .image{ width:250px; height:150px; overflow:hidden; margin:10px; text-align:center;}
.advertisements ul li .image img{ max-width:260px; max-height:200px;}
.advertisements ul li .head{font-size:18px;margin-bottom:10px;color:#000;}
.advertisements ul li .date{height:20px; margin:10px 0; overflow:hidden; text-align:justify; color:#333; text-indent:26px; font-size:12px; background:url(../images/calendar_yellow.png) no-repeat left center; background-size:22px;}

.advertisements .filterWrap{margin:10px 10px 0 10px;}
.advertisements .filter{padding:0 10px; border:1px solid #e2e2e2;}
.advertisements .filter .clean{padding:5px 10px; font-weight:bold;}
.advertisements .filter .filteredLink{padding:4px 10px; background:#536b7d; color:#FFF; margin-top:1px;}
/*advertisements*/

/*CAREER*/

/*EVENTS*/
.activityTextDiv {
    width: 300px;
    height: auto;
    padding: 10px 0 0 0;
    float: left;
}
.activityTitle {
    font-size: 18px;
    color: #182f4d;
}
.activityDate {
    font-size: 14px;
    color: #666;
}
.activityDate span:before {
    font-family: "FontAwesome";
    content: "\f133";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    margin-top: -3px;
}
.activityPlace {
    font-size: 14px;
    color: #628383;
}
.activityPlace b:before {
    font-family: "FontAwesome";
    content: "\f041";
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    font-weight: 900;
    margin-top:-3px;
}
.activityTextDiv a {
    color: #D8E3E3;
    padding: 10px 0;
    text-align: center;
    background: #182f4d;
}
#fancybox-content img {
    margin: 0 0 15px;
}

.activityImgDiv img {
    width:100%;
    max-width: 300px;
    height: auto;
}




.events .container ul{text-align:center;}
.events .container ul li{display:inline-block; background:#fbfafa; width:98%; margin:1%; padding:1%; border-bottom:1px solid #e2e2e2;}
.events .container ul li p{border-radius:5px; width:25%; background:#628383; text-align:center; padding:20px 0; float:left; display:block;  transition: all .5s;}
.events .container ul li:hover p{background:#37547a;}
.events .container ul li p b{color:#fff;}
.events .container ul li p span{color:#c3d8d8;}
.events .container ul li .event{display:block;width:65%; padding:10px 1% 7px 1%; margin:0 10px; text-align:left; line-height:26px; float:left;}
.events .container ul li .event .fa {padding:8px 2px 8px 0px;}
.events .container ul li .event header{font-weight:bold; height:26px; overflow:hidden;}

.events .container ul li a{color:#444; display: block;;}
.events .container ul li a,
.events .container ul li a:after,
.events .container ul li a:before {
  transition: all .5s;
}
.events .container ul li a:hover {
  color: #fff;
}


/* SHIFT */
.events .container ul li a {
  position:relative;
  z-index: 1;
   
}
.events .container ul li a:hover {

  color: #000;
}
.events .container ul li a:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  content: '.';
  color: transparent;
  background: #ddd;
  visibility: none;
  opacity: 0;
  z-index: -1;
}
.events .container ul li a:hover:after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}


/*EVENTS*/

/* MAJOR MENU */

/*-----------------------------------------------------------------------------------*/
#majorNav {width:120px; float:left; padding:0px 0px; border-bottom: none; z-index:0; text-align:center;}
#majorNav .first{border:1px solid #fff; width:180px; padding:10px; height:20px;  margin-top:15px;}
#majorNav li a, #majorNav li {float: left; color:#FFF; font-size:18px;}
#majorNav li {list-style: none;position: relative; z-index:7;}
#majorNav li a {padding:0px 0px 10px 0px; min-height:20px; text-decoration: none; font-size:16px;}
#majorNav li a:hover {background:url(../images/mmbg_h.png) repeat-x; color:#09F;}

/* Submenu */
/*-----------------------------------------------------------------------------------*/
.hasChildren {position:absolute; width:0px; heighthgt:5px; background:black; right:0; bottom: 0;}
#majorNav li ul { display: none;position:absolute; background:#3d90d6; top:100%; left:0;padding:0;  -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.35);
-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.35);
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.35);}
#majorNav li ul:hover{ background:#3d90d6!important;}

#majorNav li:hover > ul {display: block;}
#majorNav li ul li, #majorNav li ul li a { float: none; min-width:186px; max-width:200px; text-decoration: none; font-weight:400; color:#FFF; }
#majorNav li ul li { _display: inline; background:url(../images/thinArrow.png) no-repeat left; /* for IE6 */ }
#majorNav li ul li a {min-width:165px; min-height:15px; padding:8px 10px 8px 25px; display: block; text-align:left; background:url(../images/mborder.png) no-repeat left bottom;}
#majorNav li ul li a:hover {background:#c8daf2; }

/* SUBSUB Menu */
/*-----------------------------------------------------------------------------------*/
#majorNav li ul li ul {display: none; margin-left:0px;}
#majorNav li ul li:hover ul {left: 100%; top:0;}
/*#majorNav li ul */


/*MOBILE MENU*/
#mobileMenu
{
		display: block!important;
		z-index: 2002;
		color:#333;
		margin-top:50px;
}
.toggleMobile
{
		position: fixed;
		top:6px;
		right: 0px;
		display: block!important;
		width: 40px;
		height: 36px;
		cursor: pointer;
		z-index: 10;
}
.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
{
		display: block;
		position: absolute;
		width: 30px;
		height:4px;
		left: 0;
		background: #204041;
        border-radius:2px;
		/*-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);*/
}
.toggleMobile span.menu1
{
		top: 0;
		width:30px;
}
.toggleMobile span.menu2
{
		top: 10px;
		width:25px;
}
.toggleMobile span.menu3
{
		top: 20px;
}

/*MOBILE MENU*/
#mobileMenu
{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        /*display: none;*/
}

.mobileMenu-margin{height:55px; width:100%;}
#mobileMenu li ul {
  display: none;
}
#mobileMenu li:hover > ul{display:block;}
#mobileMenu ul li
{
	  display:block;
	  color: #FFF;
	  padding: 12px 0;
	  letter-spacing: 0.1em;
	  text-align: center;
	  text-transform: uppercase;
	  border-bottom: 1px dotted #f4f4f4;
	  font-weight:bold;
}
#mobileMenu ul li a{color:#FFF; font-size:15px; text-decoration:none; font-weight:500;}
#mobileMenu ul li ul{ padding:5px 0;}
#mobileMenu ul li ul li
{ 
      display:block;
	  background:url(../images/mbg.png);
	  color: #FFF;
	  padding: 5px 0;
	  letter-spacing: 0.1em;
	  text-align: center;
	  text-transform: uppercase;
	  border-bottom:none
}
#mobileMenu ul li ul li ul li a{color:#eee; font-size:14px; text-decoration:none;}

.toggleMobile
{
      display: none!important;
}

::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #364457; 
    /*-webkit-border-radius: 10px;
    border-radius: 10px;*/
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    /*-webkit-border-radius: 10px;
    border-radius: 10px;*/
    background: #364457;
    -webkit-box-shadow: inset 0 0 6px #364457; 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #364457; 
}
/*MOBILE MENU*/




/*F-BUTTONS*/
.f-buttons{width:100%; height:300px; background-color:#d5efe8; background:url(../images/btn-bg.png) top center;}

.f-buttons .wrapper{max-width:1200px; width:100%; margin:auto; text-align:center;}



::-webkit-input-placeholder { /* WebKit browsers */
    color:    #7dbef4;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #7dbef4;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #7dbef4;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #7dbef4;
}
/*FOOTER*/
/*footer{ background:url(../images/footer-bg.png) no-repeat top #37547a; padding:30px 0 0 0;}*/
footer{ background:#37547a; padding:30px 0 0 0;}
footer .wrapper{width:100%; max-width:1240px; margin:auto;}


footer ul{width:285px; height:70px;  margin-left:9px ; float:right; margin-top:50px;}
footer ul li{ margin-left:10px; height:25px;}
footer ul li a{color:#fff;}
footer ul li a img{margin:0 10px -5px 0}
.footerBottom{max-width:1240px; height:55px; margin:auto;color:#f4f4f4;}
.allright{float:left; max-width:650px; margin-top:5px;}
.allright img{float:left;}

.bilcom{float:right;}
.fline{width:100%; background:#182f4d; margin-top:30px;}
.copy{ font-size:16px; }
.fcontact{float:left; width:350px; margin:5px 0 0 10px; color:#fff;}
.micLogo{width:100%;max-width:460px; float:right; margin:40px 0 0 30px; text-align:center;}
.micLogo a img{margin:0px 18px 0 -5px}



.search-box{
  background: #E8E8E4;
  position: absolute;
  top: 54px;
  right: 28.7%;
  width: 350px;
  height: 60px;
  line-height: 60px;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
  border-top:4px solid #95a5a6;
  display: none;
  border-radius:5px!important;
}

.search-box:before{
  content: "";
  position: absolute;
  top: -32px;
  right: 10px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 14px solid transparent;
  border-bottom: 14px solid #95a5a6;
}

.search-box input[type="text"]{
  width: 200px;
  padding: 5px 10px;
  margin-left: 23px;
  border: 1px solid #95a5a6;
  outline: none;
  font-size:14px;
  color:#444;
}

.search-box input[type="submit"]{
  width: 80px;
  padding: 5px 0;
  background: #234344;
  color: #fff;
  margin-left: -6px;
  border: 1px solid #95a5a6;
  outline: none;
  cursor: pointer;
}
.search input[type="submit"]{cursor: pointer;}

@media (max-width: 1738px)
{

}

@media (max-width: 1415px)
{
.p-header h1{border:none; text-align:left; margin:0 10px; text-transform:uppercase; font-size:24px;}
}

@media (max-width: 1240px)
{

.b-boxes{width:100%; min-height:340px; margin:20px 0 0; background:rgba(2, 29, 90, .8); text-align:center;}
.b-boxes .bbox{width:100%;max-width:340px; height:250px; display:inline-block; position:relative;  margin:20px 11px;}
.b-boxes .bbox .trans{position:absolute; bottom:0; background:url(../images/gran-transp.png) no-repeat; height:114px; width:100%; text-align:left;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.b-boxes .bbox:hover .trans{ height:250px; background:rgba(2, 29, 90, .8);}
.b-boxes .bbox .trans p {font-size:18px; color:#d6dff6; margin-top:55px; padding:10px 0 0 10px;}
.b-boxes .bbox .trans span{font-size:14px; color:#65b2e3; padding:0 10px;}
.annoucements .wrap{height:425px;}
.annoucements .mayor{width:51%; float:none; margin:auto; position:relative;}
.annoucements .mayor img{width:280px; float:left; margin:auto; }
.annoucements .mayor .inform{float:left; margin:auto; }
.annoucements .mayor .inform .name{color:#FFF; font-size:28px; margin-top:15%;}
.annoucements .mayor .inform .mtitle{color:#7dbef4; font-size:15px; background:none; border:none; margin-top:5px;}

.annoucements .annoucement{width:95%; margin-left:4%; height:181px; float:none; margin:auto; background:#102f76;}
#majorNav {width:200px; float:none; margin:auto; padding:0px 0px; border-bottom: none; z-index:0; text-align:center;}
#majorNav .first{border:1px solid #fff; width:180px; padding:10px; height:20px;  margin:15px auto;}

.main-events{width:480px; float:none; margin:20px auto 0 auto; padding-top:20px;}


/*PAGE*/
.page .wrapper{width:100%; float:left;}
.page .wrapper .head{width:100%;  padding:10px 0px; Wfont-size:18px; color:#FFF; float:left; text-indent:7px;}
.page .wrapper .navigator{float:left; width:100%; margin-top:10px; padding-bottom:10px;}
.page .smap{float:right; padding:12px 0; max-width:100%; width:100%;  border-radius:4px;}
.page .content{float:right; margin-top:10px; height:auto; max-width:100%; width:100%; border-radius:4px;}

}

@media (max-width: 1150px)
{
.header-wrapper{height:54px; background:rgba(255,255,255,0.6); }
.header{width:100%; max-width:1200px; height:54px; margin:auto;/*width:1200px; height:80px; margin:auto;*/}
.MenuContainer{width:20%; height:54px; position:relative; z-index:30; float:right;}
.dropdownMenu{ display:none;}
.menuCont{ width:0px; height:0px;}
.header .logo{float:left; width:179px; height:54px; margin:4px 0 0 5px;background:url(../images/izmirbarosu-resp.png) no-repeat; background-size:170px;}
.header .logo a{height:54px;}
.header .help{ margin-right:10px;}
.toggleMobile{display:block!important;}
.toggleMobile
{
		position: absolute;
		top:8px;
		right: 0px;
		display: block!important;
		width: 40px;
		height: 36px;
		cursor: pointer;
		z-index: 11999;
}

 ul li.active{
   text-align: right;
  }

  ul li.mob{
    display: none;
  }
  .resp-search {
        display: block;
    }
  .search-box{
    width: 270px;
    right: 10%;
    padding-right:15px;
  }
  .search-box input[type="text"]{
    width: 140px;
    margin-left: 15px;
  }
  .search-box input[type="button"] {
    margin-right: 12px;
  }

/*HEADER-TOP*/
.header-top .social{ margin:2px 0px 0 0; }
.falink{float:left;}
 .header-top .lang { margin:2px 0px 0 10px; }

}

@media (max-width: 995px)
{
.annoucements .mayor{width:62%; float:none; margin:auto; position:relative;}
/*NEWS*/
.news ul li{width:300px; height:230px; }
.news ul li .image{ width:280px; height:130px; }
.news ul li .image img{ min-width:280px; max-height:inherit;}
/*NEWS*/

/*MAGAZINE*/
.magazine ul li{width:270px; height:220px; }
/*.magazine ul li .image{ width:250px; height:150px; }
.magazine ul li .image img{ min-width:290px; max-height:150px;}*/
/*MAGAZINE*/

}
@media (max-width: 900px)
{
.content .wrapper{padding:10px 0px; font-size:16px; margin:0 10px;}
.content .wrapper .news{width:100%; max-width:100%; height:auto; border-bottom:2px dotted #e2e2e2; padding:10px 0;}
.content .wrapper .news .image{width:100%; height:210px; float:left; overflow:hidden; text-align:center;}
.content .wrapper .news .image img{ width:400px; margin:auto;}
.content .wrapper .news .text{float:left; width:100%; max-width:100%; height:auto; overflow:hidden;}
.content .wrapper .news .text .info{padding-top:10px; height:60px; overflow:hidden;}
.content .wrapper .news .text a{font-weight:800; color:#7dbebd; text-decoration:underline;}
.content .wrapper .news .text a:hover{color:#09F; text-decoration:none;}
.content .wrapper .news .text h3 .date{font-weight:300; font-size:12px; width:110px; text-align:right;}
.content .wrapper .news .text h3 p{width:100%; max-width:490px; float:left; height:20px; padding:3px 0; overflow:hidden;}
.content .wrapper .annoucement .date{font-weight:500; color:#7dbebd; font-size:12px; width:110px; padding:5px 0; text-align:right;}
}
@media (max-width: 770px)
{

.annoucements .mayor{width:82%; float:none; margin:auto; position:relative;}

/*IMG BUTTONS*/
/*.img-buttons ul li{display:inline-block; margin:5px;}
.img-buttons ul li img{ width:150px;}*/
/*IMG BUTTONS*/

.inp-buttons{background:#37547a; padding-bottom:5px; display:none;}
.inp-buttons .wrapper{max-width:1240px; width:100%; margin:auto; text-align:center;}
    /*.main-financial .button {width:194px; height:80px; border-right:1px solid #FFF;  display: table-cell; vertical-align: middle; text-align:center;}*/
.inp-buttons .ibtn{width:48%; margin:0px 0 0 0; height:45px;}
.inp-buttons .ibtn a{display: table-cell; vertical-align: middle; text-align:left; height:50px!important; width:100%;/*display: block;*/border-top:none; color:#fff; padding:0px 5px; /*text-align:left; padding:12px 0 20px 10px;*/ height:20px; font-size:12px;-webkit-transition:none; -o-transition:none; -moz-transition:none; transition:none;}
.inp-buttons .ibtn i{ padding:0px; /*height:30px!important; float:left; padding-top:0px;*/ padding:0px 5px 0 0;}
.inp-buttons .ibtn a:hover{/*padding:12px 0 20px 10px;*/ padding:0px;}
.inp-buttons .ibtn span{/*display:block;text-align:center!important;*/}
.resp{ display:block;}
.full-only {display: none;}
.fcontact{ text-align:center; width:100%; margin:auto;}

}
@media (max-width: 640px)
{
.annoucements .mayor{width:95%; float:none; margin:auto; position:relative;}
.annoucements .mayor img{width:250px; float:left; margin:auto; }

.page-container .sitemap{background:rgba(44, 130, 73, .8); height:45px; margin-top:20px; position:relative; border-top-left-radius:0px;}

.content .wrapper .news .image{width:100%; height:160px;  float:left; overflow:hidden;}
.content .wrapper .news .image img{ width:100%;}

.percent25{width:48%!important;}
div.fast-access ul li {width:46%;}
/*.annoucements ul li{width:96%; height:90px; margin:10px 5px;}*/

.img-buttons ul li{ text-align:left;width:143px; height:64px; margin:11px; display:inline-block;}
.img-buttons ul li img{position:absolute; width:143px; height:64px; z-index:1;}
.img-buttons ul li a{position:relative; z-index:2; border-radius:5px; color:#FFF; width:155px; height:64px; vertical-align: middle; display: table-cell; text-align:center; font-size:16px; text-transform:uppercase;-webkit-transition: all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease}

}
@media (max-width: 500px)
{
.b-boxes{width:100%; min-height:300px; margin:20px 0 0; background:rgba(2, 29, 90, .8); text-align:center;}
.b-boxes .bbox{width:100%;max-width:300px; height:200px; display:inline-block; position:relative;  margin:20px 11px;}
.b-boxes .bbox .trans{position:absolute; bottom:0; background:url(../images/gran-transp.png) no-repeat; height:114px; width:100%; text-align:left;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.b-boxes .bbox:hover .trans{ height:200px; background:rgba(2, 29, 90, .8);}
.b-boxes .bbox .trans p {font-size:18px; color:#d6dff6; margin-top:55px; padding:10px 0 0 10px;}
.b-boxes .bbox .trans span{font-size:14px; color:#65b2e3; padding:0 10px;}

.s-boxes{display:inline-block; width:300px; height:180px; margin:0px 10px;}
.s-boxes .sbox{width:270px; height:150px; border-top:solid 1px rgba(255,255,255, .5); border-right:1px solid rgba(255,255,255, .5); margin:15px; position:relative; 
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
	
.main-news .wrapper .news{width:300px; height:295px; margin:10px 20px; padding:5px 0; background:#fff; display:inline-block; vertical-align:top;-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.main-news .wrapper .news .image{height:180px; width:100%; width:290px; overflow:hidden; margin:auto;}
.main-news .wrapper .news .image img{max-width:300px;}	
.main-news .wrapper .news .info{width:290px;}

/*BARO SEARCH*/

.baro-search ul li{width: 98%;  padding: 0px 2px; }
/*BARO SEARCH*/
.baro-search ul li{ color: #fff; padding: 1px 2px 1px 2px; display: inline-block; vertical-align: top;}
.baro-search ul li input{margin:2px;}
.baro-search .txt{width: 31%;}
.baro-search .btn{width: 97%;}
.main-access ul li{width:300px;}
	
.annoucements .wrap{height:325px;}
.annoucements .mayor{width:98%; float:none; margin:auto; position:relative;}
.annoucements .mayor .inform .name{color:#FFF; font-size:18px; margin-top:5%;}
.annoucements .mayor .inform .mtitle{color:#7dbef4; font-size:13px; background:none; border:none; margin-top:5px;}
#majorNav .first{border:1px solid #fff; width:160px; padding:5px; height:20px;  margin:5px 0 0 15px;}
.annoucements .mayor img{width:130px; float:left; margin:auto; }
.imgbuttons{width:100%; height:auto; background:none; position:relative; margin-top:80px;}
.imgbuttons ul li {text-align:center;background:rgba(44, 130, 73, 1); color:#FFFFFF; margin:2px 0 ; padding-top:10px; border-right:solid 1px #1c5b31; height:94px; width:32%; display:inline-block; border-radius:10px;}
.imgbuttons ul li p{ font-size:15px; height:30px; display:table; text-align:center; width:100%;}

.main-events{width:350px; float:none; margin:20px auto 0 auto; padding-top:20px;}

.social-m .wrapper p{width:200px; font-size:17px; float:left; margin:2px 0 0 5px;}



}
@media (max-width: 350px)
{
	
}






.lawyerList table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0 auto;
    padding: 0;
    width: 100% !important;
    table-layout: fixed;
}

    .lawyerList table caption {
        font-size: 1.5em;
        margin: .5em 0 .75em;
    }

    .lawyerList table tr {
        background-color: #f8f8f8;
        border: 1px solid #ddd;
        padding: .35em;
        width: inherit !important;
        height: inherit !important;
    }

    .lawyerList table th,
    .lawyerList table td {
        padding: .625em;
        text-align: center;
        width: inherit !important;
        height: inherit !important;
    }

    .lawyerList table th {
        font-size: .85em;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

@media screen and (max-width: 600px) {
    .lawyerList table {
        border: 0;
        /*width: inherit!important;*/
    }

        .lawyerList table caption {
            font-size: 1.3em;
        }

        .lawyerList table thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        .lawyerList table tr {
            border-bottom: 3px solid #ddd;
            display: block;
            margin-bottom: .625em;
            height: inherit !important;
        }

        .lawyerList table td {
            border-bottom: 1px solid #ddd;
            display: block;
            /* font-size: .8em;*/
            text-align: right;
            /*width: 100% !important;*/
            height: inherit !important;
        }

            .lawyerList table td::before {
                /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
                content: attr(data-label);
                float: left;
                font-weight: bold;
                text-transform: uppercase;
            }

            .lawyerList table td:last-child {
                border-bottom: 0;
            }
}