/*

	Theme Name: INNERA - Portfolio Template
	Theme URI: http://www.locotheme.com/innera-html/
	Description: Portfolio Template
	Version: 1.0
	Author: Loco Theme
	Author URI: http://www.locotheme.com

	- - - - - Contents - - - - -
	
	01 - Basic Stylesheet
	02 - General Stylesheet
	03 - Layout Stylesheet

	- - - - - - - - - - - - - -
	
*/	

/*  01 - Basic Stylesheet
-----------------------------------------------------------*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothicweb.css);
html{
	width					: 100%;
	height					: 100%; 
}
body{
	width					: 100%;
	height					: 100%;
	margin					: 0;
	padding					: 0;
	font-size				: 14px;
    font-family             : 'Raleway', sans-serif;
	font-weight				: 500;
	color					: #000;
	text-rendering			: optimizeLegibility;
    background-position     : top left;
    background-repeat       : no-repeat;
    background-attachment   : fixed;
    background-size         : cover;
    background-image		: url("../img/slide-1.jpg");
	-webkit-font-smoothing	: antialiased;
	   -moz-font-smoothing	: antialiased;
	        font-smoothing	: antialiased;
			
}


a{
	color                   : #000;
	outline					: 0;
	text-decoration			: none;
}

a:focus{
	color					: #fff;
	outline					: 0;
	text-decoration			: none;
}
a:active{
	color                   : #fff;
	coutline                : 0;
	text-decoration         : none;
}
a:hover{
	color                   : #fff;
	outline					: 0;
	text-decoration			: none;                     
}
p{
	line-height				: 30px;
    margin-bottom           : 20px;
}
img{
	max-width				: 100%;
}
mark, .mark{
    padding                 : 0 5px;
	color                   : #fff;
    background-color        : #222860;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family				:  'Montserrat', sans-serif;
	font-weight				: 700;
	padding					: 0;
    margin                  : 0 0 20px 0;
}
h1 + h2{
    font-family             :  'Raleway', sans-serif;
	font-weight				: 500;
}
nanumgothic1{
	font-size               : 20px;
	font-family             :  'Nanum Gothic', sans-serif;
	font-weight				: 700;
	padding					: 0;
    margin                  : 0 0 20px 0;
}
nanumgothic2{
	color                   : #222860;
	font-size               : 12px;
	font-family             :  'Nanum Gothic', sans-serif;
	font-weight				: 700;
	padding					: 0;
    margin                  : 0 0 20px 0;
	
}
nanumgothic3{
	color                   : #222860;
	font-size               : 12px;
	font-family             :  'Nanum Gothic', sans-serif;
	font-weight				: 900;
	padding					: 0;
    margin                  : 0 0 20px 0;
	background-color        : #fff;
	display                 : inline-block;
    padding                 : 3px 5px;
    font-size               : 11px;
    margin-bottom           : 0;
	position                : relative;
    left                    : 20px;
}
nanumgothic4{
	color                   : #fff;
	font-size               : 14px;
	font-family             :  'Nanum Gothic', sans-serif;
	font-weight				: 700;
	padding					: 0;
    margin                  : 20px 0 20px 0;
	background-color        : #222860;
	display                 : inline-block;
    padding                 : 3px 5px;
   
    margin-bottom           : 20;
	position                : relative;
   
}
nanumgothic5{
	color                   : #000;
	font-size               : 12px;
	font-family             :  'Nanum Gothic', sans-serif;
	font-weight				: 500;
	padding					: 0;
    margin                  : 20px 0 20px 0;
	
	display                 : inline-block;
    padding                 : 3px 5px;
   
    margin-bottom           : 20;
	position                : relative;
}
ul{
	list-style-type			: none;
	margin					: 0;
	padding					: 0;
}
button{
	padding					: 0;
	margin					: 0;
	border					: none;
	outline					: none;
	background				: none;
}
hr{
	margin					: 0;
	padding					: 0;
	border					: 0;
	border-bottom			: 1px solid #f1f1f1;
}
hr2{
	margin					: 0;
	padding					: 0;
	border					: 0;
	border-bottom			: 1px solid #fff;
}
hr.seperator{
    margin-top              : 40px;
    margin-bottom           : 40px;
}
hr2.seperator{
    margin-top              : 40px;
    margin-bottom           : 40px;
}
iframe{
	width					: 100%;
	border					: 0;
	outline					: none;
	overflow				: hidden;
}
input, select, textarea{
	padding					: 0;
	margin					: 0;
	border					: none;
	outline					: none;
}
::selection{
	color					: #000;
	background				: #222860;
}
::-moz-selection{
	color					: #000;
	background				: #222860;
}

/*  02 - General Stylesheet
-----------------------------------------------------------*/
a,
.btn,
.link-more:before,
.nav-prevnext ul li.prev .fa,
.nav-prevnext ul li.next .fa,
.data-form input,
.data-form select,
.data-form textarea,
.owl-theme .owl-controls .owl-buttons div,
.blog-list.type-one .row div[class*="col-"],
.blog-list.type-two .bl-post,
.blog-list.type-two .bl-post .post-image:before,
.team-list.type-one .team-member > a:before,
.team-list.type-two .team-member > a:before,
.team-list.type-one .team-member .member-social,
.team-list.type-two .team-member .member-social,
.project-list.type-one .project-col .project-info,
.project-list.type-one .project-col .project-info h3,
.project-list.type-one .project-col .project-info h4,
.project-list.type-two .project-item .project-link:before,
.project-list.type-two .project-item .project-info h3,
.client-list.type-one .row div[class*="col-"],
.blog-sidebar .sidebar-categories ul li a:before,
.blog-sidebar .sidebar-archive ul li a:before,
.site-header .header-menu nav > ul > li:before{
	-webkit-transition		: all 0.2s ease-in-out;
	   -moz-transition		: all 0.2s ease-in-out;
	    -ms-transition		: all 0.2s ease-in-out;
	     -o-transition		: all 0.2s ease-in-out;
	        transition		: all 0.2s ease-in-out;
}

.btn,
.link-more,
.data-form label,
.contact-info ul li b,
.nav-prevnext ul li a,
.project-filter.type-one ul li a,
.blog-list.type-one h6 a, 
.blog-list.type-two h6 a,
.blog-list.type-one h6 span, 
.blog-list.type-two h6 span,
.team-list.type-one .team-member .member-desc h5,
.team-list.type-one .team-member .member-desc h6,
.team-list.type-two .team-member .member-desc h5,
.team-list.type-two .team-member .member-desc h6,
.services-list.type-one h5,
.services-list.type-two .sl-item h5,
.testimonial-list.type-one .item h5,
.testimonial-list.type-one .item h6,
.counter-list.type-one .item h5,
.project-list.type-one .project-col .project-info h4,
.project-list.type-two .project-item .project-info h4,
.blog-sidebar h4,
.blog-sidebar .sidebar-search input[type="text"],
.blog-sidebar .sidebar-categories ul li,
.blog-sidebar .sidebar-recent ul li .date,
.blog-sidebar .sidebar-tags ul li,
.blog-sidebar .sidebar-archive ul li,
.blog-single .post-right,
.blog-single .post-head ul li,
.blog-single .post-tags h5,
.blog-single .post-tags ul li,
.blog-single .post-comments h5,
.blog-single .post-comments .comment-date,
.blog-single .post-form h5,
.team-single .team-head h2,
.project-single.type-one .project-body .project-info ul li h5,
.project-single.type-one .project-body .project-info ul li h6{
    text-transform          : uppercase;
}

.clear{
	clear					: both;
	margin					: 0;
	padding					: 0;
}
.img-full{
	width					: 100%;
}
.text-default{
    font-family             : 'Raleway', sans-serif;
	font-weight				: 500;
}
.inline{
	display					: inline-block;
}
.block{
	display					: block;
}

