/* ==================================================
   Basic Styles
================================================== */

html, body{height: 100%}
html, hmtl a{width:100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%}
body{background:#2F3238; color:#7F8289; font-weight:400; font-size:16px; font-family: 'Open Sans', sans-serif;: 'Titillium Web', sans-serif;'Aka-AcidGR-Lycee'; line-height:28px}
a{color:#DE5E60; text-decoration: none; cursor: pointer; -webkit-transition: color 0.1s linear 0s; -moz-transition: color 0.1s linear 0s; -o-transition: color 0.1s linear 0s; transition: color 0.1s linear 0s}
a:hover, a:active, a:focus{outline: 0; color:#FFFFFF; text-decoration:none}
a img {border: none}
a > img {vertical-align: bottom}
img {max-width: none}
strong {font-weight: 600}
p {margin: 0 0 10px}
hr{border-top: 1px solid #262626; border-bottom: 1px solid #3A3E45; border-left: none; border-right: none; margin: 30px 0}
hr.alter{border-top: 1px solid #2e3237; border-bottom: 1px solid #3A3E45; border-left: none; border-right: none; margin: 30px 0}
.align_left{float:left; margin:0 25px 0 0px!important}
.align_right{float:right; margin:0 0 0 25px!important}
.text_align_left {text-align: left}
.text_align_center {text-align: center}
.text_align_right {text-align: right}
.color-text {color: #DE5E60}

.image-text {margin-right: 15px;
}

.through{text-decoration:line-through;
}

input, button, select, textarea {font-weight: 300; font-family: 'Open Sans', sans-serif;: 'Titillium Web', sans-serif; outline: 0;
}

input:focus, 
textarea:focus,
input[type="text"]:focus {outline: 0;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #7F8289;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #7F8289;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #7F8289;
}

/* ==================================================
   Code and Pre
================================================== */

code,
pre {
  	padding: 0 3px 2px;
  	-webkit-border-radius: 3px;    -moz-border-radius: 3px;         border-radius: 3px;
  	color: #232527;
  	font-size: 12px;
  	font-family: 'Open Sans', sans-serif;: Monaco, Menlo, Consolas, "Courier New", monospace;
}

code {
  	padding: 2px 4px;
  	border: 1px solid #dde4e9;
  	background-color: #F6F6F6;
  	color: #232527;
  	white-space: nowrap;
}

pre {
  	display: block;
  	margin: 70px 50px;
  	padding: 30px;
  	border: 1px solid #dde4e9;
  	-webkit-border-radius: 4px;    -moz-border-radius: 4px;         border-radius: 4px;
  	background-color: #FCFCFC;
  	white-space: pre;
  	white-space: pre-wrap;
  	word-wrap: break-word;
  	word-break: break-all;
  	font-size: 12px;
  	line-height: 20px;
}

pre code {
  	padding: 0;
  	border: 0;
  	background-color: transparent;
  	color: inherit;
  	white-space: pre;
  	white-space: pre-wrap;
}

.pre-scrollable {
  	overflow-y: scroll;
  	max-height: 340px;
}

/* ==================================================
   Typography
================================================== */

h1,
h2,
h3,
h4,
h5,
h6{margin:0 0 20px 0; color:#FFFFFF; font-weight:300; font-family: 'Open Sans', sans-serif;: 'Titillium Web', sans-serif; line-height:1.5em;
}
h5{margin: -39px 0px 20px;
}

h1{font-size:26px;
}

h2{font-size:20px;
}

h3{font-size:16px;
}

h4{font-size:12px;
}

h5{font-size:18px; font-weight: 400;
}

h6{font-size:14px;
}

h7{font-size:16px; color: #a7a9ae; text-transform: bold;
}

h8{font-size:13px; color: #de5e60; text-transform: italic;
}

h10{font-size:16px; color: #de5e60; text-transform: bolder;
}

h3.spec {color: #FFFFFF; font-size: 16px; font-weight: 300; line-height: 1em; margin-bottom: 30px; text-transform: uppercase;
}

h8.spec {color: #de5e60; font-size: 11px; font-weight: 300; line-height: 1em; margin-bottom: 30px; text-transform: italic;
}

h11{font-size:16px; color: #de5e60; text-transform: bold;
}

h30{font-family: 'Aka-AcidGR-Lycee'; font-size:28px; color: #54852d; text-transform: bold; font-weight: 600;
}

h20{font-family: 'Aka-AcidGR-Lycee'; font-size:28px; color: #7ac043; text-transform: bold; font-weight: 600;
}

h12{
	font-size:13px;
	color: #de5e60;
}
/* ==================================================
   Margin Bottom Sets
================================================== */

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

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

.margin-15{margin-bottom:15px !important;
}

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

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

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

.margin-50{margin-bottom:50px !important;
}

.margin-60{margin-bottom:60px !important;
}

.margin-70{margin-bottom:70px !important;
}

.margin-80{margin-bottom:80px !important;
}


/* ==================================================
   Header
================================================== */

header {width: 100%; z-index: 99;
}

header .sticky-nav {position: relative; width: 100%; height: 60px; background: #26292E; z-index: 1001; 
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

header .sticky-nav.stuck {position: fixed; top: 0; left: 0; z-index: 1001;
}



nav#menu {float: right; margin-right: 20px;
}

nav#menu #menu-nav {margin: 0; padding: 0;	
}

nav#menu #menu-nav li {list-style: none; display: inline-block; margin-left: 53px;	
}

nav#menu #menu-nav li:first-child {margin-left: 0;	
}

nav#menu #menu-nav li a {color: #FFFFFF; font-size: 13px; font-weight: 600; line-height: 60px; display: block; text-transform: uppercase;
}

nav#menu #menu-nav li.current a{color:#fffff;
}

nav#menu #menu-nav li a:hover {color: #DE5E60;
}

