@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[Master Stylesheet]

Project:	FAJAR
Version:	1.0
Last change:	Initial RELEASED 
Primary use:	MultiPurpose One Page Template 
-------------------------------------------------------------------*/
@import "../fonts/fonts.css";
/*@import "../fonts/font-awesome.css";*/
@import "../fonts/fajar-icons.css";
/*@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);*/
/*@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700);*/
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);*/
/*------------------------------------------------------------------

[Table of contents]

1. Body
2. Common Classes
2. Header 
3. Navigation / .navbar
	
	3.1.  navigation.css contains navigation effects.
	3.2.  colorfull navbar 
		
		3.2.1   colorfull navbar (Left, Right)

		
4.  Tri Sec		
	
	4.1. Tri Sec Colorfull
	
		4.1.    pointer-tri-sec
	    4.1.1   tri sec shadow
	    4.1.2   tri sec shadow colorfull
	
	
5. About Us / .about-us

	5.1.    about-creative-section
	5.1.1.  about-classic-section
	5.1.2.  about-tri-sec
	
	
6.  Our Team / .team

	5.1.    team
	5.1.1.  team2
	5.1.2.  team3
	5.1.3.  team-image
	5.1.4.  team-small

	
7.  Services / .services

	7.1.    services.parallax-img
	7.1.1   services.services-inner

	
8.  Our Work / .our-work

	8.1.    popup-portfolio
	8.1.1   portfolio-masonary 
	8.1.2   cubeportfolio.css
	
	
9.  Shop / .our-best-sellers

	9.1.	our-best-sellers
	9.1.1	our-best-sellers2

	
10. Blog / .blog

	10.1.   blog
	10.1.2 	blog-post.two
	10.1.3 	blog-timeline

11. Contact Us / .contact-us
12. Footer


13. PieCharts Counting, Numbering, Colorfull Counters
14. Animations


NOTE: Every section is commented before starting.

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



/*------------------------------------------------------------------
# [Color codes]

# bg-gray   #f5f5f5 
# white     #fff
# pink      #d92173
# yellow    #ee9b24
# blue      #2491ee
# green     #60a812
# orange    #ee9624
# purple    #8b2e96
# red       #f71c1c


# [Dark Color codes]

body	#222
nav		#000
p 		#e6e6e6
heading,
borders #404040

# */



/*------------------------------------------------------------------
[Typography]

Html 		:		font-family : sans-serif 				// Fall back font
Body 		:		font-family : 'Oswald',sans-serif		Font-size   : 20px
Paragraph	:		font-family : 'SourceSansProLight'		Line-height : 32px
heading > p :		font-family : 'Oswald',sans-serif		Font-size   : 24px
headingSmall
 > p 		:		font-family : 'Oswald',sans-serif		Font-size   : 24px
Input, 
textarea	:		font-family : 'SourceSansProLight'


# [Headings]

h1,
.h1 	font-size: 36px

h1,
.h1     font-size: 75px

h2,
.h2     font-size: 42px

h3,
.h3     font-size: 24px

h4,
.h4     font-size: 18px

h5,
.h5     font-size: 14px

h6,
.h6     font-size: 12px

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small   
		
		font-size: 75%

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




* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    outline: 0;
}

#wrapper,body,html {
    overflow-x: hidden;
}

img {
    max-width: 100%;
}

.height5 {
    height: 5px;
}

.height10 {
    height: 10px;
}

.height20 {
    height: 20px;
}

.height30 {
    height: 30px;
}

.height40 {
    height: 40px;
}

.height50 {
    height: 50px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.padding-top-40 {
    padding-top: 40px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-35 {
    padding-top: 35px;
}

.padding-bottom-60 {
    padding-bottom: 60px;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}

.padding-bottom-40 {
    padding-bottom: 40px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.no-bg-img {
    background-image: none!important;
}
.no-parallax{ background-position:0 0 !important;}
.no-bg {
    background: none!important;
}

.no-margin {
    margin: 0!important;
}

.no-margin-top {
    margin-top: 0!important;
}

.no-margin-right {
    margin-right: 0!important;
}

.no-margin-bottom {
    margin-bottom: 0!important;
}

.no-margin-left {
    margin-left: 0!important;
}

.no-padding {
    padding: 0!important;
}

.no-padding-top {
    padding-top: 0!important;
}

.no-padding-right {
    padding-right: 0!important;
}

.no-padding-bottom {
    padding-bottom: 0!important;
}

.no-padding-left {
    padding-left: 0!important;
}

.inline {
    display: inline-block!important;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.hidden-content{
	display:none;
}

.display-none{
	display:none;
}

.shadow-large {
    background: url(../images/shadow-big.png) no-repeat scroll center top;
    height: 40px;
}

.error {
    border: 1px solid red!important;
}

.success-msg {
    background: #e9f7dd;
    border: 1px solid #abd0a8;
    color: #589051;
    display: none;
    margin: 0 auto 30px;
    max-width: 821px;
    padding: 11px 16px;
    text-align: center;
}

.back-to-top {
    color: #fff;
    border-radius: 5px;
    bottom: 20px;
    display: block;
    font-size: 40px;
    height: 70px;
    position: fixed;
    right: -200px;
    visibility: hidden;
    text-align: center;
    width: 70px;
    z-index: 500;
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
}

.back-to-top:focus,.back-to-top:hover {
    color: #fff;
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
}

.back-to-top.to-top {
    right: 20px;
    visibility: visible;
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
}

.icon-stroke {
    color: #fff;
    text-shadow: 1px 1px 1px #ccc;
}

li.clear {
    float: none!important;
    width: auto!important;
    height: auto!important;
    margin: 0!important;
    padding: 0!important;
    clear: both;
}

.underline {
    text-decoration: underline;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
}

.underline:hover {
    text-decoration: none;
}

.overlay-fajar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.overlay-fajar.white {
    background: #fff;
    opacity: .8;
}

.bg-gray {
    background: #f5f5f5;
}

.bg-blue {
    background: #1b7bcc;
}

.bg-map {
    background: url(../images/bg2.avif) center top fixed;
    background-size: cover;
}

.bg-map .overlay-fajar {
    background: #000;
    opacity: .5;
}

.list li {
    padding: 11px 0;
    font-weight: 300;
    font-family: Oswald,sans-serif;
    font-size: 16px;
    color: #404040;
}

.list li:last-child {
    border-bottom: 0!important;
}

.list.dashed li {
    border-bottom: 1px dashed silver;
}

.list.solid li {
    border-bottom: 1px solid #d8d8d8;
}

.list-center {
    min-width: 280px;
}

.feature-list li {
    font-family: 'Roboto', sans-serif;
    padding: 0 0 20px 45px;
    font-size: 18px;
}

.feature-list i {
    float: left;
    font-size: 25px;
    margin-left: -48px;
}
.feature-list.big li{
	font-size: 24px;
}
.feature-list.big i{
	font-size: 32px;
	color:#393939;
}

section {
    padding: 100px 0;
    position: relative;
}

.heading {
    text-align: center;
    padding: 0 0 50px;
    max-width: 990px;
    margin: 0 auto;
}

.heading h1 {
    display: inline-block;
}

.heading p {
    display: block;
    font-weight: 300;
	font-family: Oswald,sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    max-width: 1170px;
    margin: -1px auto 0;
    color: #404040;
    border-top: 1px solid #e6e6e6;
    padding: 15px 0 0;
}

.heading.medium h1 {
    font-size: 56px;
}

.heading.medium p {
    font-size: 20px;
}

.heading.small h1 {
    font-size: 42px;
    padding-bottom: 25px!important;
}

.heading.small p {
    font-size: 20px;
}

.heading.dark h1 {
    color: #404040;
    border-color: #404040;
}

.heading.dark p {
    color: #404040;
}

.heading.white h1 {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.heading.white p {
    color: #fff;
    border-top: 1px solid #fff;
}

.heading.white p span {
    color: #fff;
}

.heading.purple h1 {
    color: #8b2e96;
    border-bottom: 1px solid #8b2e96;
}

.heading.purple p span {
    color: #8b2e96;
}

.heading.yellow h1 {
    color: #ee9b24;
    border-bottom: 1px solid #ee9b24;
}

.heading.yellow p span {
    color: #ee9b24;
}

.heading.blue h1 {
    color: #2b96cc;
    border-bottom: 1px solid #2b96cc;
}

.heading.blue p span {
    color: #2b96cc;
}

.heading.green h1 {
    color: #60a812;
    border-bottom: 1px solid #60a812;
}

.heading.green p span {
    color: #60a812;
}

.heading.white.heading-boxed h1 {
    background: #fff;
    border-color: #fff;
    color: #222;
}

.heading.purple.heading-boxed h1 {
    background: #8b2e96;
    border-color: #8b2e96;
}

.heading.yellow.heading-boxed h1 {
    background: #ee9b24;
    border-color: #ee9b24;
}

.heading.blue.heading-boxed h1 {
    background: #2b96cc;
    border-color: #2b96cc;
}

.heading.green.heading-boxed h1 {
    background: #60a812;
    border-color: #60a812;
}

.heading.iconic h1 {
    padding-bottom: 62px;
}

.heading.iconic i {
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 40px;
    height: 80px;
    line-height: 83px;
    margin: -96px auto 20px;
    width: 80px;
    overflow: hidden;
}

.heading.iconic p {
    margin: -1px auto 0;
    padding: 53px 0 0;
}

.heading.small.iconic p {
    margin-top: -1px;
    padding-top: 15px;
}

.heading.heading-boxed h1 {
    padding: 12px 40px!important;
    border: 4px solid transparent;
    color: #fff;
    -moz-box-shadow: 0 0 0 5px #fff inset;
    -webkit-box-shadow: 0 0 0 5px #fff inset;
    box-shadow: 0 0 0 5px #fff inset;
}

.heading.heading-boxed p {
    border: 0;
    padding-top: 20px;
}


/*================================== ICONS ==================================*/


.icon-bordered {
    display: inline-block;
    font-size: 50px;
    height: 118px;
    line-height: 117px;
    text-align: center;
    width: 118px;
    margin-bottom: 38px;
}

.icon-bordered:hover {
    color: #fff;
}

.icon-big {
    width: 166px;
    height: 166px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 2px;
    text-align: center;
    color: #FFF;
    font-size: 80px;
}

.icon-big i {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    line-height: 159px;
}

.icon-small {
    width: 66px;
    height: 66px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 2px;
    text-align: center;
    color: #FFF;
    font-size: 30px;
}

.icon-small i {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    line-height: 55px;
}

.solid-icon {
    display: block;
    width: 88px;
    height: 88px;
    background: #424242;
    border-radius: 100%;
    border: 3px solid #fff;
    box-shadow: 0 0 0 3px #424242;
    text-align: center;
    color: #fff;
    line-height: 84px!important;
    font-size: 40px!important;
}

.solid-icon:hover {
    color: #fff!important;
}

.pointing-icon {
    width: 97px;
    height: 83px;
    border-radius: 4px;
    text-align: center;
    line-height: 77px!important;
    position: relative;
    background: #fff;
    margin: 0 auto 40px;
    font-size: 46px;
    display: inline-block;
}

.pointing-icon:after {
    background: #FFF;
    bottom: -12px;
    content: "";
    display: block;
    height: 26px;
    left: 37px;
    position: absolute;
    transform: rotate(-47deg);
    -webkit-transform: rotate(-47deg);
    width: 25px;
    z-index: 1;
}

.pointing-icon:hover,.pointing-icon:hover:after {
    color: #fff;
}

.home {
    padding: 0;
}

.navbar-default.stickey-nav {
    position: fixed;
    bottom: auto;
    top: 0;
    z-index: 50;
}

.classic-nav.stickey-nav {
    position: absolute;
}

