.title_mobail {
    color: #0072C1;
}

#planAndDev { background-color: #ffffff;padding-top:120px; padding-bottom:30px;}
#planAndDev.imgHeader{ background-image:none;}

#planAndDev .bContainer{}
#planAndDev .breadcrumbs{display: none }
#planAndDev .rContainer{display: none;}
 
#planAndDev .rContainer{display: none;}

#planAndDev .lContainer{}
#planAndDev .lContainer h1{font-family: 'BlenderBold', Arial, sans-serif; font-size: 23px; font-weight: normal; color: #0072C1;margin-bottom: 10px;}
#planAndDev .lContainer h2{font-family: 'BlenderBold', Arial, sans-serif; font-size: 24px; font-weight: normal; color: #3c3c3c;margin-bottom: 10px;}
#planAndDev .lContainer h3{font-family: 'BlenderBold', Arial, sans-serif; font-size: 24px; font-weight: normal; color: #0072C1;margin-bottom: 10px;}
#planAndDev .lContainer h4{font-family: 'BlenderBold', Arial, sans-serif; font-size: 21px; font-weight: normal; color: #3c3c3c;margin-bottom: 24px;}
#planAndDev .lContainer h5{font-family: 'BlenderBold', Arial, sans-serif; font-size: 19px; line-height:28px; font-weight: normal; color: #3c3c3c;}
#planAndDev .lContainer h6{font-family: 'BlenderBold', Arial, sans-serif; font-size: 19px; line-height:28px; font-weight: normal; color: #0a6aae;}
#planAndDev .lContainer .regText{font-family: 'blenderRegular', Arial, sans-serif; font-size: 19px; line-height:26px; color: #3c3c3c;margin-bottom: 24px;}
#planAndDev .lContainer .regText.bold{font-family: 'BlenderBold', Arial, sans-serif; font-size: 17px;}