.custom_drop{max-width:300px; padding:10px !important; margin-left: -35px
}
.custom_li{margin-left: 6px !important; min-width:160px; /*display:list-item !important;*/
}
.custom_li a{line-height: 40px !important;
}



/* ==================================================
   Mobile Navigation
================================================== */

#mobile-nav {display: none;	
}

.menu-nav {background:url(../img/menu-mobile.png) 0 0 no-repeat; width: 16px; height: 16px; display: block; margin: 22px 0 0 0; 
	-webkit-transform: rotate(0deg);    -moz-transform: rotate(0deg); 	-ms-transform: rotate(0deg); 	 -o-transform: rotate(0deg); 		transform: rotate(0deg); 
	-webkit-transition: -webkit-transform 250ms ease-out 0s;  -moz-transition: -moz-transform 250ms ease-out 0s; 	 -o-transition: -o-transform 250ms ease-out 0s; 	    transition: transform 250ms ease-out 0s;
}

.menu-nav.open {background-position: 0 -16px; 	  
	-webkit-transform: rotate(-180deg);    -moz-transform: rotate(-180deg); 	-ms-transform: rotate(-180deg); 	 -o-transform: rotate(-180deg); 		transform: rotate(-180deg); 
	-webkit-transition: -webkit-transform 250ms ease-out 0s;  -moz-transition: -moz-transform 250ms ease-out 0s; 	 -o-transition: -o-transform 250ms ease-out 0s; 	    transition: transform 250ms ease-out 0s;	
}

#navigation-mobile {display: none; text-align: center; width: 100%; background: #26292E;	
	border-bottom: 1px solid #2F3238; position: relative; float: left; z-index: 9999;
}

#navigation-mobile li {list-style: none; border-top: 1px solid #2F3238;
}

#navigation-mobile li a{display: block; font-size: 16px; text-transform: uppercase; padding: 20px 0;
}


/* ==================================================
   Section Page
================================================== */

.page {background: #2F3238; padding: 100px 54px; position: relative; z-index: 99;
}

.page-alternate {background: #3a3e45; padding: 100px 54px; position: relative; z-index: 99;
}

.page-greendark {background: #ADC7A6; padding: 100px 54px; position: relative; z-index: 99;
}

.page-greenlight {background: D8F3CF; padding: 100px 54px; position: relative; z-index: 99;
}

.page-light {background: ECFFE6; padding: 100px 54px; position: relative; z-index: 99;
}

.pagetext{background: #2F3238; padding: 10px 10px; position: relative; z-index: 99;
}

.pagetext-alternate {background: #3a3e45; padding: 10px 10px; position: relative; z-index: 99;
}

.pagetext-greendark {background: #fff; padding: 10px 10px; position: relative; z-index: 99;
}

.pagetext-greenlight {background: #ffc; padding: 10px 10px; position: relative; z-index: 99;
}

.pagetext-light {background: ECFFE6; padding: 10px 10px; position: relative; z-index: 99;
}

.title-page {text-align: center; margin-bottom: 100px;	
}

.title-page .title {font-size: 34px; margin: 0 0 40px 0
}

.title-page .title-description {font-size: 20px; font-weight: 400; margin: 0;  color: #DE5E60;
}

.title-page .title2 {font-size: 40px; font-weight: 600; margin: 0 0 40px 0
}

.title-page .title-description2 {font-size: 28px; font-weight: 600; margin: 0;  color: #7ac043;
}

/* ==================================================
   Section Portfolio
================================================== */

.type-work {color: #FFFFFF; font-size: 24px; font-weight: 300; margin-bottom: 30px; line-height: 1em; text-transform: uppercase;
}

.work-nav #filters {margin: 0; padding: 0; list-style: none;
}

.work-nav #filters li {margin: 0 0 30px 0; padding: 0;
}

.work-nav #filters li a {color: #7F8289; font-size: 16px; display: block;	
}

.work-nav #filters li a:hover {color: #FFFFFF;
}

.work-nav #filters li a.selected {color: #DE5E60;
}

#thumbs {margin: 0; padding: 0;	
}

#thumbs li {list-style-type: none;
}

.item-thumbs {position: relative; overflow: hidden; margin-bottom: 30px; cursor: pointer;
}

.item-thumbs a + img {width: 100%;	
}

