@charset 'UTF-8';


/*********************************************************************************/
/* CORE                                                                       */
/*********************************************************************************/
* {  
}
*:focus {
    outline: none;
}
html {
	overflow-y:hidden;
	overflow-x:hidden;
	height:100%;
	background: #fff !important;
	background-color: #fff !important;
}
a.fancybox.fancybox.iframe.hov_cus {
	font-size:14px!important;
	cursor:pointer;
}
a.fancybox.fancybox.iframe.hov_cus:hover {
    color: #06c9d6!important;
    opacity: 1;
    border-bottom: 1px solid #06c9d6!important;
}
.hov_cus:hover {
	color:#06c9d6;
	border-bottom: 1px solid #06c9d6!important;
}
#Main {
}
body {
	height:100%;
	background: #fff !important;
	background-color: #fff !important;
	margin-top:0px;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
::-webkit-scrollbar {
	    width: 8px;
	}
	::-webkit-scrollbar-button {
	    width: 8px;
	}
	::-webkit-scrollbar-track {
	    background:#eee;
	    border: thin solid lightgray;
	    box-shadow: 0px 0px 3px #dfdfdf inset;
	    border-radius:10px;
	}
	::-webkit-scrollbar-thumb {
	    background:#999;
	    border: thin solid gray;
	    border-radius:10px;
	}
	::-webkit-scrollbar-thumb:hover {
	    background:#7d7d7d;
	} 
body, input, textarea, select {
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	font-size:15px;
	background-color:#ccc;
	border-radius:0px;
}
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 0.5px solid transparent;
    border-top-color: #cccccc;

    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 9999999;
}

    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        z-index:9999999;
        background:none;
        background-color: rgba(0, 0, 0, 0)
       
        -webkit-transform: translateY(0);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateY(0);  /* IE 9 */
        transform: translateY(0);  /* Firefox 16+, IE 10+, Opera */
    }
    /* JavaScript Turned Off */
    .no-js #loader-wrapper {
        display: none;
    }
    .no-js h1 {
        color: #222222;
    }

.gap {
height:80px;
width:100%;
}
/*********************************************************************************/
/* FONTS                                                                         */
/*********************************************************************************/

p {
	font-family: 'Raleway', sans-serif;
	font-size:12px;
	line-height:20px;
	color:#A8A5A5;
	font-weight: 300;
}
.c_b {
	color:#06c9d6!important;
}
h1,h2,h3 {
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	color: #A8A5A5;
	margin-top:0px;
	margin-bottom:4px;
}
h3.title-description {
	text-align:left;		
}
h4 {
	color:#06c9d6!important;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: none;
}
a {
	text-decoration: none;
	color: #717479;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
	-o-transition: color .25s ease-in-out;
	-ms-transition: color .25s ease-in-out;
	transition: color .25s ease-in-out;
}	
a:hover {
	text-decoration: none;
}
span.underscore {
	width:100px;
 	height:2px;
 	border-top:solid 1px #969696;
}
.description-header a {
	color:#06c9d6;
}
.st_color_w h2 {
 	color:#ffffff!important;
}
.st_color_w h3 {
 	color:#ffffff!important;
}
.st_color_w span {
 	color:#ffffff!important;
}
/*********************************************************************************/
/* INPUTS                                                                        */
/*********************************************************************************/
#Login_username, #Login_password {
    border-bottom: 1px solid #cfcfcf; 
    border-top:none;
    border-left:none;
    font-size:13px;
    border-right:none;
    padding: 12px 12px 12px 0px;
	outline:none;
    text-align:left;
    background: #ffffff;
    margin: 0px 0 10px 0;
	width:100%;
}
#Login_password:focus {
    outline-color:#02caba;
}
#Login_username:focus {
   outline-color:#02caba;
}
#contactForm {
	width: 430px;
	margin-right:50px;
	min-width:230px; 
	text-align:left;
}
#name, #email, #message {
    border-bottom: 1px solid #cfcfcf; 
    border-top:none;
    border-left:none;
    font-size:13px;
    border-right:none;
    padding: 12px 12px 12px 0px;
	outline:none;
    text-align:left;
    background: #ffffff;
    margin: 0px 0 10px 0;
	width:100%;
}
#message {
	height:50px;
}
#name:focus {
    outline-color:#02caba;
}
#email:focus {
    outline-color:#02caba;
}
#messag:focus {
    outline-color:#02caba;
}
/*********************************************************************************/
/* OTHER                                                                     */
/*********************************************************************************/
section, article {

}	
section > :last-child,
article > :last-child {
	margin-bottom: 0;
}
section:last-child,
article:last-child {
	margin-bottom: 0;
}
.button {
	display: inline-block;
	background: #444;
	text-align: center;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 0.25em;
	text-decoration: none;
	border-radius: 0px;
	border: 0;
	outline: 0;
	cursor: pointer;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/
.wrapper_login {
	text-align:center;
}
.wrapper {
	position: relative;
}
#header-wrapper {

	}	
