body{ background-color:#fff; font:13px "OpenSansLight", Arial, Helvetica,sans-serif; color:#686868; line-height: 24px; height:100%; }

@media screen and (-webkit-min-device-pixel-ratio:0) { 

	::i-block-chrome, body{ background-color:#fff; font:12px Arial, Helvetica,sans-serif; color:#686868; line-height: 24px; height:100%; }

}

.skin-font-color1 { color:#fff; }
.skin-font-color2 { color:#007da5; }
.skin-font-color3 { color:#1d1d33; }
.skin-font-color4 { color:#7A7A7A; }
.skin-font-color5 { color:#19182b; }
.skin-font-color6 { color:#8e8ebc; }
.skin-font-color7 { color:#000; }
.skin-font-color8 { color:#df5647; }
.skin-font-color9 { color:#686868; }
.skin-font-color10 { color:#ffffff; }
.skin-font-color11 { color:#063c4a; }
.skin-font-color12 { color:#dfdfdf; }
.skin-font-color13 { color:#cf4d3f; }
.skin-font-color14 { color:#4d0800; }
.skin-font-color15 { color:#dedede; }
.skin-font-color16 { color:#007da5; }
.skin-font-color17 { color:#cfcfe1; }
.skin-font-color18 { color:#a1a1a1; }
.skin-font-color19 { color:#3c5a98; }

.skin-background-color1 { background-color:#fff; }
.skin-background-color2 { background-color:#8e8ebc; }
.skin-background-color3 { background-color:#063c4a; }
.skin-background-color4 { background-color:#cf4d3f; }
.skin-background-color5 { background-color:#000; }
.skin-background-color6 { background-color:#1a93d1; }
.skin-background-color7 { background-color:#007da5; }
.skin-background-color8 { background-color:#3c5a98; }

.skin-border-color1 { border-color:#c6c6d7; }
.skin-border-color2 { border-color:#063c4a; }
.skin-border-color3 { border-color:#ddddea; }
.skin-border-color4 { border-color:#cf4d3f; }
.skin-border-color5 { border-color:#4d0800; }
.skin-border-color6 { border-color:#007da5; }
.skin-border-color7 { border-color:#3c5a98; }

.skin-color-hover1:hover { color:#007da5;
-webkit-transition: color 300ms linear;
-moz-transition: color 300ms linear;
-o-transition: color 300ms linear;
-ms-transition: color 300ms linear;
transition: color 300ms linear;
}

.skin-color-hover2:hover { color:#cf4d3f;
-webkit-transition: color 300ms linear;
-moz-transition: color 300ms linear;
-o-transition: color 300ms linear;
-ms-transition: color 300ms linear;
transition: color 300ms linear;
}

.skin-color-hover3:hover { color:#fdce5a;
-webkit-transition: color 300ms linear;
-moz-transition: color 300ms linear;
-o-transition: color 300ms linear;
-ms-transition: color 300ms linear;
transition: color 300ms linear;
}

.skin-background-hover1:hover { background-color:#95cb39;
 -webkit-transition: background-color 300ms linear;
 -moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
 -ms-transition: background-color 300ms linear;
 transition: background-color 300ms linear;
 }
 
 .skin-background-hover2:hover { background-color:#000;
 -webkit-transition: background-color 300ms linear;
 -moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
 -ms-transition: background-color 300ms linear;
 transition: background-color 300ms linear;
 }
 
.skin-background-hover3:hover { background-color:#cf4d3f; 
 -webkit-transition: background-color 300ms linear;
 -moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
 -ms-transition: background-color 300ms linear;
 transition: background-color 300ms linear;
 }

.skin-mask-color1 { background: rgba(29,29,51,.5); } 

.skin-detail-color1 { border-color: transparent transparent #fff transparent; }

/*--------------------------------------------*/
.skin-button1 { 
background-clip: padding-box;
}

.skin-button1 a {
color: #fff;
}

.skin-button2 { 
background-clip: padding-box;
}

.skin-button2 a {
color: #fff;
}
/*--------------------------------------------*/

.skin-button3 { 
border: 1px solid #46467f;
-moz-border-radius: 6px / 6px 6px 6px 6px;
-webkit-border-radius: 6px / 6px 6px 6px 6px;
border-radius: 6px / 6px 6px 6px 6px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #ffcb00;
-moz-box-shadow: 0 2px 3px rgba(0,0,0,.17), inset 0 -2px 0 rgba(0,0,0,.4);
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.17), inset 0 -2px 0 rgba(0,0,0,.4);
box-shadow: 0 2px 3px rgba(0,0,0,.17), inset 0 -2px 0 rgba(0,0,0,.4);
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1NjVhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JkYmRkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(bottom, #6565a1 0%, #bdbdd1 100%);
background-image: -o-linear-gradient(bottom, #6565a1 0%, #bdbdd1 100%);
background-image: -webkit-linear-gradient(bottom, #6565a1 0%, #bdbdd1 100%);
background-image: linear-gradient(bottom, #6565a1 0%, #bdbdd1 100%);
}
.skin-button3 a {
color: #1b1b2f;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.skin-button4 { 
border: 1px solid #435c92;
-moz-border-radius: 6px / 6px 6px 6px 6px;
-webkit-border-radius: 6px / 6px 6px 6px 6px;
border-radius: 6px / 6px 6px 6px 6px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #ffcb00;
-moz-box-shadow: 0 2px 3px rgba(0,0,0,.17), inset 0 -2px 0 rgba(0,0,0,.4);
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.17), inset 0 -2px 0 rgba(0,0,0,.4);
box-shadow: 0 2px 3px rgba(0,0,0,.17), inset 0 -2px 0 rgba(0,0,0,.4);
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxN2ZiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgxYTVmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(bottom, #617fbf 0%, #81a5f2 100%);
background-image: -o-linear-gradient(bottom, #617fbf 0%, #81a5f2 100%);
background-image: -webkit-linear-gradient(bottom, #617fbf 0%, #81a5f2 100%);
background-image: linear-gradient(bottom, #617fbf 0%, #81a5f2 100%);
}
.skin-button4 a {
color: #00030a;
text-shadow: 0 1px 0 rgba(255,255,255,.44);
}
/*--------------------------------------------*/

.skin-button-hover1:hover{ 
background-color: #fff transparent;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.skin-button-hover1:hover a {
color: #052d38;
transition: all 0.5s ease;
}
/*--------------------------------------------*/

.skin-button-hover2:hover{ 
border: 1px solid #ce8b2a;
-moz-border-radius: 6px / 6px 6px 6px 6px;
-webkit-border-radius: 6px / 6px 6px 6px 6px;
border-radius: 6px / 6px 6px 6px 6px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #ffcb00;
-moz-box-shadow: 0 2px 3px rgba(0,0,0,.17), inset 0 -2px 0 rgba(0,0,0,.4);
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.17), inset 0 -2px 0 rgba(0,0,0,.4);
box-shadow: 0 2px 3px rgba(0,0,0,.17), inset 0 -2px 0 rgba(0,0,0,.4);
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYWYzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZkZDU2MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(bottom, #fbaf3f 0%, #fdd561 100%);
background-image: -o-linear-gradient(bottom, #fbaf3f 0%, #fdd561 100%);
background-image: -webkit-linear-gradient(bottom, #fbaf3f 0%, #fdd561 100%);
background-image: linear-gradient(bottom, #fbaf3f 0%, #fdd561 100%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.skin-button-hover2:hover a {
color: #1b1b2f;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.skin-service-detail1 {
background-color: #007da5;
background-image: -moz-linear-gradient(bottom, #0087cb 0%, #dbeffb 99.49%, #dbeffb 100%);
background-image: -o-linear-gradient(bottom, #0087cb 0%, #dbeffb 99.49%, #dbeffb 100%);
background-image: -webkit-linear-gradient(bottom, #0087cb 0%, #dbeffb 99.49%, #dbeffb 100%);
background-image: linear-gradient(bottom, #0087cb 0%, #dbeffb 99.49%, #dbeffb 100%);
}

.service:hover .skin-service-detail1 {
background-color: #007da5;
background-image: -moz-linear-gradient(bottom, #df5647 0%, #f9dbd7 99.49%, #f9dbd7 100%);
background-image: -o-linear-gradient(bottom, #df5647 0%, #f9dbd7 99.49%, #f9dbd7 100%);
background-image: -webkit-linear-gradient(bottom, #df5647 0%, #f9dbd7 99.49%, #f9dbd7 100%);
background-image: linear-gradient(bottom, #df5647 0%, #f9dbd7 99.49%, #f9dbd7 100%);
}

.skin-portfolio-detail1 {
background-color: #007da5;
}

.skin-portfolio-detail1:hover  {
background-color: #063c4a;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.timeline-active { color:#007da5 !important; }
.timeline .action a:hover {
color:#007da5;
-webkit-transition: color 300ms linear;
-moz-transition: color 300ms linear;
-o-transition: color 300ms linear;
-ms-transition: color 300ms linear;
transition: color 300ms linear;
}

.portfolio-content { background: rgba(255,255,255,.95); } 

.scene-detail, .scene-detail-big {
border: 1px solid rgba(7,58,84,.25);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #063c4a;
}

.work-detail-hover1 {
background-color: #007da5;
}

.contact-form input[type=text], .contact-textarea, .search input {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #fff;
-moz-box-shadow: 0 1px 0 1px rgba(206,206,224,.75);
-webkit-box-shadow: 0 1px 0 1px rgba(206,206,224,.75);
box-shadow: 0 1px 0 1px rgba(206,206,224,.75);
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.05) 0%, rgba(255,255,255,.05) 100%);
background-image: -o-linear-gradient(bottom, rgba(0,0,0,.05) 0%, rgba(255,255,255,.05) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.05) 0%, rgba(255,255,255,.05) 100%);
background-image: linear-gradient(bottom, rgba(0,0,0,.05) 0%, rgba(255,255,255,.05) 100%);
}

.comment-form input[type=text], .comment-textarea {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #fff;
-moz-box-shadow: 0 1px 0 1px rgba(206,206,224,.75);
-webkit-box-shadow: 0 1px 0 1px rgba(206,206,224,.75);
box-shadow: 0 1px 0 1px rgba(206,206,224,.75);
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.05) 0%, rgba(255,255,255,.05) 100%);
background-image: -o-linear-gradient(bottom, rgba(0,0,0,.05) 0%, rgba(255,255,255,.05) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.05) 0%, rgba(255,255,255,.05) 100%);
background-image: linear-gradient(bottom, rgba(0,0,0,.05) 0%, rgba(255,255,255,.05) 100%);
}

.contact-required { color:#cf4d3f !important; }
.contact-success { color:#7ee43a!important; }