.item-thumbs .hover-wrap {position: absolute; display: block; width: 100%; height: 80%; 
	opacity: 0; filter: alpha(opacity=0); 
	-webkit-transition: all 450ms ease-out 0s;  -moz-transition: all 450ms ease-out 0s; 	 -o-transition: all 450ms ease-out 0s; 	    transition: all 450ms ease-out 0s; 	  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);    -moz-transform: rotateY(180deg) scale(0.5,0.5); 	-ms-transform: rotateY(180deg) scale(0.5,0.5); 	 -o-transform: rotateY(180deg) scale(0.5,0.5); 		transform: rotateY(180deg) scale(0.5,0.5);	
}

.item-thumbs:hover .hover-wrap,
.item-thumbs.active .hover-wrap {opacity: 1; filter: alpha(opacity=100); 
	-webkit-transform: rotateY(0deg) scale(1,1);    -moz-transform: rotateY(0deg) scale(1,1); 	-ms-transform: rotateY(0deg) scale(1,1); 	 -o-transform: rotateY(0deg) scale(1,1); 	    transform: rotateY(0deg) scale(1,1);
}

.item-thumbs .hover-wrap .overlay-img {position: absolute; width: 100%; height: 100%; background: #DE5E60; 
	opacity: 0.80; filter: alpha(opacity=80);
}

.item-thumbs .hover-wrap .overlay-img-thumb {position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; color: #FFFFFF; font-size: 32px; line-height: 1em; 
	opacity: 1; filter: alpha(opacity=100);
}

/* ==================================================
Text & Image
================================================== */
.textimage-description {margin-bottom: 25px;	
}

.textimage-wrap {position: relative; overflow: hidden; cursor: pointer; margin: 0 auto
}

.responsive-image2 {
    max-width: 100%; height: auto; display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ==================================================
   About Section
================================================== */

.profile-name {margin-bottom: 15px;	
}

.profile-description {margin-bottom: 25px;	
}

.image-wrap {position: relative; overflow: hidden; margin-bottom: 25px; cursor: pointer;
}

.image-wrap img {width: 100%;	
}

.image-wrap  .hover-wrap {position: absolute; display: block; width: 100%; height: 100%; 
	opacity: 0; filter: alpha(opacity=0); 
	-webkit-transition: all 450ms ease-out 0s;  -moz-transition: all 450ms ease-out 0s; 	 -o-transition: all 450ms ease-out 0s; 	    transition: all 450ms ease-out 0s; 	  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);    -moz-transform: rotateY(180deg) scale(0.5,0.5); 	-ms-transform: rotateY(180deg) scale(0.5,0.5); 	 -o-transform: rotateY(180deg) scale(0.5,0.5); 		transform: rotateY(180deg) scale(0.5,0.5);	
}

.image-wrap:hover .hover-wrap,
.image-wrap.active .hover-wrap {opacity: 1; filter: alpha(opacity=100); 
	-webkit-transform: rotateY(0deg) scale(1,1);    -moz-transform: rotateY(0deg) scale(1,1); 	-ms-transform: rotateY(0deg) scale(1,1); 	 -o-transform: rotateY(0deg) scale(1,1); 	    transform: rotateY(0deg) scale(1,1);
}

.image-wrap .hover-wrap .overlay-img {position: absolute; width: 100%; height: 100%; background: #DE5E60; 
	opacity: 0.80; filter: alpha(opacity=80);
}

.image-wrap .hover-wrap .overlay-text-thumb {position: absolute; width: 100%; height: 32px; top: 50%; margin: -16px 0 0 0; color: #FFFFFF; font-size: 20px; font-weight: 300; line-height: 32px; text-transform: uppercase; text-align: center; 
	opacity: 1; filter: alpha(opacity=100);
}

.social-icons {margin: 0; padding: 0;
}

.social-icons li {display: inline-block; margin-left: 15px;	
}

.social-icons li:first-child {margin-left: 0;
}

.social-icons li a{color: #FFFFFF; font-size: 16px; line-height: 1em; width: 16px; height: 16px; 
	opacity: 0.3; filter: alpha(opacity=30); 
	-webkit-transition: opacity 0.1s linear 0s;  -moz-transition: opacity 0.1s linear 0s; 	 -o-transition: opacity 0.1s linear 0s; 	    transition: opacity 0.1s linear 0s;
}

.social-icons li a:hover{opacity: 1; filter: alpha(opacity=100);
}

/* ==================================================
   Small images span3
================================================== */

.profile2-name {margin-bottom: 15px;	
}

.profile2-description {margin-bottom: 25px;	
}

.image2-wrap {position: relative; overflow: hidden; margin-bottom: 25px; cursor: pointer;
}

.image2-wrap a+img {width: 100%;	
}

.image2-wrap  .hover-wrap {position: absolute; display: block; width: 100%; height: 100%; 
	opacity: 0; filter: alpha(opacity=0);

	-webkit-transition: all 450ms ease-out 0s;  -moz-transition: all 450ms ease-out 0s; 	 -o-transition: all 450ms ease-out 0s; 	    transition: all 450ms ease-out 0s; 	  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);    -moz-transform: rotateY(180deg) scale(0.5,0.5); 	-ms-transform: rotateY(180deg) scale(0.5,0.5); 	 -o-transform: rotateY(180deg) scale(0.5,0.5); 		transform: rotateY(180deg) scale(0.5,0.5);	
}
	
