/* ----------------------------------------------------
  
	File Name: style.css
	Template Name: Pasha
	Created By: Template Visual
	https://themeforest.net/user/templatevisual

	1. FONTS
	2. SKELETON
	3. HEADER & MENU
	4. SECTION
	5. BLOG
	6. MODULES
	7. SLIDESHOW
	8. CUSTOM ANIMATIONS
	9. FOOTER
	10. PORTFOLIO
	11. OTHERS
	12. SHOP
	13. COLORS
	14. FOOTERS

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

/* ----------------------------------------------------
	1. FONTS
------------------------------------------------------- */

	@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
	@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

/* ----------------------------------------------------
	2. SKELETON
------------------------------------------------------- */

	body {
		background: #f7f8fa;
		color: #000;
		font-size: 16px;
		line-height: 31px;
		letter-spacing: 0;
		font-weight: 300;
		padding:0;
		font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	h1,h2,h3,h4,h5,h6{ 
		letter-spacing:0px;
		font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight:normal;
		position: relative;
		padding: 0 0 10px 0;         
		font-weight:normal;
		line-height:1.8 !important;
		color:#242424;
	}
	
	h1{
		font-size: 34px; 
	}
	
	h2{
		font-size: 26px;
	    line-height: 36px !important;
	    font-weight: 700;
	    letter-spacing: 0;
	    color: #FAB22C;
	}
	
	h3{
		font-size: 18px;
	    line-height: 28px !important;
	    font-weight: 700;
	    letter-spacing: 0;
	}
	
	h4{
		font-size: 16px; 		
	}
	
	h5{
		font-size: 14px; 		
	}
	
	h6{
		font-size: 14px;  	
	}

	a {
		color:#696969;
	}

	sup > a {
		text-decoration: underline !important;
	}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
		color:#fff !important;
		text-decoration:none !important; 
	}

	p,
	ul,
	ol {
		/*font-size: 13px;*/
	    font-weight: 400;
	    line-height: 26px;
	    letter-spacing: 0;
	    margin-bottom: 25px;
	}
	

	img.aligncenter{
		display:block;
		text-align:center;
		display: block;
		margin:0 auto 20px auto;
		padding:0px;
		border:0px;
		background:none;
	}
	
	img.alignleft{
		float:left;
		margin: 6px 20px 6px 0;
		display: inline;
		border:0px;
		background:none;
		padding:0;
		display:block;
	}
	
	img.alignright{
		padding:0;
		float:right;
		margin: 6px 0 6px 20px;
		border:0px;
		display:block;
		background:none;
	}
	
	::selection {
		background: #feba20 /* Safari */
		color:#fff;
	}
	
	::-moz-selection {
		background: #feba20 /* Firefox */
		color:#fff;
	}
	
	blockquote {		 
		font-size:16px;
		line-height: 32px;
		font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
		font-weight:normal;
		font-style:italic;	   
		position:relative;  
		width:auto;
	}

	blockquote small {
		display: block;
		margin-top: 20px;
	}
	
	pre {
		line-height:18px;
		margin-bottom:18px;
	}

	.btn,
	a {
		outline:0 !important;
		text-decoration: none !important;
	}
	
	ins {
		text-decoration:none;
	}
	
	sup {
		bottom: 1ex;
	}
	
	sub {
		top: .5ex;
	}

	table{
		width:auto;
		border-collapse: separate;
		border-spacing: inherit;
		margin:0 0 20px 0; 
		padding:0;
		border-right:1px solid #F5F5F5;
		border-top:1px solid #F5F5F5;        
	}
    
	table caption strong{
		text-align:left;
		font-size: 14px;
		font-weight: normal;
		line-height:20px;
		font-weight:bold;
	}
	
	table caption{
		text-align:left;
		padding: 0 0 10px 3px;
		font-style: italic;
	}
	
	table th {
		padding: 14px; 
		font-size: 12px;
		background:#F5F5F5; 
		border-left:1px solid #F5F5F5;   
	}
	
	table td {
		padding: 10px;
		text-align: left;
		margin:10px;
		border-bottom:1px solid #F5F5F5;
		border-left:1px solid #F5F5F5;	        
	}

	.check li:before {
		content: "\f00c";
		font-family: "FontAwesome";
		font-size: 16px;
		left: 0;
		color:#242424;
		padding-right:5px;
		position: relative;
		top: 2px;
	}

	.check li {
		font-size:14px;
		list-style:none;
		margin-bottom:4px;
	}

	.check {
		margin-left:0; 
		padding-left:0
	}

	#map {
		z-index: 1;
	}

	textarea {
		display: block !important;
		min-height: 120px !important
	}

/* ----------------------------------------------------
	3. HEADER & MENU
------------------------------------------------------- */

	.yamm .nav,
	.yamm .collapse,
	.yamm .dropup,
	.yamm .dropdown {
		position: static;
		z-index: 100;
	}

	.yamm .container {
		position: relative;
	}

	.yamm .dropdown-menu {
		left: auto;
		margin-top: 30px;
	}

	.yamm .yamm-content {
		padding: 0 30px;
	}

	.yamm .dropdown .dropdown-menu {
		left: auto;
		border:0;
		box-shadow: none;
		right: auto;
	}

	.header-section {
		width: 100%;
	    padding: 0;
	    position: fixed;
	    top: 0;
	    z-index: 1040;
	    display: block;
	    margin: 0;
	    background-color: #feba20;
	}

	.header-section.stick {
		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 1040;
		transition: all 0.4s ease 0s;
	}

	.header-section.stick .header {
		padding: 30px 0;
	}

	.header-section.stick .header .navbar-brand > img {
		width: 65px;
		margin-top: -15px;
		transition: all 0.4s ease 0s;
	}

	#transparent-header.header-section {
		padding:0;
		position: absolute;
		display: block;
		z-index: 9999;
		margin:0;
		top:0;
		left: 0;
		right: 0;
		width: 100%;
		background-color: #f7f8fa !important;
		background-color: rgba(247,248,250,0) !important;
	}

	.header {
		padding:40px 0 40px;
		display: block;
		position: relative;
		z-index: 100;
			-webkit-transition: all .7s ease-in-out;
		-moz-transition: all .7s ease-in-out;
		    -o-transition: all .7s ease-in-out;
		    -ms-transition: all .7s ease-in-out;
		    transition: all .7s ease-in-out;
	}

	.dropdown-menu {
		border-radius: 0;
	    background: #242424;
	    border:1px solid #333;
	    box-shadow:none;
		z-index: 100;
	    min-width: 200px;
	    padding:10px !important;
	}

	.boxes {
	    min-width: 160px !important;
	    padding: 0;
	}

	.boxes ul {
		padding:0 !important;
		list-style: none;
	}

	.boxes h4 {
		color:#ffffff;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: 300;
		letter-spacing: 1px;
		font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding:0 0 15px !important;
		border-bottom:1px solid #333;
		margin:0 !important;
	}

	.dropdown-menu li  {
		z-index: 100;
		padding:10px 20px 10px 10px !important;
		border-bottom:0 solid #333;
	}
	.yamm-content .dropdown-menu li {
	    background: #242424;
	    border:1px solid #333;
	}
	.dropdown-menu li:last-child {
		border-bottom: 0;
	}

	.dropdown-menu li:hover,
	.dropdown-menu li:focus {
	}

	.navbar-nav > li > .dropdown-menu {
		margin-top: 30px;
	}
	.boxes ul li a,
	.dropdown-menu > li > a {
		border-left: medium none;
	    border-right: medium none;
	    box-sizing: border-box;
	    color: #b0b0b0 !important;
	    cursor: pointer;
	    display: block;
		font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	    font-size: 12px;
	    height: auto !important;
	    letter-spacing: 0.05em;
	    line-height: 1.3 !important;
	    margin: 0;
	    position: relative;
	    text-align: left;
	    text-transform: none !important;
	    width: 100%;
	}
	.dropdown-menu a:hover {
		color:#ffffff !important;
	}
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus,
	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus,
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:hover, 
	.navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
		color: #fff;
		background: none;
		background-color: transparent;
	}

	.nav > li > a {
		padding:10px 20px;
	}

	.navbar-brand {
		padding:0 15px;
	}

	.navbar-brand > img {
	    display: block;
	    width: 85px;
	    height: auto;
	    margin-top: -25px;
	    transition: all 0.4s ease 0s;
	}

	.navbar-nav {
		font-size: 14px;
		padding:0 0 0 3px;
		text-transform: uppercase;
	}
	.navbar-default {
		background-color: #fff;
		border:0;
		background: none;
		box-shadow: none;
	}
	.navbar-default{
		margin-bottom: 0;
	}

	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
	    color: #242424;
	}
	.navbar-default .navbar-nav > li > a {
	    border-radius: 0;
		font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	    font-size: 14px;
	    font-weight: 700;
	    letter-spacing: 1px;
	    padding-top:5px;
	    padding-bottom:5px;
	    color:#242424;
	    text-decoration: none;
	    text-transform: uppercase;
	}
	.navbar-default .navbar-nav > li > a:hover {
		color: #fff !important;
	}
	.navbar-default .navbar-nav > li.demos {
		border: 1px solid #242424 !important;
		margin-top: -1px;
	}
	.navbar-default .navbar-nav > li.demos a {
		padding-left: 15px;
		padding-right: 15px;
	}
	.navbar-right {
		margin-top: 10px;
	}
	.instagram-widget {
		margin-top: 10px;
	}
	.recent-works-widget {
		margin-top: 10px;
	}
	.recent-works-widget img,
	.instagram-widget img {
		width: 72px;
		opacity: 0.7;
	}
	.recent-works-widget img:hover,
	.instagram-widget img:hover {
		opacity: 1;
	}
	
	#openbox {
		z-index: 9999;
		position: relative;
		background: #f7f8fa;
		color:#777777;
		width: 100%;
	}

	#openbox p {
		margin-top:5px;
	}

	#openbox .container {
		padding:40px 20px;
	}

	.image-center img {
		position: relative;
		margin:-220px auto 40px;
		left:0;
		right: 0;
		text-align: center;
	}
	
	.nobg {
		background-color: transparent !important;
	}
	
	.nobg i {
		color:#242424 !important;
	}

	.logo a {
		background-color: transparent !important;
	    color: #242424 !important;
	    display: block;
	    font-size: 24px;
	    font-weight: bold;
	    height: 50px;
	    letter-spacing: 0;
	    line-height: 50px;
	    outline: 0 none;
		font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	    padding: 0 15px;
	    position: relative;
		text-transform:uppercase;
	    z-index: 1;
	}

	#transparent-header .logo a {
	    background: #f7f8fa !important;
	}

	.top {
		padding-bottom:2em;
		display: block;
		position: relative;
	}

	body#sidebarstyle .logo a {
		margin-top:60px;
		width: 260px;
	}

	#sidebar-fix {
	  	width: inherit;
	  	min-width: 260px;
	  	max-width: 260px;
	  	background-color:#fff;
	  	float: left;
	  	height:100%;
	  	bottom:0;
	  	left: :0;
	  	overflow-y:auto;
	  	z-index: 9991;
	  	overflow-x:hidden;
	  	-webkit-box-shadow:10px 0px 30px -2px rgba(0, 0, 0, 0.14);
	  	-moz-box-shadow:10px 0px 30px -2px rgba(0, 0, 0, 0.14);
	  	box-shadow:10px 0px 30px -2px rgba(0, 0, 0, 0.14);
	  	position: fixed;
	  	top: 0;
	  	height: 100%;
	  	-webkit-overflow-scrolling:touch;
	  	overflow:auto;
	  	text-align: center;
	}

	#main {
	  	height:100%;
	  	overflow:auto;
	  	margin-left:260px;
	}

	#sidebar-fix .social-icons {
	  	margin:0 0 30px !important;
	}

	.side-copyrights {
	  	text-align: center;
	}

	.side-logo a img {
	  	width: 157px;
	  	display: block;
	  	position: relative;
	  	margin:20px auto;
	}

	.sidebar-nav {
	  	margin: 15px 0 30px;
	  	padding: 0;
	  	list-style: none;
	}

	.sidebar-nav li {
	    margin:0;
	    padding:0 20px;
	    line-height: 40px;
	}

	.sidebar-nav li a {
		font-weight: 400;
		font-size:12px;
		letter-spacing: 1px;
		color:#242424;
		text-transform: uppercase;
		font-family: "Open Sans",sans-serif;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out; 
		transition: all 0.3s ease-in-out;
	}

	.sidebar-nav li a:active,
	.sidebar-nav li a:focus {
	  	text-decoration: none;
	}

	.mobile-menu {
	  	z-index: 9999;
	  	display: block;
	  	position: fixed;
	  	top:0;
	  	left: 0;
	  	display: none;
	  	line-height: 0;
	  	background-color: #ffffff;
	}

	.mobile-menu .btn {
	  	border-radius: 0 !important;
	  	font-size: 12px !important;
	}

	@media (max-width: 992px) {
	    #sidebar-fix {
	        position: relative;
	        box-shadow: none;
	    }
	   .mobile-menu{
	      display: normal!important;
	   }
	}

	@media screen and (max-width: 1180px) {
	  .row-offcanvas {
		position: relative;
		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
		width:calc(100% + 260px);
	  }  
	  .row-offcanvas-left {
	    left: -260px;
	  }

	  .row-offcanvas-left.active {
	    left: 0;
	  }

	  .sidebar-offcanvas {
	    position: absolute;
	    top: 0;
	  }
	}