.btn{
	height					: 27px;
	line-height				: 27px;
	padding					: 0 15px;
    white-space             : nowrap;
    text-overflow           : ellipsis;
    overflow                : hidden;
	font-family				: 'Montserrat', sans-serif;
	font-weight				: 700;
	font-size				: 12px;
	border					: none;
	-webkit-border-radius	: 0px;
	   -moz-border-radius	: 0px;
	        border-radius	: 0px;
}
.btn,
.btn:hover,
.btn:active,
.btn:active:focus,
.btn:focus{
	
	text-decoration			: none;
	outline					: 0;
	-webkit-box-shadow		: none;
	   -moz-box-shadow		: none;
	        box-shadow		: none;
}
.btn .fa.left{
	margin-right			: 10px;
	margin-left				: -10px;
}
.btn .fa.right{
	margin-left				: 10px;
	margin-right			: -10px;
}
.btn.btn-yellow{
    color                   : #fff;
    background-color        : #222860;
}
.btn.btn-yellow:hover{
    color                   : #fff;
    background-color        : #000;
}
.btn.btn-black{
    color                   : #fff;
    background-color        : #000;
}
.btn.btn-black:hover{
    color                   : #fff;
    background-color        : #222860;
}
.btn.btn-white{
    background-color        : #fff;
}
.btn.btn-white:hover{
    color                   : #fff;
    background-color        : #000;
}
.btn.btn-border{
    color                   : #000;
    border                  : 1px solid #000;
    background-color        : #fff;
}
.btn.btn-border:hover{
    color                   : #fff;
    border                  : 1px solid #000;
    background-color        : #000;
}
.btn.btn-round{
    -webkit-border-radius	: 20px;
	   -moz-border-radius	: 20px;
	        border-radius	: 20px;
}
.btn-mini{
    height                  : 30px;
    line-height             : 30px;
    padding                 : 0 20px;
    font-size               : 11px;
}
.btn-mini .fa.right{
    margin-right            : -5px;
}
.btn-mini .fa.left{
    margin-left             : -5px;
}
.btn-mini.btn-round{
    -webkit-border-radius	: 15px;
	   -moz-border-radius	: 15px;
	        border-radius	: 15px;
}

.link-more{
    display                 : inline-block;
    font-family				: 'Montserrat', sans-serif;
    font-size               : 11px;
    font-weight             : 700;
    position                : relative;
    z-index                 : 1;
}
.link-more:before{
    content                 : "";
    position                : absolute;
    top                     : -20%;
    left                    : -10%;
    z-index                 : -1;
    width                   : 0;
    height                  : 140%;
    background-color        : #222860;
}
.link-more:hover:before,
.link-more.active:before{
    width                   : 120%;
}

.align-left{
	text-align				: left;
}
.align-center{
	text-align				: center;
}
.align-right{
	text-align				: right;
}
.align-justify{
	text-align				: justify;
}

.font-w400{
	font-weight				: 400;
}
.font-w500{
	font-weight				: 500;
}
.font-w600{
	font-weight				: 600;
}
.font-w700{
	font-weight				: 700;
}

.padding-b10{
	padding-bottom			: 10px;
}
.padding-b20{
	padding-bottom			: 20px;
}
.padding-b30{
	padding-bottom			: 30px;
}
.padding-b40{
	padding-bottom			: 40px;
}
.padding-b50{
	padding-bottom			: 50px;
}
.padding-b60{
	padding-bottom			: 60px;
}
.padding-v20{
	padding-top				: 10px;
	padding-bottom			: 10px;
}
.padding-v30{
	padding-top				: 15px;
	padding-bottom			: 15px;
}
.padding-v40{
	padding-top				: 20px;
	padding-bottom			: 20px;
}
.padding-v50{
	padding-top				: 25px;
	padding-bottom			: 25px;
}
.padding-v60{
	padding-top				: 30px;
	padding-bottom			: 30px;
}

.margin-b10{
	margin-bottom			: 10px;
}
.margin-b20{
	margin-bottom			: 20px;
}
.margin-b30{
	margin-bottom			: 30px;
}
.margin-b40{
	margin-bottom			: 40px;
}
.margin-b50{
	margin-bottom			: 50px;
}
.margin-b60{
	margin-bottom			: 60px;
}
.margin-v20{
	margin-top				: 10px;
	margin-bottom			: 10px;
}
.margin-v30{
	margin-top				: 15px;
	margin-bottom			: 15px;
}
.margin-v40{
	margin-top				: 20px;
	margin-bottom			: 20px;
}
.margin-v50{
	margin-top				: 25px;
	margin-bottom			: 25px;
}
.margin-v60{
	margin-top				: 30px;
	margin-bottom			: 30px;
}

.row.row-grid{
    margin-left             : 0;
    margin-right            : 0;
}
.row.row-grid > div[class*="col-"]{
    padding-left            : 0;
    padding-right           : 0;
}

.type-grid > .row{
    margin-left             : 0;
    margin-right            : 0;
}
.type-grid > .row > div[class*="col-"]{
    padding                 : 0;
}

.data-form label{
	display					: block;
	margin-bottom			: 10px;
}
.data-form select,
.data-form input[type="text"],
.data-form input[type="password"],
.data-form input[type="color"],
.data-form input[type="date"],
.data-form input[type="datetime"],
.data-form input[type="datetime-local"],
.data-form input[type="email"],
.data-form input[type="month"],
.data-form input[type="number"],
.data-form input[type="range"],
.data-form input[type="search"],
.data-form input[type="tel"],
.data-form input[type="time"],
.data-form input[type="url"],
.data-form input[type="week"]{
	font-family:'Nanum Gothic';
	width					: 100%;
	outline					: none;
	padding					: 0 15px;
	margin					: 0;
	height					: 40px;
	line-height				: 40px;
	border					: 1px solid #d3d6d7;
    font-size               : 11px;
	background-color		: #fff;
}
.data-form select:focus,
.data-form input[type="text"]:focus,
.data-form input[type="password"]:focus,
.data-form input[type="color"]:focus,
.data-form input[type="date"]:focus,
.data-form input[type="datetime"]:focus,
.data-form input[type="datetime-local"]:focus,
.data-form input[type="email"]:focus,
.data-form input[type="month"]:focus,
.data-form input[type="number"]:focus,
.data-form input[type="range"]:focus,
.data-form input[type="search"]:focus,
.data-form input[type="tel"]:focus,
.data-form input[type="time"]:focus,
.data-form input[type="url"]:focus,
.data-form input[type="week"]:focus{
	font-family:'Nanum Gothic';
	border-color			: #999;
}
.data-form select{
	   -webkit-appearance	: none;
          -moz-appearance	: none;
    		   appearance	: none;
	-webkit-border-radius	: 0;
	   -moz-border-radius	: 0;
	        border-radius	: 0;
}
.data-form textarea{
	font-family:'Nanum Gothic';
	width					: 100%;
	height					: 150px;
	outline					: none;
	padding					: 15px;
	margin					: 0;
	border					: 1px solid #d3d6d7;
	resize					: vertical;
    font-size               : 11px;
	background-color		: #fff;
}
.data-form textarea:focus{
	border-color			: #999;
}
.data-form .row div[class*="col-"]{
	margin-bottom			: 20px;
}
.data-form .row div[class*="col-"]:last-child{
	margin-bottom			: 0;
}