.image2-wrap:hover .hover-wrap,
.image2-wrap.active .hover-wrap {opacity: 1; filter: alpha(opacity=100); 

	-webkit-transform: rotateY(0deg) scale(1,1);    -moz-transform: rotateY(0deg) scale(1,1); 	-ms-transform: rotateY(0deg) scale(1,1); 	 -o-transform: rotateY(0deg) scale(1,1); 	    transform: rotateY(0deg) scale(1,1);
}

.image2-wrap .hover-wrap .overlay-img {position: absolute; width: 100%; height: 78%; background: #DE5E60; 
	opacity: 0.80; filter: alpha(opacity=80);
}

.image2-wrap .hover-wrap .overlay-img-thumb {position: absolute; top: 39%; left: 50%; margin: -16px 0 0 -16px; color: #FFFFFF; font-size: 32px; line-height: 1em; 
	opacity: 1; filter: alpha(opacity=100);
}

/* ==================================================
   Small images II span6
================================================== */

.profile3-name {margin-bottom: 15px;	
}

.profile3-description {margin-bottom: 25px;	
}

.image3-wrap {position: relative; overflow: hidden; margin-bottom: 25px; cursor: pointer;
}

.image3-wrap a+img {width: 100%;	
}

.image3-wrap  .hover-wrap {position: absolute; display: block; width: 100%; height: 100%; 
	opacity: 0; filter: alpha(opacity=0);

	-webkit-transition: all 450ms ease-out 0s;  -moz-transition: all 450ms ease-out 0s; 	 -o-transition: all 450ms ease-out 0s; 	    transition: all 450ms ease-out 0s; 	  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);    -moz-transform: rotateY(180deg) scale(0.5,0.5); 	-ms-transform: rotateY(180deg) scale(0.5,0.5); 	 -o-transform: rotateY(180deg) scale(0.5,0.5); 		transform: rotateY(180deg) scale(0.5,0.5);	
}
	
.image3-wrap:hover .hover-wrap,
.image3-wrap.active .hover-wrap {opacity: 1; filter: alpha(opacity=100); 

	-webkit-transform: rotateY(0deg) scale(1,1);    -moz-transform: rotateY(0deg) scale(1,1); 	-ms-transform: rotateY(0deg) scale(1,1); 	 -o-transform: rotateY(0deg) scale(1,1); 	    transform: rotateY(0deg) scale(1,1);
}

.image3-wrap .hover-wrap .overlay-img {position: absolute; width: 100%; height: 89%; background: #DE5E60; 
	opacity: 0.80; filter: alpha(opacity=80);
}

.image3-wrap .hover-wrap .overlay-img-thumb {position: absolute; top: 45%; left: 50%; margin: -16px 0 0 -16px; color: #FFFFFF; font-size: 32px; line-height: 1em; 
	opacity: 1; filter: alpha(opacity=100);
}

/* ==================================================
   Small images III span4
================================================== */

.profile4-name {margin-bottom: 15px;	
}

.profile4-description {margin-bottom: 25px;	
}

.image4-wrap {position: relative; overflow: hidden; margin-bottom: 25px; cursor: pointer;
}

.image4-wrap a+img {width: 100%;	
}

.image4-wrap  .hover-wrap {position: absolute; display: block; width: 100%; height: 100%; 
	opacity: 0; filter: alpha(opacity=0);

	-webkit-transition: all 450ms ease-out 0s;  -moz-transition: all 450ms ease-out 0s; 	 -o-transition: all 450ms ease-out 0s; 	    transition: all 450ms ease-out 0s; 	  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);    -moz-transform: rotateY(180deg) scale(0.5,0.5); 	-ms-transform: rotateY(180deg) scale(0.5,0.5); 	 -o-transform: rotateY(180deg) scale(0.5,0.5); 		transform: rotateY(180deg) scale(0.5,0.5);	
}
	
.image4-wrap:hover .hover-wrap,
.image4-wrap.active .hover-wrap {opacity: 1; filter: alpha(opacity=100); 

	-webkit-transform: rotateY(0deg) scale(1,1);    -moz-transform: rotateY(0deg) scale(1,1); 	-ms-transform: rotateY(0deg) scale(1,1); 	 -o-transform: rotateY(0deg) scale(1,1); 	    transform: rotateY(0deg) scale(1,1);
}

.image4-wrap .hover-wrap .overlay-img {position: absolute; width: 100%; height: 83%; background: #DE5E60; 
	opacity: 0.80; filter: alpha(opacity=80);
}

.image4-wrap .hover-wrap .overlay-img-thumb {position: absolute; top: 42%; left: 50%; margin: -16px 0 0 -16px; color: #FFFFFF; font-size: 32px; line-height: 1em; 
	opacity: 1; filter: alpha(opacity=100);
}