/* ----------------------------------------------------
	4. SECTIONS
------------------------------------------------------- */

	.fullscreen {
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		display: block;
		width: 100%;
		height: 100%;
		min-height: 100%;
		position: relative;
		overflow-x: hidden;
		overflow-y: hidden;
		vertical-align: sub;
		z-index: 99;
		color: #fff;
	}
	
	#firstparallax {
		background-image:url(../upload/parallax_04.jpg);
	}

	#secondparallax {
		background-image:url(../upload/parallax_05.jpg);
	}

	#homeparallax {
		background-image:url(../upload/parallax_07.jpg);
	}

	#featuresparallax {
		background-image:url(../upload/parallax_08.jpg);
	}

	.none {
		display: none !important
	}

	.overlay{
		position: absolute;
		top: 0;
	  	left: 0;
	  	width: 100%;
	  	height: 100%;
	  	z-index: 10;
		background-color: #242424;
		background-color: rgba(34, 34, 34, 0.8);
	}

	.whiteoverlay {
		background-color: #ffffff;
		background-color: rgba(255, 255, 255, 0.8);
	}

	.relative {
		position: relative;
		z-index: 11;
	}

	.boxed {
	    background-attachment: fixed;
	    background-image: url(../upload/boxed.jpg);
	    background-position: left top;
	    background-repeat: no-repeat;
	    background-size: cover;
	}

	.boxed #wrapper {
		padding-right: 0;
		padding-left: 0;
		margin-right: auto;
		margin-left: auto;
	}

	.boxed .header {
		padding:30px 0 !important;
	}

	.boxed #wrapper .header-section {
		max-width: 1200px;
		margin: 0 auto;
		left:auto;
		right: auto;
	}

	@media (min-width: 768px) {
	.boxed #wrapper .header-section,
	.boxed #wrapper {
	    width: 750px;
	  }
	}

	@media (min-width: 992px) {
	.boxed #wrapper .header-section,
	.boxed #wrapper {
	    width: 970px;
	  }
	}

	@media (min-width: 1200px) {
	.boxed #wrapper .header-section,
	.boxed #wrapper {
	    width: 1200px;
	  }
	}

	.nopadding {
		padding:0 !important;
	}

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

	.makepaddingbottom {
		padding-bottom:180px !important;
	}

	.littlepadding {
		padding:60px 0 !important;
	}

	.white-section {
		padding:75px 0;
		position: relative;
		display: block;
		z-index: 2;
		margin:0;
		background-color: #ffffff;
	}

	.grey-section {
		padding:75px 0;
		position: relative;
		z-index: 2;
		display: block;
		margin: 110px 0 0 0;
		background-color: #f7f8fa;
	}

	div.pp_overlay {
		background: #f7f8fa;
	}

	.makeborder-top,
	.makeborder-bottom,
	.makeborder-right,
	.makeborder-left {
		background: #f7f8fa;
		position: fixed;
		z-index: 9998;
	}

	.makeborder-top {
		width: 100%;
		top: 0;
		left: 0;
		padding: 12px;
	}

	.makeborder-bottom {
		width: 100%;
		bottom: 0;
		left: 0;
		padding: 12px;
	}

	.makeborder-left {
		width: 24px;
		left: 0;
		height: 100%;
	}

	.makeborder-right {
		width: 24px;
		right: 0;
		height: 100%;
	}

	#wrapper{
		/*padding-bottom: 540px;*/
		z-index: 1000;
		position: relative;
		background-color: #ffffff;
	}

	.home-parallax{
		background-repeat: no-repeat;
	    background-attachment: fixed;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		width: 100%;
		display: block;	
		position: relative;
	    overflow: hidden;
	}

	.home-text-wrapper{
		display: table;
		width: 100%;
		height: 100%;
		text-align: center;
	}
	.home-content{
		position: relative;
	}
	.home-message{
		display: table-cell;
		height: 100%;
		vertical-align: middle;
	}

	#comingsoon {
	  background: url(../upload/parallax_03.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}

	#comingsoon .white-section {
		padding: 300px 0 0;
		height: 100vh;
		background-color: transparent;
	}

	.comingsoon h1 {
	    color: #242424;
	    font-size: 32px;
	    font-weight: 700;
	    padding-bottom: 0;
	    text-transform: uppercase;
		margin-bottom: 20px;
	}

	.time_circles {
	    height: 100%;
	    position: relative;
	    width: 100%;
	}

	.time_circles > div {
	    position: absolute;
	    text-align: center;
	}

	.time_circles > div > h4 {
	    margin:  0 0;
	    padding: 0;
	    font-weight: bold;
	    font-family: Open Sans;
	    text-align: center;
	    text-transform: uppercase;
	}

	.time_circles > div > span {
	    color: #303030;
	    display: block;
	    font-size: 38px !important;
	    font-weight: 300;
	    margin-top: 0.3em;
	    text-align: center;
	    width: 100%;
	}

	body.boxed #stickyfooter,
	body#sidebarstyle #stickyfooter {
		position: relative;
	}
	body.boxed #wrapper,
	body#sidebarstyle #wrapper {
		position: relative;
		padding-bottom: 0;
	}

