/* 나눔고딕 */
@font-face {
	font-family:"nanumGothic";
	font-style:normal;
	font-weight:normal;
	src:url("../devFont/NANUMGOTHIC.eot");
	src:url("../devFont/NANUMGOTHIC.eot?#iefix") format("embedded-opentype"),  
	url("../devFont/NANUMGOTHIC.woff") format("woff"),  
	url("../devFont/NANUMGOTHIC.ttf") format("truetype");
}

@font-face {
	font-family:"nanumGothicBold";
	font-style:normal;
	font-weight:bold;
	src:url("../devFont/NANUMGOTHICBOLD.eot");
	src:url("../devFont/NANUMGOTHICBOLD.eot?#iefix") format("embedded-opentype"),  
	url("../devFont/NANUMGOTHICBOLD.woff") format("woff"),  
	url("../devFont/NanumGothicBold.ttf") format("truetype");
}


@font-face {
	font-family:"nanumGothicextraBold";
	font-style:normal;
	font-weight:extrabold;
	src:url("../devFont/NANUMGOTHICEXTRABOLD.eot");
	src:url("../devFont/NANUMGOTHICBOLD.eot?#iefix") format("embedded-opentype"),  
	url("../devFont/NANUMGOTHICBOLD.woff") format("woff"),  
	url("../devFont/NanumGothicExtraBold.ttf") format("truetype");
}

html,
 body {
   height: 100%;
   width: 100%;
 }
 hr {
   border-color: #00baf2;
   border-width: 3px;
   max-width: 100px;
 }
 hr.light {
   border-color: white;
 }
 
 hr.left-hr {
   float:left;
 }
 hr.gray {
	border-color: #dcdcdc;
    border-width: 1px;
	 width:100% !important;
	 min-width:100%;
 }
 hr.sky {
	border-color: #0068b7;
    border-width: 2px;
	 width:100% !important;
	 min-width:100%;
 }
 a {
   -webkit-transition: all 0.35s;
   -moz-transition: all 0.35s;
   transition: all 0.35s;
   /*color: #F05F40;*/
 }
 img {
	 width:100%;
 }
/* ==========================================================================
Global Styles
========================================================================== */
body {
  font-family: nanumGothic, "나눔고딕",nanumbarungothic, "나눔바른고딕", "돋움", Dotum, 'Merriweather', 'Helvetica Neue', Arial, sans-serif, ;
  font-size: 16px !important;
  color: #0d0d0d;
  overflow-x: hidden;
}

.sep {
  max-width: 80px;
  border: 2px solid #0d0d0d;
  margin-top: 40px;
  margin-bottom: 40px;
}

.light-sep {
  max-width: 80px;
  border: 2px solid #fff;
  margin-top: 40px;
  margin-bottom: 40px;
}

/* ==========================================================================
Typography
========================================================================== */
h1 {
	font-size:3em;
  /*font-size: 52px;*/
  font-weight: 600;
  letter-spacing: 0.16em;
  padding-bottom:10px;
  letter-spacing:-0.5px;
}

h2 {
	font-size:2.5em;
  /*font-size: 36px;*/
  font-weight: 600;
  letter-spacing: 0.05em;
  padding-bottom:10px;
  letter-spacing:-0.5px;
}

h3 {
	font-size:2em;
  /*font-size: 26px;*/
  font-weight: bold;
  padding-bottom:10px;
  letter-spacing:-0.5px;
  color:#2261ab;
}

h4 {
	font-size:1.5em;
  /*font-size: 24px;*/
  font-weight: 500;
  padding-bottom:10px;
  letter-spacing:-0.5px;
}

h5 {
	font-size:1.2em;
  /*font-size: 22px;*/
  font-weight: 400;
  padding-bottom:10px;
  letter-spacing:-0.5px;
}

h6 {
	font-size:1.2em;
  /*font-size: 18px;*/
  font-weight: 100;
  letter-spacing: 0.05em;
  padding-bottom:10px;
  letter-spacing:-0.5px;
}