.data-form2 label{
	display					: block;
	margin-bottom			: 10px;
}
.data-form2 select,
.data-form2 input[type="text"],
.data-form2 input[type="password"],
.data-form2 input[type="color"],
.data-form2 input[type="date"],
.data-form2 input[type="datetime"],
.data-form2 input[type="datetime-local"],
.data-form2 input[type="email"],
.data-form2 input[type="month"],
.data-form2 input[type="number"],
.data-form2 input[type="range"],
.data-form2 input[type="search"],
.data-form2 input[type="tel"],
.data-form2 input[type="time"],
.data-form2 input[type="url"],
.data-form2 input[type="week"]{
	font-family:'Nanum Gothic';
	width					: 100%;
	outline					: none;
	padding					: 0 15px;
	margin					: 0;
	height					: 40px;
	line-height				: 40px;
	border					: 1px solid #d3d6d7;
    font-size               : 11px;
	background-color		: #fff;
}
.data-form2 select:focus,
.data-form2 input[type="text"]:focus,
.data-form2 input[type="password"]:focus,
.data-form2 input[type="color"]:focus,
.data-form2 input[type="date"]:focus,
.data-form2 input[type="datetime"]:focus,
.data-form2 input[type="datetime-local"]:focus,
.data-form2 input[type="email"]:focus,
.data-form2 input[type="month"]:focus,
.data-form2 input[type="number"]:focus,
.data-form2 input[type="range"]:focus,
.data-form2 input[type="search"]:focus,
.data-form2 input[type="tel"]:focus,
.data-form2 input[type="time"]:focus,
.data-form2 input[type="url"]:focus,
.data-form2 input[type="week"]:focus{
	font-family:'Nanum Gothic';
	border-color			: #999;
}
.data-form2 select{
	   -webkit-appearance	: none;
          -moz-appearance	: none;
    		   appearance	: none;
	-webkit-border-radius	: 0;
	   -moz-border-radius	: 0;
	        border-radius	: 0;
}
.data-form2 textarea{
	font-family:'Nanum Gothic';
	width					: 100%;
	height					: 150px;
	outline					: none;
	padding					: 15px;
	margin					: 0;
	border					: 1px solid #d3d6d7;
	resize					: vertical;
    font-size               : 11px;
	background-color		: #fff;
}
.data-form2 textarea:focus{
	border-color			: #999;
}
.data-form2 .row div[class*="col-"]{
	margin-bottom			: 20px;
}
.data-form2 .row div[class*="col-"]:last-child{
	margin-bottom			: 0;
}
.owl-theme .owl-controls{
    margin-top              : 0;
}
.owl-theme .owl-controls .owl-buttons div{
	width					: 40px;
	height					: 40px;
	padding					: 0;
    margin                  : 0;
	text-align				: center;
	font					: normal normal normal 14px/1 FontAwesome;
	text-rendering			: auto;
	transform				: translate(0, 0);
	color					: #444;
	filter					: Alpha(Opacity=100);
	opacity					: 1;
	background-color		: #f1f1f1;
	 -webkit-font-smoothing	: antialiased;
	-moz-osx-font-smoothing	: grayscale;
	  -webkit-border-radius	: 0;
	     -moz-border-radius	: 0;
	          border-radius	: 0;
}
.owl-theme .owl-controls .owl-buttons div:hover{
    color                   : #fff;
    background-color        : #000;
}
.owl-theme .owl-controls .owl-buttons .owl-prev:before,
.owl-theme .owl-controls .owl-buttons .owl-next:before{
	line-height				: 40px;
}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{
	content					: "\f104";
}
.owl-theme .owl-controls .owl-buttons .owl-next:before{
	content					: "\f105";
}
.owl-theme .owl-controls .owl-page span{
    border                  : 1px solid #000;
    background-color        : transparent;
}
.owl-theme .owl-controls .owl-page.active span{
    background-color        : #000;
}
.owl-theme.owl-one .owl-controls .owl-buttons{
    position                : absolute;
}

.nav-pager ul li a,
.nav-prevnext ul li a{
    display                 : block;
    text-align              : center;
    font-family				: 'Montserrat', sans-serif;
    font-size               : 12px;
    font-weight             : 700;
    background-color        : #fff;
}
.nav-pager ul li a:hover,
.nav-prevnext ul li a:hover{
    background-color        : #f1f1f1;
}
.nav-pager ul li.active a,
.nav-prevnext ul li.active a{
	
    background-color        : #222860;
}

.nav-pager ul li{
    float                   : left;
}
.nav-pager ul li a{
    width                   : 50px;
    height                  : 50px;
    line-height             : 50px;
}
.nav-prevnext ul li a{
    height                  : 80px;
    line-height             : 80px;
}
.nav-prevnext ul li.prev .fa,
.nav-prevnext ul li.next .fa{
    position                : relative;
}
.nav-prevnext ul li.prev .fa{
    left                    : -10px;
}
.nav-prevnext ul li.next .fa{
    right                   : -10px;
}
.nav-prevnext ul li.prev:hover .fa{
    left                    : -20px;
}
.nav-prevnext ul li.next:hover .fa{
    right                   : -20px;
}

.social-icons li{
	float					: left;
	margin-right			: 10px;
}
.social-icons li a{
	display					: inline-block;
	width					: 34px;
	height					: 34px;
	line-height				: 34px;
    font-size               : 12px;
	text-align				: center;
    border                  : 1px solid #000;
}
.social-icons li:hover a{
	color					: #fff;
    background-color        : #000;
}
.social-icons li:last-child{
	margin-right			: 0;
}
.social-icons.social-round li a{
	-webkit-border-radius	: 50%;
	   -moz-border-radius	: 50%;
	        border-radius	: 50%;
}

.contact-info,
.contact-form{
    font-family				: 'Montserrat', sans-serif;
    font-size               : 13px;
}
.contact-info,
.contact-social,
.contact-form,
.contact-map.offset-h{
    margin-bottom           : 40px;
	
}
.contact-info:last-child,
.contact-info ul li:last-child,
.contact-social:last-child,
.contact-form:last-child{
    margin-bottom           : 0;
	
}
.contact-info ul li{
    margin-bottom           : 10px;
}
.contact-info,
.contact-form2{
    font-family				: 'Montserrat', sans-serif;
    font-size               : 13px;
}
.contact-info,
.contact-social,
.contact-form2,
.contact-map.offset-h{
    margin-bottom           : 40px;
	
}
.contact-info:last-child,
.contact-info ul li:last-child,
.contact-social:last-child,
.contact-form2:last-child{
    margin-bottom           : 0;
}
.contact-info ul li{
    margin-bottom           : 10px;
}

.promo-banner.type-one{
    padding                 : 40px;
    border                  : 1px solid #000;
}
.promo-banner.type-one h3{
    margin-bottom           : 0;
}

.promo-banner.type-two{
    color                   : #fff;
    background-position     : top left;
    background-repeat       : no-repeat;
    background-attachment   : fixed;
    background-size         : cover;
}
.promo-banner.type-two h1,
.promo-banner.type-two h2{
    margin-bottom           : 0;
}
.promo-banner.type-two h2{
    margin-top              : 10px;
    font-family             : 'Raleway', sans-serif;
	font-weight				: 500;
    line-height             : 40px;
}
.promo-banner.type-two p:last-child{
    margin-bottom           : 0;
}

.pricing-table.type-one{
    margin-top              : 40px;
    margin-bottom           : -40px;
}
.pricing-table.type-one .item{
    padding                 : 30px;
    margin-bottom           : 40px;
    color                   : #000;
	background-color		: #676767;
}
.pricing-table.type-one .item h3{
	font-size				: 36px;
}
.pricing-table.type-one .item h4{
	margin-bottom			: 20px;
}
.pricing-table.type-one .item h3 sup,
.pricing-table.type-one .item h3 span{
	font-size				: 16px;
}
.pricing-table.type-one .item h3 sup{
	position				: relative;
	top						: -13px;
    margin-right            : 5px;
}
.pricing-table.type-one .item ul li{
	font-family				: 'Montserrat', sans-serif;
	font-size				: 12px;
	padding					: 8px 0;
}
.pricing-table.type-one .item .pt-main{
	min-height				: 300px;
}
.pricing-table.type-one .item .pt-footer .btn{
    width                   : 100%;
    border                  : 1px solid #000;
}
.pricing-table.type-one .item .pt-footer .btn:hover{
    color                   : #fff;
    background-color        : #000;
}
.pricing-table.type-one .item.active{
    background-color        : #222860;
}