/* ----------------------------------------------------
	5. BLOG
------------------------------------------------------- */

	#sidebar .widget {
		margin-bottom: 30px;
	}
	
	#sidebar .input-title h4 {
		color:#242424 !important;
	}

	#sidebar a,
	#sidebar .twitter-posts li a, 
	#sidebar .recent-posts li a {
		color:#777777 !important;
	}

	.quote-post {
		background:#f7f8fa;
		padding:20px;
		position:relative;
	}
	
	.quote-post blockquote {
		border-left:0;
	}

	.quote-post:after {
		content: "\f10e";
		display: block;
		font-family: 'FontAwesome';
		font-size: 41px !important;
		top:15%;
		opacity: 0.1;
		position: absolute;
		right:3%;
	}

	#content .meta {
		margin:0px;
		background-color: #f7f8fa;
	}

	#content.shop-sidebar .meta {
		background-color: #ffffff;
	}

	#content .blog-title h3 a {
		color:#242424 !important;
		text-transform: uppercase;
		font-weight: 400;
		letter-spacing: 2px;
	}

	#content .meta span {
		margin:0 10px;
	}

	#content.single-blog .meta span {
		margin:0 10px 0 0;
	}

	#content .readmore {
		font-weight:bold;
		margin-top:0
	}

	#content .desc {
		margin-top:10px;
	}

	.blog-image {
		margin-bottom: 20px;
		overflow:hidden;
	}

	.blog-image img {
	    opacity: 0.8;
	    background: #ffffff;
	    filter: alpha(opacity=80); /* For IE8 and earlier */
	}

	.blog-image img:hover {
	    opacity: 1;
	    filter: alpha(opacity=100); /* For IE8 and earlier */
	} 

	.blog-box {
		border-bottom:1px solid #dedfe1;
		padding:0 0 60px 0;
		margin-bottom: 60px;
	}

	.home-blog .blog-box {
		border-bottom:0 solid #dedfe1;
		padding:0;
		margin-bottom: 0;
	}

	.home-blog p {
		margin: 5px 0 0;
		padding-bottom: 0;
	}

	.blog-box .meta {
		font-size: 11px;
		letter-spacing: 2px;
		text-transform: uppercase;
	}

	.home-blog .blog-title h3 a,
	.home-blog .blog-title h3 {
		font-size: 15px !important;
		color:#242424 !important;
		letter-spacing: 3px;
		font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding:0 0 5px 0;
		margin:0;
		text-transform: uppercase;
	}

	.comment-form-wrap .form-control {
		margin-bottom: 20px;
	}

	.comment-list .media {
		margin-bottom: 30px;
	}

	.media.reply-comment {
		margin-left: 60px;
	}

	.comment-list span {
	    display: block;
	    font-size: 12px;
	    font-style: italic;
	    font-weight: 300;
	    margin-bottom: 8px;
	}

	.comment-list h3 {
		font-size: 18px;
		margin-bottom: 0;
		color:#242424 !important;
	}

	.comment-list img {
		width: 80px;
		margin-right: 20px;
	}

	#content .tagcloud a {
		margin:0 3px 3px 0;
		display: inline-block;
		text-decoration: none;
		font-style: italic;
		padding:3px 4px;
	}

	.tagcloud h6 {
		display: inline-block;
	}