p {
  font-size: 16px;
  color: #000;
  font-weight: 400;
}

 .bg-primary {
   background-color: #337ab7;
   /*background-color: #f7990e;*/
 }
 .bg-dark {
   background-color: #222222;
   color: white;
 }
 .bg-sky {
	 background-color: #f0f8fd;
 }
 .bg-white {
	 background-color: #fff;
 }
 .bg-gray {
	 background-color: #f8f7f3;
 }
 .bg-brown {
	 background-color:#dfd9d4;
 }
 .text-faded {
   color: rgba(255, 255, 255, 0.7);
 }
 .text-white {
   color: rgba(255, 255, 255, 1);
 }
 section {
   padding: 30px 0;
 }
 aside {
   padding: 50px 0;
 }
 .no-padding {
   padding: 0;
 }
 
.top-no-padding {
    padding-top:0
}
.bottom-no-padding {
    padding-bottom:0;
}
.pdt10 {
	padding-top:10px;
}
.pdt20 {
	padding-top:20px;
}
.pdt30 {
	padding-top:30px;
}
.pdt40 {
	padding-top:40px;
}
.pdb10 {
	padding-bottom:10px;
}
.pdb20 {
	padding-bottom:20px;
}
.pdb30 {
	padding-bottom:30px;
}
.pdb40 {
	padding-bottom:40px;
}
.f18 {
	font-size:18px !important;
}
.f16 {
	font-size:16px !important;
}
.f20 {
	font-size:20px !important;
}
.f25 {
	font-size:25px !important;
}
.fb{
	font-weight:bold !important;
}

aside a {
	color:#dbdbdb;
}

#contact {
	background-color:#222222;
	margin-top:40px;
	
}
 
#contact p {
		font-size: 14px;
		letter-spacing:-0.5px;
		
	}

#contact a:hover {
	text-decoration:none;
	color:#fff;
}	


aside a {
	color:#dbdbdb;
}

.location {
    padding:15px 0 0 0;
    text-align:right;
   /* border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;*/
    font-size:12px;
}

#about {	
   background-image: url('../image/index/section1.jpg');
   background-position: center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
   -o-background-size: cover;
}

#business {	
   background-color:#f0f8fd;
   background-position: center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
   -o-background-size: cover;
   width:100%;
}

#news {	
   background-image: url('../image/index/section3.jpg');
   background-position: center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
   -o-background-size: cover;
}
#movie {	
   background-image: url('../image/movie.jpg');
   background-position: center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
   -o-background-size: cover;
   width: 100%;
}	


/* all menu ############################################################################### */
.menuopen_back {
	
	width:100%;
	z-index:15000;
	margin:0 auto;
	height:100%;
	position:fixed;
	right:auto;
	left:auto;
	padding:0;
	padding-top:100px;
	top:0;
	text-align:center;
	background: rgba(0, 0, 0, 0.9);
	display:none;
	
   background-position: center;
   background-size: cover;
   
  -moz-transition: all 2s ease 0;
  -o-transition: all 2s ease 0;
  -webkit-transition: all 2s ease 0;
  transition: all 2s ease 0;
  
}
.menuopen_back .right {float:right; padding-top:30px; padding-right:40px;
	z-index:15001;}
.menuopen {width:100%;margin:0 auto;}
.allmenu {width:1000px;margin:0 auto;text-align:left;}


.allmenu a {
	color:#fff;
	text-decoration:none;
}
.allmenu h5 {
	font-size:16px;
	text-align:center;
}

.allmenu .text-muted a {
	color:rgba(255, 255, 255, 0.6);
	text-decoration:none;
}
.allmenu ul {width:100%;margin:0 auto;text-align:left; padding-top:20px;}
.allmenu ul li {width:100%;clear:left;text-align:left;font-size:14px;padding-bottom:7px; padding-left: 0 !important; margin-left:0 !important;font-weight:normal;
}