.counter-list.type-one .item{
	text-align				: center;
}
.counter-list.type-one .item h5{
	display					: inline-block;
	padding					: 10px 20px;
    color                   : #fff;
	background-color		: #222860;
}
.counter-list.type-one .item .counter{
	display					: block;
    font-family				: 'Montserrat', sans-serif;
	font-size				: 4em;
	font-weight				: 700;
}

.services-list.type-one{
    margin-bottom           : -40px;
}
.services-list.type-one h5{
    margin-bottom           : 10px;
}
.services-list.type-one p{
    margin-bottom           : 10px;
}
.services-list.type-one p:last-child{
    margin-bottom           : 0;
}
.services-list.type-one .fa{
    font-size               : 1.6em;
    position                : absolute;
    top                     : -4px;
    left                    : 15px;
}
.services-list.type-one .row div[class*="col-"]{
    padding-left            : 60px;
    padding-right           : 40px;
    margin-bottom           : 40px;
}

.services-list.type-two .sl-item{
    padding                 : 40px;
    margin-bottom           : 1px;
    background-color        : #f1f1f1;
}
.services-list.type-two .sl-item p{
    line-height             : 26px;
    font-size               : 14px;
}
.services-list.type-two .sl-item p:last-child{
    margin-bottom           : 0;
}
.services-list.type-two .sl-item:last-child{
    margin-bottom           : 0;
}

.team-list.type-one .team-member,
.team-list.type-two .team-member{
    width                   : 100%;
    position                : relative;
    overflow                : hidden;
}
.team-list.type-one .team-member a,
.team-list.type-two .team-member a{
    display                 : block;
    color                   : #fff;
}
.team-list.type-one .team-member > a:before,
.team-list.type-two .team-member > a:before{
    content                 : "";
    position                : absolute;
    bottom                  : 0;
    left                    : 0;
    width                   : 100%;
    height                  : 0;
    background              : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background              : -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background              : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));
    background              : -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background              : -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background              : -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background              : linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter                  : progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.team-list.type-one .team-member .member-desc,
.team-list.type-two .team-member .member-desc{
    width                   : 100%;
    position                : absolute;
    left                    : 0;
    bottom                  : 0;
    z-index                 : 1;
    padding                 : 20px 60px 20px 20px;
             transform      : translateX(-100%);    
     -webkit-transform		: translateX(-100%);
        -moz-transform      : translateX(-100%);
         -ms-transform      : translateX(-100%);
    -webkit-transition		: all 0.3s ease-in-out;
	   -moz-transition		: all 0.3s ease-in-out;
	    -ms-transition		: all 0.3s ease-in-out;
	     -o-transition		: all 0.3s ease-in-out;
	        transition		: all 0.3s ease-in-out;
}
.team-list.type-one .team-member .member-desc h5,
.team-list.type-one .team-member .member-desc h6,
.team-list.type-two .team-member .member-desc h5,
.team-list.type-two .team-member .member-desc h6{
    white-space             : nowrap;
    text-overflow           : ellipsis;
    overflow                : hidden;
}
.team-list.type-one .team-member .member-desc h5,
.team-list.type-two .team-member .member-desc h5{
    font-size               : 13px;
    margin-bottom           : 8px;
}
.team-list.type-one .team-member .member-desc h6,
.team-list.type-two .team-member .member-desc h6{
    margin-bottom           : 0;
}
.team-list.type-one .team-member .member-social,
.team-list.type-two .team-member .member-social{
    width                   : 40px;
    height                  : 100%;
    position                : absolute;
    right                   : 0;
    top                     : 0;
    z-index                 : 2;
    font-size               : 12px;
    text-align              : center;
    background-color        : #000;
            transform       : translateX(100%);    
    -webkit-transform		: translateX(100%);
       -moz-transform       : translateX(100%);
        -ms-transform       : translateX(100%);
}
.team-list.type-one .team-member .member-social ul li a,
.team-list.type-two .team-member .member-social ul li a{
    height                  : 40px;
    line-height             : 40px;
}
.team-list.type-one .team-member .member-social ul li a:hover,
.team-list.type-two .team-member .member-social ul li a:hover{
    color                   : #000;
    background-color        : #fff;
}
.team-list.type-one .team-member:hover > a:before,
.team-list.type-two .team-member:hover > a:before{
    height                  : 100%;
}
.team-list.type-one .team-member:hover .member-desc,
.team-list.type-two .team-member:hover .member-desc{
            transform       : translateX(0);    
    -webkit-transform		: translateX(0);
       -moz-transform       : translateX(0);
        -ms-transform       : translateX(0);
}
.team-list.type-one .team-member:hover .member-social,
.team-list.type-two .team-member:hover .member-social{
            transform       : translateX(0);    
    -webkit-transform		: translateX(0);
       -moz-transform       : translateX(0);
        -ms-transform       : translateX(0);
}

.team-list.type-one .row{
    margin-left             : 0;
    margin-right            : 0;
}
.team-list.type-one .row div[class*="col-"]{
    padding-left            : 0;
    padding-right           : 0;
}

.team-list.type-two{
    margin-bottom           : -30px;
}
.team-list.type-two .row div[class*="col-"]{
    margin-bottom           : 30px;
}

.client-list.type-one{
    border-top              : 1px solid #f1f1f1;
    border-left             : 1px solid #f1f1f1;
}
.client-list.type-one img{
    max-height              : 50px;
    position                : relative;
    top                     : 50%;
            transform       : translateY(-50%);    
    -webkit-transform		: translateY(-50%);
       -moz-transform       : translateY(-50%);
        -ms-transform       : translateY(-50%);
}
.client-list.type-one .row{
    margin-left             : 0;
    margin-right            : 0;
}
.client-list.type-one .row div[class*="col-"]{
    height                  : 100px;
    text-align              : center;
    border-right            : 1px solid #f1f1f1;
    border-bottom           : 1px solid #f1f1f1;
}
.client-list.type-one .row div[class*="col-"]:hover{
    background-color        : #f7f7f7;
}
.client-list.type-one.offset-h img{
    max-width               : 50%;
}

.content-list.type-one{
    margin-bottom           : -40px;
}
.content-list.type-one p{
    font-size               : 14px;
    line-height             : 26px;
}
.content-list.type-one p:last-child{
    margin-bottom           : 0;
}
.content-list.type-one .row div[class*="col-"]{
    margin-bottom           : 40px;
}

.testimonial-list.type-one h2{
    margin-bottom           : 40px;
}
.testimonial-list.type-one .item h2{
    font-family             : 'Raleway', sans-serif;
	font-weight				: 400;
    border-left             : 4px solid #000;
    padding-left            : 30px;
}
.testimonial-list.type-one .item h5{
    margin-bottom           : 5px;
}
.testimonial-list.type-one .item h6{
    margin-bottom           : 0;
}
.testimonial-list.type-one .owl-theme .owl-controls{
    text-align              : left;
    margin-top              : 40px;
}
.testimonial-list.type-one .owl-theme .owl-controls .owl-page:first-child span{
    margin-left             : 0;
}
.testimonial-list.type-one .owl-theme .owl-controls .owl-buttons{
    top                     : inherit;
    bottom                  : 0;
}
.testimonial-list.type-one.offset-h,
.testimonial-list.type-one.offset-all-bottom{
    background-color        : #222860;
}
.testimonial-list.type-one.offset-h .owl-theme .owl-controls .owl-buttons div,
.testimonial-list.type-one.offset-all-bottom .owl-theme .owl-controls .owl-buttons div{
    color                   : #fff;
    background-color        : #000;
}
.testimonial-list.type-one.offset-h .owl-theme .owl-controls .owl-buttons div:hover,
.testimonial-list.type-one.offset-all-bottom .owl-theme .owl-controls .owl-buttons div:hover{
    color                   : #000;
    background-color        : #fff;
}