/* ----------------------------------------------------
	6. MODULES
------------------------------------------------------- */

	.pagination > li:first-child > a, .pagination > li:first-child > span {
		border-radius: 0;
	}

	.pagination > li > a, 
	.pagination > li > span {
	    letter-spacing: 0;
	    padding: 10px 15px;
	    border-radius: 0;
	    text-decoration: none;
	    background-color: transparent !important;
	    text-transform: uppercase;
		border: 1px solid #242424 ;
		margin:0 3px;
	    color: #242424 !important;
	    font-size: 14px;
	    font-weight: bold;
	}

	.btn-primary,
	.btn-default {
	    letter-spacing: 0;
		padding: 10px 30px;
		border-radius: 10px;
		text-decoration: none;
		/* background-color: #FEBA20; */
		/* text-transform: uppercase; */
		border: none;
		color: #fff !important;
		font-size: 16px;
		font-weight: bold;
		background-image: linear-gradient(#FFBD00, #F05F00);
	}

	.btn-primary {
		color:#fff !important;
	}

	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary.focus,
	.btn-primary:active,
	.btn-primary.active,
	.open > .dropdown-toggle.btn-primary {
	  background-image: linear-gradient(#F05F00, #FFBD00);
	}

	h4.panel-title {
	    color: #242424 !important;
	    font-size: 14px;
	    margin-bottom: 0;
	    margin-top: 0;
	    padding-bottom: 0;
	}

	.readmore {
		margin-top: 60px;
	}

	.notfound blockquote {
		margin:20px 0 30px;
		border-left: 0;
		padding-left: 0
	}

	.section-title h3,
	.custom-services h1,
	.notfound h1,
	.topheader h1 {
	    /*font-size: 24px;*/
	    font-weight: 700;
	    letter-spacing: 0px;
	    color:#242424;
	    padding:0;
	    margin-bottom: 0;
	    line-height: 34px;
	    text-transform: uppercase;
	}
	.darktext .topheader p,
	.darktext .topheader h1 {
		color:#242424;
	}

	.section-title h3 {
		margin-bottom: 20px !important;
	}

	.custom-services h1 span {
		display: block;
		padding: 0;
		margin:20px 0 10px;
		color: #777777;
		font-weight: 400;
		letter-spacing: 1px;
		text-transform: none;
		font-size:14px;
	}

	.lead,
	.topheader p {
		line-height: 28px;
		font-size: 14px;
		font-weight: 300;
		padding:0;
		margin:10px 0 20px !important;
		letter-spacing: 4px;
		text-transform: uppercase;
	}

	.social {
		/*margin-left: 30px;*/
	}

	.social a {
		color: #242424;
		width: 25px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		display: inline-block;
	}

	.godown {
		border:1px solid #dedfe1;
		color:#777777;
		width: 30px;
		height: 30px;
		border-radius: 30px;
		line-height: 26px;
		font-size: 18px;
		display: block;
		margin:auto;
	}

	.backtotop {
	    background-image: url(../images/back.png);
	    background-position: 50% 50%;
	    background-repeat: no-repeat;
	    background-color: #242424;
	    z-index: 500;
	    width: 40px;
	    height: 40px;
	    text-indent: -99999px;
	    position: fixed;
	    bottom: -100px;
	    right: 25px;
	    cursor: pointer;
	    -webkit-transition: all .7s ease-in-out;
	    -moz-transition: all .7s ease-in-out;
	    -o-transition: all .7s ease-in-out;
	    -ms-transition: all .7s ease-in-out;
	    transition: all .7s ease-in-out;
	    overflow: auto;
	}
	
	.nopaddingimage {
		padding:0;
	}

	.image-wrapper {
	    height: 100%;
	    overflow: hidden;
	    left: 0;
	    padding: 0;
	    position: absolute;
	    top: 0;
	}

	.nopaddingimage {
	    height: 100%;
	    left: 0;
	    position: absolute;
	    top: 0;
	    width: 100%;
		z-index: 0;
		background:  no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.customtext {
		padding:60px !important;
	}

	.caret {
		margin-top: -1px;
		margin-left: 1px;
	}

	.contact-details {
	    margin: 0 auto 10px;
	    padding: 5px 0;
	    width: 70%;
	}

	.contact-details h1,
	.contact-details h2 {
		color:#fff;
		padding-bottom: 0;
		line-height: 1.6 !important;
		font-size: 15px;
		font-weight: 300;
		font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		letter-spacing: 4px;
	    margin-bottom: 0;
	    text-transform: uppercase;
	}

	.contact-details h1 {
	    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
	    color: #242424;
	    font-weight: bold;
		font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	    max-width: 500px;
	    font-size: 38px;
	    margin:25px auto;
	}

	#message {
		display: none; 
		position:relative; 
		text-align:left; 
		padding:20px;
	}

	#map{
		height:500px;
		width:100%;
		position: relative;
		z-index: 10;
	}

	#map img{
		max-width:inherit
	}

	.map{
		position:relative
	}

	.map .row{
		position:relative
	}

	.infobox img {
		width:100% !important;
	}

	.map .searchmodule {
		padding:18px 10px
	}

	.infobox {
		display: inline-block;
		padding: 5px;
		position: relative;
		width: 270px;
	}

	.infobox img {
		width:80px !important;
		padding-right:10px
	}

	.infobox .title {
		font-size:13px;
		font-weight:bold;
		margin-top:0;
		margin-bottom:0;
		text-transform:uppercase;
		padding-bottom:5px;
	}

	.infobox .title a {
		font-weight:bold;
		color:#242424 !important;
	}

	.panel-title > a, 
	.panel-title > small, 
	.panel-title > .small, 
	.panel-title > small > a, 
	.panel-title > .small > a {
		color:#242424 !important;
	}

	.nav-tabs {
	    border-bottom: 0 none;
	    padding: 0;
	}

	.nav-tabs > li.active > a, 
	.nav-tabs > li.active > a:hover, 
	.nav-tabs > li.active > a:focus,
	.nav-tabs > li > a {
	    border-radius: 0 !important;
	    border-color:#dedfe1 !important;
	    color: #242424 !important;
	}

	.tab-content {
	    border: 1px solid #dedfe1;
	    padding: 20px;
	}

	hr {
		border-color:#dedfe1;
	}

	.panel-default,
	.panel-default > .panel-heading {
	    background-color: #fff;
	    border-color:#dedfe1;
	    border-radius: 0 !important;
	    box-shadow: none !important;
	    color: #242424;
	}

	.panel-default p {
		padding-bottom: 0;
	}

	.pricing-table-body ul li {
		list-style: none;
		border-bottom: 1px solid #dedfe1;
		padding:10px 0;
	}

	.pricing-table-body ul li:last-child {
		border-bottom: 0 solid #aaa;
	}

	.pricing-price sup {
		top:auto;
	    bottom: 0 !important;
	    font-family: arial !important;
	    font-size: 21px !important;
	    font-weight: normal !important;
	}

	.pricing-price {
		padding:14px;
		position: relative;
	}

	.pricing-price h2 {
		margin: 0;
		color:#242424 !important;
		font-size:65px;
	}

	.pricing-price h4 {
		padding:0;
		margin: 0;
		font-size:16px;
	}

	.pricing-table-header {
		background-color: #242424;
	}

	.pricing-table-header h3 {
		color:#ffffff !important;
	}

	.pricing-table-header,
	.pricing-table-body {
		display: block;
		color:#242424;
		text-align: center;
		padding:25px;
		position: relative;
	}

	.pricing-table-body ul {
		padding:0 0 20px 0;
	}

	.pricing-table-footer h3 a,
	.pricing-table-footer h3,
	.pricing-table-header h3 {
		color:#fff;
		font-size:16px;
		padding:0;
		margin: 0;
		text-transform: uppercase;
	}

	.pricing-table-body {
		padding:0;
	}

	.team {
		z-index: 1;
		cursor: pointer;
		position: relative;
	}
	.team-hover-content span {
		margin:10px 0;
		display: block;
		font-style: italic;
	}
	.team-hover-content h5 {
		font-size: 14px;
		text-transform: uppercase;
		margin-bottom:5px;
		font-weight: bpld;
		letter-spacing: 0;
		padding-bottom: 0;
		color:#242424 !important;
	}

	.team-hover-content p {
		font-size:12px;
		margin-bottom: 0;
		line-height: 18px;
	}
	.team-hover-content {
	  	position: absolute;
	  	bottom: 0px;
	  	width: 100%;
		padding: 50px 30px 0;
		color: #777777;
		border:2px solid #777777;
		opacity: 0;
		z-index: 1;
		top:0%;
		text-align: right;
		text-decoration: none;
		background-color: #ffffff;
		background-color: rgba(255,255,255,0.9);
		border-radius: 0;
	}

	.team img {
		z-index: 1;
		width: 100%;
	}

	.team:hover .team-hover-content {
		opacity: 1;
		position: absolute;
		bottom: -10%;
		-webkit-transition:all 0.7s ease-in-out;
		-moz-transition:all 0.7s ease-in-out;
		-o-transition:all 0.7s ease-in-out;
		transition:all 0.7s ease-in-out;
	}

	.about-page-team .team{
		margin-bottom: 30px;
	}

	.statwrap i {
		color:#222222;
	}

	.GrayScale img {
	    -webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	    filter: gray;
	    -webkit-filter: 
	    grayscale(100%);
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
	    opacity: 1;-webkit-transition: all 0.6s ease 0s;
	    -moz-transition: all 0.6s ease 0s;
	    -ms-transition: all 0.6s ease 0s;
	    -o-transition: all 0.6s ease 0s;
	    transition: all 0.6s ease 0s;
	}

	.GrayScale:hover img {
	    -webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	    -webkit-filter: grayscale(0%);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	    opacity: 1;
	}

	.margin-top {
		margin-top: 2em;
	}

	.icon-container {
	    display: block;
	    font-size: 43px;
	    height: 70px;
	    line-height: 70px;
	    margin: 0 auto 14px;
	    text-align: center;
	    width: 70px;
	}

	.icon-container i {
		color:#242424;
	}

	.text-left .icon-container {
		margin:0 0 30px;
	}

	.service-box h5 {
	    color: #242424 !important;
	    font-size: 15px;
	    letter-spacing: 5px;
	    padding:0;
	    line-height: 28px;
	    text-transform: uppercase;
	}

	.service-box p {
		padding-bottom: 0;
	}

	.service-box:hover a {
		color:#242424 !important;
	}

	.fullservices .service-box {
		margin-bottom: 40px;
	}

	.container-fluid {
		padding-left: 90px;
		padding-right: 90px;
	}

	.style2 {
		list-style: none;
		padding:0;
		margin:0;
	}

	.style2 .divs {
		background-color: #ffffff;
		padding:40px 40px;
		text-align: left;
		border-right: 1px solid #eeeff1 !important;
	}

	.border-bottom {
		border-bottom: 1px solid #eeeff1 !important;
	}

	.style2 .divs .icon-container {
	    font-size: 34px;
	    margin: 0 ;
	    text-align: left;
	    border:0;
	    width: auto;
	    height: 70px;
	}

	.style2 .divs:last-child {
		border-right: 0 solid #dedfe1 !important;
	}

	.style2 hr {
	    border: 1px solid #242424 !important;
	    margin: 15px 0;
	    width: 25px;
	}

	.testi-item .lead {
		margin:13px auto 15px !important;
		max-width: 800px !important;
		padding:0 !important;
		text-transform: none;
	}

	.testi-item .lead:before {
		content: "\f10d";
		font-family: "FontAwesome";
		font-size: 24px;
		left: 0;
		color:#e9eaec;
		padding-right:20px;
		vertical-align: bottom;
		position: relative;
		top: 0px;
	}

	.testi-item .lead:after {
		content: "\f10e";
		font-family: "FontAwesome";
		font-size: 24px;
		vertical-align: bottom;
		left: 0;
		padding-left: 20px;
		color:#e9eaec;
		padding-right:5px;
		position: relative;
		top: 0px;
	}

	.testi-item img {
		width: 100px;
		margin-bottom: 0;
	}

	.testi-item h4 {
		font-size: 18px;
		margin: 20px 0 0;
		letter-spacing: 3px;
		color:#242424;
		text-transform: uppercase;
	}

	.testi-item small {
		text-transform: uppercase;
		letter-spacing: 3px;
	}

	.clients {
		margin: 60px 0;
	}

	.client {
	    background: none;
	}

	.lists-elements {
	 	margin: 0;
	  	overflow: hidden;
	  	padding: 0 0 1px 1px;
	  	width: calc(100% - 1px);
	}

	.lists-elements li {
	  	float: left;
	  	cursor: default;
	  	list-style: none outside none;
		margin: 0;
		width: 50%;
		min-height: 245px;
	}

	.lists-elements li .box {
		border-width: medium medium 1px 1px;
	    display: block;
	    float: right;
	    width: 100%;
	    height: 100%;
	    text-align: center;
	    min-height: 245px;
	    padding:30px 20px 0;
	    margin: 0;
	    overflow: hidden;
	    position: relative;
	    background: #ffffff none repeat scroll 0 0;
	    border-color: #dedfe1;
	    border-image: none;
	    border-style: none none solid solid;
	}

	.lists-elements li:nth-child(1) .box, 
	.lists-elements li:nth-child(2) .box {
	    border-top: 0 solid #dedfe1;
	} 

	.lists-elements li:nth-child(1) .box, 
	.lists-elements li:nth-child(3) .box {
	    border-left: 0 solid #dedfe1;
	} 

	.lists-elements li:nth-child(3) .box,
	.lists-elements li:nth-child(4) .box{
	    border-bottom: 0 solid #dedfe1;
	}

	.lists-elements li:nth-child(4) .box,
	.lists-elements li:nth-child(2) .box{
	    border-right: 0 solid #dedfe1;
	}

	.lists-elements.about-list li:nth-child(5) .box,
	.lists-elements.about-list li:nth-child(6) .box{
	    border-top:1px solid #dedfe1 !important;
	    border-bottom:0 solid #dedfe1 !important;
	    border-left: 1px solid #dedfe1 !important;
	}

	.lists-elements.about-list li:nth-child(5) .box {
	    border-left: 0 solid #dedfe1 !important;
	}

	.lists-elements.about-list.text-center img {
		text-align: center !important;
		margin:auto;
	}

	.drop-caps p:first-child::first-letter {
	    color: #242424;
	    display: block;
	    float: left;
	    font-family: Georgia;
	    font-size: 75px;
	    line-height: 60px;
	    margin-right: 10px;
	    margin-top: 5px;
	    padding: 4px;
	}

	.drop-caps.full p:first-child::first-letter {
	    background: #242424 none repeat scroll 0 0 !important;
	    color: #fff;
	    margin-right: 10px;
	    padding: 7px;
	}

	hr.custom {
		border-color:#eeeff1;
		margin:40px 0;
	}

	.stat-count {
		display: block;
		font-weight: bold;
		padding:0;
		color:#242424;
		font-size:38px;
	}

	.statwrap small {
		text-transform: uppercase;
		font-size:14px;
		color:#242424;
		display: block;
		padding-top: 10px;
	}

	.statwrap {
		border-right: 1px solid #dedfe1;
		text-align: center;
		padding:0;
	}

	.border-top {
		border-top: 1px solid #dedfe1;
		border-bottom: 1px solid #dedfe1;
	}

	.statwrap:last-child {
		border-right: 0 solid #dedfe1;
	}

	.lists-elements li .box p {
		padding-bottom: 0 !important;
	}

	.lists-elements li .box i {
		color:#777777;
		font-size:34px;
	}

	.box h4 {
	    color: #242424 !important;
	    font-size: 14px;
	    font-weight: 400;
	    letter-spacing: 2px;
	    padding-bottom: 0;
	    text-transform: uppercase;
	    margin-top: 15px;
	}

	.box:hover p {
		color:#242424 !important;
	}