.navbar-default.transparent-nav {
    background: none!important;
    border: 0!important;
    box-shadow: none;
    padding: 62px 0;
    position: fixed;
    bottom: auto;
    top: 0;
    z-index: 50;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.navbar-default.transparent-nav .navbar-collapse {
    margin-right: 0;
}

.navbar-default.transparent-nav li {
    margin-top: 12px;
}

.navbar-default.transparent-nav li:last-child a {
    padding-right: 10px;
}

.navbar-default.nav-top {
    bottom: auto;
    top: 0;
    position: fixed;
    z-index: 50;
}

.navbar-default.nav-center {
    padding: 20px 35px 27px;
}

.nav-center .navbar-collapse {
    float: none!important;
}

.nav-center .navbar-brand,.nav-center .navbar-header {
    float: none;
    margin: 10px 0 0 -46px!important;
}

.nav-center .navbar-header {
    position: absolute;
    left: 50%;
    top: 7px;
}





/*=============================== NAVBAR COLORFULL CENTER ==============================*/


.nav-colorful-right .navbar-header {
    padding-top: 26px;
}

.nav-colorful-right .navbar-collapse,.nav-colorful-right .navbar-header {
    margin-right: 0!important;
}

.nav-colorful-right .navbar-toggle {
    top: -1px!important;
}

.navbar-default.navbar-colorfull {
    padding: 0 35px;
    border-top: 6px solid #ebebeb;
    min-height: 68px;
}

.navbar-default.navbar-colorfull .container {
    margin-top: -6px;
}

.navbar-default.navbar-colorfull li {
    padding: 27px 0 25px;
    margin-top: 0;
    border-top: 6px solid transparent;
}

.navbar-default.navbar-colorfull .navbar-left li:nth-child(1) {
    border-top: 6px solid #9d9c21;
}

.navbar-default.navbar-colorfull .navbar-left li:nth-child(1) a span {
    color: #9d9c21;
}

.navbar-default.navbar-colorfull .navbar-left li:nth-child(2) {
    border-top: 6px solid #8b2e96;
}

.navbar-default.navbar-colorfull .navbar-left li:nth-child(2) a span {
    color: #8b2e96;
}

.navbar-default.navbar-colorfull .navbar-left li:nth-child(3) {
    border-top: 6px solid #ea2f3c;
}

.navbar-default.navbar-colorfull .navbar-left li:nth-child(3) a span {
    color: #ea2f3c;
}

.navbar-default.navbar-colorfull .navbar-left li:nth-child(4) {
    border-top: 6px solid #ee9b24;
}

.navbar-default.navbar-colorfull .navbar-left li:nth-child(4) a span {
    color: #ee9b24;
}

.navbar-default.navbar-colorfull .navbar-right li:nth-child(1) {
    border-top: 6px solid #2b96cc;
}

.navbar-default.navbar-colorfull .navbar-right li:nth-child(1) a span {
    color: #2b96cc;
}

.navbar-default.navbar-colorfull .navbar-right li:nth-child(2) {
    border-top: 6px solid #60a812;
}

.navbar-default.navbar-colorfull .navbar-right li:nth-child(2) a span {
    color: #60a812;
}

.navbar-default.navbar-colorfull .navbar-right li:nth-child(3) {
    border-top: 6px solid #2e66ab;
}

.navbar-default.navbar-colorfull .navbar-right li:nth-child(3) a span {
    color: #2e66ab;
}

.navbar-default.navbar-colorfull .navbar-right li:nth-child(4) {
    border-top: 6px solid #ee3b24;
}

.navbar-default.navbar-colorfull .navbar-right li:nth-child(4) a span {
    color: #ee3b24;
}

.navbar-default.navbar-colorfull li ul li{ padding:0;}

@media (min-width:991px) {

.left-nav.navbar-default .container{ margin:0; width:auto; padding:0; position:static;}
.left-nav.navbar-default .container .navbar-collapse{ margin:0;}

.left-nav.navbar-default{ position:fixed; left:-380px; top:0; width:380px; height:100%; z-index:1000; padding:0 !important;-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;}
.left-nav-opened.left-nav.navbar-default{left:0; -webkit-transition: all 500ms ease ;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease; border-right: solid 1px #e1e1e1;}
.left-nav.navbar-default .navbar-header, .navbar-default.left-nav .navbar-brand{ float:none; margin:0;height: 190px;}
.left-nav.navbar-default .navbar-brand{ margin:80px 0 0 0; float:none;}
.left-nav.navbar-default .navbar-collapse{ float:none;}
.left-nav.navbar-default .navbar-collapse .navbar-nav{float:none;}
.left-nav.navbar-default .navbar-collapse li{ float:none; border-top:1px solid #e1e1e1!important;padding:0!important;}
.left-nav.navbar-default .navbar-collapse li a{ display:block; padding:21px 0 19px!important;}
.left-nav.navbar-default .navbar-collapse li:nth-child(1n+1) a{ color:#9d9c21;}
.left-nav.navbar-default .navbar-collapse li:nth-child(2n+2) a{ color:#8b2e96;}
.left-nav.navbar-default .navbar-collapse li:nth-child(3n+3) a{ color:#ee9b24;}
.left-nav.navbar-default .navbar-collapse li:nth-child(4n+4) a{ color:#2b96cc;}
.left-nav.navbar-default .navbar-collapse li:nth-child(5n+5) a{ color:#2e66ab;}
.left-nav.navbar-default .navbar-collapse li:nth-child(6n+6) a{ color:#ee3b24;}
.left-nav.navbar-default .navbar-collapse li:last-child{border-bottom:1px solid #e1e1e1!important;}


/* NAVIGATION MOUSE OVERS */
.left-nav.navbar-default .navbar-collapse li a:hover{ color:#fff;}
.left-nav.navbar-default .navbar-collapse li:nth-child(1n+1) a:hover{ background:#9d9c21;}
.left-nav.navbar-default .navbar-collapse li:nth-child(2n+2) a:hover{ background:#8b2e96;}
.left-nav.navbar-default .navbar-collapse li:nth-child(3n+3) a:hover{ background:#ee9b24;}
.left-nav.navbar-default .navbar-collapse li:nth-child(4n+4) a:hover{ background:#2b96cc;}
.left-nav.navbar-default .navbar-collapse li:nth-child(5n+5) a:hover{ background:#2e66ab;}
.left-nav.navbar-default .navbar-collapse li:nth-child(6n+6) a:hover{ background:#ee3b24;}




.left-nav.navbar-default  .dropdown-menu {border-radius: 0;bottom: -10px;left: 100%;min-width: 240px;top: auto;}




.left-nav-btn{ background: #fff;bottom: -1px; height: 71px;padding: 23px 0 0; position: absolute;right: -86px; width: 86px;border: 1px solid #f9f9f9;}
.left-nav-btn span{ width:41px; height:6px; display:block; margin:0 auto 5px; }
.left-nav-btn span:nth-child(1){ background:#ee3b24;}
.left-nav-btn span:nth-child(2){ background:#60a812;}
.left-nav-btn span:nth-child(3){ background:#2b96cc;}



.left-nav.navbar-default .social { border-top: 1px solid #e1e1e1;margin: 10px 0 0;padding: 12px 0;position: absolute;bottom: 0;width: 100%;}
.left-nav.navbar-default .social li {float: left;margin: -13px 0;width: 25%;padding:0; border-top:1px solid #e1e1e1 !important;}
.left-nav.navbar-default .social li a{ font-size: 30px; display:block;border-right: 1px solid #e1e1e1;}
.left-nav.navbar-default .social li a i{padding: 21px 0 19px;display: block;}
.left-nav.navbar-default .social li:last-child a{ border:0;}
.left-nav.navbar-default .social li a i.icon-facebook2{ color:#3c5a9b}
.left-nav.navbar-default .social li a i.fa-twitter{ color:#29c5f6}
.left-nav.navbar-default .social li a i.fa-google-plus{ color:#fc5541}
.left-nav.navbar-default .social li a i.icon-pinterest4{ color:#0283ca}
.revolution-margin-adjust .forcefullwidth_wrapper_tp_banner{ margin:0 !important;}


/* SOCIAL MOUSE OVERS */
.left-nav.navbar-default .social li a:hover i{ color:#fff;}
.left-nav.navbar-default .social li a:hover i.icon-facebook2 { background:#3c5a9b}
.left-nav.navbar-default .social li a:hover i.fa-twitter         { background:#29c5f6}
.left-nav.navbar-default .social li a:hover i.fa-google-plus { background:#fc5541}
.left-nav.navbar-default .social li a:hover i.icon-pinterest4{ background:#0283ca}
}


/*=============================== NAVBAR COLORFULL RIGHT ==============================*/



.navbar-default.navbar-colorfull li:nth-child(1) {
    border-top: 6px solid #9d9c21;
}

.navbar-default.navbar-colorfull li:nth-child(1) a span {
    color: #9d9c21;
}

.navbar-default.navbar-colorfull li:nth-child(2) {
    border-top: 6px solid #8b2e96;
}

.navbar-default.navbar-colorfull li:nth-child(2) a span {
    color: #8b2e96;
}

.navbar-default.navbar-colorfull li:nth-child(3) {
    border-top: 6px solid #ea2f3c;
}

.navbar-default.navbar-colorfull li:nth-child(3) a span {
    color: #ea2f3c;
}

.navbar-default.navbar-colorfull li:nth-child(4) {
    border-top: 6px solid #ee9b24;
}

.navbar-default.navbar-colorfull li:nth-child(4) a span {
    color: #ee9b24;
}

.navbar-default.navbar-colorfull li:nth-child(5) {
    border-top: 6px solid #2b96cc;
}

.navbar-default.navbar-colorfull li:nth-child(5) a span {
    color: #2b96cc;
}

.navbar-default.navbar-colorfull li:nth-child(6) {
    border-top: 6px solid #60a812;
}

.navbar-default.navbar-colorfull li:nth-child(6) a span {
    color: #60a812;
}

.navbar-default.navbar-colorfull li:nth-child(7) {
    border-top: 6px solid #2e66ab;
}

.navbar-default.navbar-colorfull li:nth-child(7) a span {
    color: #2e66ab;
}

.navbar-default.navbar-colorfull li:nth-child(8) {
    border-top: 6px solid #ee3b24;
}

.navbar-default.navbar-colorfull li:nth-child(8) a span {
    color: #ee3b24;
}

.smallheader .transparent-nav {
    background: #1e1e1e!important;
    padding: 20px 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.smallheader .transparent-nav li a span {
    color: #fff;
}

.smallheader .transparent-nav .navbar-brand {
    line-height: 44px;
}
.smallheader .transparent-nav .navbar-brand img {
    max-height: 50px;
}

.smallheader .transparent-nav .cl-effect-3 a:after {
    top: 88%;
}

.banner-text.welcome span {
    display: block;
    font-size: 100px;
}

.banner-text.welcome small {
    color: #fff;
    font-size: 47px;
    position: relative;
    top: 25px;
    font-family: Oswald,sans-serif;
}

.banner-text {
    color: #FFF;
    font-size: 86px;
    line-height: 140px;
    padding: 18% 0 0;
    text-align: center;
    position: relative;
    z-index: 5;
}

.banner-text h1 {
    padding: 0 0 5px;
    font-weight: 600;
    font-size: 90px;
}

.banner-text h1.small {
    font-size: 70px;
    padding: 3% 0 0;
}

.banner-text p {
    font-size: 16px;
    font-family: Oswald,sans-serif;
    text-transform: uppercase;
}

.banner-text p i {
    font-size: 7px;
    margin: 0 3px;
    position: relative;
    top: -4px;
}

.colorfull-banner .banner-text {
    padding-top: 23%;
}

.rss {
    color: #FFF;
    float: right;
    font-size: 32px;
    height: 71px;
    line-height: 68px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 75px;
}



/*======================== TRI SEC ========================*/


.tri-sec i {
    margin: 0 0 32px;
    font-size: 50px;
    display: block;
}

.tri-sec h3 a {
    color: #434343;
}

.tri-sec p {
    margin: 0;
}

.about-us .tri-sec {
    padding: 40px 0 0;
}

.pointer-tri-sec {
    margin: 40px 2% 0;
}

.pointer-tri-sec h3 {
    padding-bottom: 18px;
}

.pointer-tri-sec h3 a {
    color: #333;
}

.pointer-tri-sec .pointing-icon,.pointer-tri-sec .pointing-icon:after {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.pointer-tri-sec:hover .pointing-icon,.pointer-tri-sec:hover .pointing-icon:after {
    color: #fff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.pointer-tri-sec:hover h3,.pointer-tri-sec:hover h3 a {
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.box {
    width: 100%;
    height: 460px;
    position: relative;
    background: #fff;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.box:hover {
    color: #fff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.box i {
    display: block;
    font-size: 120px;
    line-height: 160px;
    margin-top: 60px;
}

.box i.icon-expand-window {
    font-size: 100px;
}

.box h3 {
    font-size: 24px;
    padding: 0 0 20px;
    width: 100%;
}

.box p {
    padding: 0 10%;
}

.box:hover i {
    color: #fff;
}



/*================================ COLORFULL TRI SECS =============================*/



.tri-sec-shadow {
    text-align: center;
    position: relative;
}

.tri-sec-shadow i {
    font-size: 50px;
    margin-bottom: 28px;
}

.tri-sec-shadow i.back-icon {
    position: absolute;
    left: 0;
    color: #efefef!important;
    z-index: -1;
    width: 100%;
    font-size: 120px!important;
}

.tri-sec-shadow h3 {
    font-size: 30px;
    line-height: 33px;
    padding-bottom: 11px;
}

.tri-sec-shadow h3 span {
    font-size: 18px;
    display: block;
    color: #333;
    font-weight: 300;
    font-family: Oswald,sans-serif;
}

.tri-sec-shadow p {
    padding: 0 5%;
}

.tri-sec-shadow.pink h3,.tri-sec-shadow.pink h3 a,.tri-sec-shadow.pink i {
    color: #d92173;
}

.tri-sec-shadow.yellow h3,.tri-sec-shadow.yellow h3 a,.tri-sec-shadow.yellow i {
    color: #ee9b24;
}

.tri-sec-shadow.blue h3,.tri-sec-shadow.blue h3 a,.tri-sec-shadow.blue i {
    color: #2491ee;
}

.tri-sec-shadow.dark-blue h3,.tri-sec-shadow.dark-blue h3 a,.tri-sec-shadow.dark-blue i {
    color: #2e66ab;
}

.tri-sec-shadow.green h3,.tri-sec-shadow.green h3 a,.tri-sec-shadow.green i {
    color: #60a812;
}

.tri-sec-shadow.purple h3,.tri-sec-shadow.purple h3 a,.tri-sec-shadow.purple i {
    color: #8b2e96;
}

.tri-sec-shadow.cyan h3,.tri-sec-shadow.cyan h3 a,.tri-sec-shadow.cyan i {
    color: #54b697;
}


/*============================= TRI SECS ALIGN LEFT ==========================*/


.tri-sec-shadow.left {
    text-align: left;
    padding: 0 5% 0 0;
}

.tri-sec-shadow.left i {
    float: left;
}

.tri-sec-shadow i.back-icon {
    top: 10px;
}

.tri-sec-shadow.left h3 {
    font-size: 28px;
    line-height: 28px;
}

.tri-sec-shadow-left-content {
    padding: 0 0 0 58px;
}

.tri-sec-shadow-left-content p {
    padding: 0;
    font-size: 16px;
    line-height: 21px;
}
/*============================= INDEX BANNERS ==========================*/
.index1-banner{
	/* You can edit index1 banner img tags in HTML */
}

.index2-banner {
    background-size: cover;
}
.index3-banner {
    background: url(../images/index3-banner.jpg) no-repeat center top;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    background-size: cover;
}
.index4-banner {
    background: url(../images/bg.avif) no-repeat center center fixed;
    background-size: cover;
}
.index7-banner {
    background: url(../images/index7-banner.jpg) no-repeat center top;
    background-size: cover;
	position:relative;
	overflow:hidden;
}
.index7-banner img.move-it{ position:absolute; left:35%; margin-top:270px; top:0;}
.colorfull-banner {
    background: url(../images/colourfull-banner-bg.jpg) no-repeat center top;
    background-size: cover;
}

.index4-banner .overlay-fajar {
    background: #000;
    opacity: .5;
}

.index3-banner .banner-text {
    padding-top: 16%;
}

.index3-banner .carousel-indicators {
    line-height: 0;
    bottom: 30px;
}

.index-video {
    overflow: hidden;
}

.index-video .overlay-fajar {
    background: rgba(0,0,0,.6);
    z-index: 2;
}
.index7-banner .navbar-default.transparent-nav{ 
	padding:35px 75px 4px; 
	border-bottom:1px solid #4b4b53 !important;
}
.index7-banner .navbar-default.transparent-nav .rss{
	background:none;
	border-left:1px solid #4b4b53;
	color: #FFF;
	height: 108px;
	line-height: 113px;
	width: 90px;
}
.index7-banner .navbar-default.transparent-nav .cl-effect-3 li a {
	padding: 0 40px 37px 0;
}
.smallheader .index7-banner .transparent-nav .cl-effect-3 a:after {
	top: 100%;
}
.index7-banner .transparent-nav .navbar-brand {
	line-height: 44px;
}
.index7-banner .banner-text{ 
	padding-top:25%;
}
.index7-banner .banner-text p{
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 5px;
	margin:10px 0 0 0;
}
.index7-banner .banner-text .btn{
	border:1px solid #fff;
	border-radius:5px;
	font-size:24px;
	position: relative;
	top: -20px;
}




/*========================== ABOUT US ============================*/



.about-creative-section {
    position: relative;
}

.about-creative-left {
    width: 50%;
    float: left;
    padding: 190px 0 0;
}

.about-creative-right {
    width: 50%;
    float: right;
    padding: 20px 0 0;
}

.about-creative-left .about-tri-sec {
    padding: 0 100px 0 0;
}

.about-creative-right .about-tri-sec {
    padding: 0 0 0 100px;
}

.about-tri-sec {
    max-width: 570px;
    float: left;
    position: relative;
}

.about-tri-sec .icon-bordered {
    background: #fff;
    position: relative;
    z-index: 6;
}

.about-tri-sec .line-left {
    display: block;
    position: absolute;
    left: 0;
    width: 50%;
    top: 59px;
}

.about-tri-sec .line-right {
    display: block;
    position: absolute;
    right: 0;
    width: 50%;
    top: 59px;
}

.about-tri-sec .tri-sec p {
    margin: 0 0 30px;
}

.about-tri-sec:last-child p {
    margin: 0;
}

.middle-line {
    display: block;
    height: 60.2%;
    position: absolute;
    left: 50%;
    margin: 79px 0 0 -.5px;
    width: 1px;
}

.about-tri-sec .icon-bordered {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.about-tri-sec:hover .icon-bordered {
    color: #fff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.about-classic-section .tri-sec {
    clear: both;
    padding: 40px 4% 0;
}

.about-classic-section .tri-sec.left .tri-sec-content {
    float: left;
    text-align: right;
    width: 77%;
}

.about-classic-section .tri-sec.right .tri-sec-content {
    float: right;
    text-align: left;
    width: 77%;
}

.about-classic-section .tri-sec:hover .solid-icon {
    color: #fff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.about-classic-section .tri-sec .solid-icon {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.devices2 {
    text-align: center;
    padding: 50px 0 0;
}




/*=========================== PIE CHART SECTION ==============================*/




.piechart-section {
    padding: 110px 0;
    background: url(../images/pie-charts-bg.jpg) no-repeat center top fixed;
}

.piechart-section .overlay-fajar {
    background: #000;
    opacity: .3;
}

.piechart-section .heading h1 {
    border: 0;
    padding-bottom: 0;
}

.piechart-section .heading p {
    border: 0;
}

.lead {
    max-width: 945px;
    margin: 0 auto;
}

.year {
    bottom: -60px;
    display: block;
    font-size: 24px;
    left: 0;
    color: #fff;
    position: absolute;
    text-align: center;
    width: 100%;
}



/*================================= COUNTERS AND NUMBERING =====================================*/




.numbering {
    position: relative;
    background: url(../images/counter-bg.jpg) center top fixed;
}

.numbering .overlay-fajar {
    opacity: .85;
}

.numbering .heading {
    padding-bottom: 20px;
}

.numbering .heading h1 {
    background: none!important;
    border: 0!important;
    box-shadow: none!important;
    padding-bottom: 0!important;
    color: #fff!important;
}

.numbering .heading p {
    border: 0;
}

.counter {
    margin: 40px 0 0;
}

.counter i {
    font-size: 90px;
    color: #fff;
    margin: 0 0 30px;
    display: block;
    line-height: 1;
}

.counter i.icon-pizza {
    transform: rotate(230deg);
    -ms-transform: rotate(230deg);
    -webkit-transform: rotate(230deg);
}

.counter .quantity-counter1,.counter .quantity-counter2,.counter .quantity-counter3,.counter .quantity-counter4 {
    color: #FFF;
    font-size: 98px;
    line-height: 1;
    font-weight: 600;
    display: block;
    margin: 0 0 20px;
}

.counter h6 {
    color: #FFF;
    font-size: 28px;
    margin: 0;
}

.counter h6 span {
    font-size: 16px;
    display: block;
    margin: 10px 0 0;
    color: #fff;
}



/*================================= COUNTERS STYLE TWO =====================================*/



.counter2-bg {
    background: #f4f4f4;
    padding: 23px 0;
}

.counter2 i {
    background: #E6E6E6;
    border-radius: 3px;
    float: left;
    font-size: 45px;
    height: 99px;
    line-height: 100px;
    text-align: center;
    width: 99px;
    margin: 0 35px 0 0;
    position: relative;
    color: #fff;
}

.counter2 span {
    font-size: 66px;
    font-weight: 600;
    line-height: 65px;
}

.counter2 h6 {
    font-size: 16px;
    padding: 6px 0 0;
}

.counter2 i b {
    position: absolute;
    right: -14px;
    top: 28px;
}



/*============================ COLORFULL COUNTERS ===============================*/



.counter2.pink i {
    background: #d92173;
}

.counter2.pink h6,.counter2.pink i b,.counter2.pink span {
    color: #d92173;
}

.counter2.yellow i {
    background: #ee9b24;
}

.counter2.yellow h6,.counter2.yellow i b,.counter2.yellow span {
    color: #ee9b24;
}

.counter2.blue i {
    background: #2491ee;
}

.counter2.blue h6,.counter2.blue i b,.counter2.blue span {
    color: #2491ee;
}

.counter2.green i {
    background: #60a812;
}

.counter2.green h6,.counter2.green i b,.counter2.green span {
    color: #60a812;
}




/*======================================= OUR SKILLS =====================================*/




.our-skills {
    background: url(../images/skills-parallax-bg.jpg) no-repeat center top fixed;
    background-size: cover;
}

.our-skills p,.our-skills small {
    color: #fff;
}

.our-skills p {
    padding-right: 5%;
}

.our-skills .overlay-fajar {
    background: #000;
    opacity: .8;
}




/*==================================== TEAM =================================*/




.team {
    padding: 60px 37px 0;
}

.team img {
    margin: 0 0 36px;
}

.team h3,.team h3 a {
    padding-bottom: 20px;
}

.team h3 a:hover {
    color: #333;
}

.team h3 span {
    display: block;
    font-size: 16px;
    color: #424242;
    padding: 10px 0 0;
}

.team-social li {
    display: inline-block;
    width: auto;
}

.team-social li a {
    background: #FFF;
    border: 1px solid #515151;
    border-radius: 100%;
    display: block;
    height: 40px;
    overflow: hidden;
    padding: 2px;
    width: 40px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.team-social li a i {
    background: #515151;
    border-radius: 100%;
    display: block;
    height: 34px;
    line-height: 36px;
    width: 34px;
}

.team-social li a:hover {
    border: 1px solid #ee3b24;
}

.team-social li a:hover i {
    background: #ee3b24;
}

.team-social li:nth-child(1) a:hover {
    border: 1px solid #3c5a9b;
}

.team-social li:nth-child(1) a:hover i {
    background: #3c5a9b;
}

.team-social li:nth-child(2) a:hover {
    border: 1px solid #29c5f6;
}

.team-social li:nth-child(2) a:hover i {
    background: #29c5f6;
}

.team-social li:nth-child(3) a:hover {
    border: 1px solid #fc5541;
}

.team-social li:nth-child(3) a:hover i {
    background: #fc5541;
}

.team-social.white li a {
    border: 1px solid #fff;
}

.team-social.white li a i {
    background: #fff;
}

.team-social.white li a:hover {
    border: 1px solid #fff;
}

.team-social.white li a:hover i {
    color: #fff;
}

.team-social.white li a:hover i.fa-facebook {
    background: #3c5a9b;
}

.team-social.white li a:hover i.fa-twitter {
    background: #29c5f6;
}

.team-social.white li a:hover i.icon-pinterest4 {
    background: #fc5541;
}

.team-small {
    margin: 20px 0 0;
    overflow: hidden;
}

.team-small-thumb {
    position: relative;
}

.team-small-thumb img {
    max-width: none;
    width: 100%;
}

.team-small-thumb a {
    position: absolute;
    left: 50%;
    margin-left: -67px;
    top: -100px;
    margin-top: -25px;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.team-small p {
    padding: 21px 10px 22px;
    background: #f4f4f4;
    color: #404040;
    font-size: 24px;
    font-weight: 300;
    font-family: Oswald,sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

.team-small-thumb:hover a {
    top: 50%;
    margin-top: -25px;
}

.team-small-thumb:hover .overlay-fajar {
    background: #000;
    opacity: .8;
}

.team-small:hover p {
    color: #fff;
}

.team-image {
    background: url(../images/team.jpg) no-repeat scroll center bottom;
    min-height: 590px;
    padding: 55px 0 0;
}

.team-member-description {
    min-height: 280px;
    position: absolute;
    width: 330px;
}

.team-member-description .team-member-desc-inner {
    border-radius: 5px;
    display: none;
    position: relative;
    padding: 1px;
    opacity: 1!important;
}

.team-member-desc-bg {
    border-radius: 5px;
    padding: 22px;
}

.team-member-description .team-member-desc-inner h3 {
    color: #FFF;
    padding: 0 0 10px;
}

.team-member-description .team-member-desc-inner h3 span {
    display: block;
    font-size: 14px;
    color: #FFF;
    padding: 8px 0 0;
}

.team-member-description .team-member-desc-inner p {
    color: #FFF;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 10px;
    font-family: SourceSansProRegular;
}

.team-member-description .team-member-desc-inner p a {
    color: #FFF;
    display: block;
    font-weight: 700;
    margin: 5px 0 0;
}

.team-member-description .team-member-desc-inner span.pointing-arrow {
    bottom: -14px;
    display: block;
    height: 14px;
    left: 50%;
    margin-left: -9px;
    position: absolute;
    width: 18px;
}

.team-des-btn {
    background: none repeat scroll 0 0 #56595A;
    border-radius: 100%;
    bottom: 0;
    color: #FFF;
    display: inline-block;
    font-size: 14px;
    height: 34px;
    left: 50%;
    line-height: 34px;
    margin-left: -15.5px;
    position: absolute;
    width: 34px;
}

.team-des-btn.active,.team-des-btn:hover {
    color: #fff;
}

.team-member-description .team-member-desc-inner ul.social2 {
    margin-bottom: 0;
    padding: 0;
}

.team-member-description.one {
    left: 0;
    top: 280px;
}

.team-member-description.two {
    left: 415px;
    top: 260px;
}

.team-member-description.three {
    right: 0;
    top: 290px;
}

.social2 {
    margin: 0;
    padding: 10px;
    text-align: center;
}

.social2 li {
    display: inline-block;
}

.social2 li a {
    border: 1px solid #F5F5F5;
    border-radius: 4px;
    color: #929292;
    display: block;
    font-size: 22px;
    height: 40px;
    line-height: 36px;
    margin: 0 1.5px;
    transition: all .2s ease-in-out 0s;
    width: 40px;
    padding: 0;
    background: 0 0;
}

.social2.white li a {
    border: 1px solid #FFF;
    color: #FFF;
}

.social2.white li a:hover {
    background: none repeat scroll 0 0 #FFF;
}

.social2 li a:hover {
    background: #fff;
    transition: all .2s ease-in-out 0s;
}

.social-long-boxed{}
.social-long-boxed li{ display:inline-block; margin:20px 15px;}
.social-long-boxed li a{ border:1px solid #b2b2b2; display:block; min-width:270px; font-size:22px; color:#222222; text-transform:uppercase; font-weight:300; line-height:58px}
.social-long-boxed li a i{ border-right: 1px solid #b2b2b2;float: left;font-size: 30px;height: 58px;line-height: 60px;width: 68px;}
.social-long-boxed li a span{ padding:0 50px 0 0;}
.social-long-boxed li a:hover{ border:1px solid #b2b2b2;}
.social-long-boxed li a:hover i{ border-right: 1px solid #b2b2b2;}
.social-long-boxed li a.fb:hover{ background:#3c5a9b; color:#fff; border-color:#254382;}
.social-long-boxed li a.fb:hover i{ border-color:#254382;}
.social-long-boxed li a.twtr:hover{ background:#29c5f6; color:#fff; border-color:#17addc;}
.social-long-boxed li a.twtr:hover i{ border-color:#17addc;}
.social-long-boxed li a.g-plus:hover{ background:#fc5541; color:#fff; border-color:#ea4430;}
.social-long-boxed li a.g-plus:hover i{ border-color:#ea4430;}


/*=============================== TEAM2 ==================================*/




.team2 {
    background: #f3f3f3;
    margin: 0 auto;
    max-width: 940px;
}

.team2 img {
    float: left;
}

.team2-content {
    float: left;
    padding: 20px 3% 18px;
    width: 58%;
}

.team2 h3,.team2 h3 a {
    padding-bottom: 20px;
}

.team2 h3 a:hover {
    color: #333;
}

.team2 h3 span {
    display: block;
    font-size: 16px;
    color: #424242;
    padding: 10px 0 0;
}

.team-contact {
    border: 1px solid #cbcbcb;
    display: inline-block;
}

.team-contact li {
    float: left;
    padding: 13px 19px;
    font-weight: 300;
}

.team-contact li i {
    float: left;
    font-size: 32px;
    margin: 0 14px 0 0;
}

.team-contact li i.fa-envelope {
    font-size: 24px;
    margin-top: 3px;
}

.team-contact li:first-child {
    border-right: 1px solid #cbcbcb;
}

.team-contact li a {
    color: #333;
}

.our-team2-carousel .owl-controls .owl-buttons .owl-prev {
    left: 0;
}

.our-team2-carousel .owl-controls .owl-buttons .owl-next {
    right: 0;
}

.team3 li {
    height: 490px!important;
}

.team-description {
    padding: 26px 0 0;
}

.team-description h3 {
    padding-bottom: 15px;
}

.team-description h3 span {
    display: block;
    font-size: 16px;
    color: #424242;
    padding: 10px 0 0;
}

.team-description>p {
    font-size: 18px;
    line-height: 25px;
}




/*=================== PRICING TABLES ================*/




.table {
    margin: 20px 0 0;
}

.table h3 {
    font-size: 30px;
}

.table-price {
    box-shadow: 0 0 0 6px #424242;
    -moz-box-shadow: 0 0 0 6px #424242;
    -webkit-box-shadow: 0 0 0 6px #424242;
    border: 1px solid #6e6e6e;
    width: 143px;
    height: 143px;
    margin: 6px auto 16px;
    background: #424242;
    color: #fff;
    font-size: 22px;
    font-family: Oswald,sans-serif;
    line-height: 25px;
}

.table-price strong {
    font-size: 36px;
}

.table-price small {
    font-size: 14px;
    display: block;
    text-transform: uppercase;
}

.table-price .price {
    display: block;
    margin: 47px 0 0;
}

.shadow {
    background: url(../images/shadow.png) no-repeat center top;
    height: 30px;
    width: 100%;
    display: block;
    margin-bottom: 14px;
}

.table .list {
    margin: 0 0 15px;
}

.tables-bg {
    background: url(../images/tables-parallax-bg.jpg) center top fixed;
    position: static;
}

.pricing-table2 {
    background: #f4f4f4;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 50px 0 0;
}

.pricing-table2 .table-heading {
    background: #4b4b4b;
    padding: 45px 20px 25px;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.pricing-table2 .table-heading h3 {
    font-size: 32px;
    color: #fbfbfb;
    margin: 0;
    padding: 0;
}

.pricing-table2 .table-heading h3 span {
    font-size: 12px;
    color: #e8e8e8;
    margin: 16px 0 0;
    font-family: SourceSansProLight;
    display: block;
}

.pricing-table2 .table-heading .price {
    width: 98px;
    height: 98px;
    margin: 0 auto 0 -48px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    position: absolute;
    left: 50%;
    top: -52px;
    background: #4b4b4b;
    color: #fff;
    font-size: 14px;
    line-height: 105px;
}

.pricing-table2 .table-heading .price strong {
    font-size: 46px;
    font-family: SourceSansProBold;
}

.pricing-table2 .table-heading .price span {
    font-size: 18px;
    display: inline-block;
    font-family: SourceSansProSemibold;
    position: relative;
    top: -14px;
    left: 2px;
}

.pricing-table2 ul {
    padding: 8px 0;
    background: #fcfcfc;
    margin: 0;
}

.pricing-table2 ul li {
    border-bottom: 1px dashed #e1e1e1;
    padding: 11px 0 9px;
    color: #484848;
    font-size: 16px;
    font-family: SourceSansProLight;
}

.pricing-table2 ul li:last-child {
    border-bottom: 0;
}

.pricing-table2 a.btn {
    margin: 22px 0;
    min-width: 50%;
    padding: 13px 0 6px;
    font-family: SourceSansProSemibold;
}

.pricing-table2.highlight h3 span {
    color: #fff;
}

.table-boxed {
    border: 1px solid #d8d8d8;
    padding: 0 0 35px;
}

.table-boxed-heading {
    background: #404040;
    color: #fff;
    position: relative;
    padding-bottom: 10px;
    margin: -7px -1px -1px;
}

.table-boxed-heading h3 {
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    font-size: 28px;
}

.table-boxed-heading .table-price {
    position: relative;
    bottom: -90px;
    font-family: Oswald,sans-serif;
    box-shadow: 0 0 0 6px #fff;
    -moz-box-shadow: 0 0 0 6px #fff;
    -webkit-box-shadow: 0 0 0 6px #fff;
    border: 1px solid #404040;
    background: #fff;
    color: #404040;
}

.table-boxed-heading .table-price .bg-white {
    background: #FFF;
    bottom: -1px;
    display: block;
    height: 62px;
    left: 0;
    position: absolute;
    width: 100%;
}

.table-boxed-heading .table-price small {
    position: relative;
    z-index: 2;
}

.table-boxed .list {
    padding: 58px 0 20px;
}




/*==== TABLE COLORS ====*/




.table-boxed.table-pink .table-boxed-heading {
    background: #d92173;
}

.table-boxed.table-pink .table-boxed-heading .table-price {
    color: #d92173;
    border: 1px solid #d92173;
}

.table-boxed.table-yellow .table-boxed-heading {
    background: #ee9b24;
}

.table-boxed.table-yellow .table-boxed-heading .table-price {
    color: #ee9b24;
    border: 1px solid #ee9b24;
}

.table-boxed.table-green .table-boxed-heading {
    background: #60a812;
}

.table-boxed.table-green .table-boxed-heading .table-price {
    color: #60a812;
    border: 1px solid #60a812;
}

.table-boxed.table-blue .table-boxed-heading {
    background: #2491ee;
}

.table-boxed.table-blue .table-boxed-heading .table-price {
    color: #2491ee;
    border: 1px solid #2491ee;
}




/*============================== user experience ===========================*/





.user-experience {
    background: url(../images/shadow-big.png) no-repeat center top;
}

.user-experience .icon-big {
    margin-bottom: 30px;
}

.user-experience .heading {
    max-width: none;
}

.user-experience .heading p {
    font-family: SourceSansProLight;
    text-transform: none;
}

.user-experience h4 {
    padding-bottom: 10px;
}




/*========================== SERVICES SECTION =========================*/




.devices {
    position: relative;
    min-height: 542px;
}

.devices .ipad {
    position: absolute;
    right: 0;
    bottom: 0;
}

.devices .mobile {
    position: absolute;
    left: 0;
    bottom: 0;
}

.services.parallax-img {
    background: url(../images/testimonials-bg.jpg) center top fixed;
}

.services.parallax-img .panel-title {
    border-bottom: 1px solid #cac9c9;
}

.services-inner {
    background: url(../images/services-inner-bg.png) no-repeat center top fixed;
    padding: 110px 0 60px;
    margin: 30px 0 0;
}

.services-inner-content {
    padding-right: 5%;
}

.services-inner-content small {
    font-size: 24px;
    color: #404040;
}



/*==== TESTIMONIALS ====*/



.testimonials {
    background: url(../images/testimonials-bg.jpg) center top fixed;
    position: relative;
    padding: 135px 0;
}

.testimonial i {
    font-size: 60px;
}

.testimonial p {
    font-size: 36px;
    color: #404040;
    font-family: Oswald,sans-serif;
    text-transform: uppercase;
    line-height: 45px;
    max-width: 947px;
    margin: 20px auto 10px;
}

.testimonial .client-detail p small {
    color: #404040;
}






/*======================== CLIENT SAID =======================*/







.client-said {
    background: url(../images/client-said-parallax-img.jpg) center top fixed;
    color: #fff;
    padding: 100px 0;
}

.client-said .overlay-fajar {
    background: #000;
    opacity: .5;
}

.client-said h1 {
    font-size: 58px;
    padding-bottom: 50px;
}

.client-said img {
    border: 0;
}

.client-said-inner {
    max-width: 710px;
    margin: 0 auto;
}

.client-said-inner p {
    margin-bottom: 10px;
}

.client-detail {
    padding: 30px 0 20px;
}

.client-detail p {
    font-size: 24px;
    margin: 0;
    max-width: none;
    line-height: 28px;
    font-family: Oswald,sans-serif;
}

.client-detail p small {
    font-size: 14px;
    display: block;
    font-weight: 300;
    font-family: Oswald,sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.carousel-indicators.dots li {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 0;
    background: #fff;
    opacity: 1;
}

.carousel-indicators.thumbs-arrow li {
    position: relative;
    border: 4px solid #fff;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    overflow: hidden;
    margin: 0 3px 0 0;
    box-shadow: 0 0 0 1px #e5e5e5;
    opacity: 1;
}

.carousel-indicators.thumbs-arrow li .overlay-fajar {
    background: 0 0;
}

.carousel-indicators.thumbs-arrow li.active .overlay-fajar {
    background: #000;
    opacity: .5;
}

.carousel-indicators.thumbs-arrow li i {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    font-size: 30px;
    color: #fff;
    top: 35px;
}

.carousel-indicators.thumbs-arrow li.active i {
    display: block;
    color: #fff;
}

.client-said2 {
    background: url(../images/index4-banner.jpg) center top fixed;
    color: #fff;
    padding-bottom: 90px;
}

.client-said2 h1 {
    font-size: 58px;
    padding-bottom: 45px;
}

.client-said2 .overlay-fajar {
    background: #000;
    opacity: .8;
}

.client-said2 .carousel-indicators.dots li.active {
    background: #2491ee;
}





/*============================== OUR WORK (PORTFOLIO 1) ================================*/






.thumb-info {
    border-right: 1px solid #dad7db;
    margin: 23px 0;
    padding: 0 20px;
    text-align: center;
}

.thumb-info h3 {
    color: #404040;
    font-weight: 300;
    font-family: Oswald,sans-serif;
    padding: 0;
}

.thumb-info small {
    color: #888;
    display: block;
    font-size: 13px;
    font-style: italic;
    margin: 7px 0 0;
}




/*============================= portfolio TWO ============================*/





#portfolio-carousel {
    margin: 30px 0 -2px;
}

.portfolio2 {
    position: relative;
    margin: 0 1px 0 0;
    color: #fff;
    overflow: hidden;
    cursor: move;
}

.portfolio2 img {
    width: 100%;
}

.portfolio2 .overlay-fajar {
    background: #000;
    opacity: .8;
    display: none;
}

.portfolio2 .portfolio2-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    padding: 70% 0 0;
    display: none;
}

.portfolio2 .portfolio2-content i {
    font-size: 30px;
    color: #fff;
}

.portfolio2 .portfolio2-content h3,.portfolio2 .portfolio2-content h3 a {
    font-size: 32px;
    font-weight: 300;
    font-family: Oswald,sans-serif;
    padding: 12px 0 0;
    color: #fff;
}

.portfolio2 .portfolio2-content h3 span {
    font-size: 18px;
    display: block;
    color: #fff;
    padding: 10px 0 0;
}

.portfolio2:hover .overlay-fajar,.portfolio2:hover .portfolio2-content {
    display: block;
}





/*==== OUR WORK ====*/





.our-work .carousel-caption {
    left: auto;
    padding-bottom: 0;
    right: 10%;
    bottom: auto;
    top: 25%;
    text-align: left;
    text-shadow: none;
}

.our-work .carousel-caption h1 span {
    font-size: 16px;
    color: #fff;
    display: block;
    padding: 10px 0 0;
}

.our-work .carousel-caption a {
    border: 2px solid #FFF;
    color: #FFF;
    font-weight: 300;
    font-family: Oswald,sans-serif;
    font-size: 20px;
    padding: 16px 100px 16px 40px;
    text-transform: uppercase;
    background: url(../images/arrow-thin.png) no-repeat 84% 27px;
    margin: 10px 0 0;
    display: inline-block;
}

.our-work .carousel-control.left {
    right: 0;
    left: auto;
    width: 74px;
    height: 74px;
    background: url(../images/work-arrow-left.jpg) no-repeat;
    top: 50%;
    margin-top: -75px;
}

.our-work .carousel-control.right {
    right: 0;
    left: auto;
    width: 74px;
    height: 74px;
    background: url(../images/work-arrow-right.jpg) no-repeat;
    top: 50%;
    margin-top: 15px;
}

.our-work .carousel-inner>.item>a>img,.our-work .carousel-inner>.item>img {
    max-width: none;
    width: 100%;
}




/*============================== PORTFOLIO MASONARY =========================*/






.portfolio-masonary .portfolio-item {
    position: relative;
    -webkit-transition: -webkit-transform .6s;
    -moz-transition: -moz-transform .6s;
    transition: transform .6s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.portfolio-masonary .portfolio-masonary-col {
    width: 38.7%;
    float: left;
}

.portfolio-masonary .portfolio-masonary-col.w2 {
    width: 22.5%;
}

.portfolio-masonary .portfolio-masonary-col.w2 .portfolio-item-content {
    padding-top: 16%;
}

.portfolio-masonary .portfolio-item {
    cursor: pointer;
}

.portfolio-masonary .portfolio-item .portfolio-item-content {
    position: absolute;
    top: 100%;
    left: 0;
    text-align: center;
    padding-top: 26%;
    color: #fff;
    width: 100%;
    height: 100%;
    -webkit-transition: background .9s;
    -moz-transition: background .9s;
    transition: background .9s;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    background-size: contain!important;
}

.portfolio-masonary .portfolio-item .portfolio-item-content .overlay-fajar {
    opacity: .8;
}

.portfolio-masonary .portfolio-item .portfolio-item-content a {
    color: #fff;
    display: block;
}

.portfolio-masonary .portfolio-item .portfolio-item-content h3 {
    padding-bottom: 10px;
}

.portfolio-masonary .portfolio-item .portfolio-item-content h3 a {
    color: #fff;
}

.portfolio-item-content h3,.portfolio-item-content p {
    position: relative;
}

.portfolio-masonary .portfolio-item img {
    max-width: none;
    width: 100%;
    height: 100%;
}

.portfolio-masonary:hover .portfolio-masonary-col .portfolio-item:hover {
    -webkit-transform: rotateX(90deg) translateY(-150px);
    -moz-transform: rotateX(90deg) translateY(-150px);
    transform: rotateX(90deg) translateY(-150px);
}



/*============================== PORTFOLIO PAGE =========================*/

.portfolio{}
.portfolio .row{ margin:0;}
.portfolio .row [class^="col-"]{ padding:0;}
.portfolio h2{ text-transform:none;padding: 29% 0 20px 0;color: #222;}
.portfolio h2 span{ display:block; font-size:24px; font-weight:300; padding:0 0 10px 0;}
.portfolio a p{ font-size:30px;margin: 0; color:#222}
.portfolio-thumb{ position:relative; overflow:hidden; height:450px; width:58.3333%; float:left}
.portfolio-thumb img{ max-width:none; width:100%;-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;}
.portfolio-thumb:hover img{ width:110%; margin-left:-30px; -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;}
.portfolio-thumb i{ position:absolute; top:50%; color:#fff;margin-right: -3px; font-size:50px; margin-top:-20px;}
.portfolio-thumb i.pull-right{ right:0;}
.portfolio-thumb i.pull-left{ right:auto; left:0;margin-left: -4px;}
.portfolio .portfolio-desc{ padding:0 4%;width:37.6667%; float:left}
.portfolio-thumb.right{ float:right}
.portfolio .portfolio-desc.left{ float:left}
.share-post {
    background: rgba(255,255,255,.92);
    padding: 20px 2% 16px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.share-post p {
    float: left;
    font-family: Oswald,sans-serif;
    font-size: 25px;
    margin: 0;
    padding: 8px 0 0;
    text-transform: uppe;
}

.share-post .team-social {
    float: right;
    margin: 0;
}






/*==== POPUP PORTFOLIO ====*/








.popup-portfolio {
    position: fixed;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    z-index: 500;
    background: #fff;
    display: block;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.popup-portfolio.shown {
    top: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.popup-img {
    width: 70%;
    float: left;
    position: absolute;
    height: 100%;
}

.popup-img img {
    min-height: 700px;
    width: 100%;
}

.popup-content {
    background: #fff;
    float: right;
    padding: 30px 3%;
    width: 30%;
    position: absolute;
    height: 100%;
    overflow: auto;
    right: 0;
    top: 0;
}

.popup-content h3 {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.popup-portfolio-detail-widget {
    font-family: SourceSansProLight;
}

.popup-portfolio-detail-widget h3 {
    font-family: Oswald,sans-serif;
}

.popup-portfolio-inner {
    position: relative;
}

.popup-portfolio-inner .cross {
    display: block;
    height: 40px;
    margin: 0;
    position: absolute;
    right: 0;
    top: -10px;
    width: 40px;
}

#portfolio-carousel .owl-wrapper-outer {
    overflow: visible!important;
}

#portfolio-carousel .owl-wrapper-outer .cbp-item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-perspective: none;
    perspective: none;
    position: relative;
    transform: none!important;
    -webkit-transform: none!important;
    width: 100%!important;
    height: auto!important;
}

#portfolio-carousel .owl-wrapper-outer .cbp-item .cbp-item-wrapper {
    position: relative!important;
    height: auto!important;
}

.our-work.two .cbp {
    height: auto!important;
}

.our-work.two .cbp .cbp-item,.our-work.two .cbp-wrapper {
    position: relative!important;
}

#grid-container #portfolio-carousel:nth-child(2n+2) {
    display: none!important;
}






/*================================ OUR BEST SELLERS =============================*/






.our-best-sellers {
    background: url(../images/best-seller-bg.jpg) center top fixed;
    position: static;
}

.our-best-sellers .item {
    padding: 0 20px;
}

.best-seller {
    max-width: 363px;
    margin: 0 auto;
}

.best-seller-thumb {
    position: relative;
    overflow: hidden;
}

.best-seller-thumb .overlay-fajar {
    background: #000;
    opacity: .7;
    display: none;
}

.best-seller-thumb .price {
    position: absolute;
    left: 0;
    top: -50px;
    font-size: 30px;
    color: #d4d4d4;
    font-weight: 300;
    font-family: Oswald,sans-serif;
    width: 100%;
    text-align: center;
}

.best-seller-thumb .rating-stars {
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
    text-align: center;
}

.best-seller-thumb .rating-stars li {
    display: inline-block;
    margin: 0 1px;
}

.best-seller-thumb .rating-stars li a {
    font-size: 20px;
}

.best-seller-thumb .rating-stars.white li a {
    color: #fff;
}

.best-seller-content {
    padding: 25px 0 0;
}

.best-seller-content h3,.best-seller-content h3 a {
    padding-bottom: 8px;
    color: #333;
}

.best-seller-content p {
    font-size: 16px;
    color: #404040;
    margin: 0 0 10px;
    line-height: 20px;
}

.best-seller-content .btn {
    margin: 5px 0 0;
}

.our-best-sellers2 {
    background: url(../images/best-seller-bg2.jpg) center top fixed;
    position: relative;
}

.our-best-sellers2 .overlay-fajar {
    background: #fff;
    opacity: .9;
}





/*=========================== BEST SELLERS HOVER =======================*/







.best-seller-thumb:hover .overlay-fajar {
    display: block;
}

.best-seller-thumb:hover .price {
    top: 44%;
    -webkit-transition: all 1200ms ease;
    -moz-transition: all 1200ms ease;
    -ms-transition: all 1200ms ease;
    -o-transition: all 1200ms ease;
    transition: all 1200ms ease;
}

.best-seller-thumb:hover .rating-stars {
    bottom: 36%;
    -webkit-transition: all 1200ms ease;
    -moz-transition: all 1200ms ease;
    -ms-transition: all 1200ms ease;
    -o-transition: all 1200ms ease;
    transition: all 1200ms ease;
}




/*========================== CASE STUDIES =======================*/


.case-studies{ overflow:hidden; background:#ebeff1;}
.case-studies-section{ background: #fff;
padding: 20px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 800px;
height: 800px;
margin: -500px auto 0 auto;
}
.case-studies-section-inner{-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);padding: 450px 0 0 0;
max-width: 650px;}
.case-studies-section h1 span{ display:block; font-size:20px; font-weight:300; color:#000; padding:0 0 20px 0; letter-spacing:8px;}
.case-studies-section p{ margin: 0 auto;max-width: 590px;font-size:28px; color:#222222;font-family: Oswald, sans-serif; font-weight:300; text-transform:uppercase;}
.case-studies-section.small{float: left;height: 300px;margin: -100px auto 0;width: 300px;}
.case-studies-section-inner.small{ left: -10px;max-width: 300px;padding: 0;position: relative;top: 27px;}
.case-studies-section.small  h1{ font-size:24px;padding: 24px 0 14px; font-weight:400;}
.case-studies-section.small p{ font-size:20px;font-family: SourceSansProLight; text-transform:none;}
.case-studies-section-inner.small i{ font-size:45px;}
.case-studies-section.small.right{float: right;}
.target {
    position: relative;
    top: -110px;
}




/*========================== VIDEO ==========================*/





.video {
    height: 589px;
    max-height: 589px;
    overflow: hidden;
    padding: 0;
    text-align: center;
}

.play-btn {
    background: url(../images/video-btn.png) no-repeat;
    width: 86px;
    height: 86px;
    opacity: .6;
    display: block;
    top: 50%;
    position: absolute;
    left: 50%;
    margin: -43px 0 0 -43px;
    z-index: 2;
}

.pause-btn {
    background: url(../images/video-push.png) no-repeat;
    width: 86px;
    height: 86px;
    opacity: .6;
    display: none;
    top: 50%;
    position: absolute;
    left: 50%;
    margin: -43px 0 0 -43px;
    z-index: 2;
}

.video p {
    font-size: 52px;
    color: #fff;
    font-family: Oswald,sans-serif;
    padding: 15px 0 0;
    text-transform: uppercase;
}

.video .overlay-fajar {
    background: url(../images/video-fallback-image.jpg) no-repeat;
    position: absolute;
    z-index: -500;
}

.banner-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*========================== TWITTER =======================*/



.twitter {
    background: url(../images/twitter-post-bg.jpg) center top fixed;
    padding: 0;
    position: static;
}

.twitter .relative {
    padding: 100px 0 150px;
}

.twitter .overlay-fajar {
    background: #000;
    opacity: .8;
}

.twitter-post i {
    font-size: 100px;
    color: #26a6d6;
}

.twitter-post p {
    max-width: 1060px;
    margin: 35px auto;
    color: #fff;
    font-size: 22px;
}

.twitter-post p a {
    color: #26a6d6;
}

.twitter-post p a:hover {
    color: #fff;
}

.twitter-post .post-author {
    text-transform: uppercase;
    font-size: 24px;
    color: #26a6d6;
}

.twitter-post .post-author:hover {
    color: #fff;
}

.twitter .carousel-control {
    width: 40px;
    height: 48px;
    background: url(../images/twitter-arrows.png) no-repeat!important;
    top: auto;
    bottom: -80px;
}

.twitter .carousel-control.left {
    left: 50%;
    margin: 0 0 0 -40px;
}

.twitter .carousel-control.right {
    right: 50%;
    margin: 0 -40px 0 0;
    background-position: right 0!important;
}




/*============================== contact us ==========================*/




.contact-form-widget {
    max-width: 824px;
    margin: 0 auto;
}

.submit-btn {
    border: 0;
    float: right;
    height: 84px;
    margin: -56px 20px 0 0;
    position: relative;
    width: 73px;
}

.submit-btn:hover {
    background-position: center bottom;
}

.submit-btn-dark {
    border: 0;
    float: right;
    height: 84px;
    margin: -56px 20px 0 0;
    position: relative;
    width: 73px;
}

.submit-btn-dark:hover {
    background-position: center top;
}

.submit-btn2 {
    background: url(../images/submit-msg.png) no-repeat 12px 11px;
    border: 0;
    color: #FFF;
    display: inline-block;
    font-weight: 300;
    font-family: Oswald,sans-serif;
    font-size: 18px;
    padding: 7px 30px 8px 50px;
    position: relative;
    text-transform: uppercase;
    width: auto;
}

.submit-btn2:hover {
    background-color: #333;
}


/*========================== MAP =======================*/




.map {
    position: relative;
    min-height: 593px;
}

.map.large {
    min-height: 855px;
}

.map .overlay-fajar {
    background: #000;
    opacity: .7;
    z-index: 2;
}

#map,#map-blue,#map2,#map3,.map iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.map .container {
    z-index: 3;
    height: 1px;
}

.back-to-map-overlay {
    border-radius: 100%;
    color: #FFF;
    display: none;
    font-size: 40px;
    height: 60px;
    line-height: 50px;
    position: absolute;
    right: 20%;
    text-align: center;
    top: 50%;
    width: 60px;
    z-index: 1;
    margin: -30px -30px 0 0;
}

.back-to-map-overlay:hover {
    background: #474747;
    color: #fff;
}

.dark-map {
    padding: 0;
}

.dark-map .container {
    padding-top: 70px;
    padding-bottom: 70px;
}

#map-canvas {
    position: absolute!important;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}





/*==================== MAP INFO WINDOW ======================*/






.gm-style-iw h4 {
    padding: 0 0 10px;
}

.gm-style-iw p {
    font-size: 16px;
    margin: 0;
    text-align: left;
}

.dark-map input[type=email],.dark-map input[type=tel] .dark-map select,form.dark input[type=text] {
    width: 48.9%;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(230,230,230,.45);
}

form.dark textarea {
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(230,230,230,.45);
}

.map .contact-info-widget {
    padding: 130px 0;
}

.map img {
    max-width: none;
}



/*==================== MAPs ======================*/

.maps{}
.maps .resp-tabs-list li{ width:25%; float:left; text-align:center;position: relative; border-bottom:1px solid #c6d5dd; border-left:1px solid #c6d5dd; padding:30px 0;}
.maps .resp-tabs-list li:first-child{border-bottom:1px solid #c6d5dd;}
.maps .resp-tabs-list li strong{font-family: Oswald,sans-serif;font-size:20px;color:#222222; padding:12px 0 12px 0; font-weight:400; display:block;}
.maps .resp-tabs-list li span, .maps .resp-tabs-list li a{ color:#222222; font-size:18px; display:block;font-family: SourceSansProLight; text-transform:none;}
.maps .resp-tabs-list li i{font-size:30px; display:block; text-transform:none;}
.maps .resp-tabs-list li i.fa-caret-down{ color: #222!important;position: absolute;left: 50%;bottom: -31px;z-index: 50;font-size: 50px;margin-left: -17px; display:none;}
.maps .resp-tabs-list li:hover i.fa-caret-down, .maps .resp-tabs-list li.resp-tab-active i.fa-caret-down{ display:block;}
.maps .resp-tabs-list li:hover, .maps .resp-tabs-list li.resp-tab-active{ background:#222;}
.maps .resp-tabs-list li:hover strong, .maps .resp-tabs-list li:hover i, .maps .resp-tabs-list li:hover  span, .maps .resp-tabs-list li:hover a,
.maps .resp-tabs-list li.resp-tab-active strong, .maps .resp-tabs-list li.resp-tab-active i, .maps .resp-tabs-list li.resp-tab-active  span, .maps .resp-tabs-list li.resp-tab-active a{ color:#fff;}
.maps .resp-tabs-container, .maps .resp-tab-content{ height:590px; padding:0;overflow: hidden;}
.maps .resp-tabs-container, .maps .resp-tab-content iframe{ border:0;width:100%; height:590px;}

.maps .resp-accordion{ text-align:center; position:relative;}
.maps .resp-accordion .resp-arrow{ display:none;}
.maps .resp-accordion i, .maps .resp-accordion strong, .maps .resp-accordion a{ display:block}
.maps .resp-accordion strong{ font-weight:400;font-size: 20px; padding:10px 0 6px}
.maps .resp-accordion a, .maps .resp-accordion span{color: #222222;
    display: block;
    font-family: SourceSansProLight;
    font-size: 18px;
	padding:5px 0;
    text-transform: none;}
.maps .resp-accordion i{ display:none}
.maps .resp-accordion.resp-tab-active i.fa-caret-down{ display:block; position:absolute; z-index:50; left:49%; bottom:-16px; color:#222!important;}
.maps .resp-accordion.resp-tab-active{ background:#222!important; border:1px solid #222;}
.maps h2.resp-accordion.resp-tab-active:first-child{border-top:1px solid #222!important;}
.maps .resp-accordion.resp-tab-active i, .maps .resp-accordion.resp-tab-active i strong, .maps .resp-accordion.resp-tab-active span, .maps .resp-accordion.resp-tab-active a{ color:#fff !important;}

.contact-info-widget {
    text-align: center;
    color: #fff;
}

.contact-info-widget h1 {
    color: #fff;
    padding-bottom: 35px;
}

.contact-info-widget p {
    font-size: 40px;
    margin: 0 0 20px;
}

.contact-info-widget p a {
    color: #fff;
}

.contact-info-widget .btn {
    border: 3px solid #FFF;
    border-radius: 3px;
    font-weight: 300;
    font-family: Oswald,sans-serif;
    font-size: 24px;
    margin: 25px 0 35px;
    padding: 14px 50px;
}

.contact-info-widget.boxed {
    background: url(../images/black-transparent.png);
    padding: 38px 20px;
    max-width: 420px;
    text-align: left;
    height: 593px;
}

.contact-info-widget.boxed h4 {
    font-size: 24px;
}

.contact-info-widget.boxed p {
    font-size: 20px;
    margin: 0 0 10px;
}

.contact-info-widget.boxed p i {
    width: 20px;
    font-size: 30px;
    text-align: center;
    margin: 0 5px 0 0;
}

.contact-info-widget.boxed p i.fa-envelope {
    font-size: 17px;
}

.contact-info-widget.boxed p i.icon-location6 {
    font-size: 20px;
}

.contact-info-widget.aside p {
    font-size: 24px;
    text-align: left;
    font-weight: 300;
    font-family: Oswald,sans-serif;
    padding-left: 50px;
}

.contact-info-widget.aside p i {
    float: left;
    font-size: 30px;
    text-align: center;
    width: 30px;
    margin-left: -50px;
}

.contact-info-widget.aside p i.fa-envelope {
    font-size: 25px;
}

.contact-info-widget.aside p i.fa-mobile {
    font-size: 43px;
}

.contact-info-widget.aside a {
    color: #FFF;
    line-height: 20px;
}

.contact-info-widget.aside a.btn {
    display: block;
}

.contact-info-widget.aside .social {
    margin: 40px 0 35px;
}

.contact-info-widget.aside .social li {
    margin: 0 3px;
    width: 15%;
    float: left;
}

.contact-info-widget.aside .social li a {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    display: block;
    text-align: center;
}

.our-offices {
    padding: 10px 0 0;
}

.our-offices .carousel-control {
    background: url(../images/office-arrows.png) no-repeat!important;
    width: 48px;
    height: 48px;
    top: 50%;
    margin-top: -24px;
    opacity: 1;
}

.our-offices .carousel-control.right {
    background-position: right 0!important;
}

.bg-map .heading p {
    color: #fff;
}

.bg-map input[type=email],.bg-map input[type=number],.bg-map input[type=text],.bg-map select,.bg-map textarea {
    background: 0 0;
    border: 1px solid #494949;
}

.bg-map input[type=email]:hover,.bg-map input[type=number]:hover,.bg-map input[type=text]:hover,.bg-map select:hover,.bg-map textarea:hover {
    border: 1px solid #ccc;
}





/*================================ HAVE INTEREST =========================*/





.have-interest {
    padding: 40px 0;
    background: url(../images/have-interest-parallax-bg.jpg) no-repeat center top fixed;
}

.have-interest .overlay-fajar {
    background: #000;
    opacity: .8;
}

.have-interest h3 {
    font-size: 32px;
    font-weight: 300;
    font-family: Oswald,sans-serif;
    color: #fff;
    padding: 0 0 5px;
}

.have-interest p {
    margin: 0;
    font-weight: 300;
    font-family: Oswald,sans-serif;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}

.have-interest .btn-white {
    color: #333;
    float: right;
    font-size: 18px!important;
    margin-top: 10px;
}

.have-interest .btn-white:hover {
    background: #EE9B24;
    color: #fff;
}



/*============================== FOOTER ============================*/



footer {
    background: #fff;
    padding: 40px 0 35px;
    text-align: center;
    font-size: 16px;
}

footer p {
    margin: 0;
}

.footer-social-widget {
    text-align: center;
}

.footer-social-widget li {
    display: inline-block;
    margin: 0 3px;
}

.footer-social-widget li a {
    display: block;
    width: 46px;
    height: 46px;
    border: 1px solid #d1d1d1;
    color: #646464;
    font-size: 20px;
    line-height: 41px;
}

.footer-social-widget.solid li a{ 
	background:#fff;
	color: #646464;
	border: 1px solid #fff;
}
.footer-social-widget.solid li a:hover{
	border: 1px solid #fff;
}

.social li {
    display: inline-block;
    margin: 0 10px;
}

.social li a {
    font-size: 36px;
    color: #fff;
}

.social li a:hover .icon-facebook2 {
    color: #3C5A9B;
}

.social li a:hover .fa-twitter {
    color: #29C5F6;
}

.social li a:hover .fa-google-plus {
    color: #FC5541;
}

.social li a:hover .icon-pinterest4 {
    color: #EE2424;
}

.social-large-widget {
    border-top: 1px solid #ebe9e8;
    text-align: center;
}

.social-large-widget li {
    width: 16.66%;
    border-right: 1px solid #ebe9e8;
    float: left;
    height: 406px;
    position: relative;
    background: #fff;
}

.social-large-widget li a,.social-large-widget li a span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.social-large-widget li a span {
    transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
}

.social-large-widget li a:hover span {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
}

.social-large-widget li a i {
    font-size: 35px;
    margin: 155px 0 15px;
    position: relative;
    z-index: 1;
}

.social-large-widget li a i.fa-facebook {
    color: #3c5a9b;
}

.social-large-widget li a i.fa-twitter {
    color: #29c5f6;
}

.social-large-widget li a i.fa-google-plus {
    color: #fc5541;
}

.social-large-widget li a i.fa-pinterest {
    color: #ee2424;
}

.social-large-widget li a i.fa-dribbble {
    color: #ea41a8;
}

.social-large-widget li a i.fa-linkedin {
    color: #0283ca;
}

.social-large-widget li:nth-child(1) a span {
    background: #3c5a9b;
}

.social-large-widget li:nth-child(2) a span {
    background: #29c5f6;
}

.social-large-widget li:nth-child(3) a span {
    background: #fc5541;
}

.social-large-widget li:nth-child(4) a span {
    background: #ee2424;
}

.social-large-widget li:nth-child(5) a span {
    background: #ea41a8;
}

.social-large-widget li:nth-child(6) a span {
    background: #0283ca;
}

.social-large-widget li a strong {
    display: block;
    font-family: SourceSansProBlack;
    text-transform: uppercase;
    color: #333;
    font-size: 22px;
    letter-spacing: 3px;
    font-weight: 400;
    position: relative;
    z-index: 1;
}

.social-large-widget li a:hover i,.social-large-widget li a:hover strong {
    color: #fff;
}

.social-large-widget li a,.social-large-widget li a i,.social-large-widget li a span,.social-large-widget li a strong,.social-large-widget li a:hover i,.social-large-widget li a:hover strong {
    -webkit-transition: all .5s ease;
    moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.social.slides li a {
    background-size: 100% 200%;
    background-image: linear-gradient(to top,transparent 50%,transparent 50%);
    transition: background-position .5s;
    padding: 10px 0;
}

.social.slides li a:hover {
    background-position: 0 100%;
    background-image: linear-gradient(to top,#fff 50%,transparent 50%);
    transition: background-position .5s;
}





/*================================ BIG FOOTER ==============================*/





.footer-big {
    color: #fff;
    padding: 68px 0 0;
}

.footer-phone-widget i,
.get-in-touch-widget i{
    font-size: 60px;
    margin: 0 0 20px;
}

.footer-phone-widget p {
    font-weight: 300;
    font-family: Oswald,sans-serif;
    font-size: 28px;
}

.footer-email-widget i {
    font-size: 60px;
    margin: 0 0 20px;
    display: block;
}

.footer-email-widget p a {
    font-weight: 300;
    font-family: Oswald,sans-serif;
    font-size: 28px;
    color: #fff;
}

.get-in-touch-widget h4 {
    font-size: 30px;
}

.social-pentagone li {
    display: inline-block;
    margin: 0 3px;
}

.social-pentagone li a {
    background: url(../images/social-pantagon.png) no-repeat;
    width: 55px;
    height: 63px;
    display: block;
    color: #fff;
    font-size: 27px;
    line-height: 63px;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
}

.footer-big .copyright {
    padding: 15px 0;
    margin: 50px 0 0;
    background: rgba(0,0,0,.11);
}

.social-pentagone li a:hover {
    background-position: 0 bottom;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
}

.social-pentagone li a:hover i.icon-facebook8 {
    color: #3c5a9b;
}

.social-pentagone li a:hover i.icon-twitter7 {
    color: #29c5f6;
}

.social-pentagone li a:hover i.icon-googleplus2 {
    color: #fc5541;
}

.social-pentagone li a:hover i.icon-camera8,.social-pentagone li a:hover i.icon-pinterest4 {
    color: #ee2424;
}




/*======================== FOOTER ADDRESS POPUP =====================*/




.map-address-popup-container {
    width: 402px;
    height: 530px;
    margin: 90px auto 0;
    position: relative;
}

.map-address-popup {
    background: url(../images/map-buble.png) no-repeat;
    width: 402px;
    height: 471px;
    margin: 0 auto;
    padding: 90px 0 0;
    text-transform: uppercase;
}

.map-address-popup p {
    margin: 0 auto 14px;
    font-size: 16px;
    color: #404040;
    font-weight: 300;
    font-family: Oswald,sans-serif;
    max-width: 190px;
    line-height: 23px;
}

.map-address-popup p.number {
    font-size: 24px;
}

.map-address-popup a {
    margin: 0 auto 10px;
    display: block;
    color: #404040;
    font-weight: 300;
    font-family: Oswald,sans-serif;
}

.map-address-popup a:hover {
    color: #EE3B24;
}

.map-address-popup i {
    font-size: 23px;
    margin: 8px 0 6px;
}

.map-address-popup-btn {
    background: #EE3B24;
    border: 3px solid #FFF;
    border-radius: 100%;
    color: #FFF;
    display: block;
    font-size: 24px;
    height: 58px;
    line-height: 50px;
    text-align: center;
    width: 58px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: -29px;
}

.map-address-popup-btn:hover {
    color: #fff;
}




/*============================== SHARE POPUP ==============================*/





.share-sec {
    height: 90%;
    left: 5%;
    max-width: 90%;
    position: fixed;
    top: 20%;
    width: 100%;
    z-index: 600;
    display: none;
}

.share-sec .overlay-fajar {
    background: rgba(0,0,0,.81);
    position: fixed;
}

.share-sec-close {
    background-position: -10px -9px;
    background-color: #333;
    display: block;
    height: 50px;
    margin: 0 -25px 0 0;
    position: absolute;
    right: 50%;
    top: -60px;
    width: 50px;
}

.share-sec-close:hover {
    background-position: -10px -76px;
}

#share-sec>p {
    color: #fff;
    font-family: Oswald,sans-serif;
    font-size: 44px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 24px;
    width: 100%;
    z-index: 55555;
    text-transform: uppercase;
}

.share-sec-inner {
    position: absolute;
    left: 0;
    top: auto;
    width: 100%;
    max-height: auto;
    height: 70%;
    overflow: auto;
    overflow-x: hidden;
}

.share-sec-inner .social-large-widget li {
    margin-top: -1px;
    height: 290px;
}

.share-sec-inner .social-large-widget li:last-child {
    border-right: 0;
}

.share-sec-inner .social-large-widget li a,.share-sec-inner .social-large-widget li a span {
    width: 101%;
    margin: 0 -1px;
}

.share-sec-inner .social-large-widget li i {
    margin-top: 100px;
}







/*============================= FOR ANIMATIONS ONLY ============================*/








.animate-it {
    opacity: 0;
	
}

.animate-it.animated {
    opacity: 1;
}





/*==== ALL IN ONE ====*/






.all-in-one-nav {
    height: 71px;
    position: relative;
}

/*=================================== BROWSER SPECIFIC HACKS ===============================*/



@media screen and (-webkit-min-device-pixel-ratio:0) {
    .heading.iconic p {
        margin-top: 0;
    }
}







/*=================================== SUB PAGE ===============================*/



.sub-page-banner{ background:url(../images/sub-page-banner.jpg) no-repeat center top; background-size:cover; height:576px; background-attachment:fixed;}
.sub-page-banner h1{ color:#fff; border-bottom:1px solid #fff; display:inline-block;padding:10% 0 17px;}
.sub-page-banner p{ color:#fff;display: block;font-weight: 300;font-family: Oswald,sans-serif;font-size: 24px;text-transform: uppercase;	padding: 15px 0 0;}
.sub-page-banner .overlay-fajar{ background:#000; opacity:.7;}
.sub-page-footer{ color:#fff}




.down-arrow{ background: none repeat scroll 0 0 #dcdcdc;
    display: inline-block;
    font-size: 37px;
    height: 77px;
    line-height: 75px;
    text-align: center;
    width: 73px; color:#333;}
.down-arrow:hover i.icon-arrow-down6 {line-height: 85px;}













@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[Fullpage Stylesheet]

Project:	FAJAR
Version:	1.0
Last change:	Initial RELEASED 
Primary use:	Fullpage
-------------------------------------------------------------------*/

#superContainer {
    height: 100%;
    position: relative;
    -ms-touch-action: none;
}

.section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.section.table,.slide.table {
    display: table;
    width: 100%;
}

.tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.scrollable {
    overflow: scroll;
}

.easing {
    -webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out;
}

#fullPage-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}

#fullPage-nav.right {
    right: 17px;
}

#fullPage-nav.left {
    left: 17px;
}

.fullPage-tooltip {
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-family: arial,helvetica,sans-serif;
    top: -2px;
}

.fullPage-tooltip.right {
    right: 20px;
}

.fullPage-tooltip.left {
    left: 20px;
}
@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[Home Slides Stylesheet]

Project:	FAJAR
Version:	1.0
Last change:	Initial RELEASED 
Primary use:	Home Slides
-------------------------------------------------------------------*/


#home-slides {
    position: relative;
}

#home-slides .slides-container {
    display: none;
}

#home-slides .scrollable {
    position: relative;
    top: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

#home-slides .scrollable:after {
    content: "";
    display: table;
    clear: both;
}

.slides-navigation {
    left: 50%;
    margin: 0 auto 0 -120px;
    max-width: 240px;
    position: absolute;
    bottom: 38%;
    width: 100%;
    z-index: 3;
}

.slides-navigation a {
    position: absolute;
    display: block;
    outline: 0;
}

.slides-navigation a.prev {
    left: 20px;
    background: url(../images/home-slide-left.png) no-repeat;
    width: 75px;
    height: 57px;
}

.slides-navigation a.next {
    right: 18px;
    background: url(../images/home-slide-right.png) no-repeat;
    width: 75px;
    height: 57px;
}

.slides-pagination {
    position: absolute;
    z-index: 3;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.slides-pagination a {
    border: 2px solid #222;
    border-radius: 15px;
    width: 10px;
    height: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=);
    margin: 2px;
    overflow: hidden;
    text-indent: -100%;
}

.slides-pagination a.current {
    background: #222;
}

.slides-container {
    text-align: center;
}

.slides-container h1 {
    color: #fff;
    padding: 12% 0 0;
    margin-bottom: 10px;
}

.slides-container p {
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
}

.slides-container p i {
    font-size: 7px;
    margin: 0 3px;
    position: relative;
    top: -4px;
}

.slides-container .btn-bordered {
    border: 2px solid #fff;
    font-size: 26px;
    background: rgba(255,255,255,.2);
    font-family: Oswald,sans-serif;
    padding: 9px 60px 12px;
}

.slides-container .btn-bordered:hover {
    border: 2px solid #fff;
    background: rgba(255,255,255,.4);
}
@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[Responsive Tabs Stylesheet]

Project:	FAJAR
Version:	1.0
Last change:	Initial RELEASED 
Primary use:	Tabs to Accordion
-------------------------------------------------------------------*/

.resp-tabs-list li {
    font-size: 24px;
    display: inline-block;
    padding: 0 15px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left;
    color: #8a8a8a;
    text-transform: uppercase;
    border-left: 1px solid #acacac;
}

.resp-tabs-list li:first-child {
    padding-left: 0;
    border: 0;
}

.resp-tabs-container {
    padding: 10px 0 0;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px 5% 15px 0;
    text-align: justify;
}

.resp-tabs-list {
    margin: 0;
}

.resp-accordion-active,.resp-content-active {
    display: block;
}

h2.resp-accordion {
    font-size: 24px;
    border: 1px solid #c1c1c1;
    margin: 0 0 10px;
    padding: 12px 15px;
    font-weight: 300;
}

h2.resp-tab-active {
    margin-bottom: 0!important;
    padding: 10px 15px!important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1!important;
    background: #00f;
}

.verticle-tabs .resp-tabs-list li {
    color: #fff!important;
}

.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 26%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px!important;
    margin: 0 0 5px;
    cursor: pointer;
    float: none;
    background: #424242;
    color: #FFF;
    font-size: 20px;
    font-weight: 300;
    border: 0;
}

.resp-vtabs .resp-tabs-list li:last-child {
    margin: 0;
}

.resp-vtabs .resp-tabs-container {
    padding: 0 0 0 4%;
    background-color: #fff;
    float: left;
    width: 74%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
    padding: 0;
}

.resp-vtabs .resp-tabs-list li:hover,.resp-vtabs li.resp-tab-active {
    border-right: none;
    position: relative;
    z-index: 1;
    margin-right: -1px!important;
}

.resp-vtabs .resp-tabs-list li i {
    font-size: 25px;
    margin: 0 11px 0 0;
}

.resp-arrow {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #C1C1C1;
    float: right;
    height: 0;
    margin-top: 8px;
    width: 0;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid #fff;
}

h2.resp-tab-active {
    color: #fff;
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #ee3b24;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #ee3b24!important;
}

.resp-jfit {
    width: 100%;
    margin: 0;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1!important;
}

@media only screen and (max-width:768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }

    .resp-accordion-closed {
        display: none!important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1!important;
    }
}
@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[Navogation Effects Stylesheet]

Project:	FAJAR
Version:	1.0
Last change:	Initial RELEASED 
Primary use:	Navigation Animation
-------------------------------------------------------------------*/

nav a {
	position: relative;
	display: inline-block;
	outline: 0;
	text-decoration: none;
	text-transform: uppercase
}
nav a:focus, nav a:hover {
	outline: 0
}
.cl-effect-1 a::after, .cl-effect-1 a::before {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform .3s, opacity .2s;
	-moz-transition: -moz-transform .3s, opacity .2s;
	transition: transform .3s, opacity .2s
}
.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px)
}
.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px)
}
.cl-effect-1 a:focus::after, .cl-effect-1 a:focus::before, .cl-effect-1 a:hover::after, .cl-effect-1 a:hover::before {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px)
}
.cl-effect-2 a {
	line-height: 44px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px
}
.cl-effect-2 a span {
	position: relative;
	display: inline-block;
	padding: 28px 25px;
	width: 100%;
	background: #353535;
	color: #fff;
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	transition: transform .3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.cl-effect-2 li.active a span {
	background: #fff
}
.cl-effect-2 a span::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding: 28px 25px;
	height: 97%;
	background: #fff;
	content: attr(data-hover);
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	transition: background .3s;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0
}
.cl-effect-2 a:hover span, .cl-effect-2 li.active a span {
	-webkit-transform: rotateX(90deg) translateY(-22px);
	-moz-transform: rotateX(90deg) translateY(-22px);
	transform: rotateX(90deg) translateY(-22px)
}
.csstransforms3d .cl-effect-2 a:focus span::before, .csstransforms3d .cl-effect-2 a:hover span::before {
	background: #28a2ee
}
.cl-effect-3 a {
	padding: 8px 0;
	color: #fff
}
.navbar-default .cl-effect-3 li a {
	color: #cbcbcb;
	padding: 0 40px 15px 0
}
.navbar-default .cl-effect-3 li a:hover, .navbar-default .cl-effect-3 li.active a, .navbar-default .cl-effect-3 li.active a:hover {
	color: #fff
}
.cl-effect-3 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity .3s, -webkit-transform .3s;
	-moz-transition: opacity .3s, -moz-transform .3s;
	transition: opacity .3s, transform .3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px)
}
.cl-effect-3 a:hover::after, .cl-effect-3 li.active a::after {
	opacity: 1;
	background: #fff;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px)
}
.cl-effect-3 a:focus span {
	color: #fff
}
.cl-effect-4 a {
	padding: 0 0 10px
}
.cl-effect-4 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: height .3s, opacity .3s, -webkit-transform .3s;
	-moz-transition: height .3s, opacity .3s, -moz-transform .3s;
	transition: height .3s, opacity .3s, transform .3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px)
}
.cl-effect-4 a:focus::after, .cl-effect-4 a:hover::after {
	height: 5px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px)
}
.cl-effect-5 a {
	overflow: hidden
}
.cl-effect-5 a span {
	position: relative;
	display: inline-block;
	color: #333;
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	transition: transform .3s
}
.cl-effect-5 a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.cl-effect-5 a:hover span, .cl-effect-5 li.active a span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%)
}
.cl-effect-6 a {
	margin: 0 10px;
	padding: 10px 20px
}
.cl-effect-6 a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	-webkit-transition: top .3s;
	-moz-transition: top .3s;
	transition: top .3s
}
.cl-effect-6 a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 2px;
	background: #fff;
	content: '';
	-webkit-transition: height .3s;
	-moz-transition: height .3s;
	transition: height .3s
}
.cl-effect-6 a:hover::before {
	top: 100%;
	opacity: 1
}
.cl-effect-6 a:hover::after {
	height: 100%
}
.cl-effect-7 a {
	padding: 12px 10px 10px;
	color: #566473;
	text-shadow: none;
	font-weight: 700
}
.cl-effect-7 a::after, .cl-effect-7 a::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 3px;
	background: #566473;
	content: '';
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	transition: transform .3s;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	transform: scale(0.85)
}
.cl-effect-7 a::after {
	opacity: 0;
	-webkit-transition: top .3s, opacity .3s, -webkit-transform .3s;
	-moz-transition: top .3s, opacity .3s, -moz-transform .3s;
	transition: top .3s, opacity .3s, transform .3s
}
.cl-effect-7 a:focus::after, .cl-effect-7 a:focus::before, .cl-effect-7 a:hover::after, .cl-effect-7 a:hover::before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}
.cl-effect-7 a:focus::after, .cl-effect-7 a:hover::after {
	top: 0;
	opacity: 1
}
.cl-effect-8 a {
	padding: 10px 20px
}
.cl-effect-8 a::after, .cl-effect-8 a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 3px solid #354856;
	content: '';
	-webkit-transition: -webkit-transform .3s, opacity .3s;
	-moz-transition: -moz-transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s
}
.cl-effect-8 a::after {
	border-color: #fff;
	opacity: 0;
	-webkit-transform: translateY(-7px) translateX(6px);
	-moz-transform: translateY(-7px) translateX(6px);
	transform: translateY(-7px) translateX(6px)
}
.cl-effect-8 a:focus::before, .cl-effect-8 a:hover::before {
	opacity: 0;
	-webkit-transform: translateY(5px) translateX(-5px);
	-moz-transform: translateY(5px) translateX(-5px);
	transform: translateY(5px) translateX(-5px)
}
.cl-effect-8 a:focus::after, .cl-effect-8 a:hover::after {
	opacity: 1;
	-webkit-transform: translateY(0px) translateX(0px);
	-moz-transform: translateY(0px) translateX(0px);
	transform: translateY(0px) translateX(0px)
}
.cl-effect-9 a {
	margin: 0 20px;
	padding: 18px 20px
}
.cl-effect-9 a::after, .cl-effect-9 a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: .2;
	-webkit-transition: opacity .3s, height .3s;
	-moz-transition: opacity .3s, height .3s;
	transition: opacity .3s, height .3s
}
.cl-effect-9 a::after {
	top: 100%;
	opacity: 0;
	-webkit-transition: -webkit-transform .3s, opacity .3s;
	-moz-transition: -moz-transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px)
}
.cl-effect-9 a span:first-child {
	z-index: 2;
	display: block;
	font-weight: 300
}
.cl-effect-9 a span:last-child {
	z-index: 1;
	display: block;
	padding: 8px 0 0;
	color: rgba(0,0,0,.4);
	text-shadow: none;
	text-transform: none;
	font-style: italic;
	font-size: .75em;
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
	opacity: 0;
	-webkit-transition: -webkit-transform .3s, opacity .3s;
	-moz-transition: -moz-transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%)
}
.cl-effect-9 a:focus::before, .cl-effect-9 a:hover::before {
	height: 6px
}
.cl-effect-9 a:focus::after, .cl-effect-9 a:focus::before, .cl-effect-9 a:hover::after, .cl-effect-9 a:hover::before {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px)
}
.cl-effect-9 a:focus span:last-child, .cl-effect-9 a:hover span:last-child {
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%)
}
.cl-effect-10 {
	position: relative;
	z-index: 1
}
.cl-effect-10 a {
	overflow: hidden;
	margin: 0 15px
}
.cl-effect-10 a span {
	display: block;
	padding: 10px 20px;
	background: #0f7c67;
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	transition: transform .3s
}
.cl-effect-10 a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #0f7c67;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	transition: transform .3s;
	-webkit-transform: translateX(-25%)
}
.cl-effect-10 a:focus span, .cl-effect-10 a:hover span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%)
}
.cl-effect-10 a:focus::before, .cl-effect-10 a:hover::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%)
}
.cl-effect-11 a {
	padding: 0;
	border-bottom: 4px solid rgba(255,255,255,.5);
	text-shadow: none
}
.cl-effect-11 a::before {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	padding: 0 0 8px;
	max-width: 0;
	width: 185px;
	border-bottom: 4px solid #fff;
	color: #fff;
	content: attr(data-hover);
	-webkit-transition: max-width .5s;
	-moz-transition: max-width .5s;
	transition: max-width .5s
}
.cl-effect-11 a:focus::before, .cl-effect-11 a:hover::before, .cl-effect-11 li.active a:focus::before {
	max-width: 100%;
	color: #fff
}
.classic-nav {
	background: none!important;
	z-index: 555;
	bottom: auto;
	top: 0;
	border: 0;
	-moz-box-shadow: 0 0 #000;
	-webkit-box-shadow: 0 0 #000;
	box-shadow: 0 0 #000;
	padding: 0;
	min-height: 100%
}
.classic-nav .navbar-brand, .classic-nav .rss {
	display: none
}
.classic-nav .navbar-collapse, .classic-nav .navbar-nav {
	float: none
}
.classic-nav.navbar-default .navbar-nav>li>a {
	color: #fff;
	padding: 0 0 8px;
	min-width: 185px
}
.classic-nav.navbar-default .navbar-nav>li {
	position: absolute
}
.classic-nav.navbar-default .navbar-nav>li:nth-child(1) {
	left: 10%;
	top: 25%
}
.classic-nav.navbar-default .navbar-nav>li:nth-child(2) {
	left: 36%;
	top: 15%
}
.classic-nav.navbar-default .navbar-nav>li:nth-child(3) {
	left: 67%;
	top: 20%
}
.classic-nav.navbar-default .navbar-nav>li:nth-child(4) {
	left: 84%;
	top: 40%
}
.classic-nav.navbar-default .navbar-nav>li:nth-child(5) {
	left: 5%;
	top: 63%
}
.classic-nav.navbar-default .navbar-nav>li:nth-child(6) {
	left: 25%;
	top: 77%
}
.classic-nav.navbar-default .navbar-nav>li:nth-child(7) {
	left: 55%;
	top: 82%
}
.classic-nav.navbar-default .navbar-nav>li:nth-child(8) {
	left: 80%;
	top: 75%
}
.classic-stickey .classic-nav {
	min-height: 0;
	background: #fff!important;
	bottom: auto;
	box-shadow: 0 3px 9px -9px #000;
	-webkit-box-shadow: 0 3px 14px -8px #000;
	-moz-box-shadow: 0 3px 9px -9px #000;
	padding: 20px 35px 0;
	position: fixed;
	top: 0;
	z-index: 50;
	border-bottom: 1px solid #d9d9d9
}
.classic-stickey .classic-nav .navbar-brand, .classic-stickey .rss {
	display: block
}
.classic-stickey .navbar-default.classic-nav.dark {
	background: #000!important;
	border-bottom: 0!important
}
.classic-stickey .classic-nav.navbar-default .navbar-nav>li {
	left: 0!important;
	position: relative;
	top: 0!important
}
.classic-stickey .classic-nav.navbar-default .navbar-nav>li>a {
	color: #373737;
	margin-right: 10px;
	min-width: 0;
	padding: 0 30px 0 0;
	border-bottom: 0
}
.classic-stickey .classic-nav.navbar-default.dark .navbar-nav>li>a {
	color: #fff
}
.classic-stickey .classic-nav.navbar-default .navbar-nav>li:last-child>a {
	padding-right: 0
}
.classic-stickey .classic-nav.navbar-default .navbar-nav>li.active>a, .classic-stickey .classic-nav.navbar-default .navbar-nav>li>a:before {
	border-bottom: 0
}
.cl-effect-12 a::after, .cl-effect-12 a::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	border: 2px solid rgba(0,0,0,.1);
	border-radius: 50%;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform .3s, opacity .3s;
	-moz-transition: -moz-transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	transform: translateX(-50%) translateY(-50%) scale(0.2)
}
.cl-effect-12 a::after {
	width: 90px;
	height: 90px;
	border-width: 6px;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
	transform: translateX(-50%) translateY(-50%) scale(0.8)
}
.cl-effect-12 a:focus::after, .cl-effect-12 a:focus::before, .cl-effect-12 a:hover::after, .cl-effect-12 a:hover::before {
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1)
}
.cl-effect-13 a {
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	transition: color .3s
}
.cl-effect-13 a::before {
	position: absolute;
	top: 100%;
	left: 50%;
	color: transparent;
	content: '•';
	text-shadow: 0 0 transparent;
	font-size: 1.2em;
	-webkit-transition: text-shadow .3s, color .3s;
	-moz-transition: text-shadow .3s, color .3s;
	transition: text-shadow .3s, color .3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none
}
.cl-effect-13 a:focus::before, .cl-effect-13 a:hover::before {
	color: #fff;
	text-shadow: 10px 0 #fff, -10px 0 #fff
}
.cl-effect-13 a:focus, .cl-effect-13 a:hover {
	color: #ba7700
}
.cl-effect-14 a {
	padding: 0 20px;
	height: 45px;
	line-height: 45px
}
.cl-effect-14 a::after, .cl-effect-14 a::before {
	position: absolute;
	width: 45px;
	height: 2px;
	background: #fff;
	content: '';
	opacity: .2;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	pointer-events: none
}
.cl-effect-14 a::before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0
}
.cl-effect-14 a::after {
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	transform-origin: 100% 0
}
.cl-effect-14 a:focus::after, .cl-effect-14 a:focus::before, .cl-effect-14 a:hover::after, .cl-effect-14 a:hover::before {
	opacity: 1
}
.cl-effect-14 a:focus::before, .cl-effect-14 a:hover::before {
	left: 50%;
	-webkit-transform: rotate(0deg) translateX(-50%);
	-moz-transform: rotate(0deg) translateX(-50%);
	transform: rotate(0deg) translateX(-50%)
}
.cl-effect-14 a:focus::after, .cl-effect-14 a:hover::after {
	right: 50%;
	-webkit-transform: rotate(0deg) translateX(50%);
	-moz-transform: rotate(0deg) translateX(50%);
	transform: rotate(0deg) translateX(50%)
}
.cl-effect-15 a {
	color: rgba(0,0,0,.2);
	font-weight: 700;
	text-shadow: none
}
.cl-effect-15 a::before {
	color: #fff;
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform .3s, opacity .3s;
	-moz-transition: -moz-transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s
}
.cl-effect-15 a:focus::before, .cl-effect-15 a:hover::before {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0
}
.cl-effect-16 a {
	color: #6f8686;
	text-shadow: 0 0 1px rgba(111,134,134,.3)
}
.cl-effect-16 a::before {
	color: #fff;
	content: attr(data-hover);
	position: absolute;
	opacity: 0;
	text-shadow: 0 0 1px rgba(255,255,255,.3);
	-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-webkit-transition: -webkit-transform .3s, opacity .3s;
	-moz-transition: -moz-transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;
	pointer-events: none
}
.cl-effect-16 a:focus::before, .cl-effect-16 a:hover::before {
	-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	opacity: 1
}
.cl-effect-17 a {
	color: #10649b;
	text-shadow: none;
	padding: 10px 0
}
.cl-effect-17 a::before {
	color: #fff;
	text-shadow: 0 0 1px rgba(255,255,255,.3);
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform .3s, opacity .3s;
	-moz-transition: -moz-transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;
	pointer-events: none
}
.cl-effect-17 a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	transform: translateY(5px);
	-webkit-transition: -webkit-transform .3s, opacity .3s;
	-moz-transition: -moz-transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;
	pointer-events: none
}
.cl-effect-17 a:focus::before, .cl-effect-17 a:hover::before {
	opacity: 0;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	transform: translateY(-2px)
}
.cl-effect-17 a:focus::after, .cl-effect-17 a:hover::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px)
}
.cl-effect-18 {
	position: relative;
	z-index: 1
}
.cl-effect-18 a {
	padding: 0 5px;
	color: #b4770d;
	font-weight: 700;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	transition: color .3s
}
.cl-effect-18 a::after, .cl-effect-18 a::before {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	height: 2px;
	margin-top: -1px;
	background: #b4770d;
	content: '';
	z-index: -1;
	-webkit-transition: -webkit-transform .3s, opacity .3s;
	-moz-transition: -moz-transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;
	pointer-events: none
}
.cl-effect-18 a::before {
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	transform: translateY(-20px)
}
.cl-effect-18 a::after {
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	transform: translateY(20px)
}
.cl-effect-18 a:focus, .cl-effect-18 a:hover {
	color: #fff
}
.cl-effect-18 a:focus::after, .cl-effect-18 a:focus::before, .cl-effect-18 a:hover::after, .cl-effect-18 a:hover::before {
	opacity: .7
}
.cl-effect-18 a:focus::before, .cl-effect-18 a:hover::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg)
}
.cl-effect-18 a:focus::after, .cl-effect-18 a:hover::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.cl-effect-19 a {
	line-height: 2em;
	margin: 15px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
	width: 200px
}
.cl-effect-19 a span {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0 14px;
	background: #e35041;
	-webkit-transition: -webkit-transform .4s, background .4s;
	-moz-transition: -moz-transform .4s, background .4s;
	transition: transform .4s, background .4s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50% -100px;
	-moz-transform-origin: 50% 50% -100px;
	transform-origin: 50% 50% -100px
}
.csstransforms3d .cl-effect-19 a span::before {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	background: #b53a2d;
	content: attr(data-hover);
	-webkit-transition: background .4s;
	-moz-transition: background .4s;
	transition: background .4s;
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	transform-origin: 0 50%;
	pointer-events: none
}
.cl-effect-19 a:focus span, .cl-effect-19 a:hover span {
	background: #b53a2d;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg)
}
.csstransforms3d .cl-effect-19 a:focus span::before, .csstransforms3d .cl-effect-19 a:hover span::before {
	background: #ef5e50
}
.cl-effect-20 a {
	line-height: 2em;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px
}
.cl-effect-20 a span {
	position: relative;
	display: inline-block;
	padding: 3px 15px 0;
	background: #587285;
	box-shadow: inset 0 3px #2f4351;
	-webkit-transition: background .6s;
	-moz-transition: background .6s;
	transition: background .6s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	transform-origin: 0 50%
}
.cl-effect-20 a span::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #2f4351;
	content: attr(data-hover);
	-webkit-transform: rotateX(270deg);
	-moz-transform: rotateX(270deg);
	transform: rotateX(270deg);
	-webkit-transition: -webkit-transform .6s;
	-moz-transition: -moz-transform .6s;
	transition: transform .6s;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	pointer-events: none
}
.cl-effect-20 a:focus span, .cl-effect-20 a:hover span {
	background: #2f4351
}
.cl-effect-20 a:focus span::before, .cl-effect-20 a:hover span::before {
	-webkit-transform: rotateX(10deg);
	-moz-transform: rotateX(10deg);
	transform: rotateX(10deg)
}
.cl-effect-21 a {
	padding: 10px;
	color: #237546;
	font-weight: 700;
	text-shadow: none;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	transition: color .3s
}
.cl-effect-21 a::after, .cl-effect-21 a::before {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity .3s, -webkit-transform .3s;
	-moz-transition: opacity .3s, -moz-transform .3s;
	transition: opacity .3s, transform .3s
}
.cl-effect-21 a::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px)
}
.cl-effect-21 a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px)
}
.cl-effect-21 a:focus, .cl-effect-21 a:hover {
	color: #fff
}
.cl-effect-21 a:focus::after, .cl-effect-21 a:focus::before, .cl-effect-21 a:hover::after, .cl-effect-21 a:hover::before {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px)
}

@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[General Stylesheet for Portfolio]

Project:	FAJAR
Version:	1.0
Last change:	Initial RELEASED 
Primary use:	Portfolio
-------------------------------------------------------------------*/



/*  ---------------------------------------------------------------
    general style
    --------------------------------------------------------------- */

/* apply a natural box layout model to all elements  - http://www.paulirish.com/2012/box-sizing-border-box-ftw/*/
*,:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:focus {
    outline: 0;
}

::-moz-focus-inner {
    padding: 0;
    border: 0;
}

body,html {
    width: 100%;
    min-height: 100%;
}

.wrapper {
    width: 100%;
    max-width: none;
    margin: 0 auto;
}
@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[PreLoader Stylesheet]

Project:	FAJAR
Version:	1.0
Last change:	Initial RELEASED 
Primary use:	Loader
-------------------------------------------------------------------*/



#preloader{ 
	background: #fff;
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;}


.loader {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-mos-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align:center;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor:default;
}


.loader {
  width:80%;
  height:36px;
  overflow:visible;
}

.loader div {
  position:absolute;
  width:30px;
  height:36px;
  margin:0 10px;
  opacity:0;
  animation:move 2s linear infinite;
  -o-animation:move 2s linear infinite;
  -moz-animation:move 2s linear infinite;
  -webkit-animation:move 2s linear infinite;
  transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  color:#fff;
  font-size:3em;
}
.loader div:nth-child(2) {
  animation-delay:0.2s;
  -o-animation-delay:0.2s;
  -moz-animation-delay:0.2s;
  -webkit-animation-delay:0.2s;
}
.loader div:nth-child(3) {
  animation-delay:0.4s;
  -o-animation-delay:0.4s;
  -webkit-animation-delay:0.4s;
  -webkit-animation-delay:0.4s;
}
.loader div:nth-child(4) {
  animation-delay:0.6s;
  -o-animation-delay:0.6s;
  -moz-animation-delay:0.6s;
  -webkit-animation-delay:0.6s;
}
.loader div:nth-child(5) {
  animation-delay:0.8s;
  -o-animation-delay:0.8s;
  -moz-animation-delay:0.8s;
  -webkit-animation-delay:0.8s;
}
.loader div:nth-child(6) {
  animation-delay:1s;
  -o-animation-delay:1s;
  -moz-animation-delay:1s;
  -webkit-animation-delay:1s;
}
.loader div:nth-child(7) {
  animation-delay:1.2s;
  -o-animation-delay:1.2s;
  -moz-animation-delay:1.2s;
  -webkit-animation-delay:1.2s;
}
.loader div:nth-child(8) {
  animation-delay:1.4s;
  -o-animation-delay:1.4s;
  -moz-animation-delay:1.4s;
  -webkit-animation-delay:1.4s;
}
.loader div:nth-child(9) {
  animation-delay:1.6s;
  -o-animation-delay:1.6s;
  -moz-animation-delay:1.6s;
  -webkit-animation-delay:1.6s;
}
.loader div:nth-child(10) {
  animation-delay:1.8s;
  -o-animation-delay:1.8s;
  -moz-animation-delay:1.8s;
  -webkit-animation-delay:1.8s;
}

@keyframes move {
  0% {
    right:0;
    opacity:0;
  }
	35% {
		right: 41%; 
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
		opacity:1;
	}
	65% {
		right:59%; 
		-moz-transform:rotate(0deg); 
		-webkit-transform:rotate(0deg); 
		-o-transform:rotate(0deg);
		transform:rotate(0deg); 
		opacity:1;
	}
	100% {
		right:100%; 
		-moz-transform:rotate(-180deg); 
		-webkit-transform:rotate(-180deg); 
		-o-transform:rotate(-180deg); 
		transform:rotate(-180deg);
		opacity:0;
	}
}

@-moz-keyframes move {
	0% {
		right:0; 
		opacity:0;
	}
	35% {
		right:41%; 
		-moz-transform:rotate(0deg); 
		transform:rotate(0deg);
		opacity:1;
	}
	65% {
		right:59%; 
		-moz-transform:rotate(0deg); 
		transform:rotate(0deg);
		opacity:1;
	}
	100% {
		right:100%; 
		-moz-transform:rotate(-180deg); 
		transform:rotate(-180deg);
		opacity:0;
	}
}

@-webkit-keyframes move {
	0% {
		right:0; 
		opacity:0;
	}
	35% {
		right:41%; 
		-webkit-transform:rotate(0deg); 
		transform:rotate(0deg); 
		opacity:1;
	}
	75% {
		right:59%; 
		-webkit-transform:rotate(0deg); 
		transform:rotate(0deg); 
		opacity:1;
	}
	100% {
		right:100%;
		-webkit-transform:rotate(-180deg); 
		transform:rotate(-180deg); 
		opacity:0;
	}
}

@-o-keyframes move {
	0% {
		right:0; 
		opacity:0;
	}
	35% {
		right:41%; 
		-o-transform:rotate(0deg); 
		transform:rotate(0deg); 
		opacity:1;
	}
	65% {
		right:59%; 
		-o-transform:rotate(0deg); 
		transform:rotate(0deg); 
		opacity:1;
	}
	100% {
		right:100%; 
		-o-transform:rotate(-180deg); 
		transform:rotate(-180deg); 
		opacity:0;
	}
}

/*!
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: 0
}
html {
	padding: 0!important;
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
body {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
display:none
}
a {
	background: 0 0
}
a:active, a:hover {
	outline: 0
}
b, strong {
	font-weight: 700
}
dfn {
	font-style: italic
}
mark {
	color: #000;
	background: #ff0
}
sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
hr {
	height: 0;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
pre {
	overflow: auto
}
code, kbd, pre, samp {
	font-size: 1em
}
button, input, optgroup, select, textarea {
	margin: 0;
	font: inherit;
	color: inherit
}
button {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
textarea {
	overflow: auto
}
iframe {
	border: 0
}
optgroup {
	font-weight: 700
}
table {
	border-spacing: 0;
	border-collapse: collapse
}
td, th {
	padding: 0
}
@media print {
* {
	color: #000!important;
	text-shadow: none!important;
	background: 0 0!important;
	box-shadow: none!important
}
a, a:visited {
	text-decoration: underline
}
a[href]:after {
	content: " (" attr(href) ")"
}
abbr[title]:after {
	content: " (" attr(title) ")"
}
a[href^="javascript:"]:after, a[href^="#"]:after {
	content: ""
}
blockquote, pre {
	border: 1px solid #999;
	page-break-inside: avoid
}
thead {
	display: table-header-group
}
img, tr {
	page-break-inside: avoid
}
img {
	max-width: 100%!important
}
h2, h3, p {
	orphans: 3;
	widows: 3
}
h2, h3 {
	page-break-after: avoid
}
select {
	background: #fff!important
}
.navbar {
	display: none
}
.table td, .table th {
	background-color: #fff!important
}
.btn>.caret, .dropup>.btn>.caret {
	border-top-color: #000!important
}
.label {
	border: 1px solid #000
}
.table {
	border-collapse: collapse!important
}
.table-bordered td, .table-bordered th {
	border: 1px solid #ddd!important
}
}
*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html {
	font-size: 62.5%;
	-webkit-tap-highlight-color: transparent
}
body {
	font-family: Oswald, sans-serif;
	font-size: 20px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff
}
input, select, textarea {
	border: 1px solid #E6E6E6;
	color: #848484;
	font-family: SourceSansProLight;
	font-size: 18px;
	line-height: inherit;
	margin: 0 .7% 13px 0;
	padding: 20px 2% 17px;
	width: 48.9%
}

textarea {
	width: 99.2%;
	height: 270px;
	resize: none
}
button {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}
a {
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
a:focus, a:hover {
	color: #333;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
figure {
	margin: 0
}
img {
	vertical-align: middle
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
	display: block;
	max-width: 100%;
	height: auto
}
.img-rounded {
	border-radius: 6px
}
.img-thumbnail {
	display: inline-block;
	max-width: 100%;
	height: auto;
	padding: 4px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.img-circle {
	border-radius: 50%
}
hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee
}
hr.small {
	max-width:282px;
	margin-left:auto;
	margin-right:auto;
}
hr.black{
	border-color:#000
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0
}
h1.light, h2.light, h3.light, h4.light, h5.light, h6.light {
	font-weight: 300;
	font-family: Oswald, sans-serif
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
	text-transform: uppercase
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
	line-height: 1;
	color: #999;
	font-weight: 300;
	font-family: Oswald, sans-serif;
	display: block;
	padding: 0
}
.h1, .h2, .h3, h1, h2, h3 {
	padding-bottom: 25px
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
	font-size: 18px
}
.h4, .h5, .h6, h4, h5, h6 {
	padding-bottom: 25px
}
.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
	font-size: 75%
}
.h1, h1 {
	font-size: 75px
}
.h2, h2 {
	font-size: 42px
}
.h3, h3 {
	font-size: 24px
}
.h4, h4 {
	font-size: 18px
}
.h5, h5 {
	font-size: 14px
}
.h6, h6 {
	font-size: 12px
}
h1.white, h2.white, h3.white, h4.white, h5.white, h6.white {
	color: #fff
}
h1.pink, h2.pink, h3.pink, h4.pink, h5.pink, h6.pink {
	color: #d92173
}
h1.yellow, h2.yellow, h3.yellow, h4.yellow, h5.yellow, h6.yellow {
	color: #ee9b24
}
h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue {
	color: #2491ee
}
h1.green, h2.green, h3.green, h4.green, h5.green, h6.green {
	color: #60a812
}
h1.purple, h2.purple, h3.purple, h4.purple, h5.purple, h6.purple {
	color: #8b2e96
}
h1.orange, h2.orange, h3.orange, h4.orange, h5.orange, h6.orange {
	color: #ee9624
}
h1.red, h2.red, h3.red, h4.red, h5.red, h6.red {
	color: #f71c1c
}
.color-white {
	color: #fff!important
}
.color-pink {
	color: #d92173!important
}
.color-yellow {
	color: #ee9b24!important
}
.color-blue {
	color: #2491ee!important
}
.color-green {
	color: #60a812!important
}
.color-orange {
	color: #ee9624!important
}
.color-purple {
	color: #8b2e96!important
}
.color-red {
	color: #f71c1c!important
}
p {
	font-family: 'Roboto', sans-serif;
	line-height: 32px;
	margin: 0 0 30px
}
.lead {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 200;
	line-height: 1.4
}
@media (min-width:768px) {
.lead {
	font-size: 21px
}
}
.small, small {
	font-size: 85%
}
cite {
	font-style: normal
}
.text-left {
	text-align: left
}
.text-right {
	text-align: right
}
.text-center {
	text-align: center
}
.text-justify {
	text-align: justify
}
.text-muted {
	color: #999
}
.text-primary {
	color: #428bca
}
a.text-primary:hover {
	color: #3071a9
}
.text-success {
	color: #3c763d
}
a.text-success:hover {
	color: #2b542c
}
.text-info {
	color: #31708f
}
a.text-info:hover {
	color: #245269
}
.text-warning {
	color: #8a6d3b
}
a.text-warning:hover {
	color: #66512c
}
.text-danger {
	color: #a94442
}
a.text-danger:hover {
	color: #843534
}
.bg-primary {
	color: #fff;
	background-color: #428bca
}
a.bg-primary:hover {
	background-color: #3071a9
}
.bg-success {
	background-color: #dff0d8
}
a.bg-success:hover {
	background-color: #c1e2b3
}
.bg-info {
	background-color: #d9edf7
}
a.bg-info:hover {
	background-color: #afd9ee
}
.bg-warning {
	background-color: #fcf8e3
}
a.bg-warning:hover {
	background-color: #f7ecb5
}
.bg-danger {
	background-color: #f2dede
}
a.bg-danger:hover {
	background-color: #e4b9b9
}
.bg-pink {
	background-color: #D92173!important
}
.bg-green {
	background-color: #60A812!important
}
.bg-yellow {
	background-color: #EE9B24!important
}
.bg-blue {
	background-color: #2B96CC!important
}
.bg-blue-dark {
	background-color: #1b7bcc!important
}
.bg-purple {
	background-color: #8B2E96!important
}
.bg-dark {
	background-color: #222222!important
}
.transparent {
	opacity: .8!important
}
.page-header {
	padding-bottom: 9px;
	margin: 40px 0 20px;
	border-bottom: 1px solid #eee
}
ol, ul {
	margin-top: 0;
	margin-bottom: 10px;
	list-style: none
}
ol ol, ol ul, ul ol, ul ul {
	margin-bottom: 0
}
.list-unstyled {
	padding-left: 0;
	list-style: none
}
.list-inline {
	padding-left: 0;
	margin-left: -5px;
	list-style: none
}
.list-inline>li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px
}
dl {
	margin-top: 0;
	margin-bottom: 20px
}
dd, dt {
	line-height: 1.42857143
}
dt {
	font-weight: 700
}
dd {
	margin-left: 0
}
@media (min-width:768px) {
.dl-horizontal dt {
	float: left;
	width: 160px;
	overflow: hidden;
	clear: left;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap
}
.dl-horizontal dd {
	margin-left: 180px
}
}
abbr[data-original-title], abbr[title] {
	cursor: help;
	border-bottom: 1px dotted #999
}
.initialism {
	font-size: 90%;
	text-transform: uppercase
}
blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 17.5px;
	border-left: 5px solid #eee
}
blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
	margin-bottom: 0
}
blockquote .small, blockquote footer, blockquote small {
	display: block;
	font-size: 80%;
	line-height: 1.42857143;
	color: #999
}
blockquote .small:before, blockquote footer:before, blockquote small:before {
	content: '\2014 \00A0'
}
.blockquote-reverse, blockquote.pull-right {
	padding-right: 15px;
	padding-left: 0;
	text-align: right;
	border-right: 5px solid #eee;
	border-left: 0
}
.blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
	content: ''
}
.blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
	content: '\00A0 \2014'
}
blockquote:after, blockquote:before {
	content: ""
}
address {
	margin-bottom: 20px;
	font-style: normal;
	line-height: 1.42857143
}
code, kbd, pre, samp {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}
code {
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	white-space: nowrap;
	background-color: #f9f2f4;
	border-radius: 4px
}
kbd {
	padding: 2px 4px;
	font-size: 90%;
	color: #fff;
	background-color: #333;
	border-radius: 3px;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px
}
pre code {
	padding: 0;
	font-size: inherit;
	color: inherit;
	white-space: pre-wrap;
	background-color: transparent;
	border-radius: 0
}
.pre-scrollable {
	max-height: 340px;
	overflow-y: scroll
}
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}
@media (min-width:768px) {
.container {
	width: 750px
}
}
@media (min-width:992px) {
.container {
	width: 970px
}
}
@media (min-width:1200px) {
.container {
	width: 1170px
}
}
.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
.row {
	margin-right: -15px;
	margin-left: -15px
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	float: left
}
.col-xs-12 {
	width: 100%
}
.col-xs-11 {
	width: 91.66666667%
}
.col-xs-10 {
	width: 83.33333333%
}
.col-xs-9 {
	width: 75%
}
.col-xs-8 {
	width: 66.66666667%
}
.col-xs-7 {
	width: 58.33333333%
}
.col-xs-6 {
	width: 50%
}
.col-xs-5 {
	width: 41.66666667%
}
.col-xs-4 {
	width: 33.33333333%
}
.col-xs-3 {
	width: 25%
}
.col-xs-2 {
	width: 16.66666667%
}
.col-xs-1 {
	width: 8.33333333%
}
.col-xs-pull-12 {
	right: 100%
}
.col-xs-pull-11 {
	right: 91.66666667%
}
.col-xs-pull-10 {
	right: 83.33333333%
}
.col-xs-pull-9 {
	right: 75%
}
.col-xs-pull-8 {
	right: 66.66666667%
}
.col-xs-pull-7 {
	right: 58.33333333%
}
.col-xs-pull-6 {
	right: 50%
}
.col-xs-pull-5 {
	right: 41.66666667%
}
.col-xs-pull-4 {
	right: 33.33333333%
}
.col-xs-pull-3 {
	right: 25%
}
.col-xs-pull-2 {
	right: 16.66666667%
}
.col-xs-pull-1 {
	right: 8.33333333%
}
.col-xs-pull-0 {
	right: 0
}
.col-xs-push-12 {
	left: 100%
}
.col-xs-push-11 {
	left: 91.66666667%
}
.col-xs-push-10 {
	left: 83.33333333%
}
.col-xs-push-9 {
	left: 75%
}
.col-xs-push-8 {
	left: 66.66666667%
}
.col-xs-push-7 {
	left: 58.33333333%
}
.col-xs-push-6 {
	left: 50%
}
.col-xs-push-5 {
	left: 41.66666667%
}
.col-xs-push-4 {
	left: 33.33333333%
}
.col-xs-push-3 {
	left: 25%
}
.col-xs-push-2 {
	left: 16.66666667%
}
.col-xs-push-1 {
	left: 8.33333333%
}
.col-xs-push-0 {
	left: 0
}
.col-xs-offset-12 {
	margin-left: 100%
}
.col-xs-offset-11 {
	margin-left: 91.66666667%
}
.col-xs-offset-10 {
	margin-left: 83.33333333%
}
.col-xs-offset-9 {
	margin-left: 75%
}
.col-xs-offset-8 {
	margin-left: 66.66666667%
}
.col-xs-offset-7 {
	margin-left: 58.33333333%
}
.col-xs-offset-6 {
	margin-left: 50%
}
.col-xs-offset-5 {
	margin-left: 41.66666667%
}
.col-xs-offset-4 {
	margin-left: 33.33333333%
}
.col-xs-offset-3 {
	margin-left: 25%
}
.col-xs-offset-2 {
	margin-left: 16.66666667%
}
.col-xs-offset-1 {
	margin-left: 8.33333333%
}
.col-xs-offset-0 {
	margin-left: 0
}
@media (min-width:768px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
	float: left
}
.col-sm-12 {
	width: 100%
}
.col-sm-11 {
	width: 91.66666667%
}
.col-sm-10 {
	width: 83.33333333%
}
.col-sm-9 {
	width: 75%
}
.col-sm-8 {
	width: 66.66666667%
}
.col-sm-7 {
	width: 58.33333333%
}
.col-sm-6 {
	width: 50%
}
.col-sm-5 {
	width: 41.66666667%
}
.col-sm-4 {
	width: 33.33333333%
}
.col-sm-3 {
	width: 25%
}
.col-sm-2 {
	width: 16.66666667%
}
.col-sm-1 {
	width: 8.33333333%
}
.col-sm-pull-12 {
	right: 100%
}
.col-sm-pull-11 {
	right: 91.66666667%
}
.col-sm-pull-10 {
	right: 83.33333333%
}
.col-sm-pull-9 {
	right: 75%
}
.col-sm-pull-8 {
	right: 66.66666667%
}
.col-sm-pull-7 {
	right: 58.33333333%
}
.col-sm-pull-6 {
	right: 50%
}
.col-sm-pull-5 {
	right: 41.66666667%
}
.col-sm-pull-4 {
	right: 33.33333333%
}
.col-sm-pull-3 {
	right: 25%
}
.col-sm-pull-2 {
	right: 16.66666667%
}
.col-sm-pull-1 {
	right: 8.33333333%
}
.col-sm-pull-0 {
	right: 0
}
.col-sm-push-12 {
	left: 100%
}
.col-sm-push-11 {
	left: 91.66666667%
}
.col-sm-push-10 {
	left: 83.33333333%
}
.col-sm-push-9 {
	left: 75%
}
.col-sm-push-8 {
	left: 66.66666667%
}
.col-sm-push-7 {
	left: 58.33333333%
}
.col-sm-push-6 {
	left: 50%
}
.col-sm-push-5 {
	left: 41.66666667%
}
.col-sm-push-4 {
	left: 33.33333333%
}
.col-sm-push-3 {
	left: 25%
}
.col-sm-push-2 {
	left: 16.66666667%
}
.col-sm-push-1 {
	left: 8.33333333%
}
.col-sm-push-0 {
	left: 0
}
.col-sm-offset-12 {
	margin-left: 100%
}
.col-sm-offset-11 {
	margin-left: 91.66666667%
}
.col-sm-offset-10 {
	margin-left: 83.33333333%
}
.col-sm-offset-9 {
	margin-left: 75%
}
.col-sm-offset-8 {
	margin-left: 66.66666667%
}
.col-sm-offset-7 {
	margin-left: 58.33333333%
}
.col-sm-offset-6 {
	margin-left: 50%
}
.col-sm-offset-5 {
	margin-left: 41.66666667%
}
.col-sm-offset-4 {
	margin-left: 33.33333333%
}
.col-sm-offset-3 {
	margin-left: 25%
}
.col-sm-offset-2 {
	margin-left: 16.66666667%
}
.col-sm-offset-1 {
	margin-left: 8.33333333%
}
.col-sm-offset-0 {
	margin-left: 0
}
}
@media (min-width:992px) {
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
	float: left
}
.col-md-12 {
	width: 100%
}
.col-md-11 {
	width: 91.66666667%
}
.col-md-10 {
	width: 83.33333333%
}
.col-md-9 {
	width: 75%
}
.col-md-8 {
	width: 66.66666667%
}
.col-md-7 {
	width: 58.33333333%
}
.col-md-6 {
	width: 50%
}
.col-md-5 {
	width: 41.66666667%
}
.col-md-4 {
	width: 33.33333333%
}
.col-md-3 {
	width: 25%
}
.col-md-2 {
	width: 16.66666667%
}
.col-md-1 {
	width: 8.33333333%
}
.col-md-pull-12 {
	right: 100%
}
.col-md-pull-11 {
	right: 91.66666667%
}
.col-md-pull-10 {
	right: 83.33333333%
}
.col-md-pull-9 {
	right: 75%
}
.col-md-pull-8 {
	right: 66.66666667%
}
.col-md-pull-7 {
	right: 58.33333333%
}
.col-md-pull-6 {
	right: 50%
}
.col-md-pull-5 {
	right: 41.66666667%
}
.col-md-pull-4 {
	right: 33.33333333%
}
.col-md-pull-3 {
	right: 25%
}
.col-md-pull-2 {
	right: 16.66666667%
}
.col-md-pull-1 {
	right: 8.33333333%
}
.col-md-pull-0 {
	right: 0
}
.col-md-push-12 {
	left: 100%
}
.col-md-push-11 {
	left: 91.66666667%
}
.col-md-push-10 {
	left: 83.33333333%
}
.col-md-push-9 {
	left: 75%
}
.col-md-push-8 {
	left: 66.66666667%
}
.col-md-push-7 {
	left: 58.33333333%
}
.col-md-push-6 {
	left: 50%
}
.col-md-push-5 {
	left: 41.66666667%
}
.col-md-push-4 {
	left: 33.33333333%
}
.col-md-push-3 {
	left: 25%
}
.col-md-push-2 {
	left: 16.66666667%
}
.col-md-push-1 {
	left: 8.33333333%
}
.col-md-push-0 {
	left: 0
}
.col-md-offset-12 {
	margin-left: 100%
}
.col-md-offset-11 {
	margin-left: 91.66666667%
}
.col-md-offset-10 {
	margin-left: 83.33333333%
}
.col-md-offset-9 {
	margin-left: 75%
}
.col-md-offset-8 {
	margin-left: 66.66666667%
}
.col-md-offset-7 {
	margin-left: 58.33333333%
}
.col-md-offset-6 {
	margin-left: 50%
}
.col-md-offset-5 {
	margin-left: 41.66666667%
}
.col-md-offset-4 {
	margin-left: 33.33333333%
}
.col-md-offset-3 {
	margin-left: 25%
}
.col-md-offset-2 {
	margin-left: 16.66666667%
}
.col-md-offset-1 {
	margin-left: 8.33333333%
}
.col-md-offset-0 {
	margin-left: 0
}
}
@media (min-width:1200px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
	float: left
}
.col-lg-12 {
	width: 100%
}
.col-lg-11 {
	width: 91.66666667%
}
.col-lg-10 {
	width: 83.33333333%
}
.col-lg-9 {
	width: 75%
}
.col-lg-8 {
	width: 66.66666667%
}
.col-lg-7 {
	width: 58.33333333%
}
.col-lg-6 {
	width: 50%
}
.col-lg-5 {
	width: 41.66666667%
}
.col-lg-4 {
	width: 33.33333333%
}
.col-lg-3 {
	width: 25%
}
.col-lg-2 {
	width: 16.66666667%
}
.col-lg-1 {
	width: 8.33333333%
}
.col-lg-pull-12 {
	right: 100%
}
.col-lg-pull-11 {
	right: 91.66666667%
}
.col-lg-pull-10 {
	right: 83.33333333%
}
.col-lg-pull-9 {
	right: 75%
}
.col-lg-pull-8 {
	right: 66.66666667%
}
.col-lg-pull-7 {
	right: 58.33333333%
}
.col-lg-pull-6 {
	right: 50%
}
.col-lg-pull-5 {
	right: 41.66666667%
}
.col-lg-pull-4 {
	right: 33.33333333%
}
.col-lg-pull-3 {
	right: 25%
}
.col-lg-pull-2 {
	right: 16.66666667%
}
.col-lg-pull-1 {
	right: 8.33333333%
}
.col-lg-pull-0 {
	right: 0
}
.col-lg-push-12 {
	left: 100%
}
.col-lg-push-11 {
	left: 91.66666667%
}
.col-lg-push-10 {
	left: 83.33333333%
}
.col-lg-push-9 {
	left: 75%
}
.col-lg-push-8 {
	left: 66.66666667%
}
.col-lg-push-7 {
	left: 58.33333333%
}
.col-lg-push-6 {
	left: 50%
}
.col-lg-push-5 {
	left: 41.66666667%
}
.col-lg-push-4 {
	left: 33.33333333%
}
.col-lg-push-3 {
	left: 25%
}
.col-lg-push-2 {
	left: 16.66666667%
}
.col-lg-push-1 {
	left: 8.33333333%
}
.col-lg-push-0 {
	left: 0
}
.col-lg-offset-12 {
	margin-left: 100%
}
.col-lg-offset-11 {
	margin-left: 91.66666667%
}
.col-lg-offset-10 {
	margin-left: 83.33333333%
}
.col-lg-offset-9 {
	margin-left: 75%
}
.col-lg-offset-8 {
	margin-left: 66.66666667%
}
.col-lg-offset-7 {
	margin-left: 58.33333333%
}
.col-lg-offset-6 {
	margin-left: 50%
}
.col-lg-offset-5 {
	margin-left: 41.66666667%
}
.col-lg-offset-4 {
	margin-left: 33.33333333%
}
.col-lg-offset-3 {
	margin-left: 25%
}
.col-lg-offset-2 {
	margin-left: 16.66666667%
}
.col-lg-offset-1 {
	margin-left: 8.33333333%
}
.col-lg-offset-0 {
	margin-left: 0
}
}
table {
	max-width: 100%;
	background-color: transparent
}
th {
	text-align: left
}
.table {
	width: 100%;
	margin-bottom: 20px
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd
}
.table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
	border-top: 0
}
.table>tbody+tbody {
	border-top: 2px solid #ddd
}
.table .table {
	background-color: #fff
}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
	padding: 5px
}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border: 1px solid #ddd
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border-bottom-width: 2px
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #f9f9f9
}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
	background-color: #f5f5f5
}
table col[class*=col-] {
	position: static;
	display: table-column;
	float: none
}
table td[class*=col-], table th[class*=col-] {
	position: static;
	display: table-cell;
	float: none
}
.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
	background-color: #f5f5f5
}
.table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover {
	background-color: #e8e8e8
}
.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
	background-color: #dff0d8
}
.table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th, .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover {
	background-color: #d0e9c6
}
.table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info {
	background-color: #d9edf7
}
.table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr.info:hover>th, .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover {
	background-color: #c4e3f3
}
.table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning {
	background-color: #fcf8e3
}
.table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th, .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover {
	background-color: #faf2cc
}
.table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger {
	background-color: #f2dede
}
.table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th, .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover {
	background-color: #ebcccc
}
@media (max-width:767px) {
.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #ddd
}
.table-responsive>.table {
	margin-bottom: 0
}
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
	white-space: nowrap
}
.table-responsive>.table-bordered {
	border: 0
}
.table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child {
	border-left: 0
}
.table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child {
	border-right: 0
}
.table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th {
	border-bottom: 0
}

.maps .resp-tabs-container{ height:auto;}

}
fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0
}
legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: inherit;
	color: #333;
	border: 0;
	border-bottom: 1px solid #e5e5e5
}
label {
	display: inline-block;
	margin-bottom: 5px;
	font-weight: 700
}
input[type=search] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
input[type=checkbox], input[type=radio] {
	margin: 4px 0 0;
	line-height: normal
}
input[type=file] {
	display: block
}
input[type=range] {
	display: block;
	width: 100%
}
select[multiple], select[size] {
	height: auto
}
input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
	outline: dotted thin;
	outline: -webkit-focus-ring-color auto 5px;
	outline-offset: -2px
}
output {
	display: block;
	padding-top: 7px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555
}
.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6)
}
.form-control::-moz-placeholder {
color:#999;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#999
}
.form-control::-webkit-input-placeholder {
color:#999
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	cursor: not-allowed;
	background-color: #eee;
	opacity: 1
}
textarea.form-control {
	height: auto
}
input[type=search] {
	-webkit-appearance: none
}
input[type=date] {
	line-height: 34px
}
.form-group {
	margin-bottom: 15px
}
.checkbox, .radio {
	display: block;
	min-height: 20px;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px
}
.checkbox label, .radio label {
	display: inline;
	font-weight: 400;
	cursor: pointer
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
	float: left;
	margin-left: -20px
}
.checkbox+.checkbox, .radio+.radio {
	margin-top: -5px
}
.checkbox-inline, .radio-inline {
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	vertical-align: middle;
	cursor: pointer
}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
	margin-top: 0;
	margin-left: 10px
}
.checkbox-inline[disabled], .checkbox[disabled], .radio-inline[disabled], .radio[disabled], fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox][disabled], input[type=radio][disabled] {
	cursor: not-allowed
}
.input-sm {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}
select.input-sm {
	height: 30px;
	line-height: 30px
}
select[multiple].input-sm, textarea.input-sm {
	height: auto
}
.input-lg {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px
}
select.input-lg {
	height: 46px;
	line-height: 46px
}
select[multiple].input-lg, textarea.input-lg {
	height: auto
}
.has-feedback {
	position: relative
}
.has-feedback .form-control {
	padding-right: 42.5px
}
.has-feedback .form-control-feedback {
	position: absolute;
	top: 25px;
	right: 0;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center
}
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline {
	color: #3c763d
}
.has-success .form-control {
	border-color: #3c763d;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-success .form-control:focus {
	border-color: #2b542c;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #67b168;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #67b168
}
.has-success .input-group-addon {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #3c763d
}
.has-success .form-control-feedback {
	color: #3c763d
}
.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline {
	color: #8a6d3b
}
.has-warning .form-control {
	border-color: #8a6d3b;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-warning .form-control:focus {
	border-color: #66512c;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #c0a16b;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #c0a16b
}
.has-warning .input-group-addon {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #8a6d3b
}
.has-warning .form-control-feedback {
	color: #8a6d3b
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline {
	color: #a94442
}
.has-error .form-control {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-error .form-control:focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483
}
.has-error .input-group-addon {
	color: #a94442;
	background-color: #f2dede;
	border-color: #a94442
}
.has-error .form-control-feedback {
	color: #a94442
}
.form-control-static {
	margin-bottom: 0
}
.help-block {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #737373
}
@media (min-width:768px) {
.form-inline .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle
}
.form-inline .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle
}
.form-inline .input-group>.form-control {
	width: 100%
}
.form-inline .control-label {
	margin-bottom: 0;
	vertical-align: middle
}
.form-inline .checkbox, .form-inline .radio {
	display: inline-block;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle
}
.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
	float: none;
	margin-left: 0
}
.form-inline .has-feedback .form-control-feedback {
	top: 0
}
}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .radio-inline {
	padding-top: 7px;
	margin-top: 0;
	margin-bottom: 0
}
.form-horizontal .checkbox, .form-horizontal .radio {
	min-height: 27px
}
.form-horizontal .form-group {
	margin-right: -15px;
	margin-left: -15px
}
.form-horizontal .form-control-static {
	padding-top: 7px
}
@media (min-width:768px) {
.form-horizontal .control-label {
	text-align: right
}
}
.form-horizontal .has-feedback .form-control-feedback {
	top: 0;
	right: 15px
}
.btn {
	display: inline-block;
	padding: 14px 36px;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	font-weight: 300;
	font-family: Oswald, sans-serif;
	cursor: pointer;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none
}
.btn i {
	float: left;
	font-size: 28px;
	line-height: 19px;
	margin: 2px 10px 0 -4px
}
.btn-dark {
	background: #424242;
	color: #fff
}
.btn-dark.active:focus, .btn-dark:focus, .btn-dark:hover {
	background: #000;
	color: #fff
}
.btn-view {
	background: 0 0;
	border: 2px solid #333;
	color: #333;
	font-weight: 300;
	font-family: Oswald, sans-serif;
	font-size: 26px;
	max-width: 580px;
	padding: 11px 30px;
	width: 100%
}
.btn-view.active:focus, .btn-view:focus, .btn-view:hover {
	background: #333;
	color: #fff
}
.btn-shop {
	font-weight: 300;
	font-size: 16px;
	padding: 12px 20px;
	background-size: 100% 200%;
	transition: background-position .5s
}
.btn-shop.active:focus, .btn-shop:focus, .btn-shop:hover {
	color: #fff;
	background-position: 0 100%
}
.btn-shop i {
	bottom: -2px;
	display: inline-block;
	font-size: 30px;
	margin: 0 7px 0 -6px;
	position: relative
}
.btn-shop-inverse {
	color: #fff;
	font-weight: 300;
	font-size: 16px;
	padding: 12px 20px;
	background-size: 100% 200%;
	transition: background-position .5s;
	background-position: 0 100%
}
.btn-shop-inverse.active:focus, .btn-shop-inverse:focus, .btn-shop-inverse:hover {
	background-position: 0 0
}
.btn-shop-inverse i {
	bottom: -2px;
	display: inline-block;
	font-size: 30px;
	margin: 0 7px 0 -6px;
	position: relative
}
.btn-shop-yellow {
	color: #ee9b24;
	border-bottom: 1px solid #ee9b24;
	font-size: 16px;
	padding: 12px 20px;
	background-size: 100% 200%;
	background-image: linear-gradient(to top, #ee9b24 50%, transparent 50%);
	transition: background-position .5s
}
.btn-shop-yellow.active:focus, .btn-shop-yellow:focus, .btn-shop-yellow:hover {
	color: #fff;
	background-position: 0 100%
}
.btn-shop-yellow i {
	bottom: -2px;
	display: inline-block;
	font-size: 30px;
	margin: 0 7px 0 -6px;
	position: relative
}
.btn-shop-pink {
	color: #d92173;
	border-bottom: 1px solid #d92173;
	font-size: 16px;
	padding: 12px 20px;
	background-size: 100% 200%;
	background-image: linear-gradient(to top, #d92173 50%, transparent 50%);
	transition: background-position .5s
}
.btn-shop-pink.active:focus, .btn-shop-pink:focus, .btn-shop-pink:hover {
	color: #fff;
	background-position: 0 100%
}
.btn-shop-pink i {
	bottom: -2px;
	display: inline-block;
	font-size: 30px;
	margin: 0 7px 0 -6px;
	position: relative
}
.btn-shop-green {
	color: #60a812;
	border-bottom: 1px solid #60a812;
	font-size: 16px;
	padding: 12px 20px;
	background-size: 100% 200%;
	background-image: linear-gradient(to top, #60a812 50%, transparent 50%);
	transition: background-position .5s
}
.btn-shop-green.active:focus, .btn-shop-green:focus, .btn-shop-green:hover {
	color: #fff;
	background-position: 0 100%
}
.btn-shop-green i {
	bottom: -2px;
	display: inline-block;
	font-size: 30px;
	margin: 0 7px 0 -6px;
	position: relative
}
.btn-bordered {
	border-color: #fff;
	color: #fff
}
.btn-bordered.active:focus, .btn-bordered:focus, .btn-bordered:hover {
	color: #fff
}
.btn-bordered.dark {
	border: 1px solid #909090;
	color: #444
}
.btn-pink {
	color: #fff;
	background-color: #d92173;
	border: 0
}
.btn-pink.active, .btn-pink:active, .btn-pink:focus, .btn-pink:hover, .open .dropdown-toggle.btn-pink {
	color: #fff;
	background-color: #ca1c69;
	border: 0
}
.btn.active:focus, .btn:active:focus, .btn:focus {
	outline: dotted thin;
	outline: -webkit-focus-ring-color auto 5px;
	outline-offset: -2px
}
.btn:focus, .btn:hover {
	text-decoration: none
}
.btn.active, .btn:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65
}
.btn-default {
	color: #fff
}
.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {
	color: #fff;
	border: 0
}
.btn-default.active, .btn-default:active, .open .dropdown-toggle.btn-default {
	background-image: none
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
	background-color: #fff;
	border-color: #ccc
}
.btn-default .badge {
	color: #fff;
	background-color: #333
}
.btn-primary {
	color: #fff;
	background-color: #428bca;
	border: 0
}
.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #2491ee;
	border: 0
}
.btn-primary.active, .btn-primary:active, .open .dropdown-toggle.btn-primary {
	background-image: none
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
	background-color: #428bca;
	border-color: #357ebd
}
.btn-primary .badge {
	color: #428bca;
	background-color: #fff
}
.btn-success {
	color: #fff;
	background-color: #60a812;
	border: 0
}
.btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .dropdown-toggle.btn-success {
	color: #fff;
	background-color: #47a447;
	border: 0
}
.btn-success.active, .btn-success:active, .open .dropdown-toggle.btn-success {
	background-image: none
}
.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
	background-color: #5cb85c;
	border-color: #4cae4c
}
.btn-success .badge {
	color: #5cb85c;
	background-color: #fff
}
.btn-info {
	color: #fff;
	background-color: #5bc0de;
	border: 0
}
.btn-info.active, .btn-info:active, .btn-info:focus, .btn-info:hover, .open .dropdown-toggle.btn-info {
	color: #fff;
	background-color: #39b3d7;
	border: 0
}
.btn-info.active, .btn-info:active, .open .dropdown-toggle.btn-info {
	background-image: none
}
.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
	background-color: #5bc0de;
	border-color: #46b8da
}
.btn-info .badge {
	color: #5bc0de;
	background-color: #fff
}
.btn-warning {
	color: #fff;
	background-color: #ee9b24;
	border: 0
}
.btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open .dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #ed9c28;
	border: 0
}
.btn-warning.active, .btn-warning:active, .open .dropdown-toggle.btn-warning {
	background-image: none
}
.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
	background-color: #f0ad4e;
	border-color: #eea236
}
.btn-warning .badge {
	color: #f0ad4e;
	background-color: #fff
}
.btn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a
}
.btn-danger.active, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open .dropdown-toggle.btn-danger {
	color: #fff;
	background-color: #d2322d;
	border-color: #ac2925
}
.btn-danger.active, .btn-danger:active, .open .dropdown-toggle.btn-danger {
	background-image: none
}
.btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
	background-color: #d9534f;
	border-color: #d43f3a
}
.btn-danger .badge {
	color: #d9534f;
	background-color: #fff
}
.btn-link {
	font-weight: 400;
	color: #428bca;
	cursor: pointer;
	border-radius: 0
}
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
	border-color: transparent
}
.btn-link:focus, .btn-link:hover {
	color: #2a6496;
	text-decoration: underline;
	background-color: transparent
}
.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
	color: #999;
	text-decoration: none
}
.btn-group-lg>.btn, .btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px
}
.btn-group-sm>.btn, .btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}
.btn-group-xs>.btn, .btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}
.btn-block {
	display: block;
	width: 100%;
	padding-right: 0;
	padding-left: 0
}
.btn-block+.btn-block {
	margin-top: 5px
}
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
	width: 100%
}
.btn-white {
	background: #fff
}
.btn-rounded {
	border-radius: 4px
}
.btn-embose-dark {
	border-bottom: 4px solid #333;
	background: #424242;
	color: #FFF
}
.btn-embose-dark:hover {
	background: #333;
	color: #FFF
}
.btn-embose-default {
	color: #FFF
}
.btn-embose-default:hover {
	background: #d52e19;
	color: #FFF
}
.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	transition: opacity .15s linear
}
.fade.in {
	opacity: 1
}
.collapse {
	display: none
}
.collapse.in {
	display: block
}
.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height .35s ease;
	transition: height .35s ease
}
@font-face {
	font-family: 'Glyphicons Halflings';
	src: url(../../../fonts/glyphicons-halflings-regular.eot);
	src: url(../../../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../../../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../../../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../../../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.glyphicon-asterisk:before {
	content: "\2a"
}
.glyphicon-plus:before {
	content: "\2b"
}
.glyphicon-euro:before {
	content: "\20ac"
}
.glyphicon-minus:before {
	content: "\2212"
}
.glyphicon-cloud:before {
	content: "\2601"
}
.glyphicon-envelope:before {
	content: "\2709"
}
.glyphicon-pencil:before {
	content: "\270f"
}
.glyphicon-glass:before {
	content: "\e001"
}
.glyphicon-music:before {
	content: "\e002"
}
.glyphicon-search:before {
	content: "\e003"
}
.glyphicon-heart:before {
	content: "\e005"
}
.glyphicon-star:before {
	content: "\e006"
}
.glyphicon-star-empty:before {
	content: "\e007"
}
.glyphicon-user:before {
	content: "\e008"
}
.glyphicon-film:before {
	content: "\e009"
}
.glyphicon-th-large:before {
	content: "\e010"
}
.glyphicon-th:before {
	content: "\e011"
}
.glyphicon-th-list:before {
	content: "\e012"
}
.glyphicon-ok:before {
	content: "\e013"
}
.glyphicon-remove:before {
	content: "\e014"
}
.glyphicon-zoom-in:before {
	content: "\e015"
}
.glyphicon-zoom-out:before {
	content: "\e016"
}
.glyphicon-off:before {
	content: "\e017"
}
.glyphicon-signal:before {
	content: "\e018"
}
.glyphicon-cog:before {
	content: "\e019"
}
.glyphicon-trash:before {
	content: "\e020"
}
.glyphicon-home:before {
	content: "\e021"
}
.glyphicon-file:before {
	content: "\e022"
}
.glyphicon-time:before {
	content: "\e023"
}
.glyphicon-road:before {
	content: "\e024"
}
.glyphicon-download-alt:before {
	content: "\e025"
}
.glyphicon-download:before {
	content: "\e026"
}
.glyphicon-upload:before {
	content: "\e027"
}
.glyphicon-inbox:before {
	content: "\e028"
}
.glyphicon-play-circle:before {
	content: "\e029"
}
.glyphicon-repeat:before {
	content: "\e030"
}
.glyphicon-refresh:before {
	content: "\e031"
}
.glyphicon-list-alt:before {
	content: "\e032"
}
.glyphicon-lock:before {
	content: "\e033"
}
.glyphicon-flag:before {
	content: "\e034"
}
.glyphicon-headphones:before {
	content: "\e035"
}
.glyphicon-volume-off:before {
	content: "\e036"
}
.glyphicon-volume-down:before {
	content: "\e037"
}
.glyphicon-volume-up:before {
	content: "\e038"
}
.glyphicon-qrcode:before {
	content: "\e039"
}
.glyphicon-barcode:before {
	content: "\e040"
}
.glyphicon-tag:before {
	content: "\e041"
}
.glyphicon-tags:before {
	content: "\e042"
}
.glyphicon-book:before {
	content: "\e043"
}
.glyphicon-bookmark:before {
	content: "\e044"
}
.glyphicon-print:before {
	content: "\e045"
}
.glyphicon-camera:before {
	content: "\e046"
}
.glyphicon-font:before {
	content: "\e047"
}
.glyphicon-bold:before {
	content: "\e048"
}
.glyphicon-italic:before {
	content: "\e049"
}
.glyphicon-text-height:before {
	content: "\e050"
}
.glyphicon-text-width:before {
	content: "\e051"
}
.glyphicon-align-left:before {
	content: "\e052"
}
.glyphicon-align-center:before {
	content: "\e053"
}
.glyphicon-align-right:before {
	content: "\e054"
}
.glyphicon-align-justify:before {
	content: "\e055"
}
.glyphicon-list:before {
	content: "\e056"
}
.glyphicon-indent-left:before {
	content: "\e057"
}
.glyphicon-indent-right:before {
	content: "\e058"
}
.glyphicon-facetime-video:before {
	content: "\e059"
}
.glyphicon-picture:before {
	content: "\e060"
}
.glyphicon-map-marker:before {
	content: "\e062"
}
.glyphicon-adjust:before {
	content: "\e063"
}
.glyphicon-tint:before {
	content: "\e064"
}
.glyphicon-edit:before {
	content: "\e065"
}
.glyphicon-share:before {
	content: "\e066"
}
.glyphicon-check:before {
	content: "\e067"
}
.glyphicon-move:before {
	content: "\e068"
}
.glyphicon-step-backward:before {
	content: "\e069"
}
.glyphicon-fast-backward:before {
	content: "\e070"
}
.glyphicon-backward:before {
	content: "\e071"
}
.glyphicon-play:before {
	content: "\e072"
}
.glyphicon-pause:before {
	content: "\e073"
}
.glyphicon-stop:before {
	content: "\e074"
}
.glyphicon-forward:before {
	content: "\e075"
}
.glyphicon-fast-forward:before {
	content: "\e076"
}
.glyphicon-step-forward:before {
	content: "\e077"
}
.glyphicon-eject:before {
	content: "\e078"
}
.glyphicon-chevron-left:before {
	content: "\e079"
}
.glyphicon-chevron-right:before {
	content: "\e080"
}
.glyphicon-plus-sign:before {
	content: "\e081"
}
.glyphicon-minus-sign:before {
	content: "\e082"
}
.glyphicon-remove-sign:before {
	content: "\e083"
}
.glyphicon-ok-sign:before {
	content: "\e084"
}
.glyphicon-question-sign:before {
	content: "\e085"
}
.glyphicon-info-sign:before {
	content: "\e086"
}
.glyphicon-screenshot:before {
	content: "\e087"
}
.glyphicon-remove-circle:before {
	content: "\e088"
}
.glyphicon-ok-circle:before {
	content: "\e089"
}
.glyphicon-ban-circle:before {
	content: "\e090"
}
.glyphicon-arrow-left:before {
	content: "\e091"
}
.glyphicon-arrow-right:before {
	content: "\e092"
}
.glyphicon-arrow-up:before {
	content: "\e093"
}
.glyphicon-arrow-down:before {
	content: "\e094"
}
.glyphicon-share-alt:before {
	content: "\e095"
}
.glyphicon-resize-full:before {
	content: "\e096"
}
.glyphicon-resize-small:before {
	content: "\e097"
}
.glyphicon-exclamation-sign:before {
	content: "\e101"
}
.glyphicon-gift:before {
	content: "\e102"
}
.glyphicon-leaf:before {
	content: "\e103"
}
.glyphicon-fire:before {
	content: "\e104"
}
.glyphicon-eye-open:before {
	content: "\e105"
}
.glyphicon-eye-close:before {
	content: "\e106"
}
.glyphicon-warning-sign:before {
	content: "\e107"
}
.glyphicon-plane:before {
	content: "\e108"
}
.glyphicon-calendar:before {
	content: "\e109"
}
.glyphicon-random:before {
	content: "\e110"
}
.glyphicon-comment:before {
	content: "\e111"
}
.glyphicon-magnet:before {
	content: "\e112"
}
.glyphicon-chevron-up:before {
	content: "\e113"
}
.glyphicon-chevron-down:before {
	content: "\e114"
}
.glyphicon-retweet:before {
	content: "\e115"
}
.glyphicon-shopping-cart:before {
	content: "\e116"
}
.glyphicon-folder-close:before {
	content: "\e117"
}
.glyphicon-folder-open:before {
	content: "\e118"
}
.glyphicon-resize-vertical:before {
	content: "\e119"
}
.glyphicon-resize-horizontal:before {
	content: "\e120"
}
.glyphicon-hdd:before {
	content: "\e121"
}
.glyphicon-bullhorn:before {
	content: "\e122"
}
.glyphicon-bell:before {
	content: "\e123"
}
.glyphicon-certificate:before {
	content: "\e124"
}
.glyphicon-thumbs-up:before {
	content: "\e125"
}
.glyphicon-thumbs-down:before {
	content: "\e126"
}
.glyphicon-hand-right:before {
	content: "\e127"
}
.glyphicon-hand-left:before {
	content: "\e128"
}
.glyphicon-hand-up:before {
	content: "\e129"
}
.glyphicon-hand-down:before {
	content: "\e130"
}
.glyphicon-circle-arrow-right:before {
	content: "\e131"
}
.glyphicon-circle-arrow-left:before {
	content: "\e132"
}
.glyphicon-circle-arrow-up:before {
	content: "\e133"
}
.glyphicon-circle-arrow-down:before {
	content: "\e134"
}
.glyphicon-globe:before {
	content: "\e135"
}
.glyphicon-wrench:before {
	content: "\e136"
}
.glyphicon-tasks:before {
	content: "\e137"
}
.glyphicon-filter:before {
	content: "\e138"
}
.glyphicon-briefcase:before {
	content: "\e139"
}
.glyphicon-fullscreen:before {
	content: "\e140"
}
.glyphicon-dashboard:before {
	content: "\e141"
}
.glyphicon-paperclip:before {
	content: "\e142"
}
.glyphicon-heart-empty:before {
	content: "\e143"
}
.glyphicon-link:before {
	content: "\e144"
}
.glyphicon-phone:before {
	content: "\e145"
}
.glyphicon-pushpin:before {
	content: "\e146"
}
.glyphicon-usd:before {
	content: "\e148"
}
.glyphicon-gbp:before {
	content: "\e149"
}
.glyphicon-sort:before {
	content: "\e150"
}
.glyphicon-sort-by-alphabet:before {
	content: "\e151"
}
.glyphicon-sort-by-alphabet-alt:before {
	content: "\e152"
}
.glyphicon-sort-by-order:before {
	content: "\e153"
}
.glyphicon-sort-by-order-alt:before {
	content: "\e154"
}
.glyphicon-sort-by-attributes:before {
	content: "\e155"
}
.glyphicon-sort-by-attributes-alt:before {
	content: "\e156"
}
.glyphicon-unchecked:before {
	content: "\e157"
}
.glyphicon-expand:before {
	content: "\e158"
}
.glyphicon-collapse-down:before {
	content: "\e159"
}
.glyphicon-collapse-up:before {
	content: "\e160"
}
.glyphicon-log-in:before {
	content: "\e161"
}
.glyphicon-flash:before {
	content: "\e162"
}
.glyphicon-log-out:before {
	content: "\e163"
}
.glyphicon-new-window:before {
	content: "\e164"
}
.glyphicon-record:before {
	content: "\e165"
}
.glyphicon-save:before {
	content: "\e166"
}
.glyphicon-open:before {
	content: "\e167"
}
.glyphicon-saved:before {
	content: "\e168"
}
.glyphicon-import:before {
	content: "\e169"
}
.glyphicon-export:before {
	content: "\e170"
}
.glyphicon-send:before {
	content: "\e171"
}
.glyphicon-floppy-disk:before {
	content: "\e172"
}
.glyphicon-floppy-saved:before {
	content: "\e173"
}
.glyphicon-floppy-remove:before {
	content: "\e174"
}
.glyphicon-floppy-save:before {
	content: "\e175"
}
.glyphicon-floppy-open:before {
	content: "\e176"
}
.glyphicon-credit-card:before {
	content: "\e177"
}
.glyphicon-transfer:before {
	content: "\e178"
}
.glyphicon-cutlery:before {
	content: "\e179"
}
.glyphicon-header:before {
	content: "\e180"
}
.glyphicon-compressed:before {
	content: "\e181"
}
.glyphicon-earphone:before {
	content: "\e182"
}
.glyphicon-phone-alt:before {
	content: "\e183"
}
.glyphicon-tower:before {
	content: "\e184"
}
.glyphicon-stats:before {
	content: "\e185"
}
.glyphicon-sd-video:before {
	content: "\e186"
}
.glyphicon-hd-video:before {
	content: "\e187"
}
.glyphicon-subtitles:before {
	content: "\e188"
}
.glyphicon-sound-stereo:before {
	content: "\e189"
}
.glyphicon-sound-dolby:before {
	content: "\e190"
}
.glyphicon-sound-5-1:before {
	content: "\e191"
}
.glyphicon-sound-6-1:before {
	content: "\e192"
}
.glyphicon-sound-7-1:before {
	content: "\e193"
}
.glyphicon-copyright-mark:before {
	content: "\e194"
}
.glyphicon-registration-mark:before {
	content: "\e195"
}
.glyphicon-cloud-download:before {
	content: "\e197"
}
.glyphicon-cloud-upload:before {
	content: "\e198"
}
.glyphicon-tree-conifer:before {
	content: "\e199"
}
.glyphicon-tree-deciduous:before {
	content: "\e200"
}
.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent
}
.dropdown {
	position: relative
}
.dropdown-toggle:focus {
	outline: 0
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 0 0;
	margin: 2px 0 0;
	font-size: 15px;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175)
}
.dropdown-menu.pull-right {
	right: 0;
	left: auto
}
.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5
}
.dropdown-menu>li>a {
	display: block;
	padding: 14px 20px 13px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	border-bottom:1px solid #f9f9f9;
	white-space: nowrap
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	color: #262626;
	text-decoration: none;
	background-color: #f9f9f9
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #428bca;
	outline: 0
}
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {
	color: #999
}
.dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent;
	background-image: none;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.open>.dropdown-menu {
	display: block
}
.open>a {
	outline: 0
}
.dropdown-menu-right {
	right: 0;
	left: auto
}
.dropdown-menu-left {
	right: auto;
	left: 0
}
.dropdown-header {
	display: block;
	padding: 3px 20px;
	font-size: 12px;
	line-height: 1.42857143;
	color: #999
}
.dropdown-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 990
}
.pull-right>.dropdown-menu {
	right: 0;
	left: auto
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
	content: "";
	border-top: 0;
	border-bottom: 4px solid
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 1px
}
@media (min-width:768px) {
.navbar-right .dropdown-menu {
	/*right: 0;
	left: auto*/
}
.navbar-right .dropdown-menu-left {
	right: auto;
	left: 0
}
}
.btn-group, .btn-group-vertical {
	position: relative;
	display: inline-block;
	vertical-align: middle
}
.btn-group-vertical>.btn, .btn-group>.btn {
	position: relative;
	float: left
}
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
	z-index: 2
}
.btn-group-vertical>.btn:focus, .btn-group>.btn:focus {
	outline: 0
}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
	margin-left: -1px
}
.btn-toolbar {
	margin-left: -5px
}
.btn-toolbar .btn-group, .btn-toolbar .input-group {
	float: left
}
.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group {
	margin-left: 5px
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius: 0
}
.btn-group>.btn:first-child {
	margin-left: 0
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.btn-group>.btn-group {
	float: left
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
	border-radius: 0
}
.btn-group>.btn-group:first-child>.btn:last-child, .btn-group>.btn-group:first-child>.dropdown-toggle {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.btn-group>.btn-group:last-child>.btn:first-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
	outline: 0
}
.btn-group>.btn+.dropdown-toggle {
	padding-right: 8px;
	padding-left: 8px
}
.btn-group>.btn-lg+.dropdown-toggle {
	padding-right: 12px;
	padding-left: 12px
}
.btn-group.open .dropdown-toggle {
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.btn-group.open .dropdown-toggle.btn-link {
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn .caret {
	margin-left: 0
}
.btn-lg .caret {
	border-width: 5px 5px 0
}
.dropup .btn-lg .caret {
	border-width: 0 5px 5px
}
.btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%
}
.btn-group-vertical>.btn-group>.btn {
	float: none
}
.btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group {
	margin-top: -1px;
	margin-left: 0
}
.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
	border-radius: 0
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}
.btn-group-vertical>.btn:last-child:not(:first-child) {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 4px
}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
	border-radius: 0
}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}
.btn-group-justified {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate
}
.btn-group-justified>.btn, .btn-group-justified>.btn-group {
	display: table-cell;
	float: none;
	width: 1%
}
.btn-group-justified>.btn-group .btn {
	width: 100%
}
[data-toggle=buttons]>.btn>input[type=checkbox], [data-toggle=buttons]>.btn>input[type=radio] {
display:none
}
.input-group {
	position: relative;
	display: table;
	border-collapse: separate
}
.input-group[class*=col-] {
	float: none;
	padding-right: 0;
	padding-left: 0
}
.input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0
}
.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px
}
select.input-group-lg>.form-control, select.input-group-lg>.input-group-addon, select.input-group-lg>.input-group-btn>.btn {
	height: 46px;
	line-height: 46px
}
select[multiple].input-group-lg>.form-control, select[multiple].input-group-lg>.input-group-addon, select[multiple].input-group-lg>.input-group-btn>.btn, textarea.input-group-lg>.form-control, textarea.input-group-lg>.input-group-addon, textarea.input-group-lg>.input-group-btn>.btn {
	height: auto
}
.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}
select.input-group-sm>.form-control, select.input-group-sm>.input-group-addon, select.input-group-sm>.input-group-btn>.btn {
	height: 30px;
	line-height: 30px
}
select[multiple].input-group-sm>.form-control, select[multiple].input-group-sm>.input-group-addon, select[multiple].input-group-sm>.input-group-btn>.btn, textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addon, textarea.input-group-sm>.input-group-btn>.btn {
	height: auto
}
.input-group .form-control, .input-group-addon, .input-group-btn {
	display: table-cell
}
.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
	border-radius: 0
}
.input-group-addon, .input-group-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle
}
.input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px
}
.input-group-addon.input-sm {
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 3px
}
.input-group-addon.input-lg {
	padding: 10px 16px;
	font-size: 18px;
	border-radius: 6px
}
.input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
	margin-top: 0
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.input-group-addon:first-child {
	border-right: 0
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.input-group-addon:last-child {
	border-left: 0
}
.input-group-btn {
	position: relative;
	font-size: 0;
	white-space: nowrap
}
.input-group-btn>.btn {
	position: relative
}
.input-group-btn>.btn+.btn {
	margin-left: -1px
}
.input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover {
	z-index: 2
}
.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group {
	margin-right: -1px
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
	margin-left: -1px
}
.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}
.nav>li, .nav>li>a {
	position: relative;
	display: block
}
.nav>li>a:focus, .nav>li>a:hover {
	text-decoration: none;
	background-color: #eee
}
.nav>li.disabled>a {
	color: #999
}
.nav>li.disabled>a:focus, .nav>li.disabled>a:hover {
	color: #999;
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: #eee;
	border-color: #428bca
}
.nav .nav-divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5
}
.nav>li>a>img {
	max-width: none
}
.nav-tabs {
	border-bottom: 1px solid #ddd
}
.nav-tabs>li {
	float: left;
	margin-bottom: -1px
}
.nav-tabs>li>a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0
}
.nav-tabs>li>a:hover {
	border-color: #eee #eee #ddd
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent
}
.nav-tabs.nav-justified {
	width: 100%;
	border-bottom: 0
}
.nav-tabs.nav-justified>li {
	float: none
}
.nav-tabs.nav-justified>li>a {
	margin-bottom: 5px;
	text-align: center
}
.nav-tabs.nav-justified>.dropdown .dropdown-menu {
	top: auto;
	left: auto
}
@media (min-width:768px) {
.nav-tabs.nav-justified>li {
	display: table-cell;
	width: 1%
}
.nav-tabs.nav-justified>li>a {
	margin-bottom: 0
}
}
.nav-tabs.nav-justified>li>a {
	margin-right: 0;
	border-radius: 4px
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
	border: 1px solid #ddd
}
@media (min-width:768px) {
.nav-tabs.nav-justified>li>a {
	border-bottom: 1px solid #ddd;
	border-radius: 4px 4px 0 0
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
	border-bottom-color: #fff
}
}
.nav-pills>li {
	float: left
}
.nav-pills>li>a {
	border-radius: 4px
}
.nav-pills>li+li {
	margin-left: 2px
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	color: #fff;
	background-color: #428bca
}
.nav-stacked>li {
	float: none
}
.nav-stacked>li+li {
	margin-top: 2px;
	margin-left: 0
}
.nav-justified {
	width: 100%
}
.nav-justified>li {
	float: none
}
.nav-justified>li>a {
	margin-bottom: 5px;
	text-align: center
}
.nav-justified>.dropdown .dropdown-menu {
	top: auto;
	left: auto
}
@media (min-width:768px) {
.nav-justified>li {
	display: table-cell;
	width: 1%
}
.nav-justified>li>a {
	margin-bottom: 0
}
}
.nav-tabs-justified {
	border-bottom: 0
}
.nav-tabs-justified>li>a {
	margin-right: 0;
	border-radius: 4px
}
.nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover {
	border: 1px solid #ddd
}
@media (min-width:768px) {
.nav-tabs-justified>li>a {
	border-bottom: 1px solid #ddd;
	border-radius: 4px 4px 0 0
}
.nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover {
	border-bottom-color: #fff
}
}
.tab-content>.tab-pane {
	display: none
}
.tab-content>.active {
	display: block
}
.nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}
.navbar {
	min-height: 50px
}
@media (min-width:991px) {
.navbar-header {
	float: left
}
.navbar-nav > li.dropdown:hover ul{ display:block !important;}
.classic-nav   li.dropdown:hover ul{ display:none !important;}
.classic-stickey .classic-nav .navbar-nav > li.dropdown:hover ul{ display:block !important;}
.classic-stickey .classic-nav .navbar-nav.cl-effect-11 a:focus:before, .classic-stickey .classic-nav .navbar-nav.cl-effect-11 a:hover:before, .classic-stickey .classic-nav .navbar-nav.cl-effect-11 li.active a:focus:before{ max-width:0;}
.navbar-default.bottom li.dropdown ul{ top:auto; bottom:100%;}
.navbar-default.bottom.stickey-nav li.dropdown ul{ top:100%; bottom:auto;}

}
.navbar-collapse {
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
}
.navbar-collapse.in {
	overflow-y: auto
}
@media (min-width:991px) {
.navbar-collapse {
	width: auto;
	border-top: 0;
	box-shadow: none
}
.navbar-collapse.collapse {
	display: block!important;
	height: auto!important;
	padding-bottom: 0;
	overflow: visible!important
}
.navbar-collapse.in {
	overflow-y: visible
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
	padding-right: 0;
	padding-left: 0
}
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
	margin-right: -15px;
	margin-left: -15px
}
@media (min-width:991px) {
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
	margin-right: 30px;
	margin-left: 0
}
}
.navbar-static-top {
	z-index: 1000;
	border-width: 0 0 1px
}
@media (min-width:768px) {
.navbar-static-top {
	border-radius: 0
}
}
.navbar-fixed-bottom, .navbar-fixed-top {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030
}
@media (min-width:768px) {
.navbar-fixed-bottom, .navbar-fixed-top {
	border-radius: 0
}
}
.navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px
}
.navbar-fixed-bottom {
	bottom: 0;
	margin-bottom: 0;
	border-width: 1px 0 0
}
.navbar-brand {
	float: left;
	font-size: 18px;
	line-height: 20px
}
.navbar-brand:focus, .navbar-brand:hover {
	text-decoration: none
}
@media (min-width:768px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-left: -15px;
	min-height: 33px
}
.navbar>.container .navbar-brand {
	margin-left: 0
}
}
.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	right: 58px
}
.navbar-toggle:focus {
	outline: 0
}
.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px
}
.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 4px
}
@media (min-width:991px) {
.navbar-toggle {
	display: none
}
}
.navbar-nav {
	margin: 7.5px -15px
}
.navbar-nav>li>a {
	font-size: 18px;
	line-height: 20px;
	padding: 0 20px;
	text-transform: uppercase
}
@media (max-width:767px) {
.navbar-nav .open .dropdown-menu {
	position: static;
	float: none;
	width: 98%;
	margin-top: 0;
	background-color: transparent;
	box-shadow: none
}

.navbar-colorfull .navbar-nav .open .dropdown-menu {
	margin-top: 20px;
	padding:0; border:0;
}
.navbar-colorfull .navbar-nav .open .dropdown-menu li{ padding:0 !important;}

.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
	
}
.navbar-nav .open .dropdown-menu>li>a {
	line-height: 20px
}
.navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover {
	background-image: none
}
}
@media (min-width:991px) {
.navbar-nav {
	float: left;
	margin: 0
}
.navbar-nav>li {
	float: left;
	margin-top: 6px;padding-bottom: 23px;
}
.transparent-nav .navbar-nav>li{padding-bottom:0;}
.navbar-nav.navbar-right:last-child {
	margin-right: 15px
}
}
@media (min-width:991px) {
.navbar-left {
	float: left!important
}
.navbar-right {
	float: right!important
}
}
.navbar-form {
	padding: 10px 15px;
	margin: 8px -15px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)
}
@media (min-width:768px) {
.navbar-form .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle
}
.navbar-form .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle
}
.navbar-form .input-group>.form-control {
	width: 100%
}
.navbar-form .control-label {
	margin-bottom: 0;
	vertical-align: middle
}
.navbar-form .checkbox, .navbar-form .radio {
	display: inline-block;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle
}
.navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
	float: none;
	margin-left: 0
}
.navbar-form .has-feedback .form-control-feedback {
	top: 0
}
}
@media (max-width:767px) {
.navbar-form .form-group {
	margin-bottom: 5px
}
}
@media (min-width:768px) {
.navbar-form {
	width: auto;
	padding-top: 0;
	padding-bottom: 0;
	margin-right: 0;
	margin-left: 0;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}
.navbar-form.navbar-right:last-child {
	margin-right: -15px
}
}
.navbar-nav>li>.dropdown-menu {
	margin-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}