.project-filter.type-one{
	color                   : #fff;
    margin-left             : -5px;
    margin-right            : -5px;
    margin-bottom           : 10px;
}
.project-filter.type-one ul li{
	color                   : #fff;
    float                   : right;
    padding-right           : 5px;
    padding-left            : 5px;
    margin-bottom           : 5px;
}
.project-filter.type-one ul li a{
	border:groove;
	border-color:#222860;
	color                   : #222860;
    padding                 : 5px 20px;
    display                 : block;
    white-space             : nowrap;
    text-overflow           : ellipsis;
    overflow                : hidden;
    font-family				: 'NanumGothic';
    font-size               : 11px;
	font-weight				: 800;
   
}
.project-filter.type-one ul li:last-child{
    margin-right            : 0;
}
.project-filter.type-one ul li.active a,
.project-filter.type-one ul li:hover a{
	

  
   border:groove;
   border-color:#222860;
   background-color:#eeeeee;
}

.project-list.type-one{
    margin-left             : -20px;
    margin-right            : -20px;
    margin-bottom           : -20px;
}
.project-list.type-one .project-col{
    padding                 : 20px;
}
.project-list.type-one .project-col .project-link{
    display                 : block;
    position                : relative;
    overflow                : hidden;
}
.project-list.type-one .project-col .project-info{
	
	
    position                : absolute;
    left                    : 0;
    right                   : 0;
    bottom                  : 80%;
    top                     : 0;
    padding                 : 20px;
    background-color        : rgba(0,0,0,0.6);
    -khtml-opacity			: 0;
	  -moz-opacity			: 0;
	       opacity			: 1;
			filter			: alpha(opacity=100);
}
.project-list.type-one .project-col .project-info h3,
.project-list.type-one .project-col .project-info h4{
    position                : relative;
    left                    : 20px;
}
.project-list.type-one .project-col .project-info h3{
    font-size               : 16px;
    color                   : #fff;
    margin-bottom           : 5px;
}
.project-list.type-one .project-col .project-info h4{
    display                 : inline-block;
    padding                 : 3px 5px;
    font-size               : 11px;
    margin-bottom           : 0;
    background-color        : #c1c1c1;
}
.project-list.type-one .project-col:hover .project-info{
    -khtml-opacity			: 1;
	  -moz-opacity			: 1;
	       opacity			: 1;
			filter			: alpha(opacity=100);
}
.project-list.type-one .project-col:hover .project-info h3,
.project-list.type-one .project-col:hover .project-info h4{
    left                    : 0;
}

.project-list.type-one.grid .project-col .project-link:after{
    content                 : "";
    display                 : block;
    padding-top             : 100%;
}
.project-list.type-one.grid .project-col .project-photo{
    position                : absolute;
    left                    : 0;
    right                   : 0;
    bottom                  : 0;
    top                     : 0;
}

.project-list.type-one.nospace{
    margin-left             : 0;
    margin-right            : 0;
    margin-bottom           : 0;
}
.project-list.type-one.nospace .project-col{
    padding                 : 0;
}

.project-list.type-two .project-item,
.project-list.type-two .project-item .project-link:after{
    -webkit-transition		: all 0.5s ease-in-out;
	   -moz-transition		: all 0.5s ease-in-out;
	    -ms-transition		: all 0.5s ease-in-out;
	     -o-transition		: all 0.5s ease-in-out;
	        transition		: all 0.5s ease-in-out;
}
.project-list.type-two .project-item{
    border-bottom           : 1px solid #fff;
    background-position     : 50% 0;
    background-repeat       : no-repeat;
    background-size         : cover;
}
.project-list.type-two .project-item .project-link{
    display                 : block;
    position                : relative;
}
.project-list.type-two .project-item .project-link:before,
.project-list.type-two .project-item .project-link:after{
    width                   : 100%;
    height                  : 100%;
    display                 : block;
    content                 : "";
    position                : absolute;
    top                     : 0;
    left                    : 0;
}
.project-list.type-two .project-item .project-link:before{
    z-index                 : 1;
    background              : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background              : -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%);
    background              : -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(60%,rgba(0,0,0,0)));
    background              : -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 60%);
    background              : -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 60%);
    background              : -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 60%);
    background              : linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 60%);
    filter                  : progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}
.project-list.type-two .project-item .project-link:after{
    z-index                 : 2;
    background-color        : #f1f1f1;
}
.project-list.type-two .project-item .project-info{
    padding                 : 40px;
    position                : relative;
    z-index                 : 3;
}
.project-list.type-two .project-item .project-info h3{
    white-space             : nowrap;
    text-overflow           : ellipsis;
    overflow                : hidden;
    margin-bottom           : 10px;
}
.project-list.type-two .project-item .project-info h4{
    display                 : inline-block;
    padding                 : 3px 5px;
    margin-bottom           : 0;
    font-size               : 12px;
    background-color        : #222860;
}
.project-list.type-two .project-item:hover{
    background-position     : 50% 50%;
}
.project-list.type-two .project-item:hover .project-link:after{
    width                   : 0;
}
.project-list.type-two .project-item:hover .project-info h3{
    color                   : #fff;
}
.project-list.type-two .project-item:last-child{
    margin-bottom           : 0;
    border-bottom           : 0;
}

.blog-list.type-one,
.blog-list.type-two{
    border-top              : 1px solid #f1f1f1;
}
.blog-list.type-one h3,
.blog-list.type-two h3{
    margin-bottom           : 10px;
}
.blog-list.type-one h6,
.blog-list.type-two h6{
    color                   : #666;
    margin-bottom           : 10px;
}
.blog-list.type-one h6:last-child,
.blog-list.type-two h6:last-child{
    margin-bottom           : 0;
}
.blog-list.type-one h6 a,
.blog-list.type-two h6 a{
    display                 : inline-block;
    margin-right            : 2px;
    margin-bottom           : 5px;
    color                   : #000;
}
.blog-list.type-one h6 span,
.blog-list.type-two h6 span{
    display                 : inline-block;
}
.blog-list.type-one p,
.blog-list.type-two p{
    font-size               : 13px;
    line-height             : 20px;
    color                   : #666;
}

.blog-list.type-one .bl-post{
    padding                 : 30px 40px;
    color                   : #000;
}
.blog-list.type-one .row div[class*="col-"]{
    background-color        : #fff;
}
.blog-list.type-one .row div[class*="col-"]:hover{
    background-color        : #f1f1f1;
}

.blog-list.type-two .bl-post{
    padding                 : 30px 40px;
    color                   : #000;
    border-bottom           : 1px solid #f1f1f1;
    background-color        : #fff;
}
.blog-list.type-two .bl-post:hover{
    background-color        : #f1f1f1;
}
.blog-list.type-two .bl-post:last-child{
    border-bottom           : 0;
}