/* ----------------------------------------------------
	7. SLIDESHOW
------------------------------------------------------- */

	.parallax-text-2,
	.slider_01,
	.tp-caption.slider_01 {
		color:#242424;
		text-shadow:none;
		font-weight:300;
		font-size:18px;
		line-height:24px;
		letter-spacing:3px;
		text-transform: uppercase;
		font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding:0px 20px;
	}

	.parallax-text,
	.slider_02,
	.tp-caption.slider_02 {
		color:#242424;
		text-shadow:none;
		font-weight:700;
		font-size:44px;
		letter-spacing: 2px;
		text-transform: uppercase;
		line-height:64px;
		font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		background-color:#fff;
		background-color:rgba(255,255,255,0.4);
		padding:8px 40px 10px;
	}

	.parallax-text,
	.tp-caption.slider_02.darkbg,
	.slider_02.darkbg {
		background-color:#242424;
		background-color:rgba(34,34,34,0.9);
		color:#fff;
	}

	.parallax-text {
		display: inline-block
	}

	.tparrows.preview3,
	.tparrows.preview3:after {
		background-color: #f7f8fa !important;
	}

	.tp-rightarrow.preview3 .tp-arr-iwrapper,
	.tp-leftarrow.preview3 .tp-arr-iwrapper {
		display: none !important;
	}

	.tp-caption .btn-primary {
		color:#ffffff !important;
	}

	.boxedcontainer {
		max-width: 1170px; 
		margin:auto; 
		padding:0px 30px;
	}

	.tp-banner-container{
		width:100%;
		position:relative;
		padding:0;
		z-index: 999;
	}

	.tp-banner{
		width:100%;
		position:relative;
	}

	.tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
	}

	.tp-bannertimer {
		display: none;
	}

/* ----------------------------------------------------
	8. CUSTOM ANIMATIONS
------------------------------------------------------- */

	figure.effect-chico img {
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: scale(1.12);
		transform: scale(1.12);
	}

	figure.effect-chico:hover img {
		opacity: 0.25;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	figure.effect-chico figcaption {
		padding: 3em;
	}

	figure.effect-chico figcaption::before {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		border: 1px solid #fff;
		content: '';
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	figure.effect-chico figcaption::before,
	figure.effect-chico p {
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
	}

	figure.effect-chico h2 {
		padding: 20% 0 20px 0;
		color:#ffffff !important;
	}

	figure.effect-chico p {
		margin: 0 auto;
		max-width: 200px;
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}

	figure.effect-chico .buttons p a {
		color:#ffffff !important;
	}

	figure.effect-chico:hover figcaption::before,
	figure.effect-chico:hover p {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	figure.effect-layla {
		background-color:#fff !important;
	}

	figure.effect-layla img {
		display: block;
		padding:0;
	}

	figure.effect-layla figcaption {
		padding: 2em;
	}

	figure.effect-layla figcaption::before,
	figure.effect-layla figcaption::after {
		position: absolute;
		content: '';
		opacity: 0;
	}

	figure.effect-layla figcaption::before {
		top: 20px;
		right: 20px;
		bottom: 20px;
		left: 20px;
		border-top: 1px solid #242424;
		border-bottom: 1px solid #242424;
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}

	figure.effect-layla figcaption::after {
		top: 20px;
		right: 20px;
		bottom: 20px;
		left: 20px;
		border-right: 1px solid #242424;
		border-left: 1px solid #242424;
		-webkit-transform: scale(1,0);
		transform: scale(1,0);
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0;
	}

	figure.effect-layla img {
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: scale(1.12);
		transform: scale(1.12);
	}

	figure.effect-layla img,
	figure.effect-layla figcaption::before,
	figure.effect-layla figcaption::after {
		-webkit-transition: opacity 0.15s, -webkit-transform 0.35s;
		transition: opacity 0.15s, transform 0.35s;
	}

	figure.effect-layla:hover img {
		opacity: 0.25;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	figure.effect-layla:hover figcaption::before,
	figure.effect-layla:hover figcaption::after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	figure.effect-layla:hover figcaption::after
	figure.effect-layla:hover img {
		-webkit-transition-delay: 0.15s;
		transition-delay: 0.15s;
	}

	.button:focus {
		outline: none;
	}

	.button > span {
		vertical-align: middle;
	}

	.button--isi {
		padding: 1.2em 2em;
		color: #fff;
		background: #7986cb;
		overflow: hidden;
	}

	.button--isi::before {
		content: '';
		z-index: -1;
		position: absolute;
		top: 50%;
		left: 100%;
		margin: -15px 0 0 1px;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background: #fff;
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-transform: scale3d(1, 2, 1);
		transform: scale3d(1, 2, 1);
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
		-webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);
		transition-timing-function: cubic-bezier(0.7,0,0.9,1);
	}

	.button--isi .button__icon {
		vertical-align: middle;
	}

	.button--isi > span {
		vertical-align: middle;
		padding-left: 0.75em;
	}

	.button--isi:hover::before {
		-webkit-transform: scale3d(9, 9, 1);
		transform: scale3d(9, 9, 1);
	}

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

	.input-title h4 {
	    color: #242424;
	    display: block;
	    font-size: 16px;
	    font-weight: 400;
	    letter-spacing: 2px;
	    padding: 0;
	    text-transform: uppercase;
	}

	#content .input-title h4 {
		color:#242424 !important;
	}

	.input {
		position: relative;
		z-index: 1;
		display: inline-block;
		margin: 8px 0 0;
		max-width: 350px;
		width: 100%;
		box-shadow: none !important;
		vertical-align: top;
	}

	.input__field {
		position: relative;
		display: block;
		float: right;
		padding: 0.8em;
		width: 60%;
		border: none;
		border-radius: 0;
		background: #f0f0f0;
		color: #ffffff;
		font-weight: 500;
		-webkit-appearance: none; /* for box shadows to show on iOS */
	}

	#openbox .btn-default {
		background-color: transparent !important;
		background: none !important;
		border:1px solid #777777 !important;
		font-weight: 500;
		color:#777777 !important;
	}

	#openbox .input-title h4 {
		color:#242424;
	}

	.input__field:focus {
		outline: none;
	}

	.input__label {
		display: inline-block;
		float: right;
		padding: 0 1em;
		width: 40%;
		color: #787878;
		font-weight: 500;
		font-size: 12px;
		text-transform: uppercase;
		-webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.input__label-content {
		position: relative;
		display: block;
		padding: 1.6em 0;
		width: 100%;
	}

	.input__field--isao {
		z-index: 10;
		padding: 0;
		width: 100%;
		background: transparent;
		color: #777777;
	}

	.input__label--isao {
		position: relative;
		overflow: hidden;
		padding: 0;
		width: 100%;
		color: #777777;
		text-align: left;
	}

	.input__label--isao::before {
		content: '';
		position: absolute;
		top: 0;
		width: 100%;
		height: 5px;
		background: #777777;
		-webkit-transform: scale3d(1, 0.2, 1);
		transform: scale3d(1, 0.2, 1);
		-webkit-transform-origin: 10% 100%;
		transform-origin: 10% 100%;
		-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
		transition: transform 0.3s, background-color 0.3s;
		-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
		transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	}

	.input__label--isao::after {
		content: attr(data-content);
		position: absolute;
		top: 0;
		left: 0;
		padding: 0.75em 0.15em;
		color: #da7071;
		opacity: 0;
		-webkit-transform: translate3d(0, 50%, 0);
		transform: translate3d(0, 50%, 0);
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
		transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
		pointer-events: none;
	}

	.input__field--isao:focus + .input__label--isao::before {
		background-color: #242424;
		-webkit-transform: scale3d(1, 1, 1);
		height: 1px;
		transform: scale3d(1, 1, 1);
	}

	.input__field--isao:focus + .input__label--isao {
		pointer-events: none;
	}

	.input__field--isao:focus + .input__label--isao::after {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.input__label-content--isao {
		padding: 0.75em 0.15em;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
		transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	}

	.input__field--isao:focus + .input__label--isao .input__label-content--isao {
		opacity: 0;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}

	#openbox .btn-default:hover,
	#openbox .btn-default:focus,
	.input__label--isao::after {
		color:#242424 !important;
	}

	#openbox .btn-default:hover,
	#openbox .btn-default:focus {
		border-color:#242424 !important;
	}

	.input__field--isao:focus + .input__label--isao::before,
	.button--isi::before,
	figure.effect-layla {
		background: #f7f8fa;
	}

/* ----------------------------------------------------
	9. FOOTER
------------------------------------------------------- */

	.footer {
		padding:80px 0 180px;
		background: #FEBA20;
		position: relative;
	}

	.copyrights {
		position: absolute;
		top: 20px;
		left: 0;
		right: 0;
	}

	.copyrights p {
		padding-bottom: 0;
	}

	.copyrights .social a {
		background: #fff;
		color:#242424 !important;
	}

	.copymessage {
		font-size: 12px;
		margin-top:20px;
		display: block;
		color:#000;
	}

	#stickyfooter {
	   position:fixed;
	   left:0;
	   bottom:0;
	   width:100%;
	   z-index: 1;
	}

	* html #footer {
	   position:absolute;
	   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
	}

	.twitter-posts,
	.recent-posts {
		padding:0;
		margin:0;
	}

	.twitter-posts li,
	.recent-posts li {
		list-style: none;
		letter-spacing: 1px;
		margin-bottom: 10px;
	}

	.twitter-posts li small,
	.recent-posts li small {
		font-weight: 400;
		display: block;
		color:#777777 !important;
	}

	.twitter-posts li a,
	.recent-posts li a {
		font-size:14px !important;
		color:#242424 !important;
	}

	.twitter-posts li:before {
		content: "\f099";
		font-family: "FontAwesome";
		font-size: 14px;
		left: 0;
		padding-right:10px;
		position: relative;
		top: 0;
	}

	.tooltip-inner {
		border-radius: 0;
		text-transform: uppercase;
		padding:5px 10px 3px;
		font-size:11px !important;
	}