/* ==================================================
   Contact Section
================================================== */

.contact-details h3 {color: #FFFFFF; font-size: 24px; font-weight: 300; margin-bottom: 30px; line-height: 1em; text-transform: uppercase;
}

.contact-details ul {margin: 0; padding: 0; list-style: none;	
}

.contact-details ul li {margin: 0 0 20px; line-height: 28px; padding: 0;	
}

#contact-form {margin-bottom: 0;	
}

#contact-form p {margin-bottom: 1px;	
}

#contact-form input,
#contact-form textarea {
    border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; 
    -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; 
	background: #26292E; color: #FFFFFF; font-size: 16px; height: auto; padding: 15px; margin: 0; 
    resize: none;
}

#contact-form input {
    width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

#contact-form textarea {
    width: 100%; resize: vertical; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

#contact-form .submit {
    background: #3C3F45; color: #23262C; cursor: pointer; display: inline-block; font-size: 18px; font-weight: 500; padding: 16px 40px; text-align: center; vertical-align: middle; width: auto; margin-top: 30px; 
	-webkit-transition: background 0.1s linear 0s, color 0.1s linear 0s;  -moz-transition: background 0.1s linear 0s, color 0.1s linear 0s; 	 -o-transition: background 0.1s linear 0s, color 0.1s linear 0s; 	    transition: background 0.1s linear 0s, color 0.1s linear 0s;
}

#contact-form .submit:hover {
    background: #DE5E60; color: #FFFFFF;
}

#response {margin-top: 20px; color: #FFFFFF;
}

/* ==================================================
   Images
================================================== */

.responsive-image {
    max-width: 100%; height: auto;
}

/* ==================================================
   Accordion & Toggle
================================================== */

.accordion {
  	margin-bottom: 20px;
}

.accordion-group {
  	margin-bottom: 4px;
  	border: none;
  	-webkit-border-radius: 0;    -moz-border-radius: 0;       	border-radius: 0;
}

.accordion-heading {
  	border-bottom: 0 none;
}

.accordion-heading .accordion-toggle {position: relative;
  	display: block;
  	padding: 15px; background:#3C3F45; color: #23262C; font-size: 18px; font-weight: 600; text-transform: uppercase; 
	-webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s;
}

.accordion-toggle {
  	cursor: pointer;
}

.accordion-heading:hover .accordion-toggle,
.accordion-heading:hover .accordion-toggle.inactive {background:#DE5E60; color:#FFFFFF;
}

.accordion-heading .accordion-toggle.active {background:#DE5E60; color:#FFFFFF;
}

.accordion-heading .accordion-toggle.inactive {background:#3C3F45;
}

.accordion-heading.accordionize .accordion-toggle span,
.accordion-heading.togglize .accordion-toggle span {
    position: absolute; top: 50%; right: 20px; margin: -8px 0 0 0; color: #23262C; font-size: 18px; 
	-webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s;
}

.accordion-heading:hover .accordion-toggle span {color: #FFFFFF;
}

.accordion-heading .accordion-toggle.active span,
.accordion-heading:hover .accordion-toggle.inactive span {color: #FFFFFF;	
}

.accordion-heading.accordionize .accordion-toggle.active span,
.accordion-heading.togglize .accordion-toggle.active span {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
}

.accordion-heading.togglize .accordion-toggle span {margin: -8px 0 0 0; font-size: 18px;
}

.accordion-heading.togglize .accordion-toggle.active span {opacity:0; filter: alpha(opacity=0);
}

.accordion-heading.togglize .accordion-toggle.active span + span {opacity:1; filter: alpha(opacity=100);
}

.accordion-inner {background: #26292E; border: none;
}
/* ==================================================
   Social Area
================================================== */

#social-area {
    text-align: center;
}

#social-area #social ul {margin: 0; padding: 0;
}

#social-area #social ul li {display: inline-block; margin-left: 30px; list-style: none; cursor: pointer;
}

#social-area #social ul li:first-child {margin-left: 0;
}

#social ul li a {display: block; width: 70px; height: 70px;

	background: #26292E; 
	-webkit-transition: all 400ms ease-out 0s;  -moz-transition: all 400ms ease-out 0s; 	 -o-transition: all 400ms ease-out 0s; 	    transition: all 400ms ease-out 0s; 
	-webkit-transform: rotateY(180deg);    -moz-transform: rotateY(180deg); 	-ms-transform: rotateY(180deg); 	 -o-transform: rotateY(180deg); 		transform: rotateY(180deg);
}

#social ul li a span {display: inline-block; margin: 0; color: #55606a; font-size: 32px; line-height: 70px; 
	opacity: 0.3; filter: alpha(opacity=30); 
	-webkit-transition: all 400ms ease-out 0s;  -moz-transition: all 400ms ease-out 0s; 	 -o-transition: all 400ms ease-out 0s; 	    transition: all 400ms ease-out 0s; 	  
	-webkit-transform: rotateY(180deg);    -moz-transform: rotateY(180deg); 	-ms-transform: rotateY(180deg); 	 -o-transform: rotateY(180deg); 		transform: rotateY(180deg);
}

