/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    font-family: Arial,'Myriad W01 lt',Calibri,Gill Sans,Helvetica, sans-serif;
    background:url(../../images/matravers.jpg) repeat-y scroll center top #28323C ;
    font-size:100%; 
    color: #28323C;
    margin: 0px;    
    font-size: 12px;
    line-height: 19px;
    transition: ease 0.2s background;
    padding:10px 0px;
}
p{margin:0 0 20px 0;padding: 0;line-height: 19px;}
.address p{line-height: 15px;margin: 0 0 5px 0;color: #fff;}
.contact p{line-height: 15px;margin: 0 0 5px 0;color: #fff;}
#photogallery_overlay {
    background: transparent url(../../images/bs.png) no-repeat scroll center top;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20;
}
.pagination {
    display: inline-block;
    padding: 0;
    margin: 0px 0;
    border-radius: 4px;
}
.pagination .col-md-8{color:#fff;}
.lead {
    font-size: 12px;
}
.responsive table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
    border: 1px solid grey;
    overflow-x: scroll;
    overflow-y: hidden;
}
.responsive h3 strong{color:#000080;}
.responsive table td, th {
    display: table-cell;
    vertical-align: inherit;
    border: 1px solid grey;
}
.responsive ul{list-style-type: disc;padding-left: 30px;margin-top: 1em;margin-bottom: 1em;}    
.responsive{}
.lead strong{font-family: Arial;}
h2 {
    font-weight: normal;
    font-family: 'Myriad W01 Regular';
    letter-spacing: 0px;
    color: #28323c;
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 10px 0;
    padding: 0;
}
h3 {
    font-weight: bold;
    font-family: 'Myriad W01 Regular';
    letter-spacing: 0px;
    color: #28323c;
    font-size: 17px;
    line-height: 19px;
    margin: 0 0 10px 0;
    padding: 0;
}
.welcome .title {
    background: #1E3C56;
    padding: 10px 15px;
    font-family: 'Myriad W01 lt',Arial;
    font-size: 18px;
    text-transform: lowercase;
    color:#fff;
    font-weight: 500;
}
.footer_des{display:block;}
.footer_mob{display:none;}
.welcome a{color:#fff !important;}
.header{position: relative;}
.header .row1{/*background: url(../../images/stars.png) center 0 no-repeat transparent;margin-top:17px;*/font-family: 'Myriad W01 lt',Arial;}
.header .container1{box-shadow: 0 0 20px #000000;    background: #28323C;position: relative;padding:0;}
.col-sm-12.lok_slider{background: url(../../images/bs.png) center 0 no-repeat transparent;padding:0;}
.col-sm-12.lok_title{font-size: 1.4vw;font-weight: 400;background: rgba(88, 89, 91, 0.5);padding: 25px 50px;line-height: 1.428;text-align: center;border-radius: 10px;}
.lok_container_header{position: relative;top: -350px;}
.lok_main_nav{position: relative;top: -463px;}
.main_ticker{position: relative;top: -465px;}
.lok_insp{position: absolute;width: 100%;bottom: 30px;}
.lok_insp_inner{text-align: center;font-size: 30px;background-color: rgba(190,30,45,.5);padding: 20px 0;}
.lok-col-md-8{z-index: 99;}
.lok-col-md-4{z-index: 99;}
.main_footer{background:transparent;}
.head_add_img{margin: auto;}
.lok_ser{}
.p2_latest_news a:hover{text-decoration: none;}
.latest_news_cont a:hover{text-decoration: none;}
.lok_mar{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,ffffff+100 */
background: rgb(204,204,204); /* Old browsers */
background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    font-size: 18px;
    /*padding: 30.5px 14px;*/
    height: 63px;
    border: 1px solid #999;
}
.lok_mar a{    line-height: 63px;}
.box_breadcrumb{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5d6da+0,e0e4e5+17,f7fbfe+39,ffffff+44,ffffff+100 */
background: rgb(213,214,218); /* Old browsers */
background: -moz-linear-gradient(top, rgba(213,214,218,1) 0%, rgba(224,228,229,1) 17%, rgba(247,251,254,1) 39%, rgba(255,255,255,1) 44%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(213,214,218,1) 0%,rgba(224,228,229,1) 17%,rgba(247,251,254,1) 39%,rgba(255,255,255,1) 44%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(213,214,218,1) 0%,rgba(224,228,229,1) 17%,rgba(247,251,254,1) 39%,rgba(255,255,255,1) 44%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d6da', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        line-height: 37px;
    border: solid 1px #d1d4d6;
    color: #1e3b56;
    padding: 0 10px 0 10px;
    margin: 8px 0 0 0;
}
.column-one{background: #1e3b56;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    padding-left: 15px;
    margin: 0;
    font-weight: normal;
    font-family: 'Myriad W01 lt',Arial;
    letter-spacing: 0px;}
.grid_9 .right_colu {
    list-style: none;
    margin: 0;
    padding: 10px;
    background: #e3e6e8;
}
.grid_9 .right_colu li a{    display: block;
    background: #e3e6e8;
    border-bottom: solid 1px #aaa;
    text-transform: uppercase;
    color: #28323c;
    font-size: 14px;
    line-height: 16px;
    padding: 14px 0 10px 0;}
.column-two{background: #1e3b56;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    padding-left: 15px;
    margin: 0 0 15px 0;
    font-weight: normal;
    font-family: 'Myriad W01 lt',Arial;
    letter-spacing: 0px;}
.footer_t .container{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c4765+0,284361+3,263e5a+5,213955+8,243853+8,1f3149+14,1f3149+98,1c3343+98,1c3048+99,202e49+99,26323e+100,25333c+100 */
background: rgb(44,71,101); /* Old browsers */
background: -moz-linear-gradient(top, rgba(44,71,101,1) 0%, rgba(40,67,97,1) 3%, rgba(38,62,90,1) 5%, rgba(33,57,85,1) 8%, rgba(36,56,83,1) 8%, rgba(31,49,73,1) 14%, rgba(31,49,73,1) 98%, rgba(28,51,67,1) 98%, rgba(28,48,72,1) 99%, rgba(32,46,73,1) 99%, rgba(38,50,62,1) 100%, rgba(37,51,60,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(44,71,101,1) 0%,rgba(40,67,97,1) 3%,rgba(38,62,90,1) 5%,rgba(33,57,85,1) 8%,rgba(36,56,83,1) 8%,rgba(31,49,73,1) 14%,rgba(31,49,73,1) 98%,rgba(28,51,67,1) 98%,rgba(28,48,72,1) 99%,rgba(32,46,73,1) 99%,rgba(38,50,62,1) 100%,rgba(37,51,60,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(44,71,101,1) 0%,rgba(40,67,97,1) 3%,rgba(38,62,90,1) 5%,rgba(33,57,85,1) 8%,rgba(36,56,83,1) 8%,rgba(31,49,73,1) 14%,rgba(31,49,73,1) 98%,rgba(28,51,67,1) 98%,rgba(28,48,72,1) 99%,rgba(32,46,73,1) 99%,rgba(38,50,62,1) 100%,rgba(37,51,60,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c4765', endColorstr='#25333c',GradientType=0 ); /* IE6-9 */
    padding: 25px;
    /*margin-bottom: 20px;*/
}
.lok_ser input.default_fields, select.default_fields{}
/*.quick2 .col-md-12{padding: 0 8px !important;}
.quick3 .col-md-12{padding: 0 15px !important;}*/
.home_quick .col-md-12 a img{}
/*.quick1{background: #ED1C24;padding: 10px;text-align: center;}
.quick2{background: #00A651;padding: 10px;text-align: center;}
.quick3{background: #00AEEF;padding: 10px;text-align: center;}
.quick4{background: #F7941E;padding: 10px;text-align: center;}
.quick5{background: #0F75BC;padding: 10px;text-align: center;}
.quick6{background: #ED217C;padding: 10px;text-align: center;}
.quick7{background: #8CC63F;padding: 10px;text-align: center;}
.quick8{background: #283891;padding: 10px;text-align: center;}*/
.quick3 .col-md-12{border-right: none !important;}
.responsive a{/*text-decoration: underline;font-weight: bold;*/ word-wrap: break-word;  }
.responsive a:hover{text-decoration: underline;}
.info_help{display:none;}
.box_title{color:#FFF100;}
.main_header{/*height:367px;*/}
#home_ttwe{display:none;}
.main_nav{}
.main_ticker a{color:#fff !important;}
.carousel-inner{/*border: 3px solid #2ba52e;*/}
.carousel-inner>.item>img{width:100%;}
#box_search{/*position: absolute;right: 0px;top:5px;*/text-align: right;}
.goog-te-gadget-simple {padding: 4px 9px !important;background: #D1D3D4 !important;border: transparent !important;}
.goog-te-gadget img{display:none !important;}
.goog-te-gadget-simple .goog-te-menu-value span{color: #231F20 !important;float: right !important;font-family: Calibri;font-size: 21px;}
#box_search form{position: relative;}
#comment_form_holder input.button{    border: 1px solid transparent;padding: 4px 6px 3px;background: #FFB600;color: #000;text-shadow: 0px 1px 0px transparent;overflow: visible;position: relative;width: auto;height: 29px;}
.search_page #box_search form{position: relative;}
#search_translate{/*position: absolute;right: 0px;*/text-align: right;}
.welcome{background: transparent;/*padding: 0 5px;height:430px;    overflow: hidden;*/}
.welcome p{color: #28323C !important;}
.welcome.facebook{height: 495px;}
.quick_link .col-xs-4{width:47%;}
#sk_SkrollThis{width:100% !important;}
#SkrollThis{width:100% !important;}
#SkrollThis p{padding-right: 18px !important;}
.footer_t{/*background:#B00000;*/}
.green .home_news{background:#B00000 !important;}
img.photobox {background-color: #ffffff !important;border: 2px solid #ad0f6a !important; padding: 2px;}
.img-right {float: right;margin: 0 0 0 10px;}
img.photobox {background-color: #ffffff !important;border: 2px solid #ad0f6a !important;padding: 2px;}
.img-left {float: left;margin: 0 10px 0 0;}
article{display: inline-block;}
tbody.bordercell th, tbody.bordercell td {border-color: #000000;border-style: solid;border-width: 1px;}
table{width:100%;}
.table-responsive > .table{max-width: 600px;width: 630px;}
.table-responsive {margin-bottom:0px;}
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down{background-color:#FFF200 !important;cursor: pointer;}
.twitter-timeline {
    height: 100px !important;
    width:100% !important;
}
.navbar-header button:hover{background:transparent !important;}
.skroller{width:100% !important;}
.q_link li{height: 50px;}
.row {
    margin-right: 0px;
    margin-left: 0px
}
::selection {
    background: #FC6D6D;
}
.container1 a{color:#fff !important;}
a {color:#009fc3; outline:none; text-decoration:none;}
a:hover {color:#337ab7;}
.content_attachment img{vertical-align: baseline;}
.content_attachment a{font-size: 14px;line-height: 26px;}
ul {
    list-style: none;
    padding-left: 0px;
}

@media (min-width: 1200px) {
    .container {
        width: 1000px;
        background: #fff;
        /*box-shadow: 0 0 20px #000000;*/
    }
    .container.container_banner{padding:15px;background: #fff;}
    .container.mob_container{background: #fff;}
    .container.containermenu{width:1000px;}
    .main_nav .container{width: 1000px;}
    .col-sm-12.lok_slider{padding:0;}
    .lok_slider
    .img-responsive{max-width:200%;}
    .container_banner{background: #fff;}
    .mob_container{background: #fff;}
    .matr_title h3 a{font-size:12px !important;}
    .searchLan {        
        display: block;
    }        
}
@media (min-width: 800px) {
    input.default_fields, select.default_fields{right: -35px;}
    .quick3 .col-md-12{border-right: none !important;}
    .container_banner{background: #fff;}
    .mob_container{background: #fff;}
     .staff_links{ padding: 100px 0;}
    .matr_title h3 a{font-size:12px !important;}
    
}

@media (max-width: 480px) {
     .lok_row{}
     .lok_slider{padding:0;}
     .ian .twitter-timeline{background: #fff;}
     .container_banner{padding:0;}
     .footer_des{display:none;}
     .footer_mob{display:block;}
     .lok_twe{padding:15px;}
     .lok_tel{padding:15px;}
     .lok_tel p{margin:0;}
     p {padding:0 15px;}
     .footer_logos{padding:15px 0;text-align:center;}
     .container_banner{background: #fff;}
     .mob_container{background: #fff;}
     .an_11{margin-left:0 !important;}
     .main_tweet .tweets{background: #1e3c56;}
     .main_tweet .lok_foo{padding:0;}
     .welcome h3 a{font-size: 22px !important;}
     #tab_fir{margin-left:0 !important;font-size: 14px !important;}
     #tab_sec{font-size: 14px !important;}
     #tab1{border-radius: 0px !important;}
     #tab2{border-radius: 0px !important;}
     .foo_mob{display:none;}
     .img-responsive{max-width: 100% !important;}
     .main_nav{position: relative;bottom: 0;}
     .head_sear{padding:0 15px !important;}
     .box_breadcrumb{font-size: 12px !important;}
     .box_breadcrumb a{font-size: 12px !important;}
     .quick1 .col-md-12{border-right: none !important;}
     .quick2 .col-md-12{border-right: none !important;}
     .quick3 .col-md-12{border-right: none !important;}
     .nav > li > a{width:100% !important;padding-right:0 !important;padding-left:0 !important;}
}

@media (max-width: 768px) {
    
    #logo img {    
    bottom:0px;
    }
     .staff_links{ padding: 100px 0;}
    .matr_title h3 a{font-size:12px !important;}
    .ian .twitter-timeline{background: #fff;}
    .responsive ul {list-style-type: disc;margin-bottom: 1em;margin-top: 1em;padding-left: 30px;}
    p a{ word-wrap: break-word;  }
     p {padding:0 15px;}
    #res_tweet{display:none;}
    #home_ttwe{display: block;}
    .twitter-timeline{height:390px !important;} 
    .con_sh .skroller{height: 645px !important;}
    .con_sh{padding:0 15px !important;margin-bottom:15px;}
    .con_sh .welcome{border:5px solid #1e3c56;padding:6px;}
    .footer_qu .one{text-align: center;border-bottom: 1px solid;line-height: 35px;}
    .footer_qu .two{text-align: center !important;margin-top:10px !important;}
    .home_quick .col-md-4{padding:0;background: #1e3c56 none repeat scroll 0 0;}
    .container{background: #fff;}
    .container_banner{background: #fff;}
     .mob_container{background: #fff;}
    .lok_insp{bottom:60px;}
    .lok_insp_inner{font-size: 20px;padding: 5px 0;}
    .hide-in-moile{display:none;}
    .container_header{padding:0;}
    .lok-col-md-8{padding:0;}
    .quick1 .col-md-12{border-right: none !important;}
    .quick2 .col-md-12{border-right: none !important;}
    .quick3 .col-md-12{border-right: none !important;}
    .hide-in-moile{display:none;}

    .logoh1 {
        margin-left: 10px;
        font-size:20px;
        bottom:0px;
    }
    
    /*.responsive p{margin:0 !important;padding:0 !important;}
    .responsive ul{margin:0 !important;padding:3px !important;}*/
    .responsive img{/*width:100% !important;*/margin:0 !important;}
    .col-lg-4 lok_foo{} 
    .q_link {}  
    .q_link li{width: 100% !important;height: 43px !important;padding-left: 0px;} 
    .q_link li img{height: 42px;width: 100%;}
    .navbar-header{}

#twitter-widget-0 { 
      width: 90% !important;
          max-width: 100% !important; 
    }
.q_link li{padding-left: 0px !important;}
.q_link li span{width:100% !important;line-height:40px !important;}
#search_translate{}
.head_sear{height: 70px;}
#search_translate{bottom: 8px !important;}
}


/*********iPhone 6 in portrait & landscape**************/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { 
    
    #res_tweet{display:none;} 
    .ian .twitter-timeline{background: #fff;}
    .matr_title h3 a{font-size:12px !important;}
    .staff_links{ padding: 100px 0;}
}

/*********iPhone 6 Plus in portrait & landscape**************/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {
    
    #res_tweet{display:none;} 
    .ian .twitter-timeline{background: #fff;}
    .matr_title h3 a{font-size:12px !important;}
    .staff_links{ padding: 100px 0;}
}


/***********************************Banner Fade out****************************************/
/*
inspired from http://codepen.io/Rowno/pen/Afykb 
https://stackoverflow.com/questions/26770055/bootstrap-carousel-fade-no-longer-working-with-maxcdn-3-3-bootstrap-min-css
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity; 
  transition-duration: 1s;
  transition-timing-function:linear;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/***********************************Banner Fade out****************************************/
.staffs{background:url(../../images/staffs.png) no-repeat scroll 182px 109px #29313E}
.staff_links{padding: 185px 0 !important;}
.staff_links_in{padding: 0 5px;}
.staff_links_btn{padding: 20px 10px;}
.staff_links_btn a{color:#fff;}
/*********************************************************************************************/


.copy-block .copy-field {
    display: table-cell;
    border-radius: 0 4px 4px 0;

}
.copy-field p {
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.copy-field p:hover {
    text-overflow:clip;
    width:auto;
    white-space: normal;
}
.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn, .input-lg {
    height: 66px;
    padding: 20px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

.form-control {
    display: block;
    width: 100%;
    height: 70px;
    padding: 10px 12px;
    font-size: 15px;
    line-height: 1.5;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.prep p{margin: 0;padding: 10px;}