/*background-color: #3D4256E6;
section#section-welcome-14 div.container div.row div.col-md-7 div#logo

Colours ff9e07
Selection
Body,HTML
styles
Navigation
Subheader
Main content
Footer
Project Details
Responsive

*/
/*orange:FROM F86E4E -TO- ff9e07*/
@import url("colors/orange.css");

/*selection*/
::-moz-selection { color: black; background-color: white;}
::selection { color: black; background-color: white; }

/*body html*/
html {background-color: #303030!important;}

body {font-family: 'Cuprum', sans;
font-size: 16px;
font-weight:400;
letter-spacing: .04em;
line-height: 1.6em;
}


/*styles*/

.div-center{
  margin:0 auto;
  float:none;
}

.shadow {
    -webkit-box-shadow: 0px 9px 19px 0px rgb(41, 41, 41);
    -moz-box-shadow: 0px 9px 19px 0px rgb(41, 41, 41);
    box-shadow: 0px 9px 19px 0px rgba(41, 41, 41, 0.64);
}



/*projects*/

#view-all-projects, #call-to-action {
    padding: 35px 0 35px 0;
}


.project-images img {
    margin-bottom: 60px;
   -webkit-box-shadow: 0px 9px 19px 0px rgba(50, 50, 50, 1);
    -moz-box-shadow:    0px 9px 19px 0px rgba(50, 50, 50, 1);
    box-shadow:         0px 9px 19px 0px rgba(50, 50, 50, 1);
}

/*alternative for button close on projects page*/

/*button.mfp-close::after{ content: "X Back to Projects";
color: #ff9e07;
font-size: 14px;
padding-left: 10px;
line-height: 44px;
border:1px solid #ff9e07 ;
padding:4px;}

.mfp-close {color:transparent!important;}*/


/*.logo, .logo-small {height:60px;}*/
section.texture {background: url(/images/background/header-opacity60-4.png) repeat;}
.inset-shadow { box-shadow: inset 0 5px 6px rgba(0,0,0,.39)}
/*.inset-shadow { box-shadow: inset 0 5px 6px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;}*/

/*Styles*/

h1, h2, h3, h4, h5, h6 {
    /*color: #000;*/
    font-family: 'Cuprum',Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.text-dark, .text-dark h1, .text-dark h2, .text-dark h3 {
    color: #4a4a4a;
}

a.btn-big {
    font-size: 16px; }



/*navigation*/
#mainmenu li li {
    font-size: 11px;
    font-weight: 700;
}

header.header-bg {
    background: rgba(62, 62, 62, 0.5);
}

header.smaller:not(.header-bottom):not(.side-header) {
    height: 85px; /**/
   /* background:  #3D4256E6;*/   /*transparent*/
   /* background: #687090E6;*/
    background: #111112cc;
    /*background: #111112b3;*/
    /*border-bottom: none;*/
    box-shadow: 0px 0px 1em 0px rgba(0, 0, 0, 0.34);
     /*background: url(/images/background/dark-triangles.png) repeat;*/
}
header, header.header-mobile { background: /*#111112e6;*/     #111112cc;
    background: url(/images/background/header-opacity60-4.png) repeat;
     /*background: url(/images/background/dark-triangles.png) repeat;*/
  /*  box-shadow: 0px 0px 1em 0px rgba(0, 0, 0, 0.34);*/
}

header.smaller:not(.header-bottom):not(.side-header) div#logo {
    height: 70px;
    margin-top: 8px;
}

#mainmenu {
    font-family: "Cuprum", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;

}
#mainmenu li {
    /*margin-top: .6vh;*/
}
#mainmenu a, header.transparent.header-light #mainmenu a {
    /*color: #e9edf0;*/
    color: #e0e9f8;
}

/*Subheader*/
#subheader .crumb {
    font-size: 12px;
}

/*Content*/

h2.style-3 { text-transform: none;
/*color: #ededed;*/
/*color: #f1f4f9;*/
color: #d1dbec;
letter-spacing: .02em;
line-height: 1em;
font-size: 5.9vh; }

/* nav logo*/
 h1#logo img{
   /* width:80%;*/
    height:auto;
    }

/*#section-welcome-14 {
    background: url(../images/background/kymi/2-v4.jpg) top fixed;
        background-size: auto auto;
}*/


/*home page*/
#section-welcome-14 {
    background: url(../images/background/kymi/2-v4.jpg) top fixed!important;
    background-repeat:  no-repeat!important;
    background-size:  cover!important;
}

#section-steps {
    background: url(../images/background/bg-2blue.jpg) top fixed!important;
          background-repeat:  no-repeat!important;
    background-size:  cover!important;
}

#section-about {
   background: #3f3f3f;
   color: #eceff3;
}
/*#side-01-contact {background: #222429;  before
}*/
#side-01-contact {
    background: #4a4a4a;
}
 
.de_tab.tab_steps .de_tab_content {
 border-top: solid 2px rgba(255,255,255,.4); 
 max-width: 850px; 
 margin: auto;}

 .de_tab.tab_steps .de_nav li .v-border {
    height: 60px;
    border-left: solid 2px rgba(255,255,255,.3);
    display: inline-block;
    margin-bottom: -5px;
}

/*Mag pop up pages*/
.mfp-bg {
    background: #383838;
    opacity: 0.92; }

/*footer*/
footer {
   background: #4b4b4b;
   padding: 30px 0 0 0;
   background: url(/images/background/dark-triangles.png) repeat;
}

/*Project Details*/
.project-info {
    color: #ccc;
    margin-left: 0px;
}
.project-info .details {
    padding-left: 10px;
    padding-right:8px;
    border: solid 1px rgba(255,255,255,.2);
    background: rgba(0,0,0,.5);
    margin-bottom: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.condense {letter-spacing: normal;}
.condense-more {letter-spacing:-0.8px;}

/* ================================================== */
/* responsive */
/* ================================================== */
@media screen and (max-width: 600px) {

#section-welcome-14 div.container div.row div.col-md-7 div#logo {display:none;}
div.row div.col-md-7.div-center div.spacer-double ,
section#section-welcome-14 div.container div.row div.spacer-double {display:none;}

}