.navbar-btn {
	margin-top: 8px;
	margin-bottom: 8px
}
.navbar-btn.btn-sm {
	margin-top: 10px;
	margin-bottom: 10px
}
.navbar-btn.btn-xs {
	margin-top: 14px;
	margin-bottom: 14px
}
.navbar-text {
	margin-top: 15px;
	margin-bottom: 15px
}
@media (min-width:768px) {
.navbar-text {
	float: left;
	margin-right: 15px;
	margin-left: 15px
}
.navbar-text.navbar-right:last-child {
	margin-right: 0
}
}
.navbar-default.sub-page-nav{ position:relative;}
.navbar-default.sub-page-nav.stickey-nav{ position:fixed;}
.navbar-default.sub-page-nav .navbar-toggle{ right:0;}
.navbar-default {
	background: #FFF;
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
	padding: 20px 35px 0;
	border-bottom: 1px solid #d9d9d9;
	-moz-box-shadow: 0 3px 9px -9px #000;
	-webkit-box-shadow: 0 3px 14px -8px #000;
	box-shadow: 0 3px 9px -9px #000
}
.navbar-default.dark {
	background: #000;
	border-bottom: 1px solid #000
}
.navbar-default.dark .cl-effect-5 a span, .navbar-default.dark .cl-effect-5 a {
	color: #fff
}
.navbar-default.dark li.dropdown ul a{ color:#373737}


/* LEFT NAVIGATION */
.left-nav.navbar-default.dark .navbar-collapse li {border-top: 1px solid #222!important;}
.left-nav.navbar-default.dark .navbar-collapse li:last-child {border-bottom: 1px solid #222!important;}
.left-nav.navbar-default.dark .social li a {border-right: 1px solid #222;}
.left-nav.navbar-default.dark .social li:last-child  a {border-right: 1px solid #222;}
.left-nav.navbar-default.dark .left-nav-btn{ background:#000; border-color:#222;}
.left-nav.navbar-default.dark .social li {border-top:1px solid #222 !important;}


.navbar-default .navbar-brand {
	color: #777
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
	color: #5e5e5e;
	background-color: transparent
}
.navbar-default .navbar-text {
	color: #777
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	background-color: transparent
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: #ee3b24
}
.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover {
	color: #ccc;
	background-color: transparent
}
.navbar-default .navbar-toggle {
	border-color: #ddd
}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #fff
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #888
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #e7e7e7;
	float: right
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #555;
	background:none
}
.navbar-default.navbar-top {
	position: fixed;
	top: 0;
	bottom: auto;
	padding: 0;
	min-height: 0;
	border-bottom: 0;
	box-shadow: none;
	z-index: 55;
	background: #353535
}
.navbar-default.navbar-top .navbar-brand {
	margin: 0;
	height: 76px;
	padding: 23px 15px 18px 20px;
	float: none;
	display: block
}
.navbar-default.navbar-top .navbar-header {
	margin: 0;
	width: 15.1%
}
.navbar-default.navbar-top .navbar-nav>li {
	margin: 0;
	width: 14.2%;
	padding-bottom:0;
	border-right: 1px solid #4c4c4c
}
.navbar-default.navbar-top .navbar-nav>li>a {
	width: 96%;
	padding: 0;
	line-height: 20px
}
.navbar-default.navbar-top .navbar-collapse {
	width: 84.5%
}
.navbar-default.navbar-top .navbar-collapse .navbar-nav {
	float: right;
	margin-right: -.2px;
	width: 100%
}
.navbar-default.navbar-top .container-fluid {
	padding: 0
}
.navbar-default.navbar-top .navbar-collapse {
	margin: 0
}
@media (max-width:990px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color: #777
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #333;
	background-color: transparent
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
	color: #555;
	background-color: #e7e7e7
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
	color: #ccc;
	background-color: transparent
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	float: none;
	border-top: 0;
	box-shadow: none
}
.navbar-nav {
	margin: 7.5px 0
}
.navbar-nav>li>a {
	margin: 20px 0;
	padding: 0
}
.container-fluid>.navbar-collapse {
	margin-left: -25px;
	margin-right: -25px
}
.navbar-default.navbar-top .navbar-header {
	margin: 0;
	width: auto
}
.navbar-default.navbar-top .navbar-brand {
	float: left
}
.navbar-default.navbar-top .navbar-toggle {
	right: 30px;
	top: 20px
}
.navbar-default.navbar-top .navbar-toggle .icon-bar {
	background-color: #fff
}
.navbar-default.navbar-top .navbar-collapse {
	width: 100%
}
.navbar-default.navbar-top .navbar-nav>li {
	width: auto;
	border-right: 0
}
.cl-effect-2 a span:before {
	padding: 28px 45px!important;
	height: 100%!important
}

.left-nav .social{ display:none}
.navbar-nav .open .dropdown-menu {
	position: static;
	float: none;
	width: 98%;
	margin-top: 0;
	background-color: transparent;
	box-shadow: none
}
.navbar-colorfull .navbar-nav .open .dropdown-menu {
	margin-top: 20px;
	padding:0; border:0;
}
.navbar-colorfull .navbar-nav .open .dropdown-menu li{ padding:0 !important;}

.left-nav .navbar-toggle{ top:0 !important;}

.sub-page-banner {
    height: 500px;
}
.index7-banner .navbar-default.transparent-nav .navbar-toggle {
    right: 40px;
}
.index7-banner .navbar-default.transparent-nav {
    padding: 35px 75px 29px !important;
}
.index7-banner .transparent-nav{ background:rgba(0, 0, 0, 0.78) !important}
.index7-banner .navbar-default.transparent-nav .navbar-collapse{ background:none !important;}
.index7-banner .navbar-default.transparent-nav .cl-effect-3 li a {
    padding: 0 40px 18px 0;
}
.portfolio-thumb{ height:auto;}
.portfolio-thumb, .portfolio-desc{ float:none !important; width:100%!important;}
.portfolio-desc h2{ padding:0 0 15px 0;}
.portfolio-desc{ padding:20px 2% !important;width:100%!important;}
.portfolio-thumb:hover img {
    margin-left: 0;
    width: 100%;
}

}
.navbar-default .navbar-link {
	color: #777
}
.navbar-default .navbar-link:hover {
	color: #333
}
.navbar-inverse {
	background-color: #222;
	border-color: #080808
}
.navbar-inverse .navbar-brand {
	color: #999
}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
	color: #fff;
	background-color: transparent
}
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-text {
	color: #999
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
	color: #fff;
	background-color: transparent
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
	color: #fff;
	background-color: #080808
}
.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:focus, .navbar-inverse .navbar-nav>.disabled>a:hover {
	color: #444;
	background-color: transparent
}
.navbar-inverse .navbar-toggle {
	border-color: #333
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background-color: #333
}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #fff
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #101010
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: #080808
}
@media (max-width:767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
	border-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
	background-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	color: #999
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #fff;
	background-color: transparent
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
	color: #fff;
	background-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
	color: #444;
	background-color: transparent
}
.index7-banner .banner-text {
    padding-top: 45%;
}
.index7-banner .navbar-default.transparent-nav {
    padding: 35px 75px 29px 0 !important;
}
.index7-banner .banner-text p {
   margin: 10px 0 20px;
}
}
.navbar-inverse .navbar-link {
	color: #999
}
.navbar-inverse .navbar-link:hover {
	color: #fff
}
.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: #f5f5f5;
	border-radius: 4px
}
.breadcrumb>li {
	display: inline-block
}
.breadcrumb>li+li:before {
	padding: 0 5px;
	color: #ccc;
	content: "/\00a0"
}
.breadcrumb>.active {
	color: #999
}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
}
.pagination>li {
	display: inline
}
.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 8px 20px 6px;
	margin-left: -1px;
	line-height: 1.729;
	color: #404040;
	
	font-family: SourceSansProLight;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #d1d1d1
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	color: #fff;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index: 2;
	color: #fff;
	cursor: default;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
	color: #999;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}