#footer-wrapper {
	color: #eee;
}
/*********************************************************************************/
/* Page Custom Elements                                                          */
/*********************************************************************************/
#Main_Content {
    float: left;
    width: 100%;
	height:100%;
	padding:150px 10px 0px 10px;
}
.page_title {
	text-align:left;	
	font-size:18px;
	line-height:22px;
	margin:0px 0px 40px 0px;
	}
.content {
	width: 100%;
	text-align:left;	
}
.iframe_img_holder {
	width: 100%;
	text-align:left	
}
.message {
	max-width:800px;	
}
.hover_trigger {
	display:none;
	position:absolute;
	z-index:999999;
	width:100%!important;
	height:100%!important;
}
.entry2_close {
	
}
/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/
#logo {
	
}
.Login_logo {
	width:100%;
	padding:10px 20px 0px 20px;	
}
.Login_logo img {
	float:left;
	width:96px;
	height:80px;
}
.login_content {
    width: 500px;
    text-align: left;
    margin: 40px 0px 0px 25px;
}
/*********************************************************************************/
/* Social                                                                     */
/*********************************************************************************/		
.social_wrapper {
	display:none;
	position:absolute;
	left:27px;
	bottom:20px;
	z-index:888888;
}
ul.social {
	float:left;
	width:80px;
}
ul.social li {
	position: fixed;
    bottom: 0px;
    height: 30px;
    margin-bottom: 30px;
}
ul.social li a:hover {
	border-bottom:none!important;
	text-decoration:none!important;
}
ul.social li a:focus {
	border-bottom:none!important;
	text-decoration:none!important;
}
ul.social li:hover > a {
	border-bottom:none!important;
	text-decoration:none!important;
}
a.behance  {
	background-image: url(../img/core/behance_btn.png);
    width: 25px;
    height: 21px;
	float:left;
}
a.behance:hover {
	background-image: url(../img/core/behance_btn_roll.png);	
}
a.linked {
	background-image: url(../img/core/linkedin_btn.png);	
	width: 18px;
    height: 21px;
	float:right;
}
a.linked:hover {
	background-image: url(../img/core/linkedin_btn_roll.png);
}
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/		
#copyright {
	text-align: left; 
}	
#copyright span {
	display: inline-block;
	color: #aaa;
	color: rgba(255,255,255,0.25);
}
#copyright span a {
	color: inherit;
}		
#copyright span a:hover {
	color: #fff;
}					
/*********************************************************************************/
/* CUSTOMS                                                                       */
/*********************************************************************************/	
/**************SLIDESHOW MAIN**************************/			
/* Prevent the slideshow from flashing on load */
#slides {
     display: none;
}
/* Center the slideshow */
.slideshow {
	 z-index:-500;
     margin: 0 auto;
}
#close_btn {
	display:none;
	position:fixed;
	z-index:999999;
	right:5%;
	top:90px;
}
  .back_btn_holder {	
	position:absolute;
	top:5px;
	left:20px;
}
.back_btn {
  	display: inline-block;
  	padding: 7px 10px 7px 15px;
  	border: 0;
	width:50px;
	height:50px;
	line-height:35px;
  	background-color:#06c9d6;
  	color: #ffffff;
  	font-family: 'Raleway', sans-serif;
  	font-size:11px;
  	font-weight: 300;
  	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
  	cursor: pointer;
  	margin-top:10px;
	background-image:url(../img/core/back_arrow.png);
	background-position:left;
	background-repeat:no-repeat;
	
}
.work_btn {
  	display: inline-block;
  	padding: 4px 10px 4px 10px;
  	border: 0;
  	background-color:#06c9d6;
  	color: #ffffff;
  	font-family: 'Raleway', sans-serif;
  	font-size:13px;
  	font-weight: 300;
  	border-radius: 4px;
  	cursor: pointer;
  	margin-top:10px;
}
.logo_holder {
	float:left;	
}
.logo_holder img {
	float:left;	
	margin-right:20px;
}
/* Back to Top */
.scrollToTop {
	position: fixed;
	right: 10px;
	bottom: 20px;
	opacity: 0;
	z-index:999999!important;
	overflow: hidden;
	outline: none;
}