/* business tab*/
.tab_2{ width:100%;padding-bottom:-1px; overflow:hidden; clear:left;}
.tab_2 li{float:left ; _display:inline; margin-right:3px; color:#333;list-style:none;}
.tab_2 li a{_float:left; display:block;  padding:14px 10px 15px 10px; color:#222;font-weight:bold; text-decoration:none; text-align:center;background-color:#ededed;}
.tab_2 li a:hover{color:#f7990e;font-weight:bold; border:1px solid #f7990e;position:relative;top:1px;background-color:#fff;}
.tab_2 li.selected{color:#f7990e; font-weight:bold; border:1px solid #f7990e;position:relative;top:1px;background-color:#fff;}
.tab_2 li.selected a{color:#f7990e; font-weight:bold;position:relative;top:1px;background-color:#fff;}
 .tab_2 li.selected a:hover{color:#f7990e; font-weight:bold; border:none;position:relative;top:1px;background-color:#fff;}


/*게시판 테두리박스*/
.board3 {width:100%; text-align:center; border-top:2px solid #222222; border-collapse:collapse; margin-bottom:20px;background-color:#fff; margin-top:10px;}
.board3 caption {display:none;}
.board3 tfoot {font-weight:bold; background-color:#edf4f9;}
.board3 th {text-align:center; padding:12px 12px 12px 12px; border-bottom:1px solid #dcdcdc; border-left:0; border-right:0; font-weight:normal; color:#003471;background-color:#f2faff;}
.board3 th.adm {text-align:center; padding:12px 12px 12px 12px;  border-bottom:1px solid #dc4935; border-left:0; border-right:0; font-weight:normal; color:#dc4935;}
.board3 th.admtop {text-align:center; padding:12px 12px 12px 12px; background-color:#edf4f9; border-bottom:1px solid #dc4935; border-left:0; border-right:0; font-weight:normal; color:#003471;}
.board3 th.left {text-align:left; padding:12px 12px 12px 12px; background-color:#edf4f9; border-bottom:1px solid #dcdcdc; border-left:0; border-right:0; font-weight:bold; color:#003471;}
.board3 td {padding:12px 12px 12px 12px; border-bottom:1px solid #c9c9c9; color:#4C4C4C;border-left:0; border-right:0;}
.board3 td.b_content {padding:25px 10px 25px 10px; border-bottom:1px solid #c9c9c9; color:#4C4C4C; text-align:left;border-left:0; border-right:0;text-align:justify}
.board3 td.left {padding:12px 12px 12px 12px; border-bottom:1px solid #c9c9c9; color:#4C4C4C; text-align:left; border-left:0; border-right:0;}
.board3 td.left_adm {padding:7px 7px 7px 7px; border-bottom:1px solid #dc4935; color:#4C4C4C; text-align:left; border-left:0; border-right:0;}
.board3 td.left_c {padding:10px 5px 10px 5px; border-bottom:1px solid #c9c9c9; color:#4C4C4C; text-align:left; border-left:0; border-right:0;}
.board3 td.right {padding:12px 12px 12px 12px; borde-bottom:1px solid #c9c9c9; color:#4C4C4C; text-align:right;border-left:0; border-right:0;}
.board3 td.tbtitle {padding:5px 5px 5px 5px; color:#000000; background-color:#f0f0f0; }
.board3 td.left_t {text-align:left;padding:5px 5px 5px 5px;  color:#4C4C4C;}
.board3 td.center_t {text-align:center;padding:12px 12px 12px 12px;  color:#4C4C4C;}
.board3 tr.gray {background-color:#eeeeee;}
.board3 td img.icon { vertical-align:middle}
.board3 td img.photo { border:1px solid #dcdcdc;padding:2px;margin-bottom:5px;text-align:center;}
.board3 td.pbox {padding:10px 10px 10px 10px; border-bottom:1px solid #c9c9c9; color:#4C4C4C;border-left:0; border-right:0;line-height:16px;  vertical-align:top}
.board3 td.faq {padding:30px 30px 30px 30px; border-bottom:1px solid #c9c9c9; color:#4C4C4C; text-align:left; border-left:0; border-right:0;text-align:justify;background-color:#f9f9f9;font-size:14px;}
.board3 td.left_pr20 {font-size:14px;padding:7px 7px 7px 30px; border-bottom:1px solid #c9c9c9; color:#4C4C4C; text-align:left; border-left:0; border-right:0;text-align:left;}
.board3 td.noneborder { border-bottom:none !important; }

.news_content {
	padding : 20px 20px;
}
.news_content img {
	width:100%;
}




textarea.inquiry_input { height:135px;}





/*------------------------------------------------------------------
[Navbar]
*/


@media (min-width: 992px) {


}

@media (max-width: 991px) {

	

 section {
   padding: 20px 0;
 }
}
  

@media (min-width: 769px) {	
.hid_x {display:none;}
}
@media (max-width: 768px) {
    .fix_right {display:none;}
    .hid {display:none;}
}

 
 
 header  {
   position: relative;
   width: 100%;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
   -o-background-size: cover;
   background-position: center;
   /*background-image: url('../image/header.jpg');*/
   text-align: center;
   color: white;
	 min-height:150px;
	 background-position:bottom;
	 margin-top:100px;
	 background-position : left top;
 }
 header .header-content {
   position: relative;
   text-align: center;
   padding: 40px 15px 40px 0;
   width: 100%;
 }
   header .header-content .header-content-inner {
     /*max-width: 70%;*/
     margin-left: auto;
     margin-right: auto;
  /*background: rgba(0, 0, 0, 0.5);*/
  padding:30px 30px;
  min-height:120px;
   }
 header .header-content .header-content-inner h1 {
	 color:#fff;
   text-transform: uppercase;
   margin-top: 0;
   margin-bottom: 0;
   font-size: 3.5em;
   text-align: center;
   letter-spacing:-5px;
   text-shadow:0 0 2px #000;
 }
 header .header-content .header-content-inner hr {
   margin: 10px auto;
 }
 header .header-content .header-content-inner p {
   color: rgba(0, 0, 0, 0.7);
   font-size: 2.2em;
   letter-spacing : -1.5px;
   /*margin-bottom: 50px;*/
   text-align: center;
     max-width: 100%;
	 font-weight:500;
	 color:#fff;
   text-shadow:0 0 2px #000;
   margin-top:0;
   margin-bottom:0;
 }

 /*Tel*/
 @media (max-width: 768px) {
	 
 header  {
   position: relative;
   width: 100%;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
   -o-background-size: cover;
   background-position: center;
   /*background-image: url('../image/header.jpg');*/
   text-align: center;
   color: white;
	 min-height:100px;
	 background-position:bottom;
	 margin-top:70px;
 }
 header .header-content {
   position: relative;
   text-align: center;
   padding: 20px 0 20px 0;
   width: 100%;
 }
   header .header-content .header-content-inner {
     max-width: 100%;
     margin:0 auto;
  /*background: rgba(0, 0, 0, 0.5);*/
  padding:15px 15px;
  min-height:80px;
   }
 header .header-content .header-content-inner h1 {
	 color:#fff;
  font-weight: 600 !important;
   text-transform: uppercase;
   margin-top: 0;
   margin-bottom: 0;
   font-size: 2.5em;
   text-align: center;
   letter-spacing:-1px;
   text-shadow:0 0 2px #000;
 }
 header .header-content .header-content-inner p {
   color: rgba(255, 255, 255, 0.7);
   font-size: 1.5em;
   /*margin-bottom: 50px;*/
   text-align: center;
     max-width: 100%;
	 font-weight:100;
	 display:none;
   text-shadow:0 0 2px #000;
 }
 h1 {
	font-size:2em;
  /*font-size: 52px;*/
  font-weight: 600;
  letter-spacing: 0.16em;
  padding-bottom:10px;
  letter-spacing:-0.5px;
}

h2 {
	font-size:1.8em;
  /*font-size: 36px;*/
  font-weight: 600;
  letter-spacing: 0.05em;
  padding-bottom:10px;
  letter-spacing:-0.5px;
}

h3 {
	font-size:1.5em;
  /*font-size: 26px;*/
  font-weight: 500;
  padding-bottom:10px;
  letter-spacing:-0.5px;
  color:#2261ab;
}

h4 {
	font-size:1.2em;
  /*font-size: 24px;*/
  font-weight: 500;
  padding-bottom:10px;
  letter-spacing:-0.5px;
}

h5 {
	font-size:1.1em;
  /*font-size: 22px;*/
  font-weight: 400;
  padding-bottom:10px;
  letter-spacing:-0.5px;
}

h6 {
	font-size:1.1em;
  /*font-size: 18px;*/
  font-weight: 100;
  letter-spacing: 0.05em;
  padding-bottom:10px;
  letter-spacing:-0.5px;
}

 }
 
	

#main-carousel .carousel-inner .item {
  width:100%;
  height: 100%;
  margin:0 auto; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
   -o-background-size: cover;
   background-position: center;
 }

#main-carousel .carousel-indicators {
  bottom:10%;
 }

#main-carousel .carousel-indicators li{
  background: #67a609;
  border: 1px solid #67a609;
  width: 45px;
  height: 11px;
  margin-left: 5px;
  text-indent: -9999px;
  display: inline-block;
    
     border-top-left-radius: 5px 5px;
     border-bottom-left-radius: 5px 5px;
     border-top-right-radius: 5px 5px;
     border-bottom-right-radius: 5px 5px;
 }

#main-carousel .carousel-indicators li:hover{
  background: #497607;
  border: 1px solid #497607;
 }

.carousel-indicators .active{
  background-color: #497607 !important;
  
 }


 #main-carousel .carousel-caption {
  z-index: 11;
  text-align:center;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     padding: 0 50px;
   margin:0 auto;
   color:#fff;
   
   text-shadow:0 0 2px #000;
 }

#main-carousel .carousel-caption > div{
     vertical-align: middle;
     display: table-cell;
 }

#main-carousel .carousel-inner {
  height:100%;
  width:100%;
 }


#main-carousel .carousel-left{
    
  left:20px;
     border-top-right-radius: 5px 5px;
     border-bottom-right-radius: 5px 5px;
  /*background-color:#43484e;*/
     padding:5px 10px;
     color:#fff;
  
 }

#main-carousel .carousel-right{
  right:20px;
     border-top-left-radius: 5px 5px;
     border-bottom-left-radius: 5px 5px;
  /*background-color:#43484e;*/
     padding:5px 10px;
 }

#main-carousel:hover .carousel-left{
  left:20px;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
 }

#main-carousel:hover .carousel-right{
  right:20px;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
 }

#main-carousel .carousel-left,
 #main-carousel .carousel-right{
  padding: 15px;
  z-index: 100;
  font-size: 60px;
  color: rgba(255, 255, 255, 1) !important;
  top: 40%;
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
 }

.carousel-right {
   right:65px
 }

.carousel-left {
   left:65px
 }

#main-carousel .carousel-left:hover,
 #main-carousel .carousel-right:hover{
  color: #F6F6F6;
 }






@media (max-width: 768px) {
	
	
	section { padding: 20px 0;}
	p {line-height:100%;}
	
	
	
  #main-carousel .carousel-inner .item {
  width:100%;
  height: 100%;
  margin:0 auto; 
 }
  #main-carousel .carousel-caption {
     top: 45%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     padding: 0 20px;
      right:5%;
      left:5%;
   text-shadow:0 0 2px #000;
  
 }

#main-carousel .carousel-caption > div{
     vertical-align: middle;
     display: table-cell;
 }

#main-carousel .carousel-inner {
  height:100%;
  width:100%;
 }

#main-carousel .carousel-inner h1 {
   font-weight: 700;
   text-transform: uppercase;
   margin-top: 0;
   margin-bottom: 0;
   font-size: 30px;
 }

#main-carousel .carousel-inner h2 {
   font-weight: 700;
   text-transform: uppercase;
   margin-top: 0;
   margin-bottom: 0;
   font-size: 18px;
  
 }
 
#main-carousel .carousel-inner h3 {
   font-weight: 500;
   text-transform: uppercase;
   margin-top: 0;
   margin-bottom: 0;
   font-size: 15px;
  
 }
 .board3 td{
	 font-size:12px;
 }
 .board3 th {
	 font-size:12px;
 }
 }


 .section-heading {
   margin-top: 0;
 }
 .service-box {
   max-width: 400px;
   margin: 20px auto 0;
 }
 @media (min-width: 992px) {
   .service-box {
     margin: 20px auto 0;
   }
 }
 .service-box p {
   margin-bottom: 0;
 }
.portfolio-box {
  position: relative;
  display: block;
  max-width: 1200px;
  margin: 0 auto;
  margin-left:0;
  margin-right:0;
  padding:10px 10px;
  background-color:#fff;
}
.portfolio-box h6 {
  color: #fff;
  font-weight: 300;
  margin: 0;
  position: absolute;
  padding: 20px 15px;
  bottom: 10px;
  opacity: 1;
  width:100px !important;
  right:10px;
  text-align:right;
  text-shadow:0 0 2px #000;
  background: rgba(0, 0, 0, 0.6);
  z-index:500;
  font-size:12px;
}
.portfolio-box:hover h6 {  
  opacity: 0;
}
.portfolio-box .portfolio-box-caption {
  color: white;
  opacity: 0;
  display: block;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  bottom: 0;
  left:0;
  text-align: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  
  padding: 0 15px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-size: 18px;
}
.portfolio-box:hover .portfolio-box-caption {
  opacity: 1;
}
.portfolio-box:focus {
  outline: none;
}
.portfolio-box img{
	width:100%;
}

@media (min-width: 768px) {
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    font-size: 16px;
  }
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 22px;
  }
  .portfolio-box img{
	width:100%;
}
}

 .news-box {
   max-width: 500px;
   margin: 50px auto 0;
     border:1px solid #dcdcdc;
     padding:15px 15px 15px 15px;
     min-height:160px;
     overflow:hidden;
 }
 @media (min-width: 992px) {
   .news-box {
     margin: 20px auto 0;
     min-height:60px;
   }
 }
 @media (max-width: 768px) {
   .news-box {     
   
	 border:0px;
     border-top:1px solid #dcdcdc;
     min-height:60px;
	 width:100%;
     margin: 0px auto 0;
   }
   .last-hr {
	   border-bottom:1px solid #dcdcdc;
   }
   
 }
 
 h2.vision  {
	 font-size:3em;
	font-weight:100;
	width:40%;
 }
 h2 p.vision  {
	font-size:0.7em; 
	font-weight:100;
 }
 
 /*Tel*/
 @media (max-width: 768px) {
	 
 h2.vision  {
	 font-size:1.5em;
	font-weight:400;
	width:80%;
 }
 h2 p.vision  {
	font-size:1em; 
	font-weight:100;
 }
 }
 
 
 .news-box p {
   margin-bottom: 0;
 }

 .call-to-action h2 {
   margin: 0 auto 20px;
 }
 .text-primary {
   color: #337ab7;
 }
 .no-gutter > [class*='col-'] {
   padding-right: 0;
   padding-left: 0;
 }
 .btn-default {
   color: #222222;
   background-color: white;
   border: 1px solid #dcdcdc !important;
   -webkit-transition: all 0.35s;
   -moz-transition: all 0.35s;
   transition: all 0.35s;
 }
 .btn-default:hover,
 .btn-default:focus,
 .btn-default.focus,
 .btn-default:active,
 .btn-default.active,
 .open > .dropdown-toggle.btn-default {
   color: #222222;
   background-color: #f2f2f2;
   border-color: #ededed;
 }
 .btn-default:active,
 .btn-default.active,
 .open > .dropdown-toggle.btn-default {
   background-image: none;
 }
 .btn-default.disabled,
 .btn-default[disabled],
 fieldset[disabled] .btn-default,
 .btn-default.disabled:hover,
 .btn-default[disabled]:hover,
 fieldset[disabled] .btn-default:hover,
 .btn-default.disabled:focus,
 .btn-default[disabled]:focus,
 fieldset[disabled] .btn-default:focus,
 .btn-default.disabled.focus,
 .btn-default[disabled].focus,
 fieldset[disabled] .btn-default.focus,
 .btn-default.disabled:active,
 .btn-default[disabled]:active,
 fieldset[disabled] .btn-default:active,
 .btn-default.disabled.active,
 .btn-default[disabled].active,
 fieldset[disabled] .btn-default.active {
   background-color: white;
   border-color: white;
 }
 .btn-default .badge {
   color: white;
   background-color: #222222;
 }
 .btn-primary {
   color: white;
   background-color: #337ab7;
   border-color: #337ab7;
   -webkit-transition: all 0.35s;
   -moz-transition: all 0.35s;
   transition: all 0.35s;
 }
 .btn-primary:hover,
 .btn-primary:focus,
 .btn-primary.focus,
 .btn-primary:active,
 .btn-primary.active,
 .open > .dropdown-toggle.btn-primary {
   color: white;
   background-color: #052e50;
   border-color: #052e50;
 }
 .btn-primary:active,
 .btn-primary.active,
 .open > .dropdown-toggle.btn-primary {
   background-image: none;
 }
 .btn-primary.disabled,
 .btn-primary[disabled],
 fieldset[disabled] .btn-primary,
 .btn-primary.disabled:hover,
 .btn-primary[disabled]:hover,
 fieldset[disabled] .btn-primary:hover,
 .btn-primary.disabled:focus,
 .btn-primary[disabled]:focus,
 fieldset[disabled] .btn-primary:focus,
 .btn-primary.disabled.focus,
 .btn-primary[disabled].focus,
 fieldset[disabled] .btn-primary.focus,
 .btn-primary.disabled:active,
 .btn-primary[disabled]:active,
 fieldset[disabled] .btn-primary:active,
 .btn-primary.disabled.active,
 .btn-primary[disabled].active,
 fieldset[disabled] .btn-primary.active {
   background-color: #052e50;
   border-color: #052e50;
 }
 .btn-primary .badge {
   color: #052e50;
   background-color: white;
 }
 .btn {
   border: none;
   border-radius: 3px;
   text-transform: uppercase;
 }
 .btn-xl {
   padding: 15px 30px;
 }
 
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px !important;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px !important;
  font-size: 11px !important;
  line-height: 1.5;
  border-radius: 3px !important;
}
.btn-circle {	
width:80px;
height:80px;
   border: none;
   border-radius: 50%;
   font-weight: 700;
   text-transform: uppercase;
   padding-top:30px;
   padding
}

.blog-post {
  border-bottom: 1px dotted #f2f2f2;
  margin-bottom: 60px;
}
.blog-post .author img {
  border-radius: 50%;
}
.blog-post .post-meta {
  margin-bottom: 10px;
  font-size: 13px;
}
.blog-post .post-meta a {
  font-weight: bold;
  color: #4c4c4c;
}
.blog-post .post-meta a:hover {
  color: #4ecdc4;
}
.blog-post .post-meta strong {
  color: #4c4c4c;
}
.blog-post .post-title {
  margin-top: 0;
  margin-bottom: 0;
}
.blog-post .post-thumb {
  margin-bottom: 10px;
}
.blog-post .post-thumb img {
	width:100%;
  
}
.blog-post .post-title {
	
  text-decoration:none !important;
}
.blog-post a:hover, a:focus {
	text-decoration:none !important;
}
.widgets {
  /*padding-left: 20px;
  padding-right: 20px;*/
  
}
.widget {
  margin-bottom: 40px;
}
.widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget ul li {
  border-bottom: 1px solid #f2f2f2;
}
.widget ul li a {
  display: block;
  -webkit-transition: text-indent 0.3s, color 0.3s;
          transition: text-indent 0.3s, color 0.3s;
  padding: 5px 0;
}
.widget ul li a:hover {
  text-indent: 20px;
  text-decoration:none;
}
.widget ul li a:hover .badge {
  text-indent: 0;
  background-color: #4c4c4c;
}
.widget ul li .recent-post {
  padding: 10px 0;
}
.widget ul li .recent-post .post-thumb {
  display: block;
  float: left;
  /*margin-right: 15px;*/
  padding-bottom:10px;
}
.widget ul li .recent-post .post-thumb img {
  width:100%;
  padding-right:0;
  display: block;
  float: left;
}
.widget ul li .recent-post .post-title {
  font-family: "Open Sans";
  font-weight: 100;
  letter-spacing: 0;
  font-size: 15px;
  margin: 0 0 5px;
}
.widget ul li .recent-post .post-title a {
  display: inline;
}
.widget ul li .recent-post .post-meta {
  font-size: 12px;
}
.widget ul li .recent-post .post-meta a {
  font-weight: bold;
  color: #4c4c4c;
  display: inline;
}
.widget ul li .recent-post .post-meta a:hover {
  color: #4ecdc4;
}
.widget ul li .recent-post a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0;
}
.widget ul li .recent-post a:hover {
  text-indent: 0;
}
.widget ul li .badge {
  font-size: 10px;
  font-weight: 300;
  vertical-align: middle;
  margin-top: 5px;
  text-indent: 0;
  background-color: #4ecdc4;
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
}
.widget .widget-title {
  font-weight: 300;
  /*font-size: 28px;*/
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-top:20px;
}
.widget .tagcloud a {
  font-size: 13px;
  border-radius: 40px;
  color: #737373;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 3px 20px;
  border-color: #e5e5e5;
  border-width: 1px;
  border-style: solid;
  margin-bottom: 6px;
  -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
          transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
.widget .tagcloud a:hover {
  border-color: #4ecdc4;
  background-color: #4ecdc4;
  color: #fff;
}


#dropbox-container {
	height:30px !important;
}

#dropbox-container a.dropbox-dropin-btn {
    display: inline-block;
    height: 24px !important;
    font-family: "Lucida Grande", "Segoe UI", "Tahoma", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 14px;
    font-weight: 600;
	width:220px;
    color: #636363;
    text-decoration: none;
    padding: 5px 7px 5px 7px;
    border: 0;
	background:none;
	
}
#dropbox-container1 {
	height:30px !important;
}