#social ul li:hover a,
#social ul li.active a {background-color: #DE5E60;	
	
	-webkit-transform: rotateY(0deg);    -moz-transform: rotateY(0deg); 	-ms-transform: rotateY(0deg); 	 -o-transform: rotateY(0deg); 	    transform: rotateY(0deg);
}

#social ul li:hover a span,
#social ul li.active a span {color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); 
	-webkit-transform: rotateY(0deg);    -moz-transform: rotateY(0deg); 	-ms-transform: rotateY(0deg); 	 -o-transform: rotateY(0deg); 		transform: rotateY(0deg);
}

#bottomlinks {position: relative; width: 100%; height: auto; background: #26292E; margin:0 auto; float:none; text-align: center; color: #FFFFFF; font-size: 13px; margin-bottom: 0; padding: 20px 0; 	
}
/* ==================================================
   Footer
================================================== */

footer {position: relative; width: 100%; height: auto; background: #26292E; text-align: center; z-index: 99;
}

footer .credits {color: #7F8289; font-size: 14px; margin-bottom: 0; padding: 18px 0;

}


/* ==================================================
   Back to Top
================================================== */

#back-to-top {display: none; background-color: #484b53; margin: 0; position: fixed; bottom: 0; right: 0; width: 50px; height: 50px; z-index: 99; 
	-webkit-transition: background 0.1s linear 0s;  -moz-transition: background 0.1s linear 0s; 	 -o-transition: background 0.1s linear 0s; 	    transition: background 0.1s linear 0s;
}

#back-to-top:hover {background-color:#DE5E60;
}

#back-to-top i {font-size: 16px; color: #FFFFFF; position: absolute; left: 50%; top: 50%; margin-top: -7px; line-height: 1em;
}

#back-to-top i {margin-left: -7px;	
}



/
/* ==================================================
   Isotope Filtering
================================================== */

/**** Isotope Filtering ****/

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

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

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;  -moz-transition-duration: 0.8s;   -ms-transition-duration: 0.8s;    -o-transition-duration: 0.8s;       transition-duration: 0.8s;
}

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

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

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;  -moz-transition-duration: 0s;   -ms-transition-duration: 0s;    -o-transition-duration: 0s;       transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;  -moz-transition: none;   -ms-transition: none;    -o-transition: none;       transition: none;
}

/* ===============================
14. Blog & article
================================ */

article{margin-bottom:40px;
}

article .post-heading h3 {margin-bottom:20px;
}

article .post-heading h3 a {font-weight:700; color:#DE5E60;
}

article .post-heading h3 a:hover {text-decoration:none;
}


/* --- post meta --- */
.post-meta {background:#fcfcfc; border:1px solid #e6e6e6; border-top:none; text-align:center;
}

.post-meta .format {border-bottom:1px solid #e6e6e6; padding:10px 0 10px;
}

.post-meta i{margin:0;
}

.post-meta .date {border-bottom:1px solid #e6e6e6; padding:10px 0 10px;
}

.post-meta .date span {text-align:center; color:#999; font-size:12px; font-weight:600;
}

.post-meta .comments {padding:10px 0 10px;
}

.post-meta .comments a {color:#999; font-size:12px; font-weight:700;
}

.post-meta .comments a:hover {text-decoration:none;
}

/* --- post format --- */

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

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

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

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

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

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


.post-quote blockquote {font-size:16px; color:#999; font-family: 'Open Sans', sans-serif;:'Noto Serif', serif; font-style:italic; line-height:1.6em;
}