.scrollToTop_show {
	opacity: 1;
	bottom: 0px;
}
@-webkit-keyframes scrollToTop_fade {
	0%	 {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes scrollToTop_fade {
	0%   {opacity: 0;}
	100% {opacity: 1;}
}

@-webkit-keyframes scrollToTop_slide {
	0%   {bottom: -100px;}
	100% {bottom: 20px;}
}
@keyframes scrollToTop_slide {
	0%   {bottom: -100px;}
	100% {bottom: 20px;}
}
.scrollToTop_animating,
.scrollToTop_animating * {
	pointer-events: none !important;
}
/* skin(default) */
.scrollToTop {
	width: 50px;
	height: 50px;
	color: #000;
	font-family: sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	text-indent: 100%;
	white-space: nowrap;
	background: no-repeat center center transparent;
}

.scrollToTop_default {
	display: block;
	width: auto;
	height: auto;
	padding: 10px;
	text-indent: 0;
	background: #eee;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.scrollToTop_default:hover {
	/*background-color: #ddd;*/
}
/* skin(cycle) */
.scrollToTop_cycle {
	background-image: url("../img/core/cycle.png");
}
.scrollToTop_cycle:hover {
	background-image: url("../img/core/cycle-hover.png");
}

/* Animations */
.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
	-webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
    animation-delay: 1s;
} 
.animated2 { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
	-webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */
    animation-delay: 1.5s;
} 
.animated3 { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
	-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation-delay: 2s;
} 
.animated4 { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
	-webkit-animation-delay: 2.5s; /* Chrome, Safari, Opera */
    animation-delay: 2.5s;
} 
.animated5 { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
	-webkit-animation-delay: 3s; /* Chrome, Safari, Opera */
    animation-delay: 3s;
} 
.animated6 { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
	-webkit-animation-delay: 3.5s; /* Chrome, Safari, Opera */
    animation-delay: 3.5s;
} 
/*Keyframes for css animation*/
@-webkit-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 

.fadeInUp { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
}

main_slider {
	width:90%;	
	height:100%;
}
.sl-slider-wrapper {
	width: 800px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide {
	z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: #fff;
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
	background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
	background: #ccc;
}
#loadOverlay{display: none;}



/* to be striped out when mobile version is built */
/*********************************************************************************/
/* PORTFOLIO CUSTOMS                                                             */
/*********************************************************************************/	
.port-headerimage {
	width:100%;
	margin-bottom:20px;
}
.type_title {
}
.type_examp {
	min-height:40px;
	padding-left:10px;
	border-left:solid 1px #b9b9b9;
}
/* details images width */
@media only screen  and (min-width : 1000px) {
.port_images img {
    width: 33%!important;
}
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 450px) and (max-device-width : 768px) and (orientation : landscape) {
.port_images img {
    width: 33%!important;
}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 950px) and (orientation : portrait) {
.port_images img {
    width: 50%!important;
}
}
@media only screen and (max-width : 320px) {
.port_images img {
    width: 100%!important;
}
}

/*********************************************************************************/
/* Grid Div`s                                                                  */
/*********************************************************************************/
.col_10 {float:left;width:10%;}
.col_15 {float:left;width:15%;}
.col_20 {float:left;width:20%;}
.col_25 {float:left;width:25%;}
.col_30 {float:left;width:30%;}
.col_35 {float:left;width:35%;}
.col_40 {float:left;width:40%;}
.col_45 {float:left;width:45%;}
.col_50 {float:left;width:50%;}
.col_60 {float:left;width:60%;}
.col_70 {float:left;width:70%;}
.col_80 {float:left;-width:80%;}
.col_90 {float:left;width:90%;}
.col_100 {float:left;width:100%;}


@media screen and (max-width:340px) {
.col_10 {float:left;width:100%;overflow:hidden;}
.col_20 {float:left;width:100%;overflow:hidden;}
.col_30 {float:left;width:100%;overflow:hidden;}
.col_40 {float:left;width:100%;overflow:hidden;}
.col_50 {float:left;width:100%;overflow:hidden;}
.col_60 {float:left;width:100%;overflow:hidden;}
.col_70 {float:left;width:100%;overflow:hidden;}
.col_80 {float:left;-width:100%;overflow:hidden;}
.col_90 {float:left;width:100%;overflow:hidden;}
.col_100 {float:left;width:100%;overflow:hidden;}
}
/* Quick margins percentages */
.mar_r_5 {margin-right:5%;}
.mar_r_10 {margin-right:10%;}

.mar_l_5 {margin-left:5%;}
.mar_l_10 {margin-right:10%;}

.mar_b_20 {margin-bottom:20px;}
.mar_b_30 {margin-bottom:30px;}