body{ margin:0; font-family: arial,sans-serif; background-color: #EAEAEA }
.aline { background-color: #7d378b; border-radius: 4px; width: 90px; color: gold; box-shadow: 2px 2px 4px #999; text-align:center; line-height:25px; font-weight:700; float:left; font-size:14px; height: 25px; }
    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 260px) {
        
        #airbone { width:100%; }
#cockpit { width:95%; height: auto;  margin-left:auto; margin-right:auto}
.pilot { width:100%;  height:120px; float:left; background-color: #fff;}
.logo { width:65%; height:140px;  float:right;}
.logo img { width: 87%; height:32%; float:right; margin-top: 34px; margin-right: 10px;}
.banner { width:35%; height:130px;  float:left; text-align: left;}
.banner.kiri { width: inherit; padding-left: 12px 0px 0px 15px; line-height:80%; }
.banner span {font-size:12px; font-weight:bold; color:#207d48; }
.banner p { font-size:8px; font-weight:500; color:#666; margin-top:0px; text-align: left;}
.dalam { margin-top:20px; float:left; text-align:center; width:100%;}

.cari { width:35%; float:right; height:40px; margin-top: -35px; margin-right: 20px;}

.wadahku { width:125%;  margin-top:3px; float:right; }
.pencarian { width:70%; height:18px; color:#207d48; padding-left:5px;}

.pencet { width:20%; height:25px; background-color:#207d48; color:#FFF; border:#207d48;}
.navigator {  width:100%; height: auto; float:left; margin-top:5px;}
.line { width:100%; height:25px; margin-top:5px; float:left;  }
.line a { color:#bc8ac2; text-decoration:none; line-height:25px; font-weight:600; font-size:14px;}
.line a:hover { text-decoration:underline;}
.kaline{ float: right;  width:68%; }
.aline { width:30%; }

#window { width:100%; height: auto;  float:left; margin-top:5px;  }
#kiri { width:100%; float:left; height: auto;   margin-top:10px; border:#207d48 solid 1px; background-color:#FFF;}
.kirijudul{ width:100%; float:left; background-color: #207d48; height:18px; text-align:center; color:#FFF; line-height:18px; font-size:12px;}

.kiriberita { margin-top:10px; margin-left:5px; float:left; width:97%;  height: auto; border-bottom:#999 solid 1px;}
.kirigambar { float:left; width:35%; height: 90px; }
.kirigambar img { width:100%; height:100%}
.kirijudulberita { float:right;  width:59%; font-size:14px; line-height:18px;}
.kiricontent { float:right; width:59%;  font-size:0.74em; margin-top:5px; line-height:16px;}
.kirihalaman { height:20px; float:left; width:60%; margin-left:25%;  margin-top:20px; margin-bottom:22px; }
.kirihalaman a { text-decoration:none; color:#207d48; font-weight:600;  margin-right:1%; font-size:12px}


#tengah { float:left; height: auto; width:100%;  margin-top:10px;border:#207d48 solid 1px; background-color:#FFF}
.sekilaskini { float:left; background-color:#207d48; height:20px; text-align:center; color:#FFF; line-height:22px; font-size:14px; width:100%;}
.info {    margin-top:10px; margin-left:10px; border-bottom:#999 solid 1px; padding-bottom:15px;}
.judulinfo { width:100%; float:left;  font-size:14px; font-weight:600;}
.judulinfo a { color:#093; text-decoration:none;}
.admininfo { float:left; width:100%; font-size:12px; font-style:italic;  margin-top:3px;}
.isiinfo { margin-top:3px; width:100%;  font-size:0.74em;line-height:16px; float:left}
#kanan { float: right; height: auto; width:100%;  margin-top:10px; background-color:#FFF}
.teman{ width:100%; height:20px; line-height:22px; background-color:#207d48; color:#FFF; text-align:center; font-size:14px;}
#kanan ul { padding-left:5px; }
#kanan li { width:100%; float:left; list-style:none; margin-right:10px; margin-bottom:5px; }
#kanan a { text-decoration:none; font-size:0.74em; font-weight:400;}
#kanan a:hover { text-decoration:underline}

#footer { width:100%; height:30px; background-color: #207d48; text-align:center; color:#FFF; float:left; margin-top:15px; line-height:30px; font-size:10px;}

#konten { width:100%; float:left; min-height:548px; margin-top:10px; background-color:#FFF}
.namakonten { width:100%; height:20px; background-color:#207d48; color:#FFF; line-height:18px; font-size:12px; text-align:center}
.artikel { font-size:14px; color: #666; line-height:18px;}

.artikel a { color: #207d48; font-weight:600; text-decoration:none;}
.artikel a:hover { text-decoration: underline}
.artikel strong { color:#000; font-weight:bold;}
.artikel ul { margin-left:20px;}
.artikel li { line-height:25px;}
.artikel img { max-width:100%; }
.kanan { display: block;}

.bk { width:100%; height:auto;}
.bk p{ color:#ff0020; }
.nm { width:100%; float:left; margin-top:10px; margin-bottom:5px;}
.nm input { height:20px; width:60%; }
.nm span { width:25%; float:left; color:#000; font-weight:bold}
.nm textarea { width:60%; height:100px;}
.bkb { width:50%; margin-left:auto; margin-right:auto;}
.primary { background-color:#03C; border:#03C; color:#FFF; font-weight: 500; height:30px;}
.secondary { background-color: #207d48; border:#03C; color:#FFF; font-weight: 500; height:30px; }

.juduldaftarberita { width:100%; height:2.5em;}
.juduldaftarberita a { text-align:justify; color:#207d48; font-weight:bold; }
.daftarberita { width:100%; height:auto; margin-right:10px; float: left; margin-right:20px;}
.daftarberita img { margin-top:10px; margin-bottom:5px;}
.daftarberita p { text-align:justify;} 
.daftarberita img { width:100%; margin-left:auto; margin-right:auto}
.pagingberita { width:100%; height:30px; margin-left:auto; margin-right:auto;  float:left}
.pagingberita a { color:#207d48; text-decoration:none;}
.pagingberita ul { margin:0px; width:50%; margin-left:auto; margin-right:auto; text-align:center; list-style:none;}
.pagingberita li { float:left; margin-right:10px; font-size:14px; border: #207d48 solid 1px; width:20px;}
.dbuku { width:95%; padding:10px; height:auto; margin-left:auto; margin-right:auto; border: #999 solid 1px;}
.inibuku { height:30px; width:98%; background-color:#CCC; padding:5px; margin-bottom:2px; margin-top:13px;}

.hasilpencarian { height:170px; float:left; width:100%; border-bottom:#999 solid 1px; margin-top:10px;}
.hasilpencarian img { width:40%; height:50%; float:left}
.adaisi { float:left; width:55%; padding:5px; text-align:center; font-size:11px}
.aut { float: right; width:55%; font-size:10px}
.isinya { float:right; width:100%; font-size:12px}

.info { width:95%; margin-left:10px;  margin-top:10px; float:left}
.judulinfo { width:100%; float:left; font-size:14px; font-weight:600;}
.admininfo { float:left; width:100%; font-size:12px; font-style:italic;  margin-top:3px;}
.isiinfo { margin-top:3px; width:100%; font-size:0.74em;line-height:16px; float:left}

        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
#airbone { width:100%;  }
#cockpit { width:90%; height: auto;  margin-left:auto; margin-right:auto}
.pilot { width:100%;  height:150px; float:left;}
.logo { width:75%; height:140px;  float:right;}
.logo img { width: 90%; height:50%; float:right; margin-top: 33px; margin-right: 15px;}
.banner { width:25%; height:130px;  float:left; text-align: left;}
.banner.kiri { width: inherit; padding-left: 14px 0px 0px 15px; line-height:108%;  }
.banner span {font-size:16px; font-weight:bold; color:#207d48; }
.banner p { font-size:10px; font-weight:500; color:#666; margin-top:0px; text-align: left;}
.dalam { margin-top:20px; float:left; text-align:center; width:100%;}
.cari { width:35%; float:right; height:40px; margin-top: -35px; margin-right: 20px;}

.wadahku { width:100%;  margin-top:3px; float:right; }
.pencarian { width:70%; height:18px; color:#207d48; padding-left:5px;}
.pencet { width:20%; height:25px; background-color:#207d48; color:#FFF;}
.navigator {  width:100%; height: auto; float:left; margin-top:5px;}
.line { width:100%; height:25px; margin-top:5px; float:left}
.line a { color:#bc8ac2; text-decoration:none; line-height:25px; font-weight:600; font-size:14px;}
.line a:hover { text-decoration:underline;}
.kaline{ float: right;  width:73%;}
.aline { width:25%; }
#window { width:100%; height: auto;  float:left; margin-top:5px;}
#kiri { width:100%; float:left; height: auto;  margin-top:10px}
.kirijudul{ width:100%; float:left; background-color: #207d48; height:20px;  text-align:center; color:#FFF; line-height:22px; font-size:14px}
.kiriberita { margin-top:10px; margin-left:5px; float:left; width:97%;  height: auto}
.kirigambar { float:left; width:30%; height: 90px; margin-top:17px; }
.kirigambar img { width:80%; height:90%}
.kirijudulberita { float:right;  width:59%; font-size:14px; line-height:18px;}
.kiricontent { float:right; width:59%;  font-size:0.74em; margin-top:0.2em; margin-right:0.2em; line-height:16px;}
.kirihalaman { height:20px; float:left; width:50%; margin-left:25%; margin-top:20px; margin-bottom:22px; }
.kirihalaman a { text-decoration:none; color:#207d48; font-weight:600;  margin-right:1%;}
#tengah { float:left; height: auto; width:100%;  margin-top:10px;}
.sekilaskini { float:left; background-color:#207d48; height:20px; text-align:center; color:#FFF; line-height:22px; font-size:14px; width:100%;}
.info { width:90%; margin-left:10px;  margin-top:10px; float:left}
.judulinfo { width:100%; float:left;  font-size:14px; font-weight:600;}
.admininfo { float:left; width:100%; font-size:12px; font-style:italic;  margin-top:3px;}
.isiinfo { margin-top:3px; width:100%; ; font-size:0.74em;line-height:16px; float:left}
#kanan { float: right; height: auto; width:100%;  margin-top:10px;}
.teman{ width:100%; height:20px; line-height:22px; background-color:#207d48; color:#FFF; text-align:center; font-size:14px;}
#kanan ul { padding-left:5px; }
#kanan li { width:45%; float:left; list-style:none; margin-right:10px; margin-bottom:5px; }
#kanan a { text-decoration:none; font-size:0.8em;}
#kanan a:hover { text-decoration:underline}

#footer { width:100%; height:30px; background-color: #207d48; text-align:center; color:#FFF; float:left; margin-top:15px; line-height:30px; font-size:12px;}

.juduldaftarberita { width:100%; height:4.5em;}
.juduldaftarberita a { text-align:justify; color:#00f; font-weight:bold; }
   .daftarberita { width:30%; height:auto; margin-right:10px; float: left; margin-right:20px;}
.daftarberita img { margin-top:10px; }
.daftarberita p { text-align:justify; margin-bottom: 1em;} 
.daftarberita img { width:90%; margin-left:auto; margin-right:auto}
    .gambardaftarberita{height:10.5em; }
.isidaftarberita{height:12em; }

.pagingberita { width:100%; height:30px; margin-left:auto; margin-right:auto;  float:left}
.pagingberita a { color:#207d48; text-decoration:none;}
.pagingberita ul { margin:0px; width:30%; margin-left:auto; margin-right:auto; text-align:center; list-style:none;}
.pagingberita li { float:left; margin-right:10px; font-size:14px; border: #207d48 solid 1px; width:20px;}


.hasilpencarian { height:170px; float:left; width:100%; border-bottom:#999 solid 1px; margin-top:10px;}
.hasilpencarian img { width:40%; height:70%; float:left}
.adaisi { float:left; width:55%; padding:5px; text-align:center; font-size:14px}
.aut { float: right; width:55%; font-size:12px}
.isinya { float:right; width:100%; font-size:12px}

   
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
   .pilot { width:100%;  height:150px; float:left;}
.logo { width:75%; height:170px;  float:right;}
.logo img { width: 93%; height:50%; float:right; margin-top: 23px; margin-right: 15px;}
.banner { width:25%; height:130px;  float:left; text-align: left;}
.banner.kiri { width: inherit; padding-left: 30px 0px 0px 15px; line-height:110%; }
.banner span {font-size:18px; font-weight:bold; color:#207d48; }
.banner p { font-size:12px; font-weight:500; color:#666; margin-top:0px; text-align: left;}
.dalam { margin-top:20px; float:left; text-align:center; width:100%;}
.cari { width:25%; float:right; height:40px; margin-top: -35px; margin-right: 20px;}
#airbone { width:100%; }
.dalam { margin-top:0px; float:left; text-align:center; width:100%;}
#window { width:49%; height: auto;  float:left; margin-top:5px;}
.wadahku { width:100%;  margin-top:3px; float:right;  }
.pencarian { width:70%; height:18px; color:#207d48; padding-left:5px;}
.pencet { width:20%; height:25px; background-color:#207d48; color:#FFF;}
#kiri { width:49%; float: right; height: auto; margin-top:5px}
.kirijudul{ width:100%; float:left; background-color: #207d48; height:20px; text-align:center; color:#FFF; line-height:22px; font-size:14px}
.kiriberita { margin-top:10px; margin-left:5px; float:left; width:97%;  height: auto}
.kirigambar { float:left; width:40%; height: 90px; }
.kirigambar img { width:80%; height:90%}
.kirijudulberita { float:right;  width:59%; font-size:14px; line-height:18px;}
.kiricontent { float:right; width:59%; font-size:0.74em; margin-top:5px; line-height:16px;}
.kirihalaman { height:20px; float:left; width:50%; margin-left:25%; margin-top:20px; margin-bottom:22px; }
.kirihalaman a { text-decoration:none; color:#207d48; font-weight:600;  margin-right:1%; font-size:14px}
#tengah { float:left; height: auto; width:49%;  margin-top:10px;}
.sekilaskini { float:left; background-color:#207d48; height:20px; text-align:center; color:#FFF; line-height:22px; font-size:14px; width:100%;}
.info { width:95%; margin-left:10px;  margin-top:10px; float:left}
.judulinfo { width:100%; float:left;  font-size:14px; font-weight:600;}
.admininfo { float:left; width:100%; font-size:12px; font-style:italic;  margin-top:3px;}
.isiinfo { margin-top:3px; width:100%;  font-size:0.74em;line-height:16px; float:left}
#kanan { float: right; height: auto; width:49%;  margin-top:10px;}
.teman{ width:100%; height:20px; line-height:22px; background-color:#207d48; color:#FFF; text-align:center; font-size:14px;}
#kanan ul { padding-left:5px; }
#kanan li { width:45%; float:left; list-style:none; margin-right:10px; margin-bottom:5px; }
#kanan a { text-decoration:none; font-size:0.8em;}
#kanan a:hover { text-decoration:underline}
.kanan { display:none;}


.juduldaftarberita { width:100%; height:3.5em; }
.juduldaftarberita a { text-align:justify; color:#207d48; font-weight:bold; }
 .daftarberita { width:30%; height:auto; margin-right:10px; float: left; margin-right:20px; margin-bottom: 1em;}
.daftarberita img { margin-top:10px; margin-bottom:5px;}
.daftarberita p { text-align:justify; } 
.daftarberita img { width:90%; margin-left:auto; margin-right:auto}
.gambardaftarberita{height:10em; }
.isidaftarberita{height:10em; }

.pagingberita { width:100%; height:30px; margin-left:auto; margin-right:auto;  float:left}
.pagingberita a { color:#207d48; text-decoration:none;}
.pagingberita ul { margin:0px; width:30%; margin-left:auto; margin-right:auto; text-align:center; list-style:none;}
.pagingberita li { float:left; margin-right:10px; font-size:14px; border: #207d48 solid 1px; width:20px;}

.hasilpencarian { height:170px; float:left; width:100%; border-bottom:#999 solid 1px; margin-top:10px;}
.hasilpencarian img { width:40%; height:80%; float:left}
.adaisi { float:left; width:55%; padding:5px; text-align:center; font-size:14px}
.aut { float: right; width:55%; font-size:12px}
.isinya { float:right; width:55%; font-size:13px}

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
    
    
#airbone { width:100%; }
#cockpit { width:80%; height: auto; margin-left:auto; margin-right:auto}
.pilot { width:100%;  height:170px; float:left;}
.logo { width:75%; height:170px;  float:right;}
.logo img { width: 97%; height:50%; float:right; margin-top: 40px; margin-right: 15px;}
.banner { width:25%; height:130px;  float:left; text-align: left;}
.banner.kiri { width: inherit; padding-left: 27px 0px 0px 15px; line-height:120%;}
.banner span {font-size:18px; font-weight:bold; color:#207d48; }
.banner p { font-size:12px; font-weight:500; color:#666; margin-top:0px; text-align: left;}
.dalam { margin-top:20px; float:left; text-align:center; width:100%;}
.cari { width:25%; float:right; height:40px; margin-top: -40px;}
.wadahku { width:100%;  margin-top:3px; float:right; }
.pencarian { width:70%; height:18px; color:#207d48; padding-left:5px;}
.pencet { width:20%; height:25px; background-color:#207d48; color:#FFF;}
.navigator {  width:100%; height: auto; float:left; margin-top:5px;}
.line { width:100%; height:25px;  margin-top:5px; float:left}
.line a { color:#bc8ac2; text-decoration:none; line-height:25px; font-weight:600; font-size:14px;}
.line a:hover { text-decoration:underline;}
.kaline{ float: right;  width:72%;}
.aline { width:25%; }
#window { width:100%; height: auto; float:left; margin-top:5px;}
#window img { height: inherit; width: 100%;}
#kiri { float:left; margin-top:10px; min-height:452px;} 
.kirijudul{ width:100%; float:left; background-color: #207d48; height:20px; text-align:center; color:#FFF; line-height:22px; font-size:14px; margin-top:0px;}
.kiriberita { margin-top:10px; margin-left:5px; float:left; width:97%;  height: auto}
.kirigambar { float:left; width:40%; height: 90px; }
.kirigambar img { width:80%; height:90%}
.kirijudulberita { float:right; ; width:59%; font-size:14px; line-height:18px;}
.kiricontent { float:right; width:59%;  font-size:0.74em; margin-top:5px; line-height:16px;}
.kirihalaman { height:20px; float:left; width:50%; margin-left:25%;  margin-top:20px; margin-bottom:22px; }
.kirihalaman a { text-decoration:none; color:#207d48; font-weight:600;  margin-right:1%;}
#tengah { float:right;  height:auto;}
.sekilaskini { float:left; background-color:#207d48; height:20px; text-align:center; color:#FFF; line-height:22px; font-size:14px; width:100%;}
.info { width:95%; margin-left:10px;  margin-top:10px; float:left}
.judulinfo { width:100%; float:left; font-size:14px; font-weight:600;}
.admininfo { float:left; width:100%; font-size:12px; font-style:italic;  margin-top:3px;}
.isiinfo { margin-top:3px; width:100%; font-size:0.74em;line-height:16px; float:left}
#kanan { width:100%; height: auto;}
.teman{ width:100%; height:20px; line-height:22px; background-color:#207d48; color:#FFF; text-align:center; font-size:14px;}
#kanan ul { padding-left:25px;}
#kanan li { width:50%; float:left; margin-right:0px;}
#kanan a { text-decoration:none; font-size:0.8em;}
#kanan a:hover { text-decoration:underline}
.kanan { display: block;}
.hasilpencarian { height:170px; float:left; width:100%; border-bottom:#999 solid 1px; margin-top:10px;}
.hasilpencarian img { width:40%; height:95%; float:left}
.adaisi { float:left; width:55%; padding:5px; text-align:center}
.aut { float: right; width:55%;}
.isinya { float:right; width:55%;}



    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        
#airbone { width:100%; }
#cockpit { width:80%; height: auto; margin-left:auto; margin-right:auto}
.pilot { width:100%;  height:170px; float:left;}
.logo { width:80%; height:170px;  float:right;}
.logo img { width: 93%; height:50%; float:right; margin-top: 40px; margin-right: 15px;}
.banner { width:20%; height:130px;  float:left; text-align: left;}
.banner.kiri { width: inherit; padding-left: 25px 0px 0px 15px; line-height:120%;}
.banner span {font-size:18px; font-weight:bold; color:#207d48; }
.banner p { font-size:12px; font-weight:500; color:#666; margin-top:0px; text-align: left;}
.dalam { margin-top:20px; float:left; text-align:center; width:100%;}
.cari { width:25%; float:right; height:40px; margin-top: -40px;}
.navigator {  width:100%; height: auto; float:left; margin-top:5px;}
.line { width:100%; height:25px;  margin-top:5px; float:left}
.line a { color:#bc8ac2; text-decoration:none; line-height:25px; font-weight:600; font-size:14px;}
.line a:hover { text-decoration:underline;}
.kaline{ float: right;  width:92%;}
.aline { width: 8%; }



#kiri { width:32%; float:left; min-height:548px;  margin-right:22px; margin-top:10px}
.kirijudul{ width:100%; float:left; background-color: #207d48; height:30px; text-align:center; color:#FFF; line-height:28px; font-size:16px}
.kiriberita { margin-top:10px; margin-left:5px; float:left; width:97%;  height: auto}
.kirigambar { float:left; width:40%; height: 125px; }
.kirigambar img { width:90%; height:70%}
.kirijudulberita { float:right; width:59%; font-size:14px; line-height:18px; margin-top:17px;}
.kiricontent { float:right; width:59%;  font-size:0.74em; margin-top:5px; line-height:16px;}
.kirihalaman { height:20px; float:left; width:50%; margin-left:25%;  margin-top:20px; margin-bottom:22px; }
.kirihalaman a { text-decoration:none; color:#207d48; font-weight:600;  margin-right:1%;}
#tengah { float:left; height: auto; width:32%;  margin-top:10px; min-height:550px;}
.sekilaskini { float:left; background-color:#207d48; height:30px; text-align:center; color:#FFF; line-height:28px; font-size:16px; width:100%;}
.info { width:92%; margin-left:15px; margin-top:10px; float:left;}
.judulinfo { width:100%; float:left; font-size:14px; font-weight:600;}
.admininfo { float:left; width:100%; font-size:12px; font-style:italic; margin-top:3px;}
.isiinfo { margin-top:3px; width:100%;  font-size:0.74em;line-height:16px; float:left}

#kanan { float: right; width:25%;  margin-top:10px;}
.teman{ width:100%; height:30px; line-height:28px; background-color:#207d48; color:#FFF; text-align:center; font-size:16px;}

#kanan ul { padding-left:25px;}
#kanan li { width:100%;}
#kanan a { text-decoration:none; font-size:0.8em;}
#kanan a:hover { text-decoration:underline}

#konten { width:75%; float:left; min-height:548px; margin-top:10px; padding-right: 15px;}
.namakonten { width:100%; height:20px; background-color:#207d48; color:#FFF; line-height:18px; font-size:14px; text-align:center}
.artikel { font-size:14px; color: #666; line-height:18px;}
.artikel a { color: #207d48; font-weight:600; text-decoration:none;}
.artikel a:hover { text-decoration: underline}
.artikel strong { color:#000; font-weight:bold;}
.daftarberita { width:30%; height:auto; margin-right:10px; float: left; margin-right:20px;}
.daftarberita img { margin-top:10px; margin-bottom:5px;}
.daftarberita p { text-align:justify;} 
.daftarberita img { width:90%; margin-left:auto; margin-right:auto}
.pagingberita { width:100%; height:30px; margin-left:auto; margin-right:auto;  float:left}
.pagingberita a { color:#207d48; text-decoration:none;}
.pagingberita ul { margin:0px; width:30%; margin-left:auto; margin-right:auto; text-align:center; list-style:none;}
.pagingberita li { float:left; margin-right:10px; font-size:14px; border: #207d48 solid 1px; width:20px;}
.juduldaftarberita a { text-align:justify; color:#00F; font-weight:bold; }
.gambardaftarberita{height:10em; }
.isidaftarberita{height:10em; }
.hasilpencarian { height:170px; float:left; width:100%; border-bottom:#999 solid 1px; margin-top:10px;}
.hasilpencarian img { width:40%; height:auto; float:left}
.adaisi { float:left; width:55%; padding:5px; text-align:center}
.aut { float: right; width:55%;}
.isinya { float:right; width:55%;}

.bk { width:80%; height:auto;}
.nm { width:100%; float:left; margin-top:10px; margin-bottom:5px;}
.nm input { height:20px; width:60%; }
.nm span { width:25%; float:left; color:#000; font-weight:bold}
.nm textarea { width:60%; height:100px;}
.bkb { width:30%; margin-left:auto; margin-right:auto;}
.primary { background-color:#03C; border:#03C; color:#FFF; font-weight: 500; height:30px;}
.secondary { background-color: #207d48; border:#03C; color:#FFF; font-weight: 500; height:30px; }

    }

/* Super Large Devices, Wide Screens */
    @media only screen and (min-width : 1800px) {
    #airbone { width:100%; }
    #cockpit { width:50%; height: auto; margin-left:auto; margin-right:auto}
    .gambardaftarberita{height:14em; }
.isidaftarberita{height:12em; }
}

.glyphicon { margin-right:5px; }
.thumbnail
{
    margin-bottom: 20px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.item.list-group-item
{
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}
.item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover
{
    background: #428bca;
}

.item.list-group-item .list-group-image
{
    margin-right: 10px;
}
.item.list-group-item .thumbnail
{
    margin-bottom: 0px;
}
.item.list-group-item .caption
{
    padding: 9px 9px 0px 9px;
}
.item.list-group-item:nth-of-type(odd)
{
    background: #eeeeee;
}

.item.list-group-item:before, .item.list-group-item:after
{
    display: table;
    content: " ";
}

.item.list-group-item img
{
    float: left;
}
.item.list-group-item:after
{
    clear: both;
}
.list-group-item-text
{
    margin: 0 0 11px;
}

.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
    -webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
     margin:-.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
    width:100%;
}


.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
    flex-flow: column nowrap;
}

.flex-grow {
    display: flex;
    -webkit-flex: 2;
    flex: 2;
}