@charset "utf-8";
/* ==============================
   Common styles
   ============================== */
.white { color: #fff !important; }
/* ==============================
   Page loader
   ============================== */
.page-loader { display:block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #dadada; z-index: 100000; }
@-webkit-keyframes spinner {  0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@-moz-keyframes spinner {  0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @-o-keyframes spinner {  0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes spinner {  0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.spinner { display: inline-block; width: 8em; height: 8em; margin: 1.5em; margin: -4em 0 0 -4em; position: absolute; top: 50%; left: 50%; color: #999; background: #f1f1f1; text-align: center; line-height: 8em; font-weight: 400; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
/* :not(:required) hides this rule from IE9 and below */
.spinner:not(:required) { -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -ms-border-radius: 0.5em; -o-border-radius: 0.5em; border-radius: 0.5em; -webkit-box-shadow: #f7f7f7 1.5em 0 0 0, #f7f7f7 1.1em 1.1em 0 0, #f7f7f7 0 1.5em 0 0, #f7f7f7 -1.1em 1.1em 0 0, #f7f7f7 -1.5em 0 0 0, #f7f7f7 -1.1em -1.1em 0 0, #f7f7f7 0 -1.5em 0 0, #f7f7f7 1.1em -1.1em 0 0; -moz-box-shadow: #f7f7f7 1.5em 0 0 0, #f7f7f7 1.1em 1.1em 0 0, #f7f7f7 0 1.5em 0 0, #f7f7f7 -1.1em 1.1em 0 0, #f7f7f7 -1.5em 0 0 0, #f7f7f7 -1.1em -1.1em 0 0, #f7f7f7 0 -1.5em 0 0, #f7f7f7 1.1em -1.1em 0 0; box-shadow: #f7f7f7 1.5em 0 0 0, #f7f7f7 1.1em 1.1em 0 0, #f7f7f7 0 1.5em 0 0, #f7f7f7 -1.1em 1.1em 0 0, #f7f7f7 -1.5em 0 0 0, #f7f7f7 -1.1em -1.1em 0 0, #f7f7f7 0 -1.5em 0 0, #f7f7f7 1.1em -1.1em 0 0; background: none; display: inline-block; font-size: 16px; width: 1em; height: 1em; overflow: hidden; text-indent: 100%; margin: -0.5em 0 0 -0.5em; position: absolute; top: 50%; left: 50%; }
/* ==============================
   Buttons
   ============================== */
  
.btn-mod, a.btn-mod { -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px 20px 7px; color: #fff; background: rgba(34,34,34, .9); border: 2px solid transparent; font-size: 12px; font-weight: 700; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
.btn-mod:hover, .btn-mod:focus, a.btn-mod:hover, a.btn-mod:focus { font-weight: 700; color: rgba(255,255,255, .85); background: rgba(0,0,0, .7); text-decoration: none; }
.btn-mod.btn-color:hover, .btn-mod.btn-color:focus { color: #fff; background: #e41919; opacity: .85; }
.btn-mod.btn-circle { }
.service-button { margin: 20px 0 0; }
.btn-icon { position: relative; border: none; overflow: hidden; }
.btn-icon.btn-small { overflow: hidden; }
.btn-icon > span { width: 100%; height: 50px; line-height: 50px; margin-top: -25px; position: absolute; top: 50%; left: 0; color: #e41919; font-size: 48px; opacity: .2; -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
.btn-icon:hover > span { opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); }
/* ==============================
   Sections styles
   ============================== */

/*
 * Common
 */

.page-section, .small-section { width: 100%; display: block; position: relative; overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 140px 0; }
.small-section { padding: 70px 0; }
blockquote { padding: 18px; }
.small-title { padding: 0; margin: 0; text-align: center; text-transform: uppercase; color: #222; font-size: 24px; }
.section-icon { text-align: center; font-size: 32px; }
.small-title .serif { text-transform: none; font-weight: 400; }
.small-title.white { color: #fff; }
.bg-scroll { background-attachment: scroll !important; }
div.wpcf7-validation-errors { border: none !important; margin-top: -20px !important; width: 100% !important; color: yellow !important;padding: 16px 6px 0 0; }
.bg-pattern-over:before, .bg-pattern-over .YTPOverlay:after { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: repeat; background-size: auto; background-image: url(../images/pattern-bg-2.html); }
.section-title { font-size: 47px; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 5px; line-height: 1.3; }
.st-point { margin-right: -5px; color: #e41919; font-weight: 400; }
.section-heading { margin: 0; padding: 0; font-size: 27px; font-style: italic; font-weight: normal; text-align: center; line-height: 1.3; color: #555; }
.section-line { width: 55px; height: 1px; margin: 30px auto; background: #e41919; }
.section-text { font-size: 17px; font-weight: 300; text-align: center; color: #888; line-height: 1.8; }
.section-bot-image { margin: 140px 0 -140px; text-align: center; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); }
.home-bot-image { width: 100%; position: absolute; bottom:0; left: 0; text-align: center; }
.fixed-height-large, .fixed-height-medium, .fixed-height-small { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fixed-height-large { min-height: 800px; }
.fixed-height-medium { min-height: 700px; }
.fixed-height-small { min-height: 600px; }
/*
 * Split section
 */

.split-section { width: 100%; display: block; position: relative; overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.split-section-headings { width: 38.2%; float: left; position: relative; overflow: hidden; text-align: center; height: 345px; background: url("../images/section-bg.jpg") no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.ssh-table { /*width: 100%; display: table; */}
.ssh-cell { display: table-cell;padding-left: 40px;padding-right: 10px;padding-top: 120px; vertical-align: middle; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.split-section-content { width: 61.8%; float: right; min-height: 344px; position: relative; overflow: hidden; background: rgba(255,255,255, .97); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
/* ==============================
   Services
   ============================== */

.service-item { display: table; /*width: 25%;*/width: 33.33%; float: left; height: 345px; overflow: hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.si-cell { display: table-cell; padding: 30px;  border-right:1px solid  #ccc; position: relative; vertical-align: middle; text-align: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }

.si-cell:hover { border: 1px solid #f68026; }
.si-inner { position: relative; max-height: 100%; }
.service-intro { position: absolute; top:35%; width:100%; text-align:center; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
.service-icon { margin-bottom: 10px; color: #e41919; }
.service-descr .service-icon { margin-bottom: 0px; }
.service-title { margin: 0; padding: 0; font-size: 15px; text-transform: uppercase; color: #000; }
.service-descr .service-title { margin-bottom: 0px; }
.service-descr { opacity: 0; position: relative; font-size: 13px; line-height: 1.6; color: #777; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg); -moz-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg); -o-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg); -ms-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg); transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg); -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
/* Service hover */

.no-mobile .service-item:hover .service-intro { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.no-mobile .service-item:hover .service-descr { opacity: 1; -webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
/* Service mobile click */

.service-item.js-active .service-intro { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.service-item.js-active .service-descr { opacity: 1; -webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
/** js_composer_front.css **/
.wpb_row *, .wpb_row *:before, .wpb_row *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.vc_container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.vc_container:before, .vc_container:after { content: " "; display: table; }
.vc_container:after { clear: both; }
.wpb_row:before, .wpb_row:after { content: " "; display: table; }
.wpb_row:after { clear: both; }
.vc_responsive .vc_span4 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; float: left; width: 33.33333333%; font-size:14px; }
.vc_responsive .vc_span5 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 41.66666667%; }
.vc_responsive .vc_span7 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 58.33333333%; }
.inner { color: #787877; margin-bottom: 20px; line-height: 22px; }
.author_name { font-size: 15px; font-weight: bold; }
.author_company { font-size: 13px; color: #787877; }
/* === BUTTONS === */
.btn { font-weight:600; border:2px solid transparent; padding:11px 17px; font-size:13px; line-height:13px; background:transparent; text-transform:uppercase; letter-spacing:0.1em; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition:all .1s ease; transition:all .1s ease; color:#333; }
.btn-primary { background:#f58026; border-color:#EA623D; color:#fff; }
.wpcf7-form .btn-primary { float:right; margin: 4px 8px 0 0; }
/* ====== FORMS ======= */
.form-group { margin-bottom:10px; }
.form-control { display:block; width:98%; height:39px; padding: 0.5% 0.6%; font-size:15px; line-height:17px; color:#fff; background-color:transparent; background-image:none; border:2px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:none; box-shadow:none; -webkit-transition:none; transition:none; font-family: 'Candara'; }
.form-control:-moz-placeholder {
color:#333;
}
.form-control::-moz-placeholder {
color:#333;
opacity:1;
}
.form-control:-ms-input-placeholder {
color:#333;
}
.form-control::-webkit-input-placeholder {
color:#333;
}
textarea.form-control { height:auto; min-height:210px; resize:none; width: 99%; }
.control-label { display: block; font-size: 15px; font-weight: 400; letter-spacing: 0.1em; line-height: 15px; margin: 0 0 7px; text-transform: uppercase; color: #fff; }
/* back to top link */
#toTop { position:fixed; z-index:350; bottom:40px; right:35px; display:none; width:70px; height:70px; background:#6294e7; opacity:.7; filter:alpha(opacity=70); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; text-align:center; padding-top:15px; }
#toTop:hover { opacity:1; filter:alpha(opacity=100); }
#toTop i { color:#fff; font-size:36px; }
/* === GOOGLE MAP === */
/*.content-layer.map-cnt { height: 690px; }*/
.addressBox { width:370px; height:347px; padding:45px 20px 40px 20px; background:#fff; }
.addressBox dl { margin:0; }
.addressBox dt { border:0; margin:25px 0 0 0; }
.addressBox dd { font-size:18px; line-height:26px; color:#333; font-weight:600; }
.mapOuter { position:relative; }
.mapOuter .addressBox { z-index:1; position:absolute; top:50px; left:50%; margin-left:-585px; }
.googleMap { min-height:695px; }
.googleMap img { max-width:none; }
.googleMap .customMarker { font-size:75px; color:#f68026; }
.content-layer { position:relative; }
.content-layer .placeOver { position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; padding-top:50px; }
.content-layer .bg-layer { position:absolute; left:0; top:0; right:0; bottom:0; z-index:0; background:#333; opacity:.9; filter:alpha(opacity=90); }
.content-layer .placeOver > .container { position:relative; }
.content-layer .showMap { position:absolute; z-index:3; top:40px; right:20px; }
.make-overflow { overflow:hidden; }
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
.text-center { text-align: center; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
 body .wpb_row.ftcontainer > .column_container, {
 width: 1200px;
 margin:0 auto;
}
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.col-xs-6, .col-md-6, .col-md-8, .col-md-12 { position: relative; min-height: 1px; }
.col-xs-6 { width: 50%; }
.col-md-8 { width: 66.666666666667%; }
.col-md-push-2 { left: 16.666666666667%; }
.col-md-6 { float: left; width: 50%; }
.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); }
.gm-style-cc { display: none; }
.media > .pull-left { margin-right: 10px; }
.pull-left { float: left !important; }
/* merchandise page */
.place-ask-frm .form-control { color: #000; height: 35px; }
.place-ask-frm .control-label { color: #000; }
.place-order-frm { float: left; width: 48%; }
.ask-que-frm { float: left; margin: 0 0 0 2.8%; width: 49%; }
.place-ask-frm textarea.enury { min-height: 50px; }
.place-ask-frm textarea.othr-cmt { min-height: 80px; }
.place-ask-frm.checkbox .wpcf7-list-item { font-size: 17px; }
/* breadcrumbs */
#breadcrumbs { list-style:none; margin:10px 0; overflow:hidden; }
#breadcrumbs li { display:inline-block; vertical-align:middle; margin-right:10px; }
#breadcrumbs .separator { font-size:18px; font-weight:100; color:#ccc; }
/* Button effect */
.serv-btn button:before { font-family: 'entypo'; color: white; position: absolute; right: 0; font-size: 2em; top: 25%; z-index: 10; }
.serv-btn section { width: 100%; padding: 5em 0; }
.serv-btn .container { margin: 0 auto; text-align: center; }
.serv-btn button { border: none; outline: none; background-color: #ce620f; letter-spacing: 1px; color: white; text-transform: uppercase; font-weight: normal; width: 95%; position: relative; -webkit-border-radius: 4px; border-radius: 4px; font-size: 1.4em; text-align: center; padding: 1em 1em 1em 0.5em; height: 100px;}
 @media (max-width: 600px) {
.serv-btn button { padding: 1.5em 2.5em; font-size: 1em; }
}
.serv-btn button:hover { cursor: pointer; }
.serv-btn button:after { position: absolute; content: ""; top: 0; bottom: 0; right: 0; width: 15%; background-color: #f58026; transition: width 0.7s; }
@media (max-width: 600px) {
.serv-btn button:after { width: 30%; }
}
button:hover:after { transition: width 0.7s; width: 80px; cursor: pointer; }
@media (max-width: 600px) {
.serv-btn button:hover:after { width: 120px; }
}

@media (min-width:768px){
	.si-cell{ padding:0px;   }
	.ssh-cell{ padding-left:20px;}
	
	}
/* Merchandise Page Packeges */
.wrap.merchandise-pack.clearfix { margin-bottom: 45px; margin-top: 15px; }  
.tb-nam { vertical-align: middle; border-right: 1px dotted #ccc; }  
.tb-desc { width: 60%; vertical-align: middle; }
.tb-pri { width: 5%; vertical-align: middle; }
.tb-phot {vertical-align: middle; }
.merchandise-pack table {  width: 100%; border-collapse: collapse; }
.merchandise-pack tr:nth-of-type(odd) { background: #eee; }  
.merchandise-pack th {background: #333; color: white; font-weight: bold; }
.merchandise-pack td{border: 1px solid #ccc;padding: 5px 20px;text-align: left; }
.merchandise-pack th { border: 1px solid #ccc; text-align: center;}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
.merchandise-pack table, .merchandise-pack thead, .merchandise-pack tbody, .merchandise-pack th, .merchandise-pack td, .merchandise-pack tr { display: block; }
.merchandise-pack thead tr { position: absolute; top: -9999px; left: -9999px; }
.merchandise-pack tr { border: 1px solid #ccc; }
.merchandise-pack td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 20%; }
.merchandise-pack td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; }
.merchandise-pack td:nth-of-type(1):before { content: "Name"; }
.merchandise-pack td:nth-of-type(2):before { content: "Description"; }
.merchandise-pack td:nth-of-type(3):before { content: "Price"; }
.merchandise-pack td:nth-of-type(4):before { content: "Photos"; }
}