.blog-sidebar h4,
.blog-sidebar .sidebar-search input[type="text"],
.blog-sidebar .sidebar-categories ul li,
.blog-sidebar .sidebar-recent ul li .date,
.blog-sidebar .sidebar-tags ul li,
.blog-sidebar .sidebar-archive ul li{
    font-family				: 'Montserrat', sans-serif;
	font-weight				: 700;
}
.blog-sidebar h4{
	font-size				: 12px;
    color                   : #000;
	margin-bottom			: 20px;
}
.blog-sidebar .sidebar-search,
.blog-sidebar .sidebar-categories,
.blog-sidebar .sidebar-recent,
.blog-sidebar .sidebar-tags,
.blog-sidebar .sidebar-archive,
.blog-sidebar .sidebar-text{
	margin-bottom			: 40px;
}
.blog-sidebar .sidebar-search{
	position				: relative;
}
.blog-sidebar .sidebar-search input[type="text"]{
	width					: 100%;
	height					: 36px;
	padding					: 0 36px 0 15px;
	border					: 1px solid #e7eaeb;
	font-size				: 10px;
}
.blog-sidebar .sidebar-search button{
	position				: absolute;
	width					: 36px;
	height					: 36px;
	line-height				: 36px;
	top						: 0;
	right					: 0;
	text-align				: center;
	font-size				: 11px;
    color                   : #000;
    border-left             : 1px solid #f1f1f1;
}
.blog-sidebar .sidebar-categories ul li,
.blog-sidebar .sidebar-recent ul li,
.blog-sidebar .sidebar-archive ul li{
	margin-bottom			: 10px;
}
.blog-sidebar .sidebar-categories ul li:last-child,
.blog-sidebar .sidebar-recent ul li:last-child,
.blog-sidebar .sidebar-archive ul li:last-child{
	margin-bottom			: 0;
}
.blog-sidebar .sidebar-categories ul li,
.blog-sidebar .sidebar-archive ul li{
    position                : relative;
}
.blog-sidebar .sidebar-categories ul li a,
.blog-sidebar .sidebar-archive ul li a{
	display					: inline-block;
	font-size				: 12px;
    position                : relative;
    z-index                 : 1;
}
.blog-sidebar .sidebar-categories ul li a:before,
.blog-sidebar .sidebar-archive ul li a:before{
    content                 : "";
    position                : absolute;
    top                     : -20%;
    left                    : -10%;
    z-index                 : -1;
    width                   : 0;
    height                  : 140%;
    background-color        : #222860;
}
.blog-sidebar .sidebar-categories ul li a:hover:before,
.blog-sidebar .sidebar-categories ul li a.active:before,
.blog-sidebar .sidebar-archive ul li a:hover:before,
.blog-sidebar .sidebar-archive ul li a.active:before{
    width                   : 120%;
}
.blog-sidebar .sidebar-categories ul li .count,
.blog-sidebar .sidebar-archive ul li .count{
    position                : absolute;
    top                     : 0;
    right                   : 0;
    font-size               : 12px;
    color                   : #000;
}
.blog-sidebar .sidebar-recent ul li a{
	display					: block;
	font-size				: 13px;
}
.blog-sidebar .sidebar-recent ul li .date{
	margin-top				: 10px;
	display					: block;
	font-size				: 11px;
}
.blog-sidebar .sidebar-recent ul li .fa{
	margin-right			: 5px;
}
.blog-sidebar .sidebar-tags ul li{
	float					: left;
	margin-right			: 8px;
	margin-bottom			: 8px;
}
.blog-sidebar .sidebar-tags ul li a{
	display					: inline-block;
	font-size				: 10px;
	padding					: 5px 10px;
    background-color        : #F1F1F1;
}
.blog-sidebar .sidebar-tags ul li a:hover{
    color                   : #fff;
    background-color        : #222860;
}
.blog-sidebar .sidebar-archive ul li a{
	font-size				: 12px;
}
.blog-sidebar .sidebar-text p{
    line-height             : 22px;
    font-size               : 13px;
    color                   : #000;
    text-align              : justify;
}

.blog-with-sidebar{
    background-color        : #f1f1f1;
}
.blog-with-sidebar .blog-sidebar{
    padding                 : 40px;
}
.blog-with-sidebar .blog-sidebar .sidebar-tags ul li a{
    background-color        : #fff;
}
.blog-with-sidebar .blog-sidebar .sidebar-tags ul li a:hover{
    background-color        : #222860;
}

.blog-single .post-media{
    max-height              : 400px;
    overflow                : hidden;
}
.blog-single .post-media.auto{
    max-height              : inherit;
}
.blog-single .post-media .owl-theme .owl-controls{
    width                   : 100%;
    position                : absolute;
    left                    : 0;
    bottom                  : 0;
    margin                  : 0;
}
.blog-single .post-media .owl-theme .owl-controls .owl-page span{
    background-color        : #fff;
}
.blog-single .post-head{
    margin-bottom           : 20px;
}
.blog-single .post-head ul li{
    font-family				: 'Montserrat', sans-serif;
    font-size               : 12px;
    font-weight             : 700;
}
.blog-single .post-head ul li a{
    display                 : inline-block;
    margin-right            : 5px;
}
.blog-single .post-head ul li a:last-child{
    margin-right            : 0;
}
.blog-single .post-head ul li:last-child{
    margin-right            : 0;
}
.blog-single .post-right > ul > li{
    border-bottom           : 1px solid #f1f1f1;
    margin-bottom           : 10px;
    padding-bottom          : 10px;
    font-family				: 'Montserrat', sans-serif;
    font-size               : 16px;
    font-weight             : 700;
}
.blog-single .post-right > ul > li h6{
    color                   : #666;
    margin-bottom           : 10px;
}
.blog-single .post-right > ul > li mark{
    font-size               : 12px;
}
.blog-single .post-right > ul > li.pr-categories{
    padding-bottom          : 5px;
}
.blog-single .post-right > ul > li.pr-categories a{
    display                 : inline-block;
    margin-right            : 5px;
    margin-bottom           : 5px;
}
.blog-single .post-right > ul > li.pr-tags{
    padding-bottom          : 2px;
}
.blog-single .post-right > ul > li.pr-tags ul li{
	float					: left;
	margin-right			: 8px;
	margin-bottom			: 8px;
    font-family				: 'Montserrat', sans-serif;
    font-size               : 11px;
    font-weight             : 700;
}
.blog-single .post-right > ul > li.pr-tags ul li a{
	display					: inline-block;
	padding					: 5px 10px;
    background-color        : #F1F1F1;
}
.blog-single .post-right > ul > li.pr-tags ul li a:hover{
    color                   : #fff;
    background-color        : #222860;
}
.blog-single .post-right > ul > li:last-child{
    border-bottom           : 0;
    padding-bottom          : 0;
    margin-bottom           : 0;
}
.blog-single .post-tags ul li{
	float					: left;
	margin-right			: 8px;
	margin-bottom			: 8px;
    font-family				: 'Montserrat', sans-serif;
    font-size               : 11px;
    font-weight             : 700;
}
.blog-single .post-tags ul li a{
	display					: inline-block;
	padding					: 5px 10px;
    background-color        : #F1F1F1;
}
.blog-single .post-tags ul li a:hover{
    color                   : #fff;
    background-color        : #222860;
}
.blog-single .post-comments{
	margin					: 30px 0;
}
.blog-single .post-comments .comment-list .comment .comment-info{
	padding					: 20px;
	margin-bottom			: 20px;
	background-color		: #f1f1f1;
	-webkit-border-radius	: 5px;
	   -moz-border-radius	: 5px;
	        border-radius	: 5px;
}
.blog-single .post-comments .comment-list .comment .comment-info .comment-user,
.blog-single .post-comments .comment-list .comment .comment-info .comment-date{
	font-family				: 'Montserrat', sans-serif;
    font-weight             : 700;
}
.blog-single .post-comments .comment-list .comment .comment-info .comment-date,
.blog-single .post-comments .comment-list .comment .comment-info .comment-message{
	margin-bottom			: 20px;
}
.blog-single .post-comments .comment-list .comment .comment-info .comment-date{
	font-size				: 11px;
	color					: #999;
}
.blog-single .post-comments .comment-list .comment .comment-info .comment-message{
	font-size				: 13px;
    line-height             : 20px;
}
.blog-single .post-comments .comment-list .comment .comment-info .comment-reply .btn{
	font-size				: 10px;
    height                  : 30px;
    line-height             : 30px;
    padding                 : 0 15px;
    -webkit-border-radius	: 15px;
	   -moz-border-radius	: 15px;
	        border-radius	: 15px;
}
.blog-single .row .post-head{
    margin-top              : 0;
}