/* ----------------------------------------------------
	10. PORTFOLIO
------------------------------------------------------- */

	.portfolio-filter {
		list-style: none;
		padding: 0;
		margin: 0 0 40px;
		text-align: left;
		cursor: default;
	}

	.text-center .portfolio-filter {
		margin: 0 auto 40px !important;
		text-align: center !important;
	}

	.portfolio-filter ul {
		padding-left: 0 !important;
	}

	.skills-wrapper {
		margin-bottom: 60px;
	}

	.skills {
	    display: block;
	    overflow:hidden;
	    margin-top: 30px !important;
	    position: relative;
	}
	.skills p i {
		font-size:14px;
		padding-right: 7px;
	}

	.skills p {
		margin-left: 3px;
		padding-bottom: 0;
		color:#242424;
	}

	.progress {
		height: 5px;
		margin-bottom: 25px;
		background-color: #f7f8fa;
		border-radius: 0;
		box-shadow:none;
	}

	.progress-bar {
		float: left;
		width: 0%;
		height: 100%;
		overflow:visible;
		font-size: 12px;
		line-height: 20px;
		color: #ffffff;
		text-align: center;
		background-color: #242424;
		-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
		-webkit-transition: width 1.1s ease;
		-o-transition: width 1.1s ease;
		transition: width 1.1s ease;
	}

	.progress {
		overflow:initial;
		position: relative;
	}

	.progress .progress-bar {
		position: absolute;
		z-index:10;
		line-height: 20px;
	}

	.progress .progressbar-back-text {
		position: absolute;
		width: 100%;
		height: 100%;
		font-size: 12px;
		line-height: 20px;
		text-align: center;
	}

	.progress .progressbar-front-text {
		width: 100%;
		font-size: 12px;
		line-height: 20px;
	}

	.progress-bar span {
		color: #fff !important;
		display: block;
		font-size: 11px;
		line-height: 12px;
		overflow: visible;
		width:30px;
		height:25px;
		line-height:25px;
		text-align:center;
		position: absolute;
		right: 0;
		top: -34px;
		z-index: 9999;
	}

	.progress-bar span, .progress-bar-striped {
	    background-color: #0b0b0b;
	}

	#skills small,
	.portfolio-filter ul li{
		display: inline-block;
	    border-radius: 0;
		font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	    font-size: 12px;
	    font-weight: 300;
	    margin:0 10px;
	    letter-spacing: 1px;
	    color:#242424;
	    text-decoration: none;
	    text-transform: uppercase;
	}

	.portfolio-filter ul li a {
		color:#242424 ;
	}

	#fourcol .box img {
		width: 100%;
	}

	.item-h2,
	.item-h1 {
		height: 100% !important;
		height: auto !important;
	}

	.isotope-item {
	  z-index: 2;
	  padding:0;
	}

	.isotope-hidden.isotope-item {
	  pointer-events: none;
	  z-index: 1;
	}

	.isotope,
	.isotope .isotope-item {
	  /* change duration value to whatever you like */
	  -webkit-transition-duration: 0.8s;
	     -moz-transition-duration: 0.8s;
	          transition-duration: 0.8s;
	}

	.isotope {
	  -webkit-transition-property: height, width;
	     -moz-transition-property: height, width;
	          transition-property: height, width;
	}

	.isotope .isotope-item {
	  -webkit-transition-property: -webkit-transform, opacity;
	     -moz-transition-property:    -moz-transform, opacity;
	          transition-property:         transform, opacity;
	}

	#entry-listing {
		position: relative;
		display: block;
		margin:0;
		overflow: visible;	
	}

	.portfolio {
		position: relative;
		margin: 0 auto;
		padding-bottom: 0;
		list-style: none;
		text-align: center;
	}

	.portfolio figure {
		position: relative;
		overflow: hidden;
		margin:0;
		display: block;
		padding:0;
		width: 100%;
		background: #fff;
		text-align: center;
		cursor: pointer;
	}

	.portfolio figure img {
		position: relative;
		display: block;
		width: 100%;
		min-height: 10em;
		max-width: 100%;
		opacity: 1;
	}

	.portfolio figure figcaption {
		padding: 1em;
		color: #fff;
		text-transform: uppercase;
		font-size: 18px;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.portfolio figure figcaption::before,
	.portfolio figure figcaption::after {
		pointer-events: none;
	}

	.portfolio figure figcaption {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.buttons p {
		color:#ffffff;
		margin-bottom: 0;
		font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:15px;
		letter-spacing: 2px;
		text-transform: uppercase;
		font-weight:300;
		padding-bottom: 10px;
		line-height: 1;
	}

	.buttons a:focus,
	.buttons a:hover,
	.buttons a {
		color:#242424 !important;
		font-size:13px;
		font-weight: 300;
	}

	.buttons {
		visibility: hidden;
		margin: 0;
		opacity: 0;
		position: absolute;
		text-align: center;
		bottom: 50%;
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-ms-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
		bottom:0;
		left:0;
		right: 0;
		top: auto;
		position: absolute;
		width: auto;
		text-align: center;
	}

	.buttons i { 
		border:1px solid #242424;
		background:#242424;
		color:#ffffff !important;
		width: 30px;
		height: 30px;
		line-height: 29px;
		font-size: 11px;
		display: inline-block;
		margin:0;
	}

	.effect-chico:hover .buttons,
	.effect-layla:hover .buttons {
		opacity: 1;
		bottom: 37%;
		visibility: visible;
	}

	@media screen and (max-width: 50em) {
		.portfolio figure {
			display: inline-block;
			float: none;
			margin: 10px auto;
			width: 100%;
		}
	}

	ul.portfolio {
	    list-style: none;
	}

	ul.portfolio li img {
	    display:block;
	    max-width:100%;
	    height:auto;
	}

/* ----------------------------------------------------
	11. OTHERS
------------------------------------------------------- */

	.btn-sm, .btn-group-sm > .btn {
	    font-size: 10px !important;
	    line-height: 1.5;
	    padding: 5px 10px;
	}

	.btn-lg, .btn-group-lg > .btn {
	    font-size: 15px;
	    line-height: 1.33333;
	    padding: 15px 44px;
	}

	.btn-xs, .btn-group-xs > .btn {
	    font-size: 10px !important;
	    line-height: 1.5;
	    padding: 3px 8px;
	}

	#loader {
		overflow-x: hidden;
		overflow-y: hidden;
		vertical-align: middle;
		background-color: #ffffff;
		position:fixed;
		display: table;
		width: 100%;
		top:0;
		height: 100%;
		min-height: 100%;
		z-index:99999;
	}

	.loader-container {
		position: relative;
		display: table-cell;
		vertical-align: middle;
		z-index: 12;
		text-align:center;
	}

	.loader {
	    margin-left: 20px;
	    margin-top: 0;
	    vertical-align: top;
	}

	.form-control {
	    background-color: #fff;
	    background-image: none;
	    border: 1px solid #dedfe1;
	    border-radius: 0;
	    box-shadow: none;
	    color: #555;
	    display: block;
	    font-size: 14px;
	    height: 42px;
	    line-height: 1.42857;
	    padding: 6px 12px;
	    width: 100%;
	}

	.form-control:focus {
		outline: 0;
		box-shadow: none;
	}

	#openbox .btn-default:hover,
	#openbox .btn-default:focus,
	.btn-default:hover,
	.btn-default:focus {
	    color: #242424 !important;
	}

/* ----------------------------------------------------
	12. SHOP
------------------------------------------------------- */

	fieldset.scheduler-border {
	    border: 1px groove #eeeff1 !important;
	    padding: 0 2.4em 1.4em 2.4em !important;
	    margin: 1em 0 1.5em 0 !important;
	    -webkit-box-shadow:  0px 0px 0px 0px #000;
	            box-shadow:  0px 0px 0px 0px #000;
	}

    legend.scheduler-border {
        font-size: 1.2em !important;
        font-weight: bold !important;
        text-align: left !important;
        width:auto;
        text-transform: uppercase;
        margin:0;
        padding:0 15px;
        border-bottom:none;
    }

	.scheduler-border p {
		padding:0;
	 	margin:0;
	}

	.scheduler-border label {
		text-transform: uppercase;
		margin-top: 20px;
	}

    .scheduler-border .form-control {
    	margin: 20px 0;
    }

    .login-account .form-control {
    	margin: 0 0 20px !important;
    }

	.shop-checkout .table > thead > tr > th, 
	.shop-checkout .table > tbody > tr > th,
	.shop-checkout .table > tfoot > tr > th, 
	.shop-checkout .table > thead > tr > td, 
	.shop-checkout .table > tbody > tr > td, 
	.shop-checkout .table > tfoot > tr > td {
		padding:20px;
		font-weight: 400;
		color:#242424;
		vertical-align: middle;
	}

	.shop-checkout .table > thead > tr > th {
		color:#242424;
		background-color: #f7f8fa;
		text-transform: uppercase;
	}

	.cart-button {
	    font-size: 11px;
	    margin: 20px 0 40px;
	    padding: 7px 14px;
	}

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

	.widget-title hr {
		width: 25px;
		border-color:#242424;
		border-width: 2px;
		margin:0 0 30px;
	}

	.widget-title h4 {
		font-weight: 400;
		font-size: 15px;
		letter-spacing: 3px;
		text-transform: uppercase;
	}

	.sp-quantity {
	    width:140px;
	    height:39px;
	    line-height: 38px;
	}

	.sp-minus {
	    width:43px;
	    height:39px;
	    border:1px solid #242424;
	    float:left;
	    text-align:center;
	}

	.sp-input {
	    width:43px;
	    height:39px;
	    border:1px solid #242424;
	    border-left:0px solid black;
	    float:left;
	}

	.sp-plus {
	    width:43px;
		color:#242424 !important;
	    height:39px;
	    border:1px solid #242424;
	    border-left:0px solid #242424;
	    float:left;
	    text-align:center;
	}

	.sp-input input {
	    border: medium none;
	    color: #242424;
	    font-size: 12px;
	    height: 34px;
	    line-height:36px;
	    text-align: center;
	    width: 40px;
	}

	.sp-input input:focus {
	    border:1px solid #e6e7e9;
	    border: none;
		background-color: #ffffff !important;
	    border:0 !important;
	}

	.sp-minus a, .sp-plus a {
	    color: #242424;
	    display: block;
	    font-size: 18px;
	    height: 100%;
	    text-decoration: none;
	    width: 100%;
	}

	.shopbuttons {
		margin-top: 20px;
	}

	.single-shop .blog-title h3 a, 
	.single-shop .blog-title h3 {
	    color: #242424 !important;
	    font-size: 21px !important;
	    letter-spacing: 6px !important;
	    padding: 0;
	    text-transform: uppercase;
	}

	.single-shop .blog-box {
		padding-bottom:0;
		border:0;
		margin-bottom: 0;
	}

	.shopbuttons .btn-default {
	    height: 39px;
	    letter-spacing: 2px;
	    line-height: 39px;
	    padding: 0 20px;
	}

	.well {
	    background-color: #f7f8fa;
	    border: 0 none;
	    border-radius: 0;
	    box-shadow: none;
	    margin-bottom: 20px;
	    min-height: 20px;
	    padding: 15px 20px;
	}

	.well p {
		color:#242424;
		text-transform: uppercase;
		font-weight: 400;
	}

	ul.well {
		list-style: none;
		padding:10px 30px;
	}

	ul.well li {
		border-bottom: 1px solid #dedfe1;
		padding:8px 0;
	}

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

	.well strong {
		min-width: 140px;
		letter-spacing: 1px;
		display: inline-block;
		color:#242424;
	}

/* ----------------------------------------------------
	13. COLORS
------------------------------------------------------- */

	.btn-default:hover,
	.btn-default:focus {
		color: #fff;
		background-color:#FEBA20 !important;
		border-color: #FEBA20;
	}

	figure.effect-chico,
	.buttons i:hover,
	.btn-primary,
	figure.effect-jazz,
	.button--isi::before {
		background: #feba20;
	}

	.social a:hover,
	.twitter-posts li a:hover,
	.recent-posts li a:hover,
	.logo a:hover,
	.logo a:focus,
	#sidebar .twitter-posts li a:hover, 
	#sidebar .recent-posts li a:hover,
	#sidebar a:hover,
	.lists-elements li .box:hover i,
	.service-box:hover .icon-container i {
		color: #e91e63 !important;
	}

	.buttons i:hover,
	.form-control:focus,
	.btn-primary,
	#openbox .btn-default:hover,
	#openbox .btn-default:focus,
	.pagination > li > a:hover, 
	.pagination > li > span:hover,
	.service-box:hover .icon-container {
		border-color: #feba20 !important;
	}

	::selection {
		background: #feba20; /* Safari */
		color:#fff;
	}
	
	::-moz-selection {
		background: #feba20; /* Firefox */
		color:#fff;
	}

	.slider-section {margin-top: 130px;}

/* ----------------------------------------------------
	14. RESPONSIVE
------------------------------------------------------- */

	@media screen and (max-width: 1540px) {
		.nav > li > a {
    		padding: 10px 15px;
		}		
	}
	@media screen and (max-width: 1475px) {
		.navbar-default .navbar-nav > li > a {
			letter-spacing: 0px;
		}		
	}
	@media (max-width: 1375px) {
	    .slider-section {
    		margin-top: 90px;
		}
	    .navbar-default .navbar-nav > li > a {
    		font-size: 14px;
		}
	    .navbar-header {
	        float: none;
	    }
	    .navbar-left,.navbar-right {
	        float: none !important;
	    }
	    .navbar-toggle {
	        display: block;
	    }
	    .navbar-toggle {
		    background-color: #fff !important;
		    border: 1px solid #242424 !important;
		    border-radius: 0;
		    margin-top: 10px;
		    color: #242424 !important;
		}
	    .navbar-collapse {
	        border-top: 1px solid transparent;
	        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	    }
	    .navbar-fixed-top {
			top: 0;
			border-width: 0 0 1px;
		}
	    .navbar-collapse.collapse {
	        display: none!important;
	    }
	    .navbar-nav {
	        float: none!important;
			margin-top: 7.5px;
		}
		.navbar-nav>li {
	        float: none;
	    }
	    .navbar-nav>li>a {
	        padding-top: 10px;
	        padding-bottom: 10px;
	    }
	    .collapse.in{
	  		display:block !important;
	  		margin-top: 25px;
		}
	}

	@media screen and (max-width: 768px) {
		.header-section.affix {
			position: relative !important;
		}
		.header {
			padding:20px 0 !important;
		}
		.navbar-brand > img {
		    display: block;
		    width: 60px;
		    height: auto;
		    margin-top: -10px;
		}
		#transparent-header.header-section {
			background-color: #ffffff !important;
		}
		.parallax-text, .slider_02, .tp-caption.slider_02 {
			font-size: 31px;
		}
		.contact-details h1 {
			font-size: 18px;
		}

		.team:hover .team-hover-content {
			bottom:0;
		}

		.container-fluid {
			padding-left: 15px;
			padding-right: 15px;
		}

		.top {
			margin: 20px 0;
		}

		.makeborder-top,
		.makeborder-bottom,
		.makeborder-right,
		.makeborder-left,
		.menu-toggle,
		.menu {
			display: none !important;
		}

		.lists-elements li,
		.lists-elements li .box,
		#fourcol .box {
			border:0 !important;
		    width: 100% !important;
		}

		.home-blog .blog-box {
			margin-bottom: 20px;
		}

		.logo {
			max-width: 200px;
		}

		.social {
			float:none !important;
			display: block;
			text-align: center;
			width: 100%;
			margin-top: 25px;
		}

		#stickyfooter {
			position: relative;
		}

		#wrapper {
			padding-bottom: 0;
		}

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