.pagination-lg>li>a, .pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px
}
.pagination-sm>li>a, .pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}
.pager {
	padding-left: 0;
	margin: 20px 0;
	text-align: center;
	list-style: none
}
.pager li {
	display: inline
}
.pager li>a, .pager li>span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px
}
.pager li>a:focus, .pager li>a:hover {
	text-decoration: none;
	background-color: #eee
}
.pager .next>a, .pager .next>span {
	float: right
}
.pager .previous>a, .pager .previous>span {
	float: left
}
.pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span {
	color: #999;
	cursor: not-allowed;
	background-color: #fff
}
.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em
}
.label[href]:focus, .label[href]:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer
}
.label:empty {
	display: none
}
.btn .label {
	position: relative;
	top: -1px
}
.label-default {
	background-color: #999
}
.label-default[href]:focus, .label-default[href]:hover {
	background-color: gray
}
.label-primary {
	background-color: #428bca
}
.label-primary[href]:focus, .label-primary[href]:hover {
	background-color: #3071a9
}
.label-success {
	background-color: #5cb85c
}
.label-success[href]:focus, .label-success[href]:hover {
	background-color: #449d44
}
.label-info {
	background-color: #5bc0de
}
.label-info[href]:focus, .label-info[href]:hover {
	background-color: #31b0d5
}
.label-warning {
	background-color: #f0ad4e
}
.label-warning[href]:focus, .label-warning[href]:hover {
	background-color: #ec971f
}
.label-danger {
	background-color: #d9534f
}
.label-danger[href]:focus, .label-danger[href]:hover {
	background-color: #c9302c
}
.badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #999;
	border-radius: 10px
}
.badge:empty {
	display: none
}
.btn .badge {
	position: relative;
	top: -1px
}
.btn-xs .badge {
	top: 0;
	padding: 1px 5px
}
a.badge:focus, a.badge:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer
}
.nav-pills>.active>a>.badge, a.list-group-item.active>.badge {
	color: #428bca;
	background-color: #fff
}
.nav-pills>li>a>.badge {
	margin-left: 3px
}
.jumbotron {
	padding: 30px;
	margin-bottom: 30px;
	color: inherit;
	background-color: #eee
}
.jumbotron .h1, .jumbotron h1 {
	color: inherit
}
.jumbotron p {
	margin-bottom: 15px;
	font-size: 21px;
	font-weight: 200
}
.container .jumbotron {
	border-radius: 6px
}
.jumbotron .container {
	max-width: 100%
}
@media screen and (min-width:768px) {
.jumbotron {
	padding-top: 48px;
	padding-bottom: 48px
}
.container .jumbotron {
	padding-right: 60px;
	padding-left: 60px
}
.jumbotron .h1, .jumbotron h1 {
	font-size: 63px
}
}
.thumbnail {
	display: block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.thumbnail a>img, .thumbnail>img {
	margin-right: auto;
	margin-left: auto
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
	border-color: #428bca
}
.thumbnail .caption {
	padding: 9px;
	color: #333
}
.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px
}
.alert h4 {
	margin-top: 0;
	color: inherit
}
.alert .alert-link {
	font-weight: 700
}
.alert>p, .alert>ul {
	margin-bottom: 0
}
.alert>p+p {
	margin-top: 5px
}
.alert-dismissable {
	padding-right: 35px
}
.alert-dismissable .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit
}
.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6
}
.alert-success hr {
	border-top-color: #c9e2b3
}
.alert-success .alert-link {
	color: #2b542c
}
.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1
}
.alert-info hr {
	border-top-color: #a6e1ec
}
.alert-info .alert-link {
	color: #245269
}
.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc
}
.alert-warning hr {
	border-top-color: #f7e1b5
}
.alert-warning .alert-link {
	color: #66512c
}
.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1
}
.alert-danger hr {
	border-top-color: #e4b9c0
}
.alert-danger .alert-link {
	color: #843534
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position:40px 0
}
to {
	background-position: 0 0
}
}
@keyframes progress-bar-stripes {
from {
background-position:40px 0
}
to {
	background-position: 0 0
}
}
.skills-widget2 .progress {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 44px;
	width: 85%
}
.skills-widget2 .progress:last-child {
	margin-bottom: 0
}
.skills-widget2 .progress-bar {
	-webkit-border-top-left-radius: 5px;
	width: 0;
	over-flow: hidden;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	line-height: 45px
}
.skills-widget2 .percentage {
	background: #444;
	border-radius: 100%;
	float: right;
	font-weight: 300;
	font-family: Oswald, sans-serif;
	font-size: 16px;
	height: 48px;
	line-height: 49px;
	margin-right: -68px;
	padding: 0;
	text-align: center;
	width: 48px
}
.skills-widget2 .progress-bar {
	font-weight: 300;
	font-family: Oswald, sans-serif;
	font-size: 0;
	-webkit-transition: font-size 1s ease;
	-moz-transition: font-size 1s ease;
	-o-transition: font-size 1s ease;
	transition: font-size 1s ease
}
.progress.pink .progress-bar {
	background: #d92173
}
.progress.yellow .progress-bar {
	background: #ee9b24
}
.progress.blue .progress-bar {
	background: #2491ee
}
.progress.green .progress-bar {
	background: #60a812
}
.skills-widget {
	position: relative;
	width: 98%
}
.percent-bar {
	border-right: 1px solid #C5C5C5;
	height: 114%;
	position: absolute;
	top: -23px;
	width: 0
}
.percent-bar.one {
	left: 10px
}
.percent-bar.two {
	left: 20%
}
.percent-bar.three {
	left: 40%
}
.percent-bar.four {
	left: 60%
}
.percent-bar.five {
	left: 80%
}
.percent-bar.six {
	left: 100%
}
.percent-bar>span {
	bottom: -30px;
	position: absolute;
	font-size: 16px;
	color: #7d7d7d;
	font-family: SourceSansProLight;
	margin-left: -8px
}
.percentage {
	background: #424242;
	line-height: 54px;
	padding: 0 11px;
	position: absolute;
	right: 0;
	top: 0;
	width: 64px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}