.team-single .team-head h1{
    margin-bottom           : 10px;
}
.team-single .team-head h2{
    font-family				: 'Montserrat', sans-serif;
    font-size               : 11px;
    font-weight             : 700;
    line-height             : normal;
    margin-top              : 0;
    margin-bottom           : 40px;
}
.team-single .team-body .team-bio p{
    line-height             : 26px;
}
.team-single .team-body .team-social{
    display                 : inline-block;
    background-color        : #000;
}
.team-single .team-body .team-social .social-icons li a{
    color                   : #fff;
    border                  : 0;
}
.team-single .team-body .team-social .social-icons li:hover a{
    color                   : #fff;
    background-color        : #222860;
}

.project-single.type-one .nav-prevnext,
.project-single.type-two .nav-prevnext{
    border                  : 1px solid #f1f1f1;
    background-color        : #fff;
}

.project-single.type-one .project-body .project-info,
.project-single.type-two .project-body .project-info{
    padding                 : 20px;
    background-color        : #f1f1f1;
}

.project-single.type-one .project-body .project-info ul li h5,
.project-single.type-two .project-body .project-info ul li h5{
    margin-bottom           : 10px;
}

.project-single.type-one .project-body .project-info ul li h6,
.project-single.type-two .project-body .project-info ul li h6{
    font-weight             : 400;
    margin-bottom           : 0;
}

.project-single.type-one .project-body .project-info ul li p,
.project-single.type-two .project-body .project-info ul li p{
    font-size               : 14px;
    line-height             : 24px;
    margin                  : 0;
}

.project-single.type-one .project-body .project-info ul li{
    margin-bottom           : 20px;
}
.project-single.type-one .project-body .project-info ul li:last-child{
    margin-bottom           : 0;
}
.project-single.type-one .project-body .project-content{
    padding-top             : 30px;
}

.project-single.type-two .project-body .project-info{
    text-align              : center;
}
.project-single.type-two .project-body .project-info ul li{
    padding                 : 0 15px;
}
.project-single.type-two .project-body .project-info ul li h6{
    line-height             : 24px;
    font-family             : 'Raleway', sans-serif;
	font-weight				: 500;
    font-size               : 14px;
}

.page-wrapper .page-container{
    width                   : 100%;
    max-width               : 1100px;
    min-height              : 100vh;
    background-color        : #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}
.page-wrapper .page-container .page-heading h1,
.page-wrapper .page-container .page-heading h2{
    margin-bottom           : 0;
}
.page-wrapper .page-container .page-heading h2{
    margin-top              : 10px;
    font-family             : 'Raleway', sans-serif;
	font-weight				: 500;
}

.page-wrapper .page-container.full{
    padding                 : 0;
}
.page-wrapper .page-container.full .page-heading{
    padding-top             : 70px;
    padding-left            : 40px;
    padding-right           : 40px;
}
.page-wrapper .page-container.full .nav-pager,
.page-wrapper .page-container.full .nav-prevnext{
    border-top              : 1px solid #f1f1f1;
    background-color        : #fff;
}
.page-wrapper .page-container.full .nav-pager ul li a{
    border-right            : 1px solid #f1f1f1;
    border-bottom           : 1px solid #f1f1f1;
}

.page-wrapper .page-container.full 
.page-wrapper .page-container.full .offset-left,
.page-wrapper .page-container.full .offset-right,
.page-wrapper .page-container.full .offset-bottom,
.page-wrapper .page-container.full .offset-h,
.page-wrapper .page-container.full .offset-v,
.page-wrapper .page-container.full .offset-all,
.page-wrapper .page-container.full .offset-all-top,
.page-wrapper .page-container.full .offset-all-bottom{
    margin-top              : 0;
    margin-left             : 0;
    margin-right            : 0;
    margin-bottom           : 0;
}
.offset-top{
	margin-top              : 10;
	 margin-left             : 0;
    margin-right            : 0;
    margin-bottom           : 0;
}

.page-wrapper .page-container.transparent{
    background-color		: rgba(0,0,0,0.6);
}
.page-wrapper .page-container.transparent .page-heading h1,
.page-wrapper .page-container.transparent .page-heading h2{
    color                   : #fff;
}
.page-wrapper .page-container.transparent .blog-list.type-one,
.page-wrapper .page-container.transparent .blog-list.type-two{
    border-top              : 0;
}

.page-fullscreen{
    background-color        : #000;
}
.page-fullscreen video#full-video{
    position                : fixed;
    top                     : 50%;
    left                    : 50%;
    min-width               : 100%;
    min-height              : 100%;
    width                   : auto;
    height                  : auto;
    z-index                 : 2000;
    -webkit-transform       : translateX(-50%) translateY(-50%);
        -ms-transform       : translateX(-50%) translateY(-50%);
            transform       : translateX(-50%) translateY(-50%);
}
.page-fullscreen .bx-wrapper .bx-viewport,
.page-fullscreen .bx-wrapper .bx-viewport .bxslider > li{
    height                  : 100%;
    height                  : 100vh !important;
}
.page-fullscreen .bx-wrapper .bx-viewport .bxslider > li{
    background-position     : top center;
    background-repeat       : no-repeat;
    background-size         : cover;
}
.page-fullscreen .bx-wrapper .bx-viewport .bxslider > li h1,
.page-fullscreen .bx-wrapper .bx-viewport .bxslider > li .h1{
    width                   : 100%;
    position                : absolute;
    left                    : 0;
    bottom                  : 92px;
    margin                  : 0;
    color                   : #fff;
}


/*  03 - Layout Stylesheet
-----------------------------------------------------------*/
.site-loader{
	position				: fixed;
	width					: 100%;
	height					: 100%;
	z-index					: 9000;
	background-color		: #fff;
}
.site-loader img{
	width					: 16px;
	position				: absolute;
	left					: 50%;
	top						: 50%;
	margin-left				: -8px;
	margin-top				: -8px;
}
.site-backtop{
	display					: none;
	width					: 50px;
	height					: 50px;
	line-height				: 50px;
    font-size               : 14px;
	text-align				: center;
	position				: fixed;
	bottom					: 0;
	right					: 40px;
	cursor					: pointer;
	z-index					: 5000;
	color					: #000;
	background-color		: #fff;
	
	}