.post-image img:hover {
  -webkit-box-shadow: 0 0 2px #979797;  -moz-box-shadow: 0 0 2px #979797;       box-shadow: 0 0 2px #979797;	
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

ul.meta-post{float:left; margin: 0; padding:0; list-style:none;
}

ul.meta-post li{float:left; margin:0 10px 0 0; padding:0; list-style:none; border-right:1px dotted #7F8289; padding-right:10px;
}

ul.meta-post li i {float:left; font-size:12px; margin:2px 5px 0 0;
}

ul.meta-post li a{color:#7F8289; float:left; font-size:16px; font-weight: 300; font-family: 'Open Sans', sans-serif;: "Titillium Web",sans-serif; line-height: 28px;
}

/* --- single post --- */
.bottom-article{overflow: hidden; border-top:2px solid #4E4F51; border-bottom:1px solid #4E4F51; padding:10px 0 10px 0; margin-top:20px; font-weight: 300; font-size: 14px; font-family: 'Open Sans', sans-serif;: "Titillium Web",sans-serif; text-align: left; color: #7F8289; line-height: 29px;
}
.bottom-article2{overflow: hidden; border-top:0px solid #4E4F51; border-bottom:2px solid #4E4F51; padding:10px 0 10px 0; margin-top:0px; font-weight: 300; font-size: 14px; font-family: 'Open Sans', sans-serif;: "Titillium Web",sans-serif; text-align: left; color: #7F8289; line-height: 29px; }

/* --- author info --- */

.about-author {border:1px solid #f5f5f5; padding:20px; float:left; margin-bottom:5px;
}

.about-author h5 {margin-bottom:10px;
}



/* --- Comment --- */

.comment-area {float:left; width:100%; margin-top:30px;	
}


.media-content{overflow:hidden; margin-left:12px; border-bottom:1px dotted #d5d5d5; padding-bottom:20px;
}

.media-content h6 {font-size:14px; font-weight:700;
}

.media-content span{color:#a9a9a9; font-size:14px; font-weight:300;
}

.comment-area .thumbnail > img {
  display: block; width:60px; height:60px;
}
.filter-list{margin-top:20px;
}

/* ===============================
15. Aside, sidebar
================================ */

aside{position:relative; margin-bottom:40px;
}

.sidebar-nav{float:left; width:100%;
}

.right-sidebar{border-left:1px solid #4E4F51; padding:0 0 0 30px;
-webkit-box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);

}


.left-sidebar{border-right:0px solid #f5f5f5; padding:0 30px 0 0;
-webkit-box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
}


.left-sidebar .widget h3, .left-sidebar .widget .widget-content{padding-right:20px;
}



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


ul.cat, ul.recent, ul.folio-detail, ul.contact-info{margin:0; padding:0; list-style:none;
}

ul.cat li, ul.recent li, ul.folio-detail li, ul.contact-info li{margin:0 0 15px 0; list-style:none;
}

ul.cat li a, ul.folio-detail li a{color:#7F8289;
}

ul.folio-detail li label{display:inline; cursor:default; color:#353535; font-weight:bold;
}

.widget ul.recent li {margin-bottom:20px;
}

ul.recent li h6 {margin:0 0 10px 0;
}

ul.recent li h6 a{color:#DE5E60; font-size:16px; font-weight:600;
}


.widget ul.tags {list-style:none; margin:0; margin-left: 0; padding-left:0;
}

.widget ul.tags li {margin:0 5px 15px 0; display:inline-block;
}

/* --- Recent post widget --- */

.recent-post{margin:20px 0 0 0; padding:0; line-height:18px;
}

.recent-post h5 a:hover {text-decoration:none;
}

.recent-post .text h5 a {color:#353535;
}


ul.time-post{float:left; width:120px; padding:0; list-style:none; margin:0 20px 0 0; text-align:center; color: #0e0f0f;
}

ul.time-post li{float:none; background:#f8f8f8; list-style:none; margin:0 0 2px 0; padding:0;
}

ul.time-post li a img:hover{opacity: 0.8; /* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";	
}
 	
ul.time-post li.time{float:none; padding:5px 0 5px 0; text-shadow: none;	
}

.recent-post ul.time-post li.time{color:#121214;
}

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

.post-meta span{padding:0 10px 0 10px; margin-bottom:10px;
}

.post-meta span a{color:#919191;
}

.post-meta strong{font-weight:200px; color:#c7c7c7;
}

.item .text {margin-left:140px; margin-bottom:20px;
}


.widget ul.tags li a {background:#7F8289; color:#333; padding:5px 10px;
}

.widget ul.tags li a:hover {text-decoration:none; color:#fff;
}

.widget img.pull-left {
    float: left; margin: 0px 22px 15px 0px;
}
/*================================================== 
     Slideshow
 ================================================== */

/*-- Main slide --*/

#main-slide .item img{width: 100%
}

#main-slide .item .slider-content {
  z-index: 0;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
#main-slide .item.active .slider-content {
  z-index: 0;
  opacity: 1;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
}

#main-slide .slider-content{top: 50%; margin-top: 175px; left: 0; padding: 0; text-align: left; position: absolute; width: 100%; height: 100%; color: #fff;
}

#main-slide .carousel-indicators {bottom: -12px;
}

#main-slide .carousel-indicators li{width: 5px !important; height: 5px !important; border: 2px solid #A7A9AE !important; margin: 1px !important;
}

#main-slide .carousel-control.left,
#main-slide .carousel-control.right {opacity: 0.4; filter: alpha(opacity=100); background-image: none; background-repeat: no-repeat; text-shadow: none;
}


#main-slide .carousel-control.left span {padding: 15px;
}

#main-slide .carousel-control.right span {padding: 15px;
}

#main-slide .carousel-control .font-icon-arrow-simple-left, 
#main-slide .carousel-control .font-icon-arrow-simple-right{position: absolute; top: 34%; z-index: 5; display: inline-block;
}

#main-slide .carousel-control .font-icon-arrow-simple-left{left: 0px;
}

#main-slide .carousel-control .font-icon-arrow-simple-right{right: -14px;
}

#main-slide .carousel-control i{background: rgba(0,0,0,.7); color: #fff; line-height: 36px; font-size: 15px; padding: 5px 15px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;
}


#main-slide .slider-content h2{font-size: 76px; font-weight: 100; text-transform: uppercase; color: #FFFFFF;
}

#main-slide .slider-content h2.white, 
#main-slide .slider-content h3.white {
    color: #fff;
}