.percentage>span {
	position: relative;
	right: 0
}
.arrow-right {
	border-left: 6px solid transparent;
	border-right: 10px solid transparent;
	border-top: 14px solid #424242;
	height: 0;
	position: absolute;
	right: 58px;
	top: 20px;
	transform: rotate(-36deg);
	-webkit-transform: rotate(-36deg);
	-moz-transform: rotate(-36deg);
	width: 0
}
.arrow-down-top {
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	position: absolute;
	left: 1px;
	top: -5px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg)
}
.arrow-down-bottom {
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	position: absolute;
	left: 1px;
	bottom: -5px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg)
}
.progress {
	height: 54px;
	color: #fff;
	margin: 32px 0;
	position: relative;
	background-color: #424242;
	text-transform: uppercase;
	width: 0;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease
}
.progress-bar {
	float: left;
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 18px;
	line-height: 56px;
	padding-left: 4%;
	overflow: hidden;
	-webkit-transition: width 2s ease;
	transition: width 2s ease;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}
.progress-striped .progress-bar {
	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px
}
.progress.active .progress-bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite
}
.progress-bar-success {
	background-color: #5cb85c
}
.progress-striped .progress-bar-success {
	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)
}
.progress-bar-info {
	background-color: #5bc0de
}
.progress-striped .progress-bar-info {
	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)
}
.progress-bar-warning {
	background-color: #f0ad4e
}
.progress-striped .progress-bar-warning {
	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)
}
.progress-bar-danger {
	background-color: #d9534f
}
.progress-striped .progress-bar-danger {
	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)
}
.media, .media-body {
	overflow: hidden;
	zoom: 1
}
.media, .media .media {
	margin-top: 15px
}
.media:first-child {
	margin-top: 0
}
.media-object {
	display: block
}
.media-heading {
	margin: 0 0 5px
}
.media>.pull-left {
	margin-right: 10px
}
.media>.pull-right {
	margin-left: 10px
}
.media-list {
	padding-left: 0;
	list-style: none
}
.list-group {
	padding-left: 0;
	margin-bottom: 20px
}
.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd
}
.list-group-item:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}
.list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px
}
.list-group-item>.badge {
	float: right
}
.list-group-item>.badge+.badge {
	margin-right: 5px
}
a.list-group-item {
	color: #555
}
a.list-group-item .list-group-item-heading {
	color: #333
}
a.list-group-item:focus, a.list-group-item:hover {
	text-decoration: none;
	background-color: #f5f5f5
}
a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover {
	z-index: 2;
	color: #fff;
	background-color: #428bca;
	border-color: #428bca
}
a.list-group-item.active .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading {
	color: inherit
}
a.list-group-item.active .list-group-item-text, a.list-group-item.active:focus .list-group-item-text, a.list-group-item.active:hover .list-group-item-text {
	color: #e1edf7
}
.list-group-item-success {
	color: #3c763d;
	background-color: #dff0d8
}
a.list-group-item-success {
	color: #3c763d
}
a.list-group-item-success .list-group-item-heading {
	color: inherit
}
a.list-group-item-success:focus, a.list-group-item-success:hover {
	color: #3c763d;
	background-color: #d0e9c6
}
a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover {
	color: #fff;
	background-color: #3c763d;
	border-color: #3c763d
}
.list-group-item-info {
	color: #31708f;
	background-color: #d9edf7
}
a.list-group-item-info {
	color: #31708f
}
a.list-group-item-info .list-group-item-heading {
	color: inherit
}
a.list-group-item-info:focus, a.list-group-item-info:hover {
	color: #31708f;
	background-color: #c4e3f3
}
a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover {
	color: #fff;
	background-color: #31708f;
	border-color: #31708f
}
.list-group-item-warning {
	color: #8a6d3b;
	background-color: #fcf8e3
}
a.list-group-item-warning {
	color: #8a6d3b
}
a.list-group-item-warning .list-group-item-heading {
	color: inherit
}
a.list-group-item-warning:focus, a.list-group-item-warning:hover {
	color: #8a6d3b;
	background-color: #faf2cc
}
a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover {
	color: #fff;
	background-color: #8a6d3b;
	border-color: #8a6d3b
}
.list-group-item-danger {
	color: #a94442;
	background-color: #f2dede
}
a.list-group-item-danger {
	color: #a94442
}
a.list-group-item-danger .list-group-item-heading {
	color: inherit
}
a.list-group-item-danger:focus, a.list-group-item-danger:hover {
	color: #a94442;
	background-color: #ebcccc
}
a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover {
	color: #fff;
	background-color: #a94442;
	border-color: #a94442
}
.list-group-item-heading {
	margin-top: 0;
	margin-bottom: 5px
}
.list-group-item-text {
	margin-bottom: 0;
	line-height: 1.3
}
.panel {
	margin-bottom: 20px;
	border: 1px solid transparent
}
.panel-body {
	padding: 15px
}
.panel-heading {
	border-bottom: 1px solid transparent
}
.panel-heading>.dropdown .dropdown-toggle {
	color: inherit
}
.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
	color: inherit;
	padding: 20px 0;
	font-weight: 300;
	font-family: Oswald, sans-serif;
	border-bottom: 1px solid #ddd
}
.panel-title i {
	float: left;
	font-size: 29px;
	margin: -4px 10px 0 0
}
.panel-title>a {
	color: inherit
}
.panel-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}
.panel>.list-group {
	margin-bottom: 0
}
.panel>.list-group .list-group-item {
	border-width: 1px 0;
	border-radius: 0
}
.panel>.list-group:first-child .list-group-item:first-child {
	border-top: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}