#dropbox-container1 a.dropbox-dropin-btn {
    display: inline-block;
    height: 24px !important;
    font-family: "Lucida Grande", "Segoe UI", "Tahoma", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 14px;
    font-weight: 600;
	width:220px;
    color: #636363;
    text-decoration: none;
    padding: 5px 7px 5px 7px;
    border: 0;
	background:none;
	
}

#pick {
	height:35px !important;
    display: inline-block;
    font-family: "Lucida Grande", "Segoe UI", "Tahoma", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 14px;
    font-weight: 600;
	width:235px;
    color: #636363;
    text-decoration: none;
    padding: 4px 7px 6px 7px;
    border: 0;
	text-align:left;
}
#pick1 {
	height:35px !important;
    display: inline-block;
    font-family: "Lucida Grande", "Segoe UI", "Tahoma", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 14px;
    font-weight: 600;
	width:235px;
    color: #636363;
    text-decoration: none;
    padding: 4px 7px 6px 7px;
    border: 0;
	text-align:left;
}


#attach {
	height:35px !important;
    display: inline-block;
    font-family: "Lucida Grande", "Segoe UI", "Tahoma", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 14px;
    font-weight: 600;
	width:235px;
    color: #636363;
    text-decoration: none;
    padding: 5px 7px 5px 7px;
    border: 0;
	text-align:left;
}