#main-slide .slider-content h3{font-size: 36px; font-weight: 300; margin-top: 60px; text-transform: uppercase; text-align: left; color: #FFFFFF;
}

#main-slide.slider.btn{padding: 10px 40px; margin-top: 40px; font-size: 20px; border-radius: 2px; text-transform: uppercase; line-height: 28px; border: 0; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; 	box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
  -o-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
  -moz-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
  -webkit-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
}

#main-slide.slider.btn.btn-default{margin-left: 4px; background: #ECECEC
}

#main-slide.slider.btn.btn-default:hover{background: #000; color: #fff;
}

#main-slide.slider-content-left {position: relative; margin: 0 0 0 40px;
}

#main-slide.slider-content-right{position: relative;
}

/*-- Animation --*/
#main-slide.carousel .item.active .animated1 {
}

#main-slide.carousel .item.active .animated2 {-webkit-animation: lightSpeedIn 1s ease-in 200ms both; animation: lightSpeedIn 1s ease-in 200ms both;
}

#main-slide.carousel .item.active .animated3 {-webkit-animation: bounceInLeft 1s ease-in-out 500ms both; animation: bounceInLeft 1s ease-in-out 500ms both;
}

#main-slide.carousel .item.active .animated4 {-webkit-animation: flipInX 1s ease-in 500ms both; animation: flipInX 1s ease-in 500ms both; text-align: left;
}

#main-slide.carousel .item.active .animated5 {-webkit-animation: bounceInLeft 1s ease-in-out 100ms both; animation: bounceInLeft 1s ease-in-out 100ms both;
}

#main-slide.carousel .item.active .animated6 {-webkit-animation: bounceIn 1s ease-in 500ms both; animation: bounceIn 1s ease-in 500ms both; text-align: left;
}

#main-slide.carousel .item.active .animated7 {-webkit-animation: bounceIn 1s ease-in 500ms both; animation: bounceIn 1s ease-in 500ms both;
}

#main-slide.carousel .item.active .animated8 {-webkit-animation: fadeInDown 1s ease-in 1000ms both; animation: fadeInDown 1s ease-in 1000ms both;
}
#main-slide.carousel-control{position: absolute; top: 0px; bottom: 0px; left: 0px; width: 15%; font-size: 20px;
}

#main-slide.carousel-control:hover, 
#main-slide.carousel-control:focus {color: FFFFFF
	text-decoration: none; outline: 0px; none
}
	
	
/*Pagination*/
#pagination span, #pagination a {display: inline-block; font-weight: 300; font-size: 16px; font-family: 'Open Sans', sans-serif;: "Titillium Web",sans-serif; text-align: center; height: 34px; width: 34px; color: #7F8289; line-height: 33px; margin-top:20px; border: 1px solid #7F8289; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;
}

#pagination span.current {color: #fff;
}

#pagination a:hover {border-color: #7F8289; font: #DE5E60; }



#pagination .all-pages, #pagination .previous-page, #pagination .next-page {width: auto; padding: 1 14px;
}

/*************** Latest Posts***************/

#blog {
  padding: 90px 0;
}
#blog .item-inner {
  position: relative;
  margin: 0;
}


.portfolioblog-items,
.portfolioblog-filter {
  list-style: none;
  padding: 0;
  margin: 0 -20px 20px 0;
}
.portfolioblog-filter > li {
  display: inline-block;
}
.portfolioblog-items > li {
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.portfolioblog-items.col-2 > li {
  width: 50%;
}
.portfolioblog-items.col-3 > li {
  width: 33%;
}
.portfolioblog-items.col-4 > li {
  width: 25%;
}
.portfolioblog-items.col-5 > li {
  width: 20%;
}
.portfolioblog-items.col-6 > li {
  width: 16%;
}
.portfolioblog-item {
  padding: 0;
  margin: 0;
}
.portfolioblog-item .item-inner {
  padding: 0px 0px 0;
  margin: 0 20px 20px 0;
  position: relative;
}
.portfolioblog-item img {
  width: 100%;
}
.portfolioblog-item h5 {
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #DE5E60;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.portfolioblog-item .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
  
}
.portfolioblog-item:hover .overlay {
  opacity: 0.8;
}

.btn-group {margin-left: 80px;
}

.btn {
  font-weight: 400;
}


.button:hover,
.button:active,
.button:focus {background-color: #DE5E60; color:#FFFFFF;
}


	
.font-icon-calendar {  color: #7F8289;
}


#addthis_native_toolbox{height: auto;position: absolute;float: left;width: 100%;bottom: 0}
.thumb-box .thumbs li{float:left;width:10%;text-align:center;padding:}.thumb-box .thumbs li img{width:100%;opacity:.8;-webkit-transition:opacity 0.32s;-moz-transition:opacity 0.32s;-o-transition:opacity 0.32s;transition:opacity 0.32s;border-bottom:4px solid transparent}.thumb-box .thumbs li img.active{border-color:#31ace2;opacity:1}.thumb-box .thumbs li:hover img{opacity:1;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.2s}
	
ul.thumbs{list-style: none; margin: 0; padding: 0}
	
.carousel-control.right{right:15px!important)