.panel>.list-group:last-child .list-group-item:last-child {
	border-bottom: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}
.panel-heading+.list-group .list-group-item:first-child {
	border-top-width: 0
}
.panel>.table, .panel>.table-responsive>.table {
	margin-bottom: 0
}
.panel>.table-responsive:first-child>.table:first-child, .panel>.table:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
	border-top-left-radius: 3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
	border-top-right-radius: 3px
}
.panel>.table-responsive:last-child>.table:last-child, .panel>.table:last-child {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
	border-bottom-left-radius: 3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
	border-bottom-right-radius: 3px
}
.panel>.panel-body+.table, .panel>.panel-body+.table-responsive {
	border-top: 1px solid #ddd
}
.panel>.table>tbody:first-child>tr:first-child td, .panel>.table>tbody:first-child>tr:first-child th {
	border-top: 0
}
.panel>.table-bordered, .panel>.table-responsive>.table-bordered {
	border: 0
}
.panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
	border-left: 0
}
.panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
	border-right: 0
}
.panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
	border-bottom: 0
}
.panel>.table-responsive {
	margin-bottom: 0;
	border: 0
}
.panel-group {
	margin-bottom: 20px
}
.panel-group .panel {
	margin-bottom: 0;
	overflow: hidden;
	border-radius: 0
}
.panel-group .panel+.panel {
	margin-top: 5px
}
.panel-group .panel-heading {
	border-bottom: 0
}
.panel-group .panel-heading+.panel-collapse .panel-body {
	border-top: 1px solid #ddd
}
.panel-group .panel-footer {
	border-top: 0
}
.panel-group .panel-footer+.panel-collapse .panel-body {
	border-bottom: 1px solid #ddd
}
.panel-group .panel-default:last-child .panel-heading .panel-title {
	border: 0
}
.panel-default>.panel-heading {
	color: #333
}
.panel-default>.panel-heading+.panel-collapse .panel-body {
	border-top: none
}
.panel-collapse .panel-body {
	padding-bottom: 0
}
.panel-collapse .panel-body p {
	margin-bottom: 0
}
.panel-default>.panel-footer+.panel-collapse .panel-body {
	border-bottom-color: #ddd
}
.panel-primary {
	border-color: #428bca
}
.panel-primary>.panel-heading {
	color: #fff;
	background-color: #428bca;
	border-color: #428bca
}
.panel-primary>.panel-heading+.panel-collapse .panel-body {
	border-top-color: #428bca
}
.panel-primary>.panel-footer+.panel-collapse .panel-body {
	border-bottom-color: #428bca
}
.panel-success {
	border-color: #d6e9c6
}
.panel-success>.panel-heading {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6
}
.panel-success>.panel-heading+.panel-collapse .panel-body {
	border-top-color: #d6e9c6
}
.panel-success>.panel-footer+.panel-collapse .panel-body {
	border-bottom-color: #d6e9c6
}
.panel-info {
	border-color: #bce8f1
}
.panel-info>.panel-heading {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1
}
.panel-info>.panel-heading+.panel-collapse .panel-body {
	border-top-color: #bce8f1
}
.panel-info>.panel-footer+.panel-collapse .panel-body {
	border-bottom-color: #bce8f1
}
.panel-warning {
	border-color: #faebcc
}
.panel-warning>.panel-heading {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc
}
.panel-warning>.panel-heading+.panel-collapse .panel-body {
	border-top-color: #faebcc
}
.panel-warning>.panel-footer+.panel-collapse .panel-body {
	border-bottom-color: #faebcc
}
.panel-danger {
	border-color: #ebccd1
}
.panel-danger>.panel-heading {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1
}
.panel-danger>.panel-heading+.panel-collapse .panel-body {
	border-top-color: #ebccd1
}
.panel-danger>.panel-footer+.panel-collapse .panel-body {
	border-bottom-color: #ebccd1
}
.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}
.well blockquote {
	border-color: #ddd;
	border-color: rgba(0,0,0,.15)
}
.well-lg {
	padding: 24px;
	border-radius: 6px
}
.well-sm {
	padding: 9px;
	border-radius: 3px
}
.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2
}
.close:focus, .close:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5
}
button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0
}
.modal-open {
	overflow: hidden
}
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: auto;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	outline: 0
}
.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-moz-transition: -moz-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	transform: translate(0, -25%)
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}
.modal-content {
	position: relative;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0 3px 9px rgba(0,0,0,.5)
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000
}
.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0
}
.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .5
}
.modal-header {
	min-height: 16.43px;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}