.ml-0{margin-left:0 !important;}.ml-5{margin-left:5px !important;}.ml-10{margin-left:10px !important;}.ml-15{margin-left:15px !important;}.ml-20{margin-left:20px !important;}.ml-25{margin-left:25px !important;}.ml-30{margin-left:30px !important;}.ml-35{margin-left:35px !important;}.ml-40{margin-left:40px !important;}.ml-45{margin-left:45px !important;}.ml-50{margin-left:50px !important;}.ml-60{margin-left:60px !important;}.ml-70{margin-left:70px !important;}.ml-80{margin-left:80px !important;}.ml-90{margin-left:90px !important;}.ml-100{margin-left:100px !important;}.ml-110{margin-left:110px !important;}.ml-120{margin-left:120px !important;}.ml-130{margin-left:130px !important;}.ml-140{margin-left:140px !important;}.ml-150{margin-left:150px !important;}
.mr-0{margin-right:0 !important;}.mr-5{margin-right:5px !important;}.mr-10{margin-right:10px !important;}.mr-15{margin-right:15px !important;}.mr-20{margin-right:20px !important;}.mr-25{margin-right:25px !important;}.mr-30{margin-right:30px !important;}.mr-35{margin-right:35px !important;}.mr-40{margin-right:40px !important;}.mr-45{margin-right:45px !important;}.mr-50{margin-right:50px !important;}.mr-60{margin-right:60px !important;}.mr-70{margin-right:70px !important;}.mr-80{margin-right:80px !important;}.mr-90{margin-right:90px !important;}.mr-100{margin-right:100px !important;}.mr-110{margin-right:110px !important;}.mr-120{margin-right:120px !important;}.mr-130{margin-right:130px !important;}.mr-140{margin-right:140px !important;}.mr-150{margin-right:150px !important;}
.mt-0{margin-top:0 !important;}.mt-5{margin-top:5px !important;}.mt-10{margin-top:10px !important;}.mt-15{margin-top:15px !important;}.mt-20{margin-top:20px !important;}.mt-25{margin-top:25px !important;}.mt-30{margin-top:30px !important;}.mt-35{margin-top:35px !important;}.mt-40{margin-top:40px !important;}.mt-45{margin-top:45px !important;}.mt-50{margin-top:50px !important;}.mt-60{margin-top:60px !important;}.mt-70{margin-top:70px !important;}.mt-80{margin-top:80px !important;}.mt-90{margin-top:90px !important;}.mt-100{margin-top:100px !important;}.mt-110{margin-top:110px !important;}.mt-120{margin-top:120px !important;}.mt-130{margin-top:130px !important;}.mt-140{margin-top:140px !important;}.mt-150{margin-top:150px !important;}.mt-200{margin-top:200px !important;}.mt-250{margin-top:250px !important;}
.mb-0{margin-bottom:0 !important;}.mb-5{margin-bottom:5px !important;}.mb-10{margin-bottom:10px !important;}.mb-15{margin-bottom:15px !important;}.mb-20{margin-bottom:20px !important;}.mb-25{margin-bottom:25px !important;}.mb-30{margin-bottom:30px !important;}.mb-35{margin-bottom:35px !important;}.mb-40{margin-bottom:40px !important;}.mb-45{margin-bottom:45px !important;}.mb-50{margin-bottom:50px !important;}.mb-60{margin-bottom:60px !important;}.mb-70{margin-bottom:70px !important;}.mb-80{margin-bottom:80px !important;}.mb-90{margin-bottom:90px !important;}.mb-100{margin-bottom:100px !important;}.mb-110{margin-bottom:110px !important;}.mb-120{margin-bottom:120px !important;}.mb-130{margin-bottom:130px !important;}.mb-140{margin-bottom:140px !important;}.mb-150{margin-bottom:150px !important;}.mb-200{margin-bottom:200px !important;}.mb-250{margin-bottom:250px !important;}