/* bullets */
#planAndDev .lContainer .bullets p.regText { margin-bottom:0;}
.bullets ul { padding-right:15px; margin-bottom:24px;}
.bullets ul li{ font-size:19px; line-height:26px; color: #0072bc;}
.bullets ul li span{ color: #333333;}

/* downlaods */
.regText.download a { color:#3c3c3c; text-decoration:underline; overflow:hidden; display:block;}
.regText.download .icon-downlaod {background-image:url(/_layouts/15/TlvSP2013PublicSite/images/download-icon.png); background-repeat:no-repeat; background-position:top center; background-size:26px 52px; display:inline-block; width:26px; height:26px; margin-left:10px; vertical-align:middle; float:right; cursor:pointer;}
.regText.download:hover .icon-downlaod, .regText.download.active .icon-downlaod {background-position:bottom center;}

.download-group { margin-top:39px; margin-bottom:15px;}
.download-group .col-sm-4 { padding-right:0;}

/* images */
#planAndDev .img-block { position:relative; margin:-14px 0 30px 0;}
#planAndDev .img-block img { width:100%; height:auto;}
#planAndDev .imgDec{ background-color: #3c3c3c; position: absolute; bottom:0; right:0; padding:5px 10px; font-size:17px; line-height:20px; color:#ffffff;}
#planAndDev .imgDec a{color:#ffffff;}
#planAndDev .imgDec a span{ line-height:100%; display:inline-block; vertical-align:middle; padding: 3px 0 0 5px;}
#planAndDev .img-block.img-right{ float:none; margin:5px 0 15px 0;}

#planAndDev .img-block .modal img{height: auto;}
#planAndDev .img-block .modal .modal-content { border-radius:0;}
#planAndDev .img-block .modal .modal-content .modal-body { padding:0;}
#planAndDev .img-block .modal .modal-content .modal-body button.close { position:absolute; right:3px; top: 3px; background-color:#fff; border-radius:50%; height:20px; width:20px; text-align: center;}

/*-- blue--*/
#planAndDev .blue .lContainer h1,
#planAndDev .blue h3.header_messages,
#planAndDev .blue h3.grid_header,
#planAndDev .blue h3.link_all a{color:#0072C1}
#planAndDev .blue #event_scroller div.item div.event_day:hover,
#planAndDev .blue #event_scroller div.item div.event_day:focus{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor:pointer; top:-1px}
#planAndDev .blue #event_scroller div.item div.event_day:hover{background:#F0F2F5; border:1px #0072C1 solid; }
#planAndDev .blue #event_scroller div.item div.event_day.active_day{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:#0072C1; color:#ffffff; top:-1px; border:0}
#planAndDev .blue #event_scroller div.item div.event_day.active_day:hover{border:0}
#planAndDev .blue #map_area div.map_menu{background:#0072C1;}
/*-- blue--*/


@media (min-width: 768px) {
	#planAndDev {padding-top:230px; margin-top:0;}
	#planAndDev.imgHeader{ background-image:url(/_layouts/15/TlvSP2013PublicSite/images/innerPageHeaderImg.jpg); background-position:left top; background-size:auto 330px; background-repeat: repeat-x;}
	#planAndDev .bContainer{width: 700px; background-color:#ffffff;}
	
	#planAndDev .navHeader { margin:30px 30px 0; width:auto;}
	#planAndDev .navHeader .col-md-12{ margin:0; padding:0;}

    #planAndDev .navHeader { margin:30px 30px 0; width:auto;}
    #planAndDev .navHeader .col-md-12{ margin:0; padding:0;}
    #planAndDev .breadcrumbs{ display:block; font-size: 17px; float: right; list-style: none; padding:0; margin:0;}
    #planAndDev .breadcrumbs li{display:inline-block;}
    #planAndDev .breadcrumbs li a { color:#3c3c3c;}
    #planAndDev .breadcrumbs li:after { content:">"; margin:0 2px;}
    #planAndDev .breadcrumbs li:last-child { font-family:'BlenderBold', Arial, sans-serif; font-size:15px;}
    #planAndDev .breadcrumbs li:last-child:after { content:""; margin:0px;}

    #planAndDev .lContainer{ width: 650px; margin:0 auto; padding:0; }
    #planAndDev .lContainer h1{ line-height: 0.5;}
    #planAndDev .lContainer h2{font-size: 37px;margin-bottom: 20px;}
    #planAndDev .lContainer h3{font-size: 24px;}
    #planAndDev .lContainer h4{font-size: 21px;}
    #planAndDev .lContainer h5{font-size: 19px; line-height:29px;}
    #planAndDev .lContainer h6{font-size: 19px; line-height:29px;}
    #planAndDev .lContainer .regText{font-size: 19px; line-height:27px;}
}

@media (min-width:992px) {
	#planAndDev {padding-top:315px; margin-top:30px;}
	#planAndDev.imgHeader{ background-size:auto 457px;}
	#planAndDev .bContainer{width: 960px; }
	
	#planAndDev .navHeader { margin:20px 30px 30px; width:auto;}
	
	#planAndDev .rContainer{width: 204px; float: right; display:block; margin-right:30px;}

    /*menu more*/
    .menu-more { display:none;}

    /*planAndDev side menu*/
    #planAndDev .rContainer{width: 204px; float: right; display:block; margin-right:30px; margin-top:3px;}
    #planAndDev .downManu{ list-style:none; border-bottom: 2px #c4c4c4 solid; padding:7px 0; margin:40px 0 0;}
    #planAndDev .downManu li{ padding:9px 15px 9px;}
    #planAndDev .downManu li span{ margin-left:15px; margin-top:-3px; font-size:1.5em; float: right;}
    #planAndDev .downManu li a{font-size: 17px; line-height:17px; color: #3c3c3c;}
    #planAndDev .downManu li.active a{font-family: 'BlenderBold', Arial, sans-serif; color:#0072bc;font-size: 15px;}
    #planAndDev .downManu li p{font-family: 'BlenderBold', Arial, sans-serif; font-size: 18px; margin:0;}

    /*planAndDev content*/
    #planAndDev .lContainer{ float: left; width: 650px; margin-left: 30px;}
    #planAndDev .lContainer h1{font-size: 40px; }
}

@media (min-width: 1200px) {
	#planAndDev { padding-top:360px; margin-top:0px;}
	#planAndDev.imgHeader{background-size:auto 525px;}
	#planAndDev .bContainer{width: 1198px;}
	
	#planAndDev .navHeader { margin:34px 40px 28px;}

    /*planAndDev side menu*/
    #planAndDev .rContainer{width: 244px; margin-right:40px;}
    #planAndDev .downManu{ border-bottom: 3px #c4c4c4 solid; margin:70px 0 0;}
    #planAndDev .downManu li{ padding:9px 18px 9px;}
    #planAndDev .downManu li p{font-size: 20px;}

    /*planAndDev content*/
    #planAndDev .lContainer{ float: left; width: 798px; margin-left: 36px; }
    #planAndDev .lContainer h1{font-size: 50px; line-height:50px;}
    #planAndDev .lContainer h2{font-size: 37px;margin-bottom: 22px;}
    #planAndDev .lContainer h3{font-size: 28px;}
    #planAndDev .lContainer h4{font-size: 23px;}


}

@media (min-width: 1919px) {
    /*planAndDev*/
    #planAndDev { padding-top:430px; margin-top:20px;}
    #planAndDev.imgHeader{background-size:contain;}
    #planAndDev .bContainer{width: 1600px;}
    #planAndDev .navHeader { margin:34px 80px 28px 30px;}

    /* planAndDev side menu */
    #planAndDev .rContainer{margin-right:80px;}

    /*planAndDev content*/
    #planAndDev .lContainer{ margin-left: 135px; }
}