.modal-header .close {
	margin-top: -2px
}
.modal-title {
	margin: 0;
	line-height: 1.42857143
}
.modal-body {
	position: relative;
	padding: 20px
}
.modal-footer {
	padding: 19px 20px 20px;
	margin-top: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}
.modal-footer .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px
}
.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
	margin-left: 0
}
@media (min-width:768px) {
.modal-dialog {
	width: 600px;
	margin: 30px auto
}
.modal-content {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0 5px 15px rgba(0,0,0,.5)
}
.modal-sm {
	width: 300px
}
}
@media (min-width:992px) {
.modal-lg {
	width: 900px
}
}
.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	font-size: 12px;
	line-height: 1.4;
	visibility: visible;
	filter: alpha(opacity=0);
	opacity: 0
}
.tooltip.in {
	filter: alpha(opacity=90);
	opacity: .9
}
.tooltip.top {
	padding: 5px 0;
	margin-top: -3px
}
.tooltip.right {
	padding: 0 5px;
	margin-left: 3px
}
.tooltip.bottom {
	padding: 5px 0;
	margin-top: 3px
}
.tooltip.left {
	padding: 0 5px;
	margin-left: -3px
}
.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	border-radius: 4px
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}
.tooltip.top-left .tooltip-arrow {
	bottom: 0;
	left: 5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}
.tooltip.top-right .tooltip-arrow {
	right: 5px;
	bottom: 0;
	border-width: 5px 5px 0;
	border-top-color: #000
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}
.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	left: 5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}
.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	right: 5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}
.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1010;
	display: none;
	max-width: 276px;
	padding: 1px;
	text-align: left;
	white-space: normal;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2)
}
.popover.top {
	margin-top: -10px
}
.popover.right {
	margin-left: 10px
}
.popover.bottom {
	margin-top: 10px
}
.popover.left {
	margin-left: -10px
}
.popover-title {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0
}
.popover-content {
	padding: 9px 14px
}
.popover>.arrow, .popover>.arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}
.popover>.arrow {
	border-width: 11px
}
.popover>.arrow:after {
	content: "";
	border-width: 10px
}
.popover.top>.arrow {
	bottom: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-color: #999;
	border-top-color: rgba(0,0,0,.25);
	border-bottom-width: 0
}
.popover.top>.arrow:after {
	bottom: 1px;
	margin-left: -10px;
	content: " ";
	border-top-color: #fff;
	border-bottom-width: 0
}
.popover.right>.arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-right-color: #999;
	border-right-color: rgba(0,0,0,.25);
	border-left-width: 0
}
.popover.right>.arrow:after {
	bottom: -10px;
	left: 1px;
	content: " ";
	border-right-color: #fff;
	border-left-width: 0
}
.popover.bottom>.arrow {
	top: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0,0,0,.25)
}
.popover.bottom>.arrow:after {
	top: 1px;
	margin-left: -10px;
	content: " ";
	border-top-width: 0;
	border-bottom-color: #fff
}
.popover.left>.arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0,0,0,.25)
}
.popover.left>.arrow:after {
	right: 1px;
	bottom: -10px;
	content: " ";
	border-right-width: 0;
	border-left-color: #fff
}
.carousel {
	position: relative
}
.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden
}
.carousel-inner>.item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	line-height: 1
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
	display: block
}
.carousel-inner>.active {
	left: 0
}
.carousel-inner>.next, .carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}
.carousel-inner>.next {
	left: 100%
}
.carousel-inner>.prev {
	left: -100%
}
.carousel-inner>.next.left, .carousel-inner>.prev.right {
	left: 0
}
.carousel-inner>.active.left {
	left: -100%
}
.carousel-inner>.active.right {
	left: 100%
}
.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	filter: alpha(opacity=50);
	opacity: .5
}
.carousel-control.right {
	right: 0;
	left: auto
}
.carousel-control:focus, .carousel-control:hover {
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity=90);
	outline: 0;
	opacity: .9
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	left: 50%
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	right: 50%
}
.carousel-control .icon-next, .carousel-control .icon-prev {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	font-family: serif
}
.carousel-control .icon-prev:before {
	content: '\2039'
}
.carousel-control .icon-next:before {
	content: '\203a'
}
.carousel-indicators {
	position: relative;
	bottom: 10px;
	left: 50%;
	margin-bottom: 0;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none
}
.carousel-indicators li {
	display: inline-block;
	cursor: pointer;
	background-color: transparent;
	border-radius: 10px;
	opacity: .5
}
.carousel-indicators .active {
	margin: 0;
	opacity: 1
}
.carousel-indicators.bullets li {
	width: 20px;
	height: 20px;
	background: #353535;
	border-radius: 100%;
	opacity: 1;
	border: 0;
	margin: 0 -7px
}
.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6)
}
.carousel-caption .btn {
	text-shadow: none
}
@media screen and (min-width:768px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
	font-size: 30px
}
.carousel-caption {
	right: 20%;
	left: 20%;
	padding-bottom: 30px
}
.carousel-indicators {
	bottom: -10px
}
}
.vertical .carousel-inner {
	height: 100%
}
.carousel.vertical .item {
	-webkit-transition: .6s ease-in-out top;
	-moz-transition: .6s ease-in-out top;
	-ms-transition: .6s ease-in-out top;
	-o-transition: .6s ease-in-out top;
	transition: .6s ease-in-out top
}
.carousel.vertical .active {
	top: 0
}
.carousel.vertical .next {
	top: 400px
}
.carousel.vertical .prev {
	top: -400px
}
.carousel.vertical .next.left, .carousel.vertical .prev.right {
	top: 0
}
.carousel.vertical .active.left {
	top: -400px;
	left: 0
}
.carousel.vertical .active.right {
	top: 400px;
	left: 0
}
.carousel.vertical .item {
	left: 0
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
	display: table;
	content: " "
}
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
	clear: both
}
.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto
}
.pull-right {
	float: right!important
}
.pull-left {
	float: left!important
}
.hide {
	display: none!important
}
.show {
	display: block!important
}
.invisible {
	visibility: hidden
}
.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}
.hidden {
	display: none!important;
	visibility: hidden!important
}
.affix {
	position: fixed
}
@-ms-viewport {
width:device-width
}
.visible-lg, .visible-md, .visible-print, .visible-sm, .visible-xs {
	display: none!important
}
@media (max-width:990px) {
.pricing-table2, .table, .table-boxed {
	margin-bottom: 50px
}
.transparent-nav .navbar-brand {
	margin-left: 20px
}
.navbar-default.transparent-nav .navbar-toggle {
	right: 20px
}
.navbar-default.transparent-nav .navbar-toggle .icon-bar {
	background-color: #fff
}
.navbar-default.transparent-nav .navbar-collapse {
	background-color: #1e1e1e;
	margin: 20px 0 0!important
}
.get-in-touch-widget {
	margin: 50px 0
}
.team-contact {
	display: block
}
.team-contact li:first-child {
	border-bottom: 1px solid #cbcbcb;
	border-right: 0
}
.team-contact li {
	display: block;
	float: none
}
.team2 img {
	padding: 22px
}
.owl-buttons {
	display: none
}
.team2-content {
	width: 94%
}
.blog-meta li {
	padding: 0 6px
}
.nav-center .navbar-header {
	left: 0;
	position: relative;
	top: 0
}
.navbar-colorfull .navbar-toggle {
	top: 10px;
	right: 0
}
.navbar-colorfull .navbar-brand, .navbar-colorfull .navbar-header {
	margin-left: 0!important
}
.navbar-colorfull .navbar-collapse {
	margin: 20px 0 0
}
.navbar-colorfull .navbar-nav>li>a {
	margin: 0
}
.counter2 {
	margin: 20px 0
}
.have-interest .btn-white {
	float: left
}
.team2 {
	text-align: center
}
.team2 img {
	float: none
}
.team2 .team-contact li i {
	float: none;
	display: inline-block
}
.fancybox-inner img {
	margin-bottom: 20px
}
.nav-colorful-right .navbar-header {
	padding-top: 22px
}
.revolution-banner .forcefullwidth_wrapper_tp_banner {
	margin-top: 66px!important
}
.classic-nav .navbar-collapse, .classic-nav .navbar-nav {
	background: rgba(0,0,0,.55)
}
.classic-nav .navbar-collapse {
	margin-top: 110px
}
.classic-nav.navbar-default .navbar-nav>li {
	left: 0!important;
	margin: 0 40px;
	position: relative!important;
	right: 0!important;
	top: auto!important
}
.classic-nav .navbar-toggle {
	display: none
}
.classic-nav .navbar-toggle .icon-bar {
	background-color: #fff
}
.classic-stickey .classic-nav .navbar-toggle {
	display: block;
	top: 0
}
.classic-stickey .classic-nav .navbar-toggle .icon-bar {
	background-color: #888
}
.classic-stickey .classic-nav .navbar-toggle:focus .icon-bar, .classic-stickey .classic-nav .navbar-toggle:hover .icon-bar {
	background-color: #fff
}
.classic-stickey .classic-nav .navbar-collapse, .classic-stickey .classic-nav.navbar-default .navbar-nav>li {
	margin: 0
}
.classic-nav .navbar-nav, .classic-stickey .classic-nav .navbar-collapse {
	background: 0 0
}
.navbar-default.navbar-colorfull li {
	padding: 18px 0!important
}
.popup-content, .popup-img {
	float: none;
	height: auto;
	position: relative;
	width: 100%
}
.popup-portfolio {
	overflow: auto
}
.navbar-default.navbar-top .navbar-nav>li>a {
	margin: 0
}
.cl-effect-2 a span, .cl-effect-2 a span:before {
	padding-top: 20px!important;
	padding-bottom: 20px!important
}

.navbar-default{ padding-bottom:17px !important;/* position:absolute !important;*/}
.navbar-default.navbar-top{ padding-bottom:0 !important;}
.navbar-default.navbar-top li.dropdown a{ color:#fff!important;}
/*.navbar-default.stickey-nav {
    bottom: 0;
    position: absolute;
    top: auto;
    z-index: 50;
}
*/
.navbar-default .dropdown-menu {
    float: none;
    padding: 0 2%;
    position: relative;
    width: 98%;
	box-shadow:none;
}


.navbar-nav {
    max-height: 300px;
}

.case-studies-section {
    height: auto;
    margin: 0 auto 0;
    padding: 20px;
    -ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
    width: auto;
}
.case-studies-section-inner {
    max-width: none;
    padding: 20px;
    -ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.case-studies-section.small {
    float: none !important;
    height: auto;
    margin: 20px auto 0;
    width: auto;
}
.case-studies-section-inner.small {
    left: 0;
    max-width: none;
    padding: 0;
    position: relative;
    top: 0;
}


}
element.style {
    display: none;
}
.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    content: " ";
    display: table;
}
*, *:after, *:before {
    box-sizing: border-box;
}
*, *:after, *:before {
    box-sizing: border-box;
}
.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}
.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    content: " ";
    display: table;
}
*, *:after, *:before {
    box-sizing: border-box;
}
*, *:after, *:before {
    box-sizing: border-box;
}
.navbar-default.navbar-colorfull {
    border-top: 6px solid #ebebeb;
    min-height: 68px;
    padding: 0 35px;
}
.navbar-default.nav-center {
    /*padding: 20px 35px 27px;*/
}
.navbar-default.nav-top {
    bottom: auto;
    position: fixed;
    top: 0;
    z-index: 50;
}
.navbar-default {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #d9d9d9;
    bottom: 0;
    box-shadow: 0 3px 9px -9px #000;
    left: 0;
    padding: 20px 35px 0;
    position: absolute;
    width: 100%;
    z-index: 10;
}
.navbar {
    min-height: 50px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
*, *:after, *:before {
    box-sizing: border-box;
}
* {
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
}
*, *:after, *:before {
    box-sizing: border-box;
}
* {
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
}
body {
    color: #333;
    font-family: Oswald,sans-serif;
    font-size: 20px;
    line-height: 1.42857;
}
html {
    font-size: 62.5%;
}
html {
    font-family: sans-serif;
}
*, *:after, *:before {
    box-sizing: border-box;
}
*, *:after, *:before {
    box-sizing: border-box;
}
*, *:after, *:before {
    box-sizing: border-box;
}
*, *:after, *:before {
    box-sizing: border-box;
}
.navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;
}