.mnl-10{margin-left:-10px !important;}.mnl-20{margin-left:-20px !important;}.mnl-30{margin-left:-30px !important;}.mnl-40{margin-left:-40px !important;}.mnl-50{margin-left:-50px !important;}.mnl-60{margin-left:-60px !important;}.mnl-70{margin-left:-70px !important;}.mnl-80{margin-left:-80px !important;}.mnl-90{margin-left:-90px !important;}.mnl-100{margin-left:-100px !important;}.mnl-110{margin-left:-110px !important;}.mnl-120{margin-left:-120px !important;}.mnl-130{margin-left:-130px !important;}.mnl-140{margin-left:-140px !important;}.mnl-150{margin-left:-150px !important;}
.mnr-10{margin-right:-10px !important;}.mnr-20{margin-right:-20px !important;}.mnr-30{margin-right:-30px !important;}.mnr-40{margin-right:-40px !important;}.mnr-50{margin-right:-50px !important;}.mnr-60{margin-right:-60px !important;}.mnr-70{margin-right:-70px !important;}.mnr-80{margin-right:-80px !important;}.mnr-90{margin-right:-90px !important;}.mnr-100{margin-right:-100px !important;}.mnr-110{margin-right:-110px !important;}.mnr-120{margin-right:-120px !important;}.mnr-130{margin-right:-130px !important;}.mnr-140{margin-right:-140px !important;}.mnr-150{margin-right:-150px !important;}
.mnt-10{margin-top:-10px !important;}.mnt-20{margin-top:-20px !important;}.mnt-30{margin-top:-30px !important;}.mnt-40{margin-top:-40px !important;}.mnt-50{margin-top:-50px !important;}.mnt-60{margin-top:-60px !important;}.mnt-70{margin-top:-70px !important;}.mnt-80{margin-top:-80px !important;}.mnt-90{margin-top:-90px !important;}.mnt-100{margin-top:-100px !important;}.mnt-110{margin-top:-110px !important;}.mnt-120{margin-top:-120px !important;}.mnt-130{margin-top:-130px !important;}.mnt-140{margin-top:-140px !important;}.mnt-150{margin-top:-150px !important;}
.mnb-10{margin-bottom:-10px !important;}.mnb-20{margin-bottom:-20px !important;}.mnb-30{margin-bottom:-30px !important;}.mnb-40{margin-bottom:-40px !important;}.mnb-50{margin-bottom:-50px !important;}.mnb-60{margin-bottom:-60px !important;}.mnb-70{margin-bottom:-70px !important;}.mnb-80{margin-bottom:-80px !important;}.mnb-90{margin-bottom:-90px !important;}.mnb-100{margin-bottom:-100px !important;}.mnb-110{margin-bottom:-110px !important;}.mnb-120{margin-bottom:-120px !important;}.mnb-130{margin-bottom:-130px !important;}.mnb-140{margin-bottom:-140px !important;}.mnb-150{margin-bottom:-150px !important;}

.pl-0{padding-left:0 !important;}.pl-5{padding-left:5px !important;}.pl-10{padding-left:10px !important;}.pl-15{padding-left:15px !important;}.pl-20{padding-left:20px !important;}.pl-25{padding-left:25px !important;}.pl-30{padding-left:30px !important;}.pl-35{padding-left:35px !important;}.pl-40{padding-left:40px !important;}.pl-45{padding-left:45px !important;}.pl-50{padding-left:50px !important;}.pl-60{padding-left:60px !important;}.pl-70{padding-left:70px !important;}.pl-80{padding-left:80px !important;}.pl-90{padding-left:90px !important;}.pl-100{padding-left:100px !important;}.pl-110{padding-left:110px !important;}.pl-120{padding-left:120px !important;}.pl-130{padding-left:130px !important;}.pl-140{padding-left:140px !important;}.pl-150{padding-left:150px !important;}
.pr-0{padding-right:0 !important;}.pr-5{padding-right:5px !important;}.pr-10{padding-right:10px !important;}.pr-15{padding-right:15px !important;}.pr-20{padding-right:20px !important;}.pr-25{padding-right:25px !important;}.pr-30{padding-right:30px !important;}.pr-35{padding-right:35px !important;}.pr-40{padding-right:40px !important;}.pr-45{padding-right:45px !important;}.pr-50{padding-right:50px !important;}.pr-60{padding-right:60px !important;}.pr-70{padding-right:70px !important;}.pr-80{padding-right:80px !important;}.pr-90{padding-right:90px !important;}.pr-100{padding-right:100px !important;}.pr-110{padding-right:110px !important;}.pr-120{padding-right:120px !important;}.pr-130{padding-right:130px !important;}.pr-140{padding-right:140px !important;}.pr-150{padding-right:150px !important;}.pr-200{padding-right:200px !important;}.pr-250{padding-right:250px !important;}
.pt-0{padding-top:0 !important;}.pt-5{padding-top:5px !important;}.pt-10{padding-top:10px !important;}.pt-15{padding-top:15px !important;}.pt-20{padding-top:20px !important;}.pt-25{padding-top:25px !important;}.pt-30{padding-top:30px !important;}.pt-35{padding-top:35px !important;}.pt-40{padding-top:40px !important;}.pt-45{padding-top:45px !important;}.pt-50{padding-top:50px !important;}.pt-60{padding-top:60px !important;}.pt-70{padding-top:70px !important;}.pt-80{padding-top:80px !important;}.pt-90{padding-top:90px !important;}.pt-100{padding-top:100px !important;}.pt-110{padding-top:110px !important;}.pt-120{padding-top:120px !important;}.pt-130{padding-top:130px !important;}.pt-140{padding-top:140px !important;}.pt-150{padding-top:150px !important;}.pt-200{padding-top:200px !important;}.pt-250{padding-top:250px !important;}
.pb-0{padding-bottom:0 !important;}.pb-5{padding-bottom:5px !important;}.pb-10{padding-bottom:10px !important;}.pb-15{padding-bottom:15px !important;}.pb-20{padding-bottom:20px !important;}.pb-25{padding-bottom:25px !important;}.pb-30{padding-bottom:30px !important;}.pb-35{padding-bottom:35px !important;}.pb-40{padding-bottom:40px !important;}.pb-45{padding-bottom:45px !important;}.pb-50{padding-bottom:50px !important;}.pb-60{padding-bottom:60px !important;}.pb-70{padding-bottom:70px !important;}.pb-80{padding-bottom:80px !important;}.pb-90{padding-bottom:90px !important;}.pb-100{padding-bottom:100px !important;}.pb-110{padding-bottom:110px !important;}.pb-120{padding-bottom:120px !important;}.pb-130{padding-bottom:130px !important;}.pb-140{padding-bottom:140px !important;}.pb-150{padding-bottom:150px !important;}.pb-200{padding-bottom:200px !important;}.pb-250{padding-bottom:250px !important;}

img.right {float:right;width:30%!important;height: auto!important;background:none;border:none;margin:10px 0px 30px 50px!important;padding:0px;}
img.left {float:left;width:30%!important;height: auto!important;background:none;border:none;margin:10px 50px 30px 0px!important;padding:0px;}
img.middle {display: block;background:none;border:none;margin:0 auto;padding:0px;}

.footer_supporter_1 {width: 125px;height: auto;}
.footer_supporter_1_text {font-size: 16px;}
.footer_supporter_2 {width: 80px;height: auto;}

@media (max-width: 669px) {
  img.right,
  img.left {float:none!important;width:100%!important;margin:30px 0!important;}
  .modal-dialog {width: 355px;}
  .footer_supporter_1 {width: 75px;height: auto;}
  .footer_supporter_1_text {font-size: 12px;}
  .footer_supporter_2 {width: 70px;height: auto;}
}

.modal-header {border-bottom: none;}
.border-radius-20 {border-radius: 20px !important;}

@media (min-width:1200px){
    .col-lg-1.clearfix-list:nth-child(12n+1){clear:left;}
    .col-lg-2.clearfix-list:nth-child(6n+1){clear:left;}
    .col-lg-3.clearfix-list:nth-child(4n+1){clear:left;}
    .col-lg-4.clearfix-list:nth-child(3n+1){clear:left;}
    .col-lg-6.clearfix-list:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .col-md-1.clearfix-list:nth-child(12n+1){clear:left;}
    .col-md-2.clearfix-list:nth-child(6n+1){clear:left;}
    .col-md-3.clearfix-list:nth-child(4n+1){clear:left;}
    .col-md-4.clearfix-list:nth-child(3n+1){clear:left;}
    .col-md-6.clearfix-list:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .col-sm-1.clearfix-list:nth-child(12n+1){clear:left;}
    .col-sm-2.clearfix-list:nth-child(6n+1){clear:left;}
    .col-sm-3.clearfix-list:nth-child(4n+1){clear:left;}
    .col-sm-4.clearfix-list:nth-child(3n+1){clear:left;}
    .col-sm-6.clearfix-list:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .col-xs-1.clearfix-list:nth-child(12n+1){clear:left;}
    .col-xs-2.clearfix-list:nth-child(6n+1){clear:left;}
    .col-xs-3.clearfix-list:nth-child(4n+1){clear:left;}
    .col-xs-4.clearfix-list:nth-child(3n+1){clear:left;}
    .col-xs-6.clearfix-list:nth-child(odd){clear:left;}
}