.timeline {
  list-style: none;
  padding: 0;
  position: relative;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: "";
  width: 2px;
  background-color: #f1f1f1;
  left: 40px;
  margin-left: -1.5px;
}
.timeline > li {
  margin-bottom: 50px;
  position: relative;
  min-height: 50px;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li .timeline-panel {
  width: 100%;
  float: right;
  padding: 0 20px 0 100px;
  position: relative;
  text-align: left;
}
.timeline > li .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline > li .timeline-image {
  left: 0;
  margin-left: 0;
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: 100;
  background-color: #fed136;
  color: white;
  border-radius: 100%;
  border: 7px solid #f1f1f1;
  text-align: center;
}
.timeline > li .timeline-image h4 {
  font-size: 10px;
  margin-top: 12px;
  line-height: 14px;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
  text-align: left;
  padding: 0 20px 0 100px;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline > li:last-child {
  margin-bottom: 0;
}
.timeline .timeline-heading h4 {
  margin-top: 0;
  color: inherit;
}
.timeline .timeline-heading h4.subheading {
  text-transform: none;
}
.timeline .timeline-body > p,
.timeline .timeline-body > ul {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .timeline:before {
    left: 50%;
  }
  .timeline > li {
    margin-bottom: 40px;
    min-height: 100px;
  }
  .timeline > li .timeline-panel {
    width: 41%;
    float: left;
    padding: 0 20px 20px 30px;
    text-align: right;
  }
  .timeline > li .timeline-image {
    width: 100px;
    height: 100px;
    left: 50%;
    margin-left: -50px;
  }
  .timeline > li .timeline-image h4 {
    font-size: 13px;
    margin-top: 16px;
    line-height: 18px;
  }
  .timeline > li.timeline-inverted > .timeline-panel {
    float: right;
    text-align: left;
    padding: 0 30px 20px 20px;
  }
}
@media (min-width: 992px) {
  .timeline > li {
    min-height: 150px;
  }
  .timeline > li .timeline-panel {
    padding: 0 20px 20px;
  }
  .timeline > li .timeline-image {
    width: 150px;
    height: 150px;
    margin-left: -75px;
  }
  .timeline > li .timeline-image h4 {
    font-size: 18px;
    margin-top: 30px;
    line-height: 26px;
  }
  .timeline > li.timeline-inverted > .timeline-panel {
    padding: 0 20px 20px;
  }
}
@media (min-width: 1200px) {
  .timeline > li {
    min-height: 150px;
  }
  .timeline > li .timeline-panel {
    padding: 0 20px 20px 20px;
  }
  .timeline > li .timeline-image {
    width: 170px;
    height: 170px;
    margin-left: -85px;
  }
  .timeline > li .timeline-image h4 {
    margin-top: 40px;
  }
  .timeline > li.timeline-inverted > .timeline-panel {
    padding: 0 20px 20px 20px;
  }
}

 ::-moz-selection {
   color: white;
   text-shadow: none;
   background: #222222;
 }
 ::selection {
   color: white;
   text-shadow: none;
   background: #222222;
 }
 image::selection {
   color: white;
   background: transparent;
 }
 image::-moz-selection {
   color: white;
   background: transparent;
 }
 body {
   webkit-tap-highlight-color: #222222;
 }
 ​