.site-header7{
    width                   : 750px;
	
    padding                 : 0px 0px 0px 0px;
	margin-bottom: 0px;
    position                : fixed;
	
	bottom: 270px;
	left: 50px;
    z-index                 : 3000;
    background-color        : #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
}
.site-header2{
    width                   : 530px;
	
    padding                 : 0px 0px 0px 0px;
	margin-bottom: 0px;
    position                : fixed;
	
	bottom: 200px;
	left: 50px;
    z-index                 : 3000;
    background-color        : #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
}
.site-header6{
    width                   : 204px;
	
    padding                 : 0px 0px 0px 0px;
	margin-bottom: 0px;
    position                : fixed;
	
	bottom: 50px;
	left: 600px;
    z-index                 : 3000;
    background-color        : #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
}
.site-header3{
    width                   : 100px;
	
    padding                 : 0px 0px 0px 0px;
	margin-bottom: 0px;
    position                : fixed;
	
	bottom: 10px;
	left: 10px;
    z-index                 : 3000;
    background-color        : #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}
.site-header3{
    width                   : 100px;
	
    padding                 : 0px 0px 0px 0px;
	margin-bottom: 0px;
    position                : fixed;
	
	bottom: 10px;
	left: 110px;
    z-index                 : 3000;
    background-color        : #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}
.site-header4{
    width                   : 530px;
	
    padding                 : 0px 0px 0px 0px;
	margin-bottom: 0px;
    position                : fixed;
	
	bottom: 125px;
	left: 50px;
    z-index                 : 3000;
    background-color        : #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
}
.site-header5{
    width                   : 530px;
	
    padding                 : 0px 0px 0px 0px;
	margin-bottom: 0px;
    position                : fixed;
	
	bottom: 50px;
	left: 50px;
    z-index                 : 3000;
    background-color        : #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
}
.site-header8{
    width                   : 100%;
	
    padding                 : 0px 0px 0px 0px;
	margin-bottom: 0px;
    position                : fixed;
	
	top: 0px;
	
	left: 0px;
    z-index                 : 3000;
    background-color        : #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}
.site-header9{
    width                   : 204px;
	
    padding                 : 0px 0px 0px 0px;
	margin-bottom: 0px;
    position                : fixed;
	
	bottom: 50px;
	left: 600px;
    z-index                 : 3000;
    background-color        : #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}
.site-header10{
    width                   : 180px;
	
    padding                 : 0px 0px 0px 0px;
	margin-bottom: 0px;
    position                : fixed;
	
	bottom: 50px;
	left: 510px;
    z-index                 : 3000;
    background-color        : #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}
.site-header{
    width                   : 180px;
	
    padding                 : 30px 0px 0px 0px;
    position                : fixed;
    top                     : 0;
    z-index                 : 3000;
    background-color        : #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}
.site-header .header-toggle{
    display                 : none;
	overflow:hidden;
	
}
.site-header .header-logo{
    padding                 : 20px 0px 0px 0px;
}
.site-header .header-logo img{
    max-width               : 100%;
}
.site-header .header-menu{
    position                : relative;
    z-index                 : 2;
}
.site-header .header-menu nav ul li{
    position                : relative;
}
.site-header .header-menu nav ul li a{
    display                 : block;
    padding                 : 0 20px;
    height                  : 30px;
    line-height             : 30px;
    white-space             : nowrap;
    text-overflow           : ellipsis;
    font-family				: 'Montserrat', sans-serif;
    font-size               : 11px;
    font-weight             : 700;
	
    background-color        : #fff;
}
.site-header .header-menu nav ul li ul{
    display                 : none;
}
.site-header .header-menu nav > ul > li:before{
    content                 : "";
    display                 : block;
    width                   : 30px;
    height                  : 30px;
    position                : absolute;
    top                     : 0;
    z-index                 : -1;
  
	background-image        : url(../img/after.jpg)
}
.site-header .header-menu nav > ul > li:hover > a,
.site-header .header-menu nav > ul > li.active > a{
	color                   : #fff;
    background-color        : #222860;
}
.site-header .header-menu nav > ul > li.active > ul{
    display                 : block;
}
.site-header .header-menu nav > ul > li > ul > li > a{
    background-color        : #f1f1f1;
}
.site-header .header-menu nav > ul > li > ul > li > ul{
    position                : absolute;
    top                     : 0;
}
.site-header .header-menu nav > ul > li > ul > li:hover > a,
.site-header .header-menu nav > ul > li > ul > li.active > a{
    background-color        : #b6b6b6;
}
.site-header .header-menu nav > ul > li > ul > li.active > ul{
    display                 : block;
}
.site-header .header-menu nav > ul > li > ul > li > ul > li > a{
    min-width               : 100px;
    background-color        : #e1e1e1;
}

.site-main{
    min-height              : 100%;
}

.site-left .site-header .header-menu nav > ul > li:before{
    left                    : 0;
}
.site-left .site-header .header-menu nav > ul > li:hover:before,
.site-left .site-header .header-menu nav > ul > li.active:before{
    left                    : -30px;
}
.site-left .site-header .header-menu nav > ul > li > ul > li > ul{
    left                    : 100%;
}

.site-right .site-header .header-menu nav > ul > li:before{
    right                   : 0;
}
.site-right .site-header .header-menu nav > ul > li:hover:before,
.site-right .site-header .header-menu nav > ul > li.active:before{
    right                   : -30px;
}
.site-right .site-header .header-menu nav > ul > li > ul > li > ul{
    right                    : 100%;
}

.site-right .page-wrapper:before,
.site-right .page-wrapper:after{
    content					: "";
    display					: table;
}
.site-right .page-wrapper:after{
    clear					: both;
}
.site-right .page-wrapper .page-container{
    float                   : right;
}
@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
}
@media (min-width: 979px) and (max-width: 2500px) {
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
  .hidden-desktop {
    display: none !important;
  }
  .visible-desktop {
    display: none !important ;
  }
}
.sc_box1 {
margin-top:10px;
 background:##110d0d;
 border:1px solid #cfcfcf;
 overflow-x:hidden; 
 overflow-y:auto; 
 scrollbar-face-color:#ffffff;
 scrollbar-highlight-color:#cccccc;
 scrollbar-shadow-color:#cccccc;
 scrollbar-3dlight-color:#ffffff;
 scrollbar-arrow-color:#5e5e5e;
 scrollbar-track-color:#ffffff;
 scrollbar-darkshadow-color:#ffffff;
 scrollbar-base-color:#efefef;
 padding:7px;
 line-height:150%;
 height:150px;

}
input[type=submit] {
	font-family:'Nanum Gothic';
  color: #FFF;
  background-color: #222860;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 10px;
  margin: 10px 0;
  border: none;
 
}
#form-contact {
  margin: 20px 0;
}
#form-search {
  position: relative;
}
#form-search ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 0.5;
}
#form-search :-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 0.5;
}
#form-search ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 0.5;
}
#form-search :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 0.5;
}
#form-search input[type=text] {
  padding: 8px 35px 8px 10px;
  font-size: 14px;
  font-style: italic;
  background-color: #1b1b1b;
  border: none;
}
#form-search .submit-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 12px;
  width: 35px;
  z-index: 1;
}
#form-search .submit-container:after {
  position: absolute;
  right: 10px;
  top: 4px;
  font-size: 17px;
  color: #363636;
  font-family: 'FontAwesome';
  content: '\f002';
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#form-search .submit-container:hover:after {
  color: #666;
}
#form-search .submit-container input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 1;
}
#form-search-alt {
  width: 100%;
  max-width: 470px;
  position: relative;
  margin: 35px auto 0 auto;
}
#form-search-alt ::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
}
#form-search-alt :-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
#form-search-alt ::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
#form-search-alt :-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
}
#form-search-alt input[type=text] {
  font-size: 18px;
  color: #FFF;
  padding-right: 60px;
  background-color: transparent;
  border: 2px #FFF solid;
  margin-bottom: 0;
}
#form-search-alt .submit-container {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 49px;
  overflow: hidden;
  background-color: #019188;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
#form-search-alt .submit-container:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}
#form-search-alt .submit-container:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
  text-align: center;
  font-family: 'FontAwesome';
  content: '\f002';
}
#form-search-alt .submit-container input {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}
/* 팝업창이 보여질 부분 */
#popup, #popup2, .bMulti {
    background-color: #fff;
    color: #111;
    display: none;
    min-width: 450px;
    padding: 25px;
}

#popup, .bMulti {
    min-height: 250px;
}
/* 클릭할 버튼 */
.button {
    background-color: #2b91af;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
}
/* 닫기 버튼 */
.button.b-close, .button.bClose {
    box-shadow: none;
    font: bold 131% sans-serif;
    padding: 0 6px 2px;
    position: absolute;
    right: -7px;
    top: -7px;
}
	.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:3000; }
	.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
	.layer .pop-layer {display:block;}

	.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 800px; height:100vh;  background-color:#fff; border: 5px solid #222860; z-index: 10; overflow:auto; overflow-style:marquee-line;
  
  
  
  }	
	.pop-layer .pop-container {padding: 20px 25px;}
	.pop-layer p.ctxt {color: #666; line-height: 25px;}
	.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}

	a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}	
	a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}
	
	
	.layer2 {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; }
	.layer2 .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
	.layer2 .pop-layer {display:block;}

	.layer3 {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999;}
	.layer3 .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
	.layer3 .pop-layer {display:block;}
	
	.layer4 {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999;}
	.layer4 .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
	.layer4 .pop-layer {display:block;}
	
	.layer5 {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999;}
	.layer5 .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
	.layer5 .pop-layer {display:block;}
	
	.layer6 {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999;}
	.layer6 .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
	.layer6 .pop-layer {display:block;}
	
.return-msg {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.return-msg.show-return-msg {
  opacity: 1;
  visibility: visible;
}