@media (max-width:767px) {
.visible-xs {
	display: block!important
}
table.visible-xs {
	display: table
}
tr.visible-xs {
	display: table-row!important
}
td.visible-xs, th.visible-xs {
	display: table-cell!important
}
.pricing-table2 {
	margin-bottom: 90px
}


}
@media (min-width:768px) and (max-width:991px) {
.visible-sm {
	display: block!important
}
table.visible-sm {
	display: table
}
tr.visible-sm {
	display: table-row!important
}
td.visible-sm, th.visible-sm {
	display: table-cell!important
}
.resp-tab-content img, .resp-vtabs .resp-tabs-list li i {
	display: none
}



}
@media (min-width:992px) and (max-width:1199px) {
.visible-md {
	display: block!important
}
table.visible-md {
	display: table
}
tr.visible-md {
	display: table-row!important
}
td.visible-md, th.visible-md {
	display: table-cell!important
}
}
@media (min-width:1200px) {
.visible-lg {
	display: block!important
}
table.visible-lg {
	display: table
}
tr.visible-lg {
	display: table-row!important
}
td.visible-lg, th.visible-lg {
	display: table-cell!important
}
}
@media (max-width:767px) {
body {
	min-width: 320px
}
.hidden-xs {
	display: none!important
}
.blog-thumb {
	max-height: 353px
}
input, select, textarea {
	margin: 0 0 13px;
	padding: 20px 2% 17px;
	width: 99%
}
.dark-map input[type=email], .dark-map input[type=tel] .dark-map select, form.dark input[type=text] {
	width: 100%
}
.h1, h1 {
	font-size: 50px
}
.h2, h2 {
	font-size: 34px
}
.counter .quantity-counter1, .counter .quantity-counter2, .counter .quantity-counter3, .counter .quantity-counter4 {
	font-size: 70px
}
.middle-line {
	display: none
}
.about-creative-left, .about-creative-right {
	float: none;
	width: 100%;
	padding: 0
}
.about-creative-left .about-tri-sec, .about-creative-right .about-tri-sec {
	padding: 0;
	max-width: none
}
.about-tri-sec .line-left, .about-tri-sec .line-right {
	display: none
}
.resp-tabs-container {
	margin-bottom: 40px
}
#home-slides {
	height: 630px!important
}
.piechart-section .chart {
	margin: 100px auto 0;
	display: block
}
.piechart-section .chart.first {
	margin: 0 auto
}
.blog-timeline .line, .blog-timeline-icon {
	display: none
}
.blog-post-timeline.left-thumb .blog-content, .blog-post-timeline.left-thumb .blog-thumb, .blog-post-timeline.right-thumb .blog-content, .blog-post-timeline.right-thumb .blog-thumb {
	float: none;
	text-align: left;
	width: 100%
}
.blog-post-timeline.right-thumb .blog-content .blog-meta {
	float: none
}
.blog-post-timeline.right-thumb .blog-content p {
	text-align: left
}
.blog-post-timeline .blog-thumb, .resp-vtabs .resp-tab-content img {
	display: none
}
.resp-vtabs .resp-tab-content {
	padding: 20px 5%;
	margin: 10px 0
}
.banner-text {
	font-size: 80px;
	padding: 30% 0 0
}
.banner-text.welcome span {
	font-size: 160px
}
.banner-text.welcome small {
	font-size: 40px
}
.our-work .carousel-caption {
	display: none
}
.social-large-widget li {
	height: 95px;
	border-bottom: 1px solid #ebe9e8;
	width: 50%
}
.social-large-widget li a i {
	margin: 30px 0 15px
}
.social-large-widget li a strong {
	display: none
}
.share-sec-inner .social-large-widget li {
	height: 80px;
	width: 33.3%
}
.share-sec-inner .social-large-widget li i {
	margin-top: 20px
}
.portfolio-masonary .portfolio-masonary-col, .portfolio-masonary .portfolio-masonary-col.w2 {
	width: 100%
}
.banner-text h1 {
	font-size: 50px
}
.carousel-indicators.bullets li {
	margin: 0
}
.index3-banner {
	height: 500px!important
}
.navbar-default.transparent-nav .navbar-collapse {
	padding: 0 20px
}
.box {
	margin: 20px 5%;
	width: 90%
}
.contact-form-widget {
	margin: 0 auto 30px
}
.blog-content {
	padding: 30px 0
}
.blog-post.two .blog-content {
	padding: 30px 27px
}
.team-nav .cbp-filter-item {
	display: inline-block;
	margin-bottom: 14px;
	min-width: 150px;
	padding: 8px 20px;
	width: 46%
}
.team-bubble-alt {
	display: block;
	padding: 0 3% 50px
}
.team-image {
	display: none
}
.team-bubble-alt .team-small {
	max-width: 390px;
	margin: 0 auto 30px
}
.devices {
	min-height: 0
}
.devices .ipad {
	position: relative
}
.devices .mobile {
	display: none
}
.cbp-l-filters-button .cbp-filter-item {
	padding: 8px 16px;
	margin-right: 0
}
.cbp-popup-singlePage .cbp-popup-next {
	left: 70px;
	top: 10px;
	right: auto
}
.cbp-popup-singlePage .cbp-popup-prev {
	left: 10px;
	top: 10px
}
.cbp-popup-singlePage-counter {
	display: none
}
.cbp-popup-singlePage .cbp-popup-close {
	right: 10px;
	top: 10px
}
.cbp-popup-singlePage .cbp-popup-content {
	margin-top: 60px
}
.project-detail-banner{
	height:auto !important;
	min-height:650px;
	padding-bottom: 50px;
}
.project-detail-banner h1 {
    font-size: 60px;
}
.social-long-boxed li {
    margin: 20px 0;
	display:block;
}
.social-long-boxed li a {
    min-width: 100%;
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm {
	display: none!important
}
.h1, h1 {
	font-size: 60px
}
.middle-line {
	height: 58.4%
}
.piechart-section .chart {
	margin: 100px auto 0;
	display: block
}
.piechart-section .chart.first {
	margin: 0 auto
}
.blog-timeline .line, .blog-timeline-icon {
	display: none
}
.blog-post-timeline.left-thumb .blog-content, .blog-post-timeline.left-thumb .blog-thumb, .blog-post-timeline.right-thumb .blog-content, .blog-post-timeline.right-thumb .blog-thumb {
	float: none;
	text-align: left;
	width: 100%
}
.blog-post-timeline.right-thumb .blog-content .blog-meta {
	float: none
}
.blog-post-timeline.right-thumb .blog-content p {
	text-align: left
}
.blog-post-timeline .blog-thumb img {
	margin-top: 30px
}
.blog-post-timeline .left-thumb .blog-thumb img {
	margin: 0 0 30px
}
.social-large-widget li a strong {
	font-size: 18px
}
.portfolio-masonary .portfolio-item .portfolio-item-content h3 {
	font-size: 17px;
	padding-bottom: 0
}
.portfolio-masonary .portfolio-item .portfolio-item-content p {
	font-size: 14px
}
.banner-text h1 {
	font-size: 70px
}
.carousel-indicators.bullets li {
	margin: 0 -4px
}
.index3-banner {
	height: 550px!important
}
.box {
	margin: 20px 0
}
.contact-form-widget {
	margin: 0 auto 30px
}
.blog-post-timeline .blog-thumb {
	display: none
}
.team-nav .cbp-filter-item {
	min-width: 150px;
	padding: 8px 25px
}
.our-team-bubble .container {
	width: 100%
}
.team-member-description.one {
	top: 40%
}
.team-member-description.two {
	left: 28%;
	top: 40%
}
.team-member-description.three {
	top: 40%
}
.team-image {
	min-height: 330px
}
.team-bubble-alt {
	display: none
}
.project-detail-banner h1 {
    font-size: 80px;
}
.social-long-boxed li {
    margin: 20px 5px;
}
.social-long-boxed li a {
    min-width: 220px;
}

}
@media (max-width:480px) {
.cbp-l-filters-button .cbp-filter-item, .team-nav .cbp-filter-item {
	display: block;
	margin: 10px 0 0;
	width: 100%
}
.banner-text {
	font-size: 48px;
	line-height: 80px
}
.banner-text.welcome span {
	font-size: 97px
}
.banner-text.welcome small {
	font-size: 26px
}
.social-large-widget li {
	width: 100%
}
.index3-banner {
	height: 430px!important
}
.about-classic-section .tri-sec .solid-icon {
	float: none!important;
	margin: 0 auto 30px
}
.about-classic-section .tri-sec.left .tri-sec-content, .about-classic-section .tri-sec.right .tri-sec-content {
	float: none;
	text-align: center;
	width: 100%
}
.banner-text {
	padding: 40% 0 0
}
.index4-banner .banner-text {
	padding: 70% 0 0
}
canvas{ width:100% !important}
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-md {
	display: none!important
}
.navbar-nav>li>a {
	padding: 0 11px
}
.classic-stickey .classic-nav.navbar-default .navbar-nav>li>a {
	padding: 0 15px 0 0!important
}
.cl-effect-2 a span, .cl-effect-2 a span:before {
	padding: 28px 14px!important
}
.middle-line {
	height: 59.5%
}
.blog-thumb {
	max-height: 321px
}
.piechart-section .chart {
	margin: 0 0 50px 3px
}
.resp-tab-content h2 {
	font-size: 30px
}
.portfolio-boxed li .cbp-item-wrapper .cbp-caption {
	height: 100%
}
.counter2 i {
	margin: 0 17px 0 0;
	width: 70px
}
.blog-meta li {
	padding: 0 3px
}
.blog-meta li i {
	font-size: 20px;
	padding: 0 2px 0 0
}
.our-team2-carousel .owl-controls {
	top: 0;
	margin-top: 20px
}
.our-team2-carousel .owl-controls .owl-buttons .owl-prev {
	left: auto;
	margin-left: 0;
	right: 120px
}
.our-team2-carousel .owl-controls .owl-buttons .owl-next {
	left: auto;
	margin-left: 0;
	right: 30px
}
.team-member-description.two {
	left: 315px
}
.team-bubble-alt {
	display: none
}

.case-studies-section.small {
    margin-top: -50px;
 }
.social-long-boxed li {
    margin: 20px 5px;
}
.social-long-boxed li a {
    min-width: 220px;
}
}
@media (min-width:1200px) {
.hidden-lg {
	display: none!important
}
.team-bubble-alt {
	display: none
}
}
@media (min-width:1800px) {
.slides-container h1 {
	padding: 18% 0 0
}
.arrow-down-top {
	top: -5px;
	border-left: 9px solid transparent
}
.arrow-down-bottom {
	border-right: 9px solid transparent;
	bottom: -4px
}
}
@media print {
.visible-print {
	display: block!important;
}
table.visible-print {
	display: table
}
tr.visible-print {
	display: table-row!important;
}
td.visible-print, th.visible-print {
	display: table-cell!important;
}
}
@media print {
.hidden-print {
	display: none!important;
}
}


@media (min-width:991px) {
	.portfolio-thumb{ height:338px}
	.portfolio h2 { padding: 40% 0 20px;}
	
}
@media (min-width:1300px) {
	.portfolio-thumb{ height:440px}
	.portfolio h2 { padding: 17% 0 20px;}
	
}
@media (min-width:1400px) {
.index7-banner .banner-text {
    padding-top: 35%;
}
.index7-banner .banner-text {
padding-top: 37%;
}
.index7-banner .banner-text h1{ font-size:111px;}
.index7-banner .banner-text .btn{padding: 17px 60px 18px;}

.case-studies-section {
width: 1200px;
height: 1200px;
margin:-900px auto -50px auto;
}
.case-studies-section-inner {
padding: 890px 0 0 0;
max-width: 1120px;
}
.case-studies-section.small {
margin: -150px auto 0 -100px;
}
.case-studies-section.small.right{margin: -150px -160px 0 auto;}
.portfolio-thumb{ height:610px}
.portfolio-thumb i {
font-size: 80px;
margin-top: -30px;
}
.project-detail-banner i{font-size: 130px;}
.project-detail-banner .project-detail-logo {
margin-top: 20%;
}





}
/* line 3, ../../../sass/_loader.scss */
#preloader { background-color: #166489; }
/* line 5, ../../../sass/_loader.scss */
#preloader .spinner { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; }
/* line 15, ../../../sass/_loader.scss */
#preloader .container1 > div, #preloader .container2 > div, #preloader .container3 > div { width: 6px; height: 6px; background-color: white; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; }
/* line 29, ../../../sass/_loader.scss */
#preloader .spinner .spinner-container { position: absolute; width: 100%; height: 100%; }
/* line 35, ../../../sass/_loader.scss */
#preloader .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }
/* line 40, ../../../sass/_loader.scss */
#preloader .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); }
/* line 45, ../../../sass/_loader.scss */
#preloader .circle1 { top: 0; left: 0; }
/* line 46, ../../../sass/_loader.scss */
#preloader .circle2 { top: 0; right: 0; }
/* line 47, ../../../sass/_loader.scss */
#preloader .circle3 { right: 0; bottom: 0; }
/* line 48, ../../../sass/_loader.scss */
#preloader .circle4 { left: 0; bottom: 0; }
/* line 50, ../../../sass/_loader.scss */
#preloader .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
/* line 55, ../../../sass/_loader.scss */
#preloader .container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
/* line 60, ../../../sass/_loader.scss */
#preloader .container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
/* line 65, ../../../sass/_loader.scss */
#preloader .container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
/* line 70, ../../../sass/_loader.scss */
#preloader .container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
/* line 75, ../../../sass/_loader.scss */
#preloader .container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
/* line 80, ../../../sass/_loader.scss */
#preloader .container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
/* line 85, ../../../sass/_loader.scss */
#preloader .container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
/* line 90, ../../../sass/_loader.scss */
#preloader .container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
/* line 95, ../../../sass/_loader.scss */
#preloader .container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
/* line 100, ../../../sass/_loader.scss */
#preloader .container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }

@-webkit-keyframes bouncedelay { /* line 108, ../../../sass/_loader.scss */
  0%, 80%, 100% { -webkit-transform: scale(0); }
  /* line 109, ../../../sass/_loader.scss */
  40% { -webkit-transform: scale(1); } }

@keyframes bouncedelay { /* line 113, ../../../sass/_loader.scss */
  0%, 80%, 100% { transform: scale(0); -webkit-transform: scale(0); }
  /* line 116, ../../../sass/_loader.scss */
  40% { transform: scale(1); -webkit-transform: scale(1); } }

/* line 6, ../../../sass/theme.scss */
.underline, a { color: #e77817; }

/* line 11, ../../../sass/theme.scss */
.btn-bordered.dark.active:focus, .btn-bordered.dark:focus, .btn-bordered.dark:hover { border: 1px solid #e77817; color: #e77817; }

/* line 17, ../../../sass/theme.scss */
.btn-default { background-color: #e77817; }
/* line 19, ../../../sass/theme.scss */
.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover { background-color: #8a480e; }

/* line 24, ../../../sass/theme.scss */
.open .dropdown-toggle.btn-default { background-color: #8a480e; }

/* line 29, ../../../sass/theme.scss */
.btn-bordered.active:focus, .btn-bordered:focus, .btn-bordered:hover { border-color: #e77817; }

/* line 34, ../../../sass/theme.scss */
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #e77817; }

/* line 38, ../../../sass/theme.scss */
.default-color { color: #e77817; }

/* line 42, ../../../sass/theme.scss */
.back-to-top { background: #e77817; }
/* line 44, ../../../sass/theme.scss */
.back-to-top:focus, .back-to-top:hover { background: #8a480e; }

/* line 49, ../../../sass/theme.scss */
#preloader div { color: #e77817; }

/* line 53, ../../../sass/theme.scss */
.bg-default { background: #e77817; }
/* line 55, ../../../sass/theme.scss */
.bg-default a:link, .bg-default a:visited, .bg-default a:active, .bg-default a:focus { color: white; }
/* line 58, ../../../sass/theme.scss */
.bg-default a:hover { color: #5c3009; }

/* line 64, ../../../sass/theme.scss */
.heading.iconic i { background: #e77817; }
/* line 67, ../../../sass/theme.scss */
.heading.heading-boxed h1 { background: #e77817; border-color: #e77817; }

/* line 73, ../../../sass/theme.scss */
.color-switcher h5, .picker_close { background: #e77817; }

/* line 78, ../../../sass/theme.scss */
.cl-effect-5 a:hover span, .cl-effect-5 li.active a span { color: #e77817; }

/* line 83, ../../../sass/theme.scss */
.rss { background: #e77817; }

/* line 87, ../../../sass/theme.scss */
.heading h1 { color: #e77817; border-bottom: 1px solid #e77817; }

/* line 92, ../../../sass/theme.scss */
.about-tri-sec h3 { color: #e77817; }
/* line 94, ../../../sass/theme.scss */
.about-tri-sec h3 a { color: #e77817; }

/* line 99, ../../../sass/theme.scss */
.heading p span { color: #e77817; }

/* line 104, ../../../sass/theme.scss */
.navbar-default.dark .cl-effect-5 a:hover span, .navbar-default.dark .cl-effect-5 li.active a span { color: #e77817; }

/* line 109, ../../../sass/theme.scss */
.icon-bordered { border: 1px solid #e77817; color: #e77817; }

/* line 115, ../../../sass/theme.scss */
.about-tri-sec .line-left, .about-tri-sec .line-right { border-bottom: 1px solid #e77817; }
/* line 118, ../../../sass/theme.scss */
.about-tri-sec:hover .icon-bordered { background: #e77817 !important; }

/* line 123, ../../../sass/theme.scss */
.icon-bordered:hover { background: #e77817 !important; }

/* line 127, ../../../sass/theme.scss */
.middle-line { background: #e77817; }

/* line 132, ../../../sass/theme.scss */
.resp-tabs-list li.resp-tab-active, .resp-tabs-list li:hover { color: #e77817; }

/* line 137, ../../../sass/theme.scss */
.progress-bar { background-color: #e77817; }

/* line 141, ../../../sass/theme.scss */
.arrow-down-bottom, .arrow-down-top { border-top: 7px solid #f1ae73; }

/* line 145, ../../../sass/theme.scss */
.numbering .overlay-fajar { background: #e77817; }

/* line 149, ../../../sass/theme.scss */
.team h3 { color: #e77817; }
/* line 151, ../../../sass/theme.scss */
.team h3 a { color: #e77817; }

/* line 157, ../../../sass/theme.scss */
.table-boxed.highlight .table-boxed-heading { background: #e77817; }
/* line 159, ../../../sass/theme.scss */
.table-boxed.highlight .table-boxed-heading .table-price { color: #e77817; border: 1px solid #e77817; }
/* line 164, ../../../sass/theme.scss */
.table-boxed.highlight .btn-default { border: 1px solid #8a480e; }

/* line 169, ../../../sass/theme.scss */
.panel-title i { color: #e77817; }

/* line 173, ../../../sass/theme.scss */
.icon-big { border: 4px solid #e77817; }
/* line 175, ../../../sass/theme.scss */
.icon-big i { background: #e77817; }

/* line 180, ../../../sass/theme.scss */
.icon-small { border: 2px solid #e77817; }
/* line 182, ../../../sass/theme.scss */
.icon-small i { background: #e77817; }

/* line 188, ../../../sass/theme.scss */
.testimonial .client-detail p, .testimonial i { color: #e77817; }

/* line 194, ../../../sass/theme.scss */
.cbp-l-filters-button .cbp-filter-item-active { background: #e77817 !important; }
/* line 197, ../../../sass/theme.scss */
.cbp-l-filters-button .cbp-filter-counter { background-color: #e77817; }
/* line 199, ../../../sass/theme.scss */
.cbp-l-filters-button .cbp-filter-counter:before { border-top: 4px solid #e77817; }

/* line 205, ../../../sass/theme.scss */
.cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight { background-color: #e77817; }

/* line 209, ../../../sass/theme.scss */
.cbp-l-filters-button .cbp-filter-item:hover { background: #e77817; }

/* line 213, ../../../sass/theme.scss */
.cbp-l-caption-buttonLeft:hover, .cbp-l-caption-buttonRight:hover { background-color: #8a480e; }

/* line 217, ../../../sass/theme.scss */
.best-seller-content h3 a:hover, .best-seller-thumb .rating-stars li a { color: #e77817; }

/* line 221, ../../../sass/theme.scss */
.btn-shop { color: #e77817; border-bottom: 1px solid #e77817; background-image: linear-gradient(to top, #e77817 50%, transparent 50%); }

/* line 227, ../../../sass/theme.scss */
.blog-content h3 a:hover { color: #e77817; }

/* line 231, ../../../sass/theme.scss */
.blog-meta li a:hover { color: #e77817; }
/* line 233, ../../../sass/theme.scss */
.blog-meta li a:hover i { color: #e77817; }

/* line 239, ../../../sass/theme.scss */
.owl-buttons .owl-prev { background: url(../images/team-left-arrow.png) no-repeat; }
/* line 242, ../../../sass/theme.scss */
.owl-buttons .owl-next { background: url(../images/team-right-arrow.png) no-repeat; }

/* line 247, ../../../sass/theme.scss */
.submit-btn { background: url(../images/submit-img.png) no-repeat scroll; }

/* line 251, ../../../sass/theme.scss */
.contact-info-widget p a:hover { color: #e77817; }

/* line 255, ../../../sass/theme.scss */
.back-to-map-overlay { background: #e77817; }

/* line 259, ../../../sass/theme.scss */
.banner-text span { color: #e77817; }

/* line 264, ../../../sass/theme.scss */
.classic-stickey .classic-nav.navbar-default .navbar-nav > li.active > a { color: #e77817 !important; }
/* line 268, ../../../sass/theme.scss */
.classic-stickey .classic-nav.navbar-default .navbar-nav > li > a:before, .classic-stickey .classic-nav.navbar-default .navbar-nav > li > a:hover { color: #e77817 !important; }

/* line 274, ../../../sass/theme.scss */
.tri-sec h3 a:hover { color: #e77817; }

/* line 279, ../../../sass/theme.scss */
.about-classic-section .tri-sec:hover .solid-icon { background: #e77817; box-shadow: 0 0 0 3px #e77817; }
/* line 283, ../../../sass/theme.scss */
.about-classic-section .tri-sec:hover h3 { color: #e77817; }
/* line 285, ../../../sass/theme.scss */
.about-classic-section .tri-sec:hover h3 a { color: #e77817; }

/* line 292, ../../../sass/theme.scss */
.tri-sec:hover h3 { color: #e77817; }
/* line 294, ../../../sass/theme.scss */
.tri-sec:hover h3 a { color: #e77817; }
/* line 298, ../../../sass/theme.scss */
.tri-sec:hover i { color: #e77817; }

/* line 303, ../../../sass/theme.scss */
.fancybox-type-ajax .fancybox-skin, .team-small:hover p { background: #e77817; }

/* line 307, ../../../sass/theme.scss */
.team-social.white li a i { color: #e77817; }

/* line 311, ../../../sass/theme.scss */
.pricing-table2.highlight .table-heading { background: #e77817; }
/* line 313, ../../../sass/theme.scss */
.pricing-table2.highlight .table-heading .price { background: #e77817; }

/* line 318, ../../../sass/theme.scss */
.btn-embose-default { background: #e77817; border-bottom: 4px solid #8a480e; }

/* line 323, ../../../sass/theme.scss */
.pointer-tri-sec h3 a:hover { color: #e77817; }

/* line 327, ../../../sass/theme.scss */
.pointing-icon { border: 1px solid #e77817; color: #e77817; }
/* line 328, ../../../sass/theme.scss */
.pointing-icon:after { box-shadow: -1px 1px 0 0 #e77817; }
/* line 332, ../../../sass/theme.scss */
.pointing-icon:hover { background: #e77817; }
/* line 334, ../../../sass/theme.scss */
.pointing-icon:hover:after { background: #e77817; }

/* line 342, ../../../sass/theme.scss */
.pointer-tri-sec:hover .pointing-icon { background: #e77817; }
/* line 344, ../../../sass/theme.scss */
.pointer-tri-sec:hover .pointing-icon:after { background: #e77817; }
/* line 348, ../../../sass/theme.scss */
.pointer-tri-sec:hover h3 { color: #e77817; }
/* line 350, ../../../sass/theme.scss */
.pointer-tri-sec:hover h3 a { color: #e77817; }

/* line 356, ../../../sass/theme.scss */
.carousel-indicators.dots li.active { background: #e77817; }

/* line 360, ../../../sass/theme.scss */
.btn-shop-inverse { border-bottom: 1px solid #e77817; background-image: linear-gradient(to top, #e77817 50%, transparent 50%); }
/* line 363, ../../../sass/theme.scss */
.btn-shop-inverse.active:focus, .btn-shop-inverse:focus, .btn-shop-inverse:hover { color: #e77817; }

/* line 368, ../../../sass/theme.scss */
.submit-btn2 { background-color: #e77817; }

/* line 372, ../../../sass/theme.scss */
.navbar-default.navbar-top .navbar-brand { background: #e77817; }

/* line 377, ../../../sass/theme.scss */
.cl-effect-2 a span::before, .cl-effect-2 li.active a span { color: #e77817; }

/* line 382, ../../../sass/theme.scss */
.carousel-indicators.bullets li.active { background: #e77817; }

/* line 387, ../../../sass/theme.scss */
.team-des-btn.active, .team-des-btn:hover { background: #e77817; }

/* line 392, ../../../sass/theme.scss */
.team-member-description .team-member-desc-inner { border: 1px solid #e77817; }

/* line 396, ../../../sass/theme.scss */
.team-member-desc-bg { background: #e77817; }

/* line 400, ../../../sass/theme.scss */
.social2 li a:hover { color: #e77817; }

/* line 404, ../../../sass/theme.scss */
.portfolio-masonary .portfolio-item .portfolio-item-content .overlay-fajar { background: #e77817; }

/* line 408, ../../../sass/theme.scss */
.popup-portfolio-inner .cross { background: url(../images/close-social.jpg) no-repeat scroll -15px -81px; }

/* line 412, ../../../sass/theme.scss */
.footer-social-widget li a:hover { color: #e77817; border: 1px solid #e77817; }

/* line 417, ../../../sass/theme.scss */
.box { border: 2px solid #e77817; }
/* line 419, ../../../sass/theme.scss */
.box:hover { background: #e77817; }
/* line 422, ../../../sass/theme.scss */
.box i { color: #e77817; }

/* line 427, ../../../sass/theme.scss */
.team-contact li a:hover { color: #e77817; }

/* line 431, ../../../sass/theme.scss */
.team2 h3 { color: #e77817; }
/* line 433, ../../../sass/theme.scss */
.team2 h3 a { color: #e77817; }

/* line 439, ../../../sass/theme.scss */
.resp-vtabs ul.resp-tabs-list { border-right: 7px solid #e77817; }
/* line 442, ../../../sass/theme.scss */
.resp-vtabs .resp-tabs-list li:hover, .resp-vtabs li.resp-tab-active { background-color: #e77817; }

/* line 447, ../../../sass/theme.scss */
.feature-list i { color: #e77817; }

/* line 452, ../../../sass/theme.scss */
.table.highlight h3 { color: #e77817; }
/* line 455, ../../../sass/theme.scss */
.table.highlight .table-price { box-shadow: 0 0 0 6px #e77817; -moz-box-shadow: 0 0 0 6px #e77817; -webkit-box-shadow: 0 0 0 6px #e77817; border: 1px solid #ff7260; background: #e77817; }
/* line 462, ../../../sass/theme.scss */
.table.highlight .list li { border-color: #e77817; color: #e77817; }
/* line 466, ../../../sass/theme.scss */
.table.highlight .btn-default { border: 1px solid #8a480e; }

/* line 472, ../../../sass/theme.scss */
.filter-boxed.cbp-l-filters-button .cbp-filter-item:hover { color: #e77817; border: 1px solid #e77817; }
/* line 476, ../../../sass/theme.scss */
.filter-boxed.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active { border: 1px solid #e77817; color: #e77817; }

/* line 482, ../../../sass/theme.scss */
.submit-btn-dark { background: url(../images/submit-img.png) no-repeat 0 bottom; }

/* line 486, ../../../sass/theme.scss */
.cbp-l-project-desc-title span, .cbp-l-project-details-title span, .cbp-popup-singlePage .cbp-l-project-title, .cbp-popup-singlePageInline .cbp-l-project-title { color: #e77817; }

/* line 490, ../../../sass/theme.scss */
.heading.dark h1 { border-color: #e77817; }

/* line 495, ../../../sass/theme.scss */
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #e77817; border-color: #D42F1A; }

/* line 502, ../../../sass/theme.scss */
h2.resp-tab-active { background: #e77817 !important; border-color: #e77817; }
/* line 506, ../../../sass/theme.scss */
h2.resp-accordion:first-child.resp-tab-active { border-top: 1px solid #e77817 !important; }

/* line 511, ../../../sass/theme.scss */
.share-sec-close { background-image: url(../images/close-social.jpg); }

/* line 518, ../../../sass/theme.scss */
.pagination > li > a:focus, .pagination > li > a:hover { background-color: #e77817; border-color: #e77817; }
/* line 524, ../../../sass/theme.scss */
.pagination > li > span:focus, .pagination > li > span:hover { background-color: #e77817; border-color: #e77817; }
/* line 531, ../../../sass/theme.scss */
.pagination > .active > a { background-color: #e77817; border-color: #e77817; }
/* line 534, ../../../sass/theme.scss */
.pagination > .active > a:focus, .pagination > .active > a:hover { background-color: #e77817; border-color: #e77817; }
/* line 539, ../../../sass/theme.scss */
.pagination > .active > span { background-color: #e77817; border-color: #e77817; }
/* line 542, ../../../sass/theme.scss */
.pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #e77817; border-color: #e77817; }

/* line 551, ../../../sass/theme.scss */
.sidebar-widget.categories ul li a:hover, .sidebar-widget.archives ul li a:hover { color: #e77817; }
/* line 554, ../../../sass/theme.scss */
.sidebar-widget.tags ul li a:hover { color: #e77817; border: 1px solid #e77817; }

/* line 560, ../../../sass/theme.scss */
.navbar-default li.dropdown ul li a:hover, .portfolio h2 span, .maps .resp-tabs-list li i, .case-studies-section h1, .maps .resp-accordion i, .case-studies-section-inner.small i { color: #e77817; }

/* line 564, ../../../sass/theme.scss */
.view-btn:hover { color: #e77817; border-color: #e77817; }

/* line 569, ../../../sass/theme.scss */
.transparent-nav .navbar-brand { position: relative; display: block; max-width: 100%; width: 350px; }
/* line 574, ../../../sass/theme.scss */
.transparent-nav .navbar-brand img { -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
/* line 577, ../../../sass/theme.scss */
.transparent-nav .navbar-brand img.logo-header { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; left: 0; top: 0; }

/* line 587, ../../../sass/theme.scss */
.smallheader .transparent-nav .navbar-brand img.logo-home { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
/* line 590, ../../../sass/theme.scss */
.smallheader .transparent-nav .navbar-brand img.logo-header { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/* line 596, ../../../sass/theme.scss */
body.view-p .transparent-nav { padding-top: 20px; }
/* line 600, ../../../sass/theme.scss */
body.view-p .transparent-nav .navbar-brand img.logo-home { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
/* line 603, ../../../sass/theme.scss */
body.view-p .transparent-nav .navbar-brand img.logo-header { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; width: auto; }

/* line 613, ../../../sass/theme.scss */
.section.table { margin-top: 0; margin-bottom: 0; }
/* line 618, ../../../sass/theme.scss */
.section > .tableCell .container { -webkit-transition-property: height; -moz-transition-property: height; -o-transition-property: height; transition-property: height; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; height: auto; }