@font-face { font-family: 'scalia-icons'; src:url(//www.communicationcrafts.com/wp-content/themes/scalia/fonts/scalia-icons.eot?); src:url(//www.communicationcrafts.com/wp-content/themes/scalia/fonts/scalia-icons.eot?#iefix) format('embedded-opentype'), url(//www.communicationcrafts.com/wp-content/themes/scalia/fonts/scalia-icons.woff?) format('woff'), url(//www.communicationcrafts.com/wp-content/themes/scalia/fonts/scalia-icons.ttf?) format('truetype'), url(//www.communicationcrafts.com/wp-content/themes/scalia/fonts/scalia-icons.svg?#scalia-icons) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'scalia-socials'; src:url(//www.communicationcrafts.com/wp-content/themes/scalia/fonts/scalia-socials.eot); src:url(//www.communicationcrafts.com/wp-content/themes/scalia/fonts/scalia-socials.eot?#iefix) format('embedded-opentype'), url(//www.communicationcrafts.com/wp-content/themes/scalia/fonts/scalia-socials.ttf) format('truetype'), url(//www.communicationcrafts.com/wp-content/themes/scalia/fonts/scalia-socials.woff) format('woff'), url(//www.communicationcrafts.com/wp-content/themes/scalia/fonts/scalia-socials.svg#scalia-socials) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'scalia-user-icons'; src:url(//www.communicationcrafts.com/wp-content/themes/scalia/fonts/scalia-user-icons.eot); src:url(//www.communicationcrafts.com/wp-content/themes/scalia/fonts/scalia-user-icons.eot?#iefix) format('embedded-opentype'), url(//www.communicationcrafts.com/wp-content/themes/scalia/fonts/scalia-user-icons.ttf) format('truetype'), url(//www.communicationcrafts.com/wp-content/themes/scalia/fonts/scalia-user-icons.woff) format('woff'), url(//www.communicationcrafts.com/wp-content/themes/scalia/fonts/scalia-user-icons.svg#scalia-user-icons) format('svg'); font-weight: normal; font-style: normal; }html { font-family: "Playfair Display"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0 none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Playfair Display"; font-size: 14px; line-height: 1.421; color: #333333; background-color: #ffffff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #428bca; text-decoration: none; } a:hover { color: #2a6496; text-decoration: none; } a:focus { outline: 0 none; outline: 0 none; outline-offset: 0; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after { clear: both; }.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 1200px) { .container { width: 1200px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { display: table; content: " "; } .container:after, .container-fluid:after, .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: 0%; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: 0%; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: 0%; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: 0%; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: 0%; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: 0%; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: 0%; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: 0%; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } }@font-face { font-family: "PT Sans,sans-serif"; src: url(); src: url(//www.communicationcrafts.com/wp-content/themes/scalia/?#iefix) format('embedded-opentype'), url() format('woff'), url(https://www.communicationcrafts.com/wp-content/themes/scalia/css/Playfair-Display.css) format('truetype'), url(//www.communicationcrafts.com/wp-content/themes/scalia/#) format('svg'); font-weight: normal; font-style: normal; } #hubspot-messages-iframe-container{left:0 !important; right:auto !important;} #primary-menu.no-responsive>li.megamenu-enable>a>ul, .client-text { display: none } .landing-page h1{ font-size:35px !important;} .custom_position{ position:relative; } .event-top-banner{ position:absolute; top:0; left:120px; z-index:12; display:none; } .event-top-banner img{ max-width:325px ; } .logo .small { margin-left: -88px !important; } .contact-form span.wpcf7-not-valid-tip{ display:none !important; } .contact-form .wpcf7-not-valid{ border:1px #C50200 solid; } #AnythingPopup_BoxContainer20, #AnythingPopup_BoxContainerBody20, #AnythingPopup_BoxContainer1, #AnythingPopup_BoxContainerBody1, #AnythingPopup_BoxContainer17, #AnythingPopup_BoxContainerBody17, #AnythingPopup_BoxContainer2, #AnythingPopup_BoxContainerBody2, #AnythingPopup_BoxContainer25, #AnythingPopup_BoxContainerBody25, #AnythingPopup_BoxContainer26, #AnythingPopup_BoxContainerBody26, #AnythingPopup_BoxContainer27, #AnythingPopup_BoxContainerBody27{ height:auto !important; } #AnythingPopup_BoxContainer27 { text-align: left; } .block-tags{ word-break: break-all; } .block-tags .tags-links a:first-child { padding-left: 0; } .block-tags > .sep{ display: none; } .block-tags.custom_post_date{ display: none !important; } .single .block-tags.custom_post_date{ display: block !important; } .single .page-title-style-1 .block-tags.custom_post_date{ color: #FFF !important; } .page-template-ar-demo #site-header-wrapper, .page-template-ar-demo footer, .page-template-ar-demo .scroll-top-button{ display:none !important; } .page-template-ar-demo .site-main{ margin-top: 0; } .page-template-ar-demo .ar-demo-wrap{ width:100%; height:100vh; text-align:center; } .page-template-ar-demo .ar-image{ width:100%; height:100%; object-fit:contain; } .page-template-ar-demo .tooltipWrap.tooltips { position: absolute; display: inline; right:8%; top:10px; } .page-template-ar-demo .fa-info-circle{ font-size:18px; color:#cb1b27; cursor:pointer; } .page-template-ar-demo .tooltipWrap.tooltips span { position: absolute; width:140px; color: #FFFFFF; background: #000000; min-height: 30px; height: auto; line-height: 30px; text-align: center; visibility: hidden; border-radius: 6px; line-height: 20px; font-size: 14px; padding: 5px 10px; } .page-template-ar-demo .tooltipWrap.tooltips span:after { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #000000; border-right: 8px solid transparent; border-left: 8px solid transparent; } .page-template-ar-demo .tooltipWrap:hover.tooltips span { visibility: visible; opacity: 0.8; top: 35px; left: 50%; margin-left: -71px; z-index: 999; } .page-template-ar-demo .tooltipWrap.tooltips span a{ color:#FFF; } .page-template-ar-demo .tooltipWrap.tooltips span a:hover, .page-template-ar-demo .tooltipWrap.tooltips span a:focus{ color:#FFF; opacity:0.8; } .menu-footer-services-container ul li.ardemo-link { margin-top:22px; margin-left:19px; font-size: 16px; } .menu-footer-services-container ul li.ardemo-link:before, .sc-contacts-item ul li.ardemo-link:before { content:none; } .page-template-ar-demo #page { background-color:#fff !important; } .page-id-16143 .block-content{ padding-top: 0; background-repeat: no-repeat; background-position: center; } .ar-sections:before{ content: ''; background-image: url(//www.communicationcrafts.com/wp-content/themes/scalia/images/pattern-left.png); background-repeat: no-repeat; position: absolute; left: 0; width: 224px; height: 100%; top: 1015px; } .ar-sections:after{ content: ''; background-image: url(//www.communicationcrafts.com/wp-content/themes/scalia/images/pattern-right.png); background-repeat: no-repeat; position: absolute; right: 0; width: 224px; height: 100%; top: 1015px; } .img-info-wrap .wpb_wrapper{ max-width: 1411px; margin:0 auto; position: relative; } .img-info{ display: none; position: absolute; top: 107px; right: 143px; } .img-info p{ color: #000000; font-size: 14px; } .img-info a{ display: inline-block; margin-right: 10px; } .img-info a:last-child{ margin-right: 0; } .img-info img{ width: 37px; height: 37px; } .ar-intro-block{ max-width: 830px; margin: 0 auto; text-align: center; } .ar-intro-block p:first-child{ font-size: 30px; color: #000000; font-weight: 100; } .ar-intro-block h1{ color: #0e0e0f; font-size: 50px; line-height: 99px; display: inline-block; margin-bottom: 54px; margin-top: 35px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; } .ar-intro-block h1 small{ color: #b42a32; font-size: 100%; } .ar-intro-block p{ font-size: 18px; color: #414042; margin-bottom: 20px; } .feature-block{ max-width: 1468px; margin-top: 95px; margin-right: auto !important; margin-left: auto !important; z-index:999; padding: inherit !important; left: 0 !important; } .feature-block h4{ font-size: 30px; color: #474748; margin-bottom: 25px; } .feature-block h4 small{ color: #b42a32; font-size: 100%; } .feature-block .wpb_text_column{ padding-top: 55px; padding-left: 15px; } .feature-block p{ max-width: 543px; font-size: 18px; color: #414042; margin-bottom: 20px; } .feature-block .wpb_text_column.facetime-text-block{ padding-left: 115px; } .mounuments-row{ margin-top: 100px !important; margin-bottom: 130px !important; z-index: 999; position: relative; } .mounuments-row .mounuments{ text-align: center; margin-bottom: 43px; } .mounuments h4{ font-size: 30px; color: #474748; border-bottom: 1px solid #000000; display: inline-block; padding-bottom: 12px; margin-bottom: 12px; } .mounuments h4 small{ color: #b42a32; font-size: 100%; } .mounuments p{ color: #414042; font-size: 18px; } .client-title{ position: absolute; color: #ffffff; } .client-title p{ color: #ffffff; } .video-embd-wrap{ padding: 10px 0 40px 0; } .video-embd{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .video-embd iframe{ left:0; top:0; height:100%; width:100%; position:absolute; } .description.fixed-bottom{ position: relative; } .description.fixed-bottom .info{ position: absolute; width: 90%; bottom: 16px; } @font-face { font-family: 'Montserrat', sans-serif; src: url(//www.communicationcrafts.com/wp-content/themes/scalia/fonts/Montserrat-SemiBold.ttf) format('truetype'); font-weight: 600; font-display: swap; } @font-face { font-family: 'Montserrat', sans-serif; src: url(//www.communicationcrafts.com/wp-content/themes/scalia/fonts/Montserrat-Bold.ttf) format('truetype'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Montserrat', sans-serif; src: url(//www.communicationcrafts.com/wp-content/themes/scalia/fonts/Montserrat-Regular.ttf) format('truetype'); font-weight: 400; font-display: swap; } .vidblog-inner:before { box-shadow: 0 15px 0px 0px white, 0 -5px 0px 0px white, 12px 0 12px -18px rgba(31, 73, 125, 0.3), -1px 0 15px -5px rgba(31, 73, 125, 0.3); content: ""; position: absolute; width: 100%; top: 0; left: 0; height: 335px; z-index: 0; } .vidblog-inner{ margin: -150px auto 0 auto !important; background-color: #ffffff; position: relative; max-width: 850px; padding:40px 40px 0px 40px; box-sizing: border-box; } @media screen and (max-width: 991px){ .vidblog-inner{ margin-top:-100px !important; padding:15px 0; } } .vidblog-inner p{ font-size: 16px; color: #383838; margin: 0 0 30px 0; line-height: 30px !important; } .vidblog-inner p:last-child{ margin: 0 0 30px 0; } .vidblog-inner p a{ color: #383838; border-bottom: 1px #383838 solid; } .vidblog-inner p a:hover, .vidblog-inner p a:focus{ color: #000; text-decoration: none; border-bottom: none; } .vidblog-title p, .vidblog-title h1{ font-size: 48px; color: #28282a; font-weight: 600; font-family: 'Montserrat', sans-serif !important; text-align: center; line-height: 50px !important; margin: 0 0 33px 0 !important; } .vidblog-readtime p{ font-size: 12px; font-weight: 400; text-transform: uppercase; color: #a9a9a9; text-align: center; font-family: 'Montserrat', sans-serif !important; margin: 0 0 28px 0 !important; } .vidblog-readtime p span { background: url(//www.communicationcrafts.com/wp-content/themes/scalia/images/icon-clock.svg); background-size: contain; background-repeat: no-repeat; padding-left: 25px; width: 14px; height: 14px; } .vidblog-inner ul{ margin: 0 0 30px 0; color: #383838; } .vidblog-inner img{ max-width: 100%; height: auto; margin-top: 0 !important; margin-bottom: 0 !important; padding-bottom: 3px; } .vidblog-inner h4, .vidblog-inner h5{ color: #383838; font-family: 'Montserrat', sans-serif !important; } .vidblog-inner h4 { font-size: 36px; margin: 0 0 28px 0; padding-top: 50px; line-height: 45px; font-weight: 600; } .vidblog-inner h5 { font-size: 24px; margin: 0 0 31px 0; line-height: 33px; font-weight: 400; padding-top: 2px; } .video-blog-inner .post-author-block, .video-blog-inner .scalia_socials_sharing{ max-width: 770px; margin: 0 auto; display: flex; padding: 0 15px; } .video-blog-inner .scalia_socials_sharing{ margin-bottom: 30px; } .video-blog-inner .post-author-block{ background: transparent; } .video-blog-inner .block-divider, .video-blog-inner .block-navigation, .video-blog-inner .post-author-avatar, .video-blog-inner .post-author-info .description, .video-blog-inner .block-tags, .video-blog-inner .post-related-posts, .video-blog-inner .socials-sharing .googleplus, .video-blog-inner .socials-sharing .stumbleupon{ display: none !important; } .video-blog-inner .post-author-info .name, .video-blog-inner .post-author-info .date{ margin-left: 0; font-family: 'PT Sans', sans-serif !important; } .video-blog-inner .post-author-info .name, .video-blog-inner .post-author-info .date-info{ float: left; } .video-blog-inner .block-divider{ margin-top: 15px; } .video-blog-inner .block-navigation{ margin-bottom: 15px; } .video-blog-inner .post-author-info .name{ font-size: 16px; color: #383838; line-height: 30px !important; margin-top: 0; font-weight: 600; margin-right: 10px; } .video-blog-inner .post-author-info .date{ font-size: 16px; color: #383838; line-height: 30px !important; margin-top: 0; } .video-blog-inner .post-author-info .categories a{ color: #a9a9a9; } .video-blog-inner .post-author-info .categories a:hover, .video-blog-inner .post-author-info .categories a:focus{ color: #383838; text-decoration: none; border-bottom: 1px #383838 solid; } .video-blog-cta{ background: rgb(255,201,16); background: linear-gradient(121deg, rgba(255,201,16,1) 60%, rgba(253,184,19,1) 100%); padding: 58px 39px; color: #fff; text-align: center; margin-top: 40px; } .video-blog-cta h6{ color: #000; margin: 0 0 13px 0; font-size: 24px; font-weight: 600; font-family: 'PT Sans', sans-serif !important; } .video-blog-cta p{ color: #000; margin: 0 0 30px 0; } .video-blog-cta a{ box-shadow: 0 5px 10px rgba(0,0,0,.3); background-color: #fff; display: inline-block; padding: 10px 48px; color: #2d2d2d; border-radius: 3px; transition: all .15s ease; outline: none; } .video-blog-cta a:hover, .video-blog-cta a:focus{ color: #fff; background-color: #272727; } @media screen and (max-width:1800px){ .feature-block { max-width: 1170px; } } @media screen and (max-width:1440px){ .feature-block{ margin-top: 50px !important; max-width: 1020px; } } @media screen and (max-width:1365px){ .ar-sections:before, .ar-sections:after{ content: inherit; background-image: none; } } @media screen and (max-width:1290px){ .img-info { position: static; top: inherit; right: inherit; padding-top: 30px; text-align: center; } } @media screen and (max-width:360px) { .sc-team-style-horizontal .team-person { padding-left: 10px!important } .diagram-circle .text { font-size: 15px!important } } #post-11833 .sc-textbox-content .wpb_single_image img { display: block; max-width: 100%!important; height: auto!important; width: 100%!important } .top-area.top-area-style-2 { padding: 0px; border: 0px none;} .wpb_single_image .vc_single_image-wrapper { width: 100% } #AnythingPopup_BoxContainer1, #AnythingPopup_BoxContainer2, #AnythingPopup_BoxContainer3, #AnythingPopup_BoxContainer4, #AnythingPopup_BoxContainer5, #AnythingPopup_BoxContainer6, #AnythingPopup_BoxContainer7 { width: 100%!important; max-width: 400px; left: 50%!important; top: 50%!important; transform: translate(-50%, -50%)!important; -webkit-transform: translate(-50%, -50%)!important; -moz-transform: translate(-50%, -50%)!important } #AnythingPopup_BoxContainer18 { width: 100%!important; max-width: 1080px; left: 50%!important; top: 50%!important; transform: translate(-50%, -50%)!important; -webkit-transform: translate(-50%, -50%)!important; -moz-transform: translate(-50%, -50%)!important } #AnythingPopup_BoxContainerBody1, #AnythingPopup_BoxContainerBody2, #AnythingPopup_BoxContainerBody3, #AnythingPopup_BoxContainerBody4, #AnythingPopup_BoxContainerBody5, #AnythingPopup_BoxContainerBody6, #AnythingPopup_BoxContainerBody7, #AnythingPopup_BoxContainerBody18 { clear: both } #AnythingPopup_BoxContainer1, #AnythingPopup_BoxContainer2, #AnythingPopup_BoxContainer3, #AnythingPopup_BoxContainer4, #AnythingPopup_BoxContainer5, #AnythingPopup_BoxContainer6, #AnythingPopup_BoxContainer7, #AnythingPopup_BoxContainer8, #AnythingPopup_BoxContainerBody18 { z-index: 99999999!important } @media only screen and (max-device-width :768px) and (orientation :landscape) { #AnythingPopup_BoxContainer1, #AnythingPopup_BoxContainer2, #AnythingPopup_BoxContainer3, #AnythingPopup_BoxContainer4, #AnythingPopup_BoxContainer5, #AnythingPopup_BoxContainer6, #AnythingPopup_BoxContainer7, #AnythingPopup_BoxContainerBody18 { top: 5%!important; transform: translate(-50%, -5%)!important; -webkit-transform: translate(-50%, -5%)!important; -moz-transform: translate(-50%, -5%)!important; max-height: 400px!important; height: auto!important; overflow-y: scroll } } body { background-attachment: fixed } @media screen and (max-width:767px) { .event-top-banner {display:none;} .sc-team-style-rounded .inline-column { float: none!important } .vc_cta3-container.vc_cta3-size-xs { width: 90%!important; text-align: center } .vc_cta3-container .vc_general.vc_cta3 { width: 100% } .vc_general.vc_cta3.vc_cta3-align-center .vc_cta3-content { padding-bottom: 30px } .vc_cta3-container .vc_general.vc_cta3 .vc_cta3-actions { width: 100%; text-align: center; margin-top: 15px } } #primary-menu .sub-menu .wpb_wrapper p, .sc-list>ul>li span { text-align: justify } @media screen and (min-width:769px) { .new--padding-value { padding-bottom: 30px } } .wpb_wrapper h2 { line-height: normal !important; font-weight:normal !important; } .top-area-contacts .sc-contacts-phone { color: #4c5867!important } .wpcf7-form-control.wpcf7-text { line-height: 100%!important } .sc-button::before { margin-left: -1.4em!important } .sorry-msg { padding-top: 15px } .styled-subtitle { line-height: 34px!important } #primary-menu .sub-menu { z-index: 5000!important } .sc-testimonial-name { padding-bottom: 10px; margin-top: 0!important } .sc-testimonial-position { color: #384554!important } .vc_custom_heading>h2 { margin-bottom: 0; padding-top: 5px } .zopim { right: 100px!important } .image-inner>img { height: 197px!important; object-fit: cover; } .side-top-title { line-height: normal } #wpcf7-f11446-p11438-o2 .wpcf7-mail-sent-ok { color: #acdd8b!important } .wpcf7-form div.wpcf7-mail-sent-ok { color: #4bba00!important } .sc-list>ul>li>strong { text-align: left } .centered-box, .inline-row-center { text-align: center } #primary-menu.no-responsive>li.megamenu-enable>a:hover>ul { display: block!important } @media (min-width:981px) { #menu-item-11433 .megamenu-fullwidth li#menu-item-11718, #menu-item-15740 .megamenu-fullwidth li#menu-item-15745 { top: 18px!important; margin-left: 80px!important } #menu-item-11433 .megamenu-fullwidth .megamenu-new-row, #menu-item-15740 .megamenu-fullwidth .megamenu-new-row { display: none!important } #primary-menu.no-responsive li:hover>ul { visibility: visible!important; opacity: 1!important } #menu-item-11433 ul { height: 358px!important } #menu-item-12774 { width: auto!important; margin-right: 0!important; margin-left: 44px!important } #primary-menu.no-responsive>li>ul li#menu-item-12774 a { padding: 0 10px!important } } .vc_cta3_content-container { display: table; margin: 0 auto; table-layout: fixed } .diagram-circle .text { font-size: 18px!important } @media screen and (max-width:400px) { .diagram-circle .text { font-size: 13px!important } .page-title-title .title-h1, .page-title-title h1, .title-h1, h1 { font-size: 40px!important } .title-h1, h1 { word-wrap: break-word } .sc-textbox>.sc-textbox-content { padding: 5px!important } } #main-content .block-content { padding-bottom: 0px!important } p { margin: 0 0 0.5em } .row { margin-bottom: 1.421em } .row:last-of-type { margin-bottom: 0 } .team-person-name { line-height: normal!important } @media (max-width:1199px) { .row { margin-top: -1.421em } .row>* { margin-top: 1.421em } .feature-block .wpb_text_column { padding-top: 0; padding-left: 0; } .feature-block .wpb_text_column.facetime-text-block { padding-left: 0; } } .title-h1, h1 { margin: .26em 0 } .title-h2, h2 { margin: .49em 0 } .title-h3, h3 { margin: 0.4em 0; } .title-h4, h4 { margin: .63em 0 } .title-h5, h5 { word-wrap: break-word; margin: .78em 0 } .title-h6, h6 { margin: .7em 0 } blockquote { margin: 0 0 1.421em; line-height: 1.4; font-style: italic } blockquote p:after { content: '\00a0\e60b'; font-family: scalia-icons; position: relative; top: .6em; vertical-align: top; font-style: normal; font-weight: 400; font-size: 28px } .sc-dummy { display: inline-block; width: 100%; height: 100%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% } .grayscale { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(//www.communicationcrafts.com/wp-content/themes/scalia/css/grayscale.svg#greyscale) } .grayscale-hover:hover { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none } .inline-row { font-size: 0; margin-bottom: -30px } .inline-column { display: inline-block; text-align: left; vertical-align: top; margin-bottom: 0px } ol.styled, ul.product_list_widget, ul.styled { margin: 0; padding: 0; list-style: none } .centered-box>:last-child, .comment-text>:last-child, .entry-content.post-content>.wpb_row:last-child, .entry-content.post-content>:last-child, .fullwidth-block>.container>:last-child, .fullwidth-block>:last-child, .sc-icon-with-text-content>:last-child, .sc-icon-with-text-text>:last-child, .sc-map-with-text-content>.container>:last-child, .sc-map-with-text-content>:last-child, .sc-textbox-content>.wpb_row:last-child, .sc-textbox-content>:last-child, .sc_accordion_content>:last-child, .sc_tab>:last-child, blockquote>:last-child { margin-bottom: 0 } .centered-box>:first-child, .comment-text>:first-child, .fullwidth-block>.container>:first-child, .fullwidth-block>:first-child, .sc-icon-with-text-content>:first-child, .sc-icon-with-text-text>:first-child, .sc-map-with-text-content>.container>:first-child, .sc-map-with-text-content>:first-child, .sc-textbox-content>:first-child, .sc_accordion_content>:first-child, .sc_tab>:first-child, .wpb_wrapper>:first-child, blockquote>:first-child { margin-top: 0 } .ls-scalia a.ls-nav-next, .ls-scalia a.ls-nav-prev, .sc-next, .sc-prev { position: absolute; width: 50px; top: 0; bottom: 0; font-size: 0; line-height: 0; text-indent: 100%; overflow: hidden; display: block } .ls-scalia a.ls-nav-next:focus, .ls-scalia a.ls-nav-prev:focus, .sc-next:focus, .sc-prev:focus { outline: 0 } .ls-scalia a.ls-nav-next, .ls-scalia a.ls-nav-prev, .nivo-directionNav .sc-next, .nivo-directionNav .sc-prev, .related-products-carousel.fullwidth-block .sc-next, .related-products-carousel.fullwidth-block .sc-prev, .sc-testimonials.fullwidth-block .sc-next, .sc-testimonials.fullwidth-block .sc-prev { width: 10%; z-index: 10 } .ls-scalia a.ls-nav-prev, .sc-prev { left: 0 } .ls-scalia a.ls-nav-next, .sc-next { right: 0 } .ls-scalia a.ls-nav-next:after, .ls-scalia a.ls-nav-prev:after, .sc-next:after, .sc-prev:after { position: absolute; font-family: scalia-icons; top: 50%; margin-top: -36px; left: 50%; margin-left: -36px; width: 72px; font-size: 38px; height: 72px; line-height: 72px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% } .ls-scalia a.ls-nav-prev:after, .sc-prev:after { content: '\e603'; text-indent: -6px } .ls-scalia a.ls-nav-next:after, .sc-next:after { content: '\e601'; text-indent: 6px } .sc-next.disabled, .sc-prev.disabled { visibility: hidden } .sc-pagination { text-align: center; margin-top: 0px } .sc-pagination .current, .sc-pagination a { position: relative; display: inline-block; margin: 0 8px 20px; width: 35px; height: 35px; line-height: 28px; text-align: center; vertical-align: top; text-decoration: none } .sc-button:before, .sc-icon { font-weight: 400; vertical-align: middle } .sc-pagination .current { border: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } .sc-pagination .next, .sc-pagination .prev { border: 0; font-size: 0; text-indent: 100%; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } .sc-pagination .next:hover, .sc-pagination .prev:hover { background: 0 0 } .sc-pagination .next:after, .sc-pagination .prev:after { position: absolute; text-indent: 0; font-size: 28px; width: 100%; height: 100%; top: 3px; left: 0; font-family: scalia-icons; font-weight: 400 } .sc-pagination .prev:after { content: '\e603' } .sc-button:before, .sc-pagination .next:after { content: '\e601' } .sc-mini-pagination { text-align: center; padding-top: 15px } .sc-mini-pagination a { display: inline-block; width: 17px; height: 17px; font-size: 0; line-height: 0; text-indent: 100%; overflow: hidden; margin: 0 7px; border-radius: 17px; -moz-border-radius: 17px; -webkit-border-radius: 17px } .sc-mini-pagination a:focus { outline: 0 } .sc-icon { position: relative; font-family: scalia-user-icons; font-size: 25px; width: 50px; height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; line-height: 46px; overflow: hidden; display: inline-block } .sc-icon-centered { display: block; margin: 0 auto } .sc-icon.sc-simple-icon { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; width: 25px; height: 25px; line-height: 25px } .sc-icon-size-medium { font-size: 37px; width: 84px; height: 84px; line-height: 80px } .sc-icon-size-medium.sc-simple-icon { width: 37px; height: 37px; line-height: 37px } .sc-icon-size-big { font-size: 64px; width: 128px; height: 128px; line-height: 124px } .sc-icon-size-big.sc-simple-icon { width: 64px; height: 64px; line-height: 64px } .sc-icon .sc-icon-half-1, .sc-icon .sc-icon-half-2 { float: left; width: 100%; height: 100%; overflow: hidden; text-align: center } .sc-icon .sc-icon-half-1 { margin-left: -50% } .sc-icon .sc-icon-half-2 { margin-right: -50% } .sc-icon.angle-45deg-l .sc-icon-half-1, .sc-icon.angle-45deg-l .sc-icon-half-2 { transform: skew(45deg, 0); -o-transform: skew(45deg, 0); -ms-transform: skew(45deg, 0); -moz-transform: skew(45deg, 0); -webkit-transform: skew(45deg, 0) } .sc-icon.angle-45deg-r .sc-icon-half-1, .sc-icon.angle-45deg-r .sc-icon-half-2 { transform: skew(-45deg, 0); -o-transform: skew(-45deg, 0); -ms-transform: skew(-45deg, 0); -moz-transform: skew(-45deg, 0); -webkit-transform: skew(-45deg, 0) } .sc-icon .back-angle { display: block; position: relative; width: 200%; height: 100% } .sc-icon .sc-icon-half-2 .back-angle { left: -100% } .sc-icon.angle-45deg-l .back-angle { transform: skew(-45deg, 0); -o-transform: skew(-45deg, 0); -ms-transform: skew(-45deg, 0); -moz-transform: skew(-45deg, 0); -webkit-transform: skew(-45deg, 0) } .sc-icon.angle-45deg-r .back-angle { transform: skew(45deg, 0); -o-transform: skew(45deg, 0); -ms-transform: skew(45deg, 0); -moz-transform: skew(45deg, 0); -webkit-transform: skew(45deg, 0) } .sc-button, input[type=submit] { position: relative; display: inline-block; padding: .4546em 1.1364em .4546em 2em; margin-top: 13px; white-space: nowrap; border: 0 } .sc-button:hover { text-decoration: none } .sc-button:before { font-family: scalia-icons; float: left; margin-left: -1.4em; font-size: 82.6% } .sc-button-simple, input[type=submit] { padding-left: 1.1364em } .sc-button-simple:before { display: none } .blog-style-default .comments-link a:hover:after, .page-links a:hover:after, .sc-button:hover:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.2) } .socials-item { display: inline-block; vertical-align: top; margin-left: 50px } .socials-item a { display: block; position: relative; height: 50px; width: 30px; font-size: 0; line-height: 0 } .socials-item a:after { position: absolute; font-family: scalia-socials; font-size: 23px; left: 0; top: 0; width: 100%; height: 100%; line-height: 50px; text-align: center; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear } .socials-item.twitter a:after { content: '\e603' } .socials-item.facebook a:after { content: '\e601' } .socials-item.linkedin a:after { content: '\e604' } .socials-item.googleplus a:after { content: '\e602' } .socials-item.stumbleupon a:after { content: '\e606' } .socials-item.rss a:after { content: '\e608' } .preloader { position: relative; height: 200px } .slideshow-preloader { height: 400px } .loading { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2 } .loading:after, .preloader:after { content: ''; position: absolute; height: 90px; width: 90px; background: url(//www.communicationcrafts.com/wp-content/themes/scalia/images/preloader-1.gif) 50% 50% no-repeat #fff; top: 50%; left: 50%; margin-top: -45px; margin-left: -45px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% } .preloader+* { padding: 0!important; margin: 0!important; overflow: hidden!important; opacity: 0 } .preloader+:not(iframe) { height: 0!important } .preloader+iframe { margin-top: -200px!important } .loading+* { opacity: 0 } input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] { padding: 0 10px; height: 34px; line-height: 32px; max-width: 100% } textarea { padding: 10px; max-width: 100% } .combobox-wrapper { position: relative; width: 100%; height: 34px; display: inline-block; vertical-align: middle; min-width: 150px; padding-right: 34px } .combobox-wrapper .combobox-text { display: block; padding: 0 10px; line-height: 32px; overflow: hidden; text-align: left; white-space: nowrap } .checkbox-sign.checked:before, .combobox-wrapper .combobox-button:before { font-size: 14px; line-height: 14px; margin-left: -7px; font-family: scalia-icons; font-weight: 400 } .combobox-wrapper .combobox-button { width: 34px; height: 34px; position: absolute; right: -1px; top: -1px; cursor: pointer } .combobox-wrapper .combobox-button:before { content: '\e602'; position: absolute; left: 50%; top: 50%; margin-top: -7px; width: 14px; height: 14px } .combobox-wrapper select { width: 100%; cursor: pointer } .sc_accordion_header .ui-accordion-header-icon:before { display: inline-block; margin-top: -5px } .checkbox-sign, .radio-sign { display: inline-block; width: 34px; height: 34px; cursor: pointer; position: relative; vertical-align: middle } .radio-sign { width: 22px; height: 22px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% } .checkbox-sign.checked:before, .radio-sign.checked:before { position: absolute; left: 50%; top: 50% } .checkbox-sign.checked:before { content: '\e614'; text-align: center; width: 14px; height: 14px; margin-top: -7px } .radio-sign.checked:before { content: ''; font-size: 10px; width: 10px; height: 10px; line-height: 10px; margin-top: -5px; margin-left: -5px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% } #page { position: relative; overflow: hidden } #page.layout-boxed { max-width: 1260px; margin: 0 auto; box-shadow: 0 0 18px 0 #000 } @media (max-width:768px) { #site-header.site-header.fixed { width: auto; position: relative; left: auto; top: auto!important; z-index: 1 } } .page-title-block { text-align: center; background-position: 50% 0; background-size: cover; padding: 30px 0; position: relative } .page-title-title h1, .page-title-title h2 { margin: 0; line-height: 1 } .page-title-icon+.page-title-title { margin-top: 10px } .page-title-excerpt { margin-top: 15px } .page-title-style-1 .page-title-title { margin-top: 7px; margin-bottom: 7px } .page-title-block.page-title-style-2 { text-align: left; padding: 12px 0 0 } .page-title-style-2 .container { position: relative; padding-bottom: 38px } .page-title-style-2 .container:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: url(//www.communicationcrafts.com/wp-content/themes/scalia/images/divider-wave.png) 50% 50% repeat-x } .page-title-style-2 .page-title-excerpt { font-size: 89.5%; line-height: 1.421; margin-top: 8px } .top-area { padding: 5px 0;} .top-area-search.trail_btn{ margin-top: 2px;} .top-area-socials { float: right; height: 30px; line-height: 30px } .top-area-search { float: left; position: relative; padding-right: 30px } .top-area-contacts { float: left; line-height: 30px } .top-area-style-2 .top-area-contacts { float: none } .top-area-search .searchform { padding: 0; position: relative; height: 30px; line-height: 30px } .top-area-search .searchform input { font-size: 15px; width: 190px; padding: 0 29px 0 10px; height: 30px; line-height: 28px; vertical-align: top } .top-area-search .searchform button { position: absolute; top: 1px; right: 1px; width: 29px; height: 29px; padding: 0; margin-top: 0; background: 0 0; font-size: 0; line-height: 0; overflow: hidden } .top-area-search .searchform button:before { position: absolute; content: '\e612'; font-family: scalia-icons; font-size: 12px; height: 29px; line-height: 29px; width: 29px; text-align: center; top: 0; left: 0 } .top-area-socials .socials-item { margin-left: 10px } .top-area-socials .socials-item a { width: 30px; height: 30px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% } .top-area-socials .socials-item a:after { line-height: 30px; font-size: 16px } .top-area-style-2 .top-area-socials .socials-item a { background-color: transparent } .top-area-style-2 .top-area-search { float: right; padding-right: 0 } .top-area-socials .socials-item.linkedin { margin-left: 0; } .top-area-socials .socials-item.linkedin a, .top-area-socials .socials-item.facebook a{ width: 22px; } .header-bg{ background-color:#d72328; width:100%; margin-bottom:20px; } .logo-bg{ float:left; text-align:center; } .top-logo{ margin-top:0px; } .top{ float:left; } .top-txt { font-family: "Playfair Display"; color:#ffffff; font-size:10px; font-weight:bold; letter-spacing:1px; padding-left:0px; margin-top: 14px; text-align:center; margin-bottom: 0; line-height: 12px; } .top-btn > a{ background-color:#ffffff; height:25px; line-height: 25px; color:#474648; font-family: "Playfair Display"; font-size:14px; text-decoration:none; padding:4px 17px 4px 15px; font-weight:bold; text-transform: uppercase; } .top-btn{ margin-top:6px; float:left; margin-bottom:0px; padding-top: 3px; } .site-main{ margin-top:0px;} .xmas-strip{background:#6b6b6b ; text-align: center;} .widget .menu ,.widget .menu li,.widget .menu li a { border: 0px none!important; border-radius: 0px;} .widget div ul { box-shadow: none!important; } .widget .menu li a{ padding: 0px!important;line-height: 24px; } .footer-widget-area .widget-title{ color: #d1d3d4!important; font-size: 18px; line-height: 24px; margin-top: 0; padding-top: 0;font-weight: 600;margin-bottom:5px; } .widget-title.email-title,.sc-contacts .widget-title, .sc-contacts-item .widget-title{ margin-top:10px; } .sc-contacts-item .menu { list-style: outside none none; margin-top: 0; padding-left: 0; } @media (max-width:1200px) { .top-area { display: none } } @media (max-width:1182px) { .top-btn > a{padding:0;max-width: 70px;text-align:center;display: block;} .top-logo{margin: 5px 0;} } #site-header { position: relative; z-index: 5 } #site-header.animated-header { position: static } #site-header .site-title { display: table-cell; vertical-align: middle; padding: 15px 0 } #site-header .primary-navigation { display: table-cell; width: 99%; vertical-align: middle; text-align: right; position: relative; z-index: 10 } #site-header .logo-position-right .primary-navigation { text-align: left } .site-title h1 { margin: 0; font-size: 0!important; line-height: 0!important } @media (min-width:768px) { #site-header .logo-position-center .primary-navigation, #site-header .logo-position-center .site-title { display: block; text-align: center } #site-header .logo-position-center .site-title { padding-top: 45px } } #site-header .header-main { position: relative; z-index: 11 } #primary-menu, #primary-menu+ul { text-align: left } #primary-navigation #primary-menu.no-responsive li.dl-back, #primary-navigation #primary-menu.no-responsive li.dl-parent, #primary-navigation .menu-toggle { display: none } #primary-menu.no-responsive { text-align: left; white-space: nowrap; display: inline-block } #primary-menu.no-responsive li { position: relative } #primary-menu.no-responsive a { position: relative; display: block; text-decoration: none } #primary-menu.no-responsive>li { display: inline-block; vertical-align: middle } #primary-menu.no-responsive>li>a { padding: 35px 16px;} #primary-menu.no-responsive>li.menu-item-parent>a:after { position: absolute; width: 16px; height: 9px; left: 50%; margin-left: -8px; bottom: 15px; font-family: scalia-icons; font-weight: 400; content: '\e602'; font-size: 14px; line-height: 9px; transition: all 10ms linear .5s; -moz-transition: all 10ms linear .5s; -webkit-transition: all 10ms linear .5s; visibility: hidden } #primary-menu.no-responsive:hover>li.menu-item-parent>a:after { visibility: hidden; transition: all 10ms linear; -moz-transition: all 10ms linear; -webkit-transition: all 10ms linear } #primary-menu.no-responsive>li.menu-item-parent:hover>a:after { visibility: visible; transition: all 10ms linear; -moz-transition: all 10ms linear; -webkit-transition: all 10ms linear } #primary-menu.no-responsive>li ul { position: absolute; visibility: hidden; white-space: normal; width: 280px; transition: all .1s linear .5s; -moz-transition: all .1s linear .5s; -webkit-transition: all .1s linear .5s; opacity: 0 } #primary-menu.no-responsive>li>ul:before { content: ''; position: absolute; bottom: -3px; left: -3px; right: -3px; height: 3px } #primary-menu.no-responsive>li>ul { transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); -moz-transform: translateY(20px); -webkit-transform: translateY(20px); top: 100%; left: 0 } #primary-menu.no-responsive:hover li:hover>ul { visibility: visible; transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0) } #primary-menu.no-responsive:hover>li ul { visibility: hidden; transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; opacity: 0 } #primary-menu.no-responsive>li>ul.invert { left: auto; right: 0 } #primary-menu.no-responsive>li>ul a { padding: 15px 30px } #primary-menu.no-responsive>li>ul ul { top: 0; left: 100%; transform: translateX(20px); -o-transform: translateX(20px); -ms-transform: translateX(20px); -moz-transform: translateX(20px); -webkit-transform: translateX(20px); z-index: 1 } #primary-menu.no-responsive>li>ul ul.invert { top: 0; left: auto; right: 100%; transform: translateX(-20px); -o-transform: translateX(-20px); -ms-transform: translateX(-20px); -moz-transform: translateX(-20px); -webkit-transform: translateX(-20px) } #primary-menu.no-responsive>li>ul li:hover>ul { transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0) } #primary-menu.no-responsive>li li.menu-item-parent>a:after { position: absolute; width: 9px; height: 16px; right: 20px; top: 50%; margin-top: -8px; font-weight: 400; font-family: scalia-icons; content: '\e601'; font-size: 16px; line-height: 16px } #primary-menu.no-responsive>li.megamenu-enable>ul>li>ul ul { display: none } #primary-menu.no-responsive>li.megamenu-enable>ul { width: auto; white-space: nowrap; background-repeat: no-repeat; font-size: 0; line-height: 1 } #primary-menu.no-responsive>li.megamenu-enable>ul.megamenu-masonry.megamenu-masonry-inited>li { position: absolute } #primary-menu.no-responsive li>ul.without-transition { transition: none!important; -moz-transition: none!important; -webkit-transition: none!important } #primary-menu.no-responsive>li.megamenu-enable ul { width: auto } #primary-menu.no-responsive>li.megamenu-enable>ul ul { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } #primary-menu.no-responsive>li.megamenu-enable>ul>li { display: inline-block; vertical-align: top; margin: 0 0 0 31px } #primary-menu.no-responsive>li.megamenu-enable>ul>li.megamenu-first-element { margin-left: 0 } #primary-menu.no-responsive>li.megamenu-enable>ul>li.megamenu-new-row { display: block; margin: 0 0 20px } #primary-menu.no-responsive>li.megamenu-enable li { background: 0 0 } #primary-menu.no-responsive>li.megamenu-enable>ul>li span.megamenu-column-header { display: block; padding-bottom: 10px; margin-bottom: 14px } #primary-menu.no-responsive>li.megamenu-enable>ul>li { padding: 3px 0 } #primary-menu.no-responsive>li.megamenu-enable>ul>li a { display: inline-block; background: 0 0; padding: 0 } #primary-menu.no-responsive>li.megamenu-enable li.menu-item-parent>a:after { display: none } #primary-menu.no-responsive>li.megamenu-enable>ul>li span.megamenu-column-header a { padding: 0; } #primary-menu.no-responsive>li.megamenu-enable>ul>li span.megamenu-column-header a.mega-no-link { pointer-events: none } #primary-menu.no-responsive>li.megamenu-enable>ul>li span.megamenu-column-header a.megamenu-has-icon:before { display: inline-block; font-family: scalia-user-icons; font-weight: 400; content: attr(data-icon); font-size: 14px; vertical-align: baseline; margin-right: 9px } #primary-menu.no-responsive>li.megamenu-enable>ul>li .mega-label { display: inline-block; font-size: 65%; line-height: 1.6; text-transform: uppercase; padding: 1px 3px 1px 4px; margin: 0 0 0 7px; position: relative; top: -2px; vertical-align: middle } #primary-menu.no-responsive>li.megamenu-enable>ul>li>ul li>a { position: relative; padding-left: 34px; padding-right: 12px; vertical-align: middle; margin-left: -12px } #primary-menu.no-responsive>li.megamenu-enable>ul>li>ul>li>a:before { display: block; float: left; margin-left: -22px; font-family: scalia-user-icons; font-weight: 400; content: '\e7cf'; font-size: 14px; vertical-align: middle; width: 15px; text-align: center } #primary-menu.no-responsive>li.megamenu-enable>ul>li>ul>li.megamenu-has-icon>a::before { content: attr(data-icon); margin-left: -24px } #primary-menu.no-responsive>li.megamenu-enable>ul>li>ul { position: static; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0) } #primary-menu.no-responsive>li.megamenu-enable:hover>ul>li>ul { visibility: visible; opacity: 1 } @media (max-width:768px) { #site-header .header-main { position: relative; display: table; width: 100%; z-index: 11 } #primary-navigation .menu-toggle { display: inline-block } } #site-header #primary-navigation.responsive { position: static } #primary-navigation .menu-toggle { border: none; width: 50px; height: 44px; text-indent: 100%; font-size: 0; line-height: 0; overflow: hidden; position: relative; cursor: pointer; outline: 0; background: 0 0; padding: 0 } #primary-navigation .menu-toggle:after { content: ''; position: absolute; width: 100%; height: 4px; top: 10px; left: 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px } #site-header .primary-navigation.responsive { padding: 15px 0; vertical-align: middle } .primary-navigation.responsive ul { padding: 0!important; background: 0 0!important; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .primary-navigation.responsive li { position: relative; width: auto!important } .primary-navigation.responsive li a { display: block; position: relative; padding: 11px 30px; outline: 0 } .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subview>a, .dl-menu.dl-subview li.dl-subview>span, .dl-menu.dl-subview li.dl-subviewopen>a, .dl-menu.dl-subview li.dl-subviewopen>span, .primary-navigation.responsive li .dl-submenu, .primary-navigation.responsive li .mega-label { display: none } .primary-navigation.responsive li.dl-back, .primary-navigation.responsive li.dl-parent { text-align: right } .primary-navigation.responsive li.dl-back>a, .primary-navigation.responsive li.dl-parent>a { padding-left: 30px } .primary-navigation.responsive li.dl-back:after, .primary-navigation.responsive li.dl-parent>a:after, .primary-navigation.responsive li.menu-item-parent>a:after, .primary-navigation.responsive li.menu-item-parent>span>a:after { position: absolute; width: 9px; height: 16px; right: 20px; top: 50%; margin-top: -8px; font-weight: 400; font-family: scalia-icons; content: '\e601'; font-size: 16px; line-height: 16px } .primary-navigation.responsive li.dl-back:after { right: auto; left: 20px; content: '\e603' } .primary-navigation.responsive li.dl-parent>a:after { right: auto; left: 20px } .primary-navigation.responsive .dl-menu { margin: -15px 0 0; position: absolute; left: 0; right: 0; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden; text-align: left; top: 100% } @media (max-width:767px) { .site-main{ margin-top:0px;} .primary-navigation .dl-menu { position: absolute; left: 0; right: 0; opacity: 0 } } .primary-navigation.responsive .dl-menu:before { content: ''; position: absolute; bottom: -3px; left: -3px; right: -3px; height: 3px } .primary-navigation.responsive .dl-menu.dl-menu-toggle { transition: all .3s ease } .primary-navigation.responsive .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0); transform: translateY(0) } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu, .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li, .no-js .primary-navigation li .dl-submenu { display: block } .primary-navigation.responsive>.dl-submenu { position: absolute; width: 100%!important; left: 0; margin: -15px 0 0; top: 100% } .primary-navigation.responsive>.dl-submenu:before { content: ''; position: absolute; bottom: -3px; left: -3px; right: -3px; height: 3px } .dl-menu.dl-animate-out { -webkit-animation: MenuAnimOut .4s; animation: MenuAnimOut .4s } @-webkit-keyframes MenuAnimOut { 50% { -webkit-transform:translateZ(-250px) rotateY(30deg) } 75% { -webkit-transform:translateZ(-372.5px) rotateY(15deg); opacity:.5 } 100% { -webkit-transform:translateZ(-500px) rotateY(0); opacity:0 } } @keyframes MenuAnimOut { 50% { -webkit-transform:translateZ(-250px) rotateY(30deg); transform:translateZ(-250px) rotateY(30deg) } 75% { -webkit-transform:translateZ(-372.5px) rotateY(15deg); transform:translateZ(-372.5px) rotateY(15deg); opacity:.5 } 100% { -webkit-transform:translateZ(-500px) rotateY(0); transform:translateZ(-500px) rotateY(0); opacity:0 } } .dl-menu.dl-animate-in { -webkit-animation: MenuAnimIn .3s; animation: MenuAnimIn .3s } @-webkit-keyframes MenuAnimIn { 0% { -webkit-transform:translateZ(-500px) rotateY(0); opacity:0 } 20% { -webkit-transform:translateZ(-250px) rotateY(30deg); opacity:.5 } 100% { -webkit-transform:translateZ(0) rotateY(0); opacity:1 } } @keyframes MenuAnimIn { 0% { -webkit-transform:translateZ(-500px) rotateY(0); transform:translateZ(-500px) rotateY(0); opacity:0 } 20% { -webkit-transform:translateZ(-250px) rotateY(30deg); transform:translateZ(-250px) rotateY(30deg); opacity:.5 } 100% { -webkit-transform:translateZ(0) rotateY(0); transform:translateZ(0) rotateY(0); opacity:1 } } .primary-navigation.responsive>.dl-submenu.dl-animate-in { -webkit-animation: SubMenuAnimIn .4s ease; animation: SubMenuAnimIn .4s ease } @-webkit-keyframes SubMenuAnimIn { 0% { -webkit-transform:translateX(50%); opacity:0 } 100% { -webkit-transform:translateX(0); opacity:1 } } @keyframes SubMenuAnimIn { 0% { -webkit-transform:translateX(50%); transform:translateX(50%); opacity:0 } 100% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } } .primary-navigation.responsive>.dl-submenu.dl-animate-out { -webkit-animation: SubMenuAnimOut .4s ease; animation: SubMenuAnimOut .4s ease } @-webkit-keyframes SubMenuAnimOut { 0% { -webkit-transform:translateX(0); opacity:1 } 100% { -webkit-transform:translateX(50%); opacity:0 } } @keyframes SubMenuAnimOut { 0% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } 100% { -webkit-transform:translateX(50%); transform:translateX(50%); opacity:0 } } .no-js .primary-navigation .dl-menu { position: relative; opacity: 1; -webkit-transform: none; transform: none } .no-js .primary-navigation li.dl-back { display: none } .no-js .primary-navigation li>a:not(:only-child) { background: rgba(0,0,0,.1) } .no-js .primary-navigation li>a:not(:only-child):after { content: '' } #footer-nav { padding: 1.421em 0 } #footer-navigation { margin-bottom: 0 } #footer-navigation li { display: inline-block; margin: 0 40px 0 0; padding: 10px 0 } #footer-socials { float: right } .footer-socials-item { display: inline-block; vertical-align: top; margin-right: 25px } .footer-socials-item a { display: block; position: relative; height: 50px; width: 30px; font-size: 0; line-height: 0 } .footer-socials-item a:after { position: absolute; font-family: scalia-socials; font-size: 23px; left: 0; top: 0; width: 100%; height: 100%; line-height: 50px; text-align: center; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear } .footer-socials-item.twitter a:after { content: '\e603' } .footer-socials-item.facebook a:after { content: '\e601' } .footer-socials-item.linkedin a:after { content: '\e604' } .footer-socials-item.googleplus a:after { content: '\e602' } .footer-socials-item.stumbleupon a:after { content: '\e606' } .footer-socials-item.rss a:after { content: '\e608' } #colophon { position: relative; padding: 30px 0; background-position: 50% 0; background-size: cover; background-repeat: no-repeat } .footer-widget-area { margin-bottom: 1.421em } .footer-site-info { font-size: 89.5% } .footer-site-info a:hover { text-decoration: underline } .comment-reply-link:hover, .quickfinder-item a { text-decoration: none } .block-content { padding: 60px 0 } .block-content:last-child { padding-bottom: 110px } .no-bottom-margin:last-child { padding-bottom: 0 } .block-content+.block-content { padding-top: 0 } .quickfinder { padding: 60px 0 } .quickfinder-item { text-align: center } .quickfinder-item-image { display: block; width: 100%; height: 100%; margin-bottom: 25px } .quickfinder-item-image .quickfinder-item-image-content { display: inline-block; position: relative } body:not(.lazy-disabled) .quickfinder-item-image .quickfinder-item-image-content.lazy-loading-item { transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0) } .quickfinder-item-image .quickfinder-item-link { display: inline-block; overflow: hidden; position: relative; z-index: 1 } .quickfinder-item-image .quickfinder-item-link img { transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transition: all .25s; -o-transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; position: relative; z-index: 2 } .quickfinder-item-image .quickfinder-item-link:hover img { transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); -moz-transform: scale(1.15); -webkit-transform: scale(1.15) } .quickfinder-item-image .quickfinder-item-link:after { background: 0 0; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 3; transition: all .25s; -o-transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s } .quickfinder-item-image .quickfinder-item-link:hover:after { background: rgba(255,255,255,.2) } .quickfinder-img-size-small { width: 84px; height: 84px } .quickfinder-img-size-medium { width: 128px; height: 128px } .quickfinder-img-size-big { width: 150px; height: 150px } .quickfinder-item-title { text-transform: uppercase; margin-top: 12px } .quickfinder-item-text { margin-top: 14px; font-size: 17px } .quickfinder-style-vertical .quickfinder-item { display: table-row } .quickfinder-style-vertical .quickfinder-item-image, .quickfinder-style-vertical .quickfinder-item-info { display: table-cell; vertical-align: middle } .quickfinder-item-info .quickfinder-item-link.img-circle, .quickfinder-item-info .quickfinder-item-link.rounded-corners { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } .quickfinder-style-vertical .quickfinder-item+.quickfinder-item .quickfinder-item-image .quickfinder-item-image-content, .quickfinder-style-vertical .quickfinder-item+.quickfinder-item .quickfinder-item-info { padding-top: 75px } .quickfinder-style-vertical .quickfinder-item-image { position: relative; width: 2%; margin-bottom: 0 } .sc-image-centered-box, .sc-textbox, .sc-wrapbox { margin-bottom: 1.421em } .quickfinder-style-vertical .quickfinder-item .quickfinder-item-connector { display: none } .quickfinder-style-vertical .quickfinder-item+.quickfinder-item .quickfinder-item-connector { position: absolute; display: block; top: 0; height: 75px; border-left: 2px solid #f1f5f8; left: 50%; margin-left: -1px; width: 0 } .quickfinder-style-vertical .quickfinder-item-connector svg { display: none } .quickfinder-style-vertical-2 .quickfinder-item+.quickfinder-item .quickfinder-item-connector { border: 0; width: 8px; margin-left: -4px } .quickfinder-style-vertical-2 .quickfinder-item+.quickfinder-item .quickfinder-item-connector svg { display: block } .quickfinder-style-vertical .quickfinder-item.even:before, .quickfinder-style-vertical .quickfinder-item.odd:after { content: ''; display: table-cell; width: 49% } .quickfinder-style-vertical .quickfinder-item.odd .quickfinder-item-info { text-align: right; padding-right: 25px } .quickfinder-style-vertical .quickfinder-item.even .quickfinder-item-info { text-align: left; padding-left: 25px } .quickfinder-style-vertical .quickfinder-item-title { margin-top: 0 } @media (max-width:768px) { .quickfinder-style-vertical .quickfinder-item { display: block } .quickfinder-style-vertical .quickfinder-item+.quickfinder-item .quickfinder-item-connector, .quickfinder-style-vertical .quickfinder-item.even:before, .quickfinder-style-vertical .quickfinder-item.odd:after { display: none } } .sc-gmaps, .sc-image a, .sc-wrapbox-position-below, .sc-wrapbox-position-centered { display: inline-block } .quickfinder-item .sc-icon { overflow: visible } .quickfinder-item .quickfinder-animation { position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% } .sc-icon-shape-square, .sc-icon-shape-square .quickfinder-animation { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } .quickfinder-item-effect-background-reverse .quickfinder-animation { transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0) } .quickfinder-item-effect-background-reverse.hover .quickfinder-animation, .quickfinder-item-effect-border-reverse .quickfinder-animation { transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1) } .quickfinder-item-effect-border-reverse.hover .quickfinder-animation { transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0) } .fullwidth-block { position: relative } .fullwidth-block.styled-marker-bottom:after, .fullwidth-block.styled-marker-top:after { content: ''; position: absolute; width: 0; height: 0; border-width: 40px; border-style: solid; left: 50%; margin-left: -40px } .sc-wrapbox, .sc-wrapbox-inner { position: relative } .fullwidth-block.styled-marker-top:after { top: 0; border-color: #fff transparent transparent } .fullwidth-block.styled-marker-bottom:after { bottom: 0; border-color: transparent transparent #fff } .sc-wrapbox-position-left { float: left } .sc-wrapbox-position-right { float: right } .sc-wrapbox-element { width: 100% } .sc-wrapbox-style-2 { border: 4px solid transparent } .sc-wrapbox-style-3 { border: 10px solid transparent } .sc-wrapbox-style-4 { padding: 10px } .sc-wrapbox-style-5, .sc-wrapbox-style-6 { padding: 20px; border: 1px solid transparent } .sc-wrapbox-style-6 { border: 1px solid transparent } .sc-wrapbox-style-7 { padding: 19px } .sc-wrapbox-style-7 .sc-wrapbox-inner { padding: 10px } .sc-wrapbox-style-8 { padding: 10px; border: 20px solid transparent } .sc-wrapbox-style-9 { padding: 20px; border: 10px solid transparent } .sc-wrapbox-style-10 { padding: 20px; border: 5px dashed transparent } .sc-image.sc-wrapbox-style-11 a:before { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transform: scale(1.15, 1.15); -o-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); -webkit-transform: scale(1.15, 1.15) } .sc-wrapbox-style-12 { z-index: 5 } .sc-wrapbox-style-12 .shadow-wrap { padding: 16px; height: auto } .sc-wrapbox-style-12 .shadow-wrap:after, .sc-wrapbox-style-12 .shadow-wrap:before { box-shadow: 0 -15px 20px rgba(0,0,0,.1); content: ""; height: 20%; left: 2px; max-width: 300px; position: absolute; top: 22px; transform: rotate(2deg); width: 40%; z-index: -2 } .sc-wrapbox-style-12 .shadow-wrap:after { left: auto; right: 2px; transform: rotate(-2deg) } .sc-wrapbox-style-12 .sc-wrapbox-inner:after, .sc-wrapbox-style-12 .sc-wrapbox-inner:before { bottom: 20px; box-shadow: 0 15px 25px rgba(0,0,0,.35); content: ''; height: 20%; left: 5px; max-width: 300px; position: absolute; transform: rotate(-2deg); width: 40%; z-index: -2 } .sc-wrapbox-style-12 .sc-wrapbox-inner:after { left: auto; right: 5px; transform: rotate(2deg) } .sc-video .sc-wrapbox-element, .sc-video .sc-wrapbox-inner, .sc-video .shadow-wrap, .sc-vimeo .sc-wrapbox-element, .sc-vimeo .sc-wrapbox-inner, .sc-vimeo .shadow-wrap, .sc-youtube .sc-wrapbox-element, .sc-youtube .sc-wrapbox-inner, .sc-youtube .shadow-wrap { width: 100%; height: 100% } .sc-image a { position: relative; vertical-align: top; overflow: hidden } .sc-image a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; opacity: 0; z-index: 5 } .sc-image a:hover:before { opacity: 1 } .sc-image a:after { content: '\e60e'; font-family: scalia-icons; font-weight: 400; font-style: normal; font-size: 40px; height: 40px; line-height: 40px; width: 40px; text-align: center; position: absolute; top: -20px; left: 50%; transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; margin-left: -20px; margin-top: -20px; z-index: 5; color: #fff } .sc-image a:hover:after { top: 50% } .sc-image a img { transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear } .sc-image a:hover img { transform: scale(1.15, 1.15); -o-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); -webkit-transform: scale(1.15, 1.15) } .sc-map-with-text .wpb_gmaps_widget .wpb_wrapper { padding: 0 } .sc-gmaps { max-width: 100% } .sc-gmaps .sc-gmaps-hide { overflow: hidden; width: 100% } .sc-gmaps iframe { border: 0; vertical-align: top; margin-top: -40px; width: 100% } .sc-gmaps .preloader+iframe { margin-top: -240px!important } .sc-gmaps .preloader+iframe+.map-locker { opacity: 0 } .sc-gmaps.sc-wrapbox-style-11 { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden } .sc-gmaps.sc-wrapbox-style-11 .sc-gmaps-hide { -webkit-mask-image: url(//www.communicationcrafts.com/wp-content/themes/scalia/css/circle.svg) } iframe+.map-locker { position: relative; float: right; margin-top: -88px; margin-right: 13px; height: 50px; width: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: url(//www.communicationcrafts.com/wp-content/themes/scalia/images/map-locker.png) 0 50% no-repeat #fff } iframe+.map-locker.disabled { background-position: 100% 50% } .sc-textbox.sc-textbox-no-rounded { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } .sc-textbox>.sc-textbox-title { padding: 14px 25px; margin: 0 } .sc-textbox>.sc-textbox-title>.sc-textbox-title-icon { font-family: scalia-user-icons; font-weight: 400; font-style: normal; margin-right: 15px } .sc-textbox.centered-box>.sc-textbox-title>.sc-textbox-title-icon { display: block; margin-right: 0 } .sc-textbox>.sc-textbox-content { padding: 25px; background-position: 50% 0 } .sc-textbox>.sc-textbox-content h1, .sc-textbox>.sc-textbox-content h2, .sc-textbox>.sc-textbox-content h3, .sc-textbox>.sc-textbox-content h4, .sc-textbox>.sc-textbox-content h5, .sc-textbox>.sc-textbox-content h6 { color: inherit } .sc-list, .sc-textbox>.sc-textbox-content>.centered-box { margin-bottom: 1.421em } .sc-list>ul { list-style: none; padding-left: 1.2em; margin: 0 } .sc-list>ul>li { position: relative; text-indent: -1.2em; margin-bottom: .7em } .sc-list>ul>li:last-child { margin-bottom: 0 } .sc-list>ul>li:before { font-family: scalia-icons; font-weight: 400; content: '\e601'; font-size: .74em; color: #58abb7; vertical-align: middle; display: inline-block; width: 1.62em; text-indent: 0; margin-top: -.2em } .sc-list.sc-list-type-check>ul>li:before { content: '\e614'; font-size: .68em; width: 1.76em } .sc-list.sc-list-type-minus>ul>li:before { content: '\e615'; font-size: .79em; width: 1.52em } .sc-list.sc-list-type-arrow>ul>li:before { content: '\e616'; font-size: .68em; width: 1.76em } .sc-list.sc-list-type-disc>ul>li:before { content: '\e617'; font-size: .58em; width: 2.07em } .sc-list.sc-list-type-square>ul>li:before { content: '\e618'; font-size: .58em; width: 2.07em } .sc-list.sc-list-type-cross>ul>li:before { content: '\e619'; font-size: .58em; width: 2.07em } .sc-list.sc-list-type-star>ul>li:before { content: '\e61a'; font-size: .79em; width: 1.52em } .sc-list.sc-list-type-pin>ul>li:before { content: '\e61b'; font-size: .79em; width: 1.52em } .sc-list.sc-list-color-1>ul>li:before { color: #8bb7e8 } .sc-list.sc-list-color-2>ul>li:before { color: #898989 } .sc-list.sc-list-color-3>ul>li:before { color: #ac2645 } .sc-list.sc-list-color-4>ul>li:before { color: #ffc35a } .sc-list.sc-list-color-5>ul>li:before { color: #c2dc7b } .sc-list.sc-list-color-6>ul>li:before { color: #98b7a9 } .sc-list.sc-list-color-7>ul>li:before { color: #ff7070 } .sc-list.sc-list-color-8>ul>li:before { color: #cfd8df } .sc-table { border: 1px solid #d2dae1; margin-bottom: 1.421em } .sc-table table { width: 100% } .sc-table thead th { padding: 15px; text-transform: uppercase } .sc-table td { padding: 15px } @media (max-width:768px) { .sc-table-style-1 .tabletolist.nrh .row_headers, .sc-table-style-2 .tabletolist .row_headers { font-weight: 700 } .sc-table.sc-table-responsive { border: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } .sc-table-responsive .tabletolist, .sc-table-responsive .tabletolist>li>ul { margin: 0; padding: 0; list-style: none } .sc-table-responsive .tabletolist>li>ul { display: table; width: 100% } .sc-table-responsive .tabletolist>li>ul>li { display: table-row } .sc-table-responsive .tabletolist .row_data, .sc-table-responsive .tabletolist .row_headers { display: table-cell; padding: 20px; vertical-align: middle } .sc-table-responsive .tabletolist .row_headers { width: 30% } .sc-table-responsive .tabletolist .row_data { width: 70% } .sc-table-responsive .tabletolist.nrh>li>ul { margin-bottom: 1.421em } .sc-table-responsive .tabletolist.rh>li>.titles { display: block; padding: 20px; text-align: center; text-transform: uppercase } .sc-table-style-1 .tabletolist.rh>li>.titles { position: relative } .sc-table-style-1 .tabletolist.rh>li>ul>li+li { background: url(//www.communicationcrafts.com/wp-content/themes/scalia/images/line-border.png) 50% 0 repeat-x } .sc-table-style-1 .tabletolist.rh { background: url(//www.communicationcrafts.com/wp-content/themes/scalia/images/line-border.png) 50% 100% repeat-x } .sc-table-style-1 .tabletolist.rh .row_data { text-align: right } } .sc-team { margin-bottom: 1.421em } .team-person { padding-bottom:8px; min-height: 220px } .sc-team-style-rounded .team-person { box-shadow: none; border: none; text-align: center } .team-person-image img { height: 128px; width: 128px; margin: 0 auto } .team-person-position { font-size: 89.5%; line-height: 1.421; margin-top: 0 } .team-person-email { margin-top: 9px } .team-person-email a { font-size: 89.5% } .team-person-email a:before { content: '\e607\00a0'; font-family: scalia-icons; font-weight: 400; font-size: 22px; vertical-align: top; line-height: 26px } .sc-team-style-vertical .team-person-image { margin: 39px 0 0 } .sc-team-style-vertical .team-person { text-align: center } .sc-team-style-vertical .team-person-name { margin: 28px 0 0; padding: 0 15px } .sc-team-style-vertical .team-person-position { margin: 0; padding: 0 15px } .sc-team-style-vertical .team-person-email { margin: 2px 0 0; padding: 0 15px 15px } .sc-team-style-rounded .team-person-image img { height: auto; width: 200px; margin: 0 auto } .sc-team-style-rounded .team-person-email, .sc-team-style-rounded .team-person-image, .sc-team-style-rounded .team-person-position { margin: 0 } .sc-team-style-rounded .team-person-name { margin: 0; padding-top: 35px } .sc-team-style-rounded .team-person-description { margin-bottom: -15px } .sc-tabs, .sc-tour { margin-bottom: 0px; margin-top: 41px } ul.sc_tabs_nav { list-style: none; margin: 0; padding: 0 } .sc_tabs_nav li { position: relative } .sc-tabs .sc_tabs_nav li { float: left; padding: 13px 15px; margin: 0 0 -1px; cursor: pointer } .sc-tabs .sc_tabs_nav li+li { margin-left: 4px } .sc-tabs.sc-tabs-style-2 .sc_tabs_nav li, .sc-tabs.sc-tabs-style-2 .sc_tabs_nav li.resp-tab-active { padding: 24px 27px; margin-bottom: 0 } .sc-tabs.sc-tabs-style-2 .sc_tabs_nav li+li { margin-left: 0 } .sc-tabs.sc-tabs-style-1 .sc_tabs_nav li.resp-tab-active { padding: 13px 15px 14px; border-bottom: 0 none } .sc-tabs.sc-tabs-style-2 .sc_tabs_nav li.resp-tab-active:before { position: absolute; bottom: 15px; content: '\e602'; font-family: scalia-icons; font-size: 16px; font-weight: 400; height: 9px; left: 50%; line-height: 19px; margin-left: -8px; width: 16px } .sc-tabs .sc_tab { padding: 15px } .sc-tabs .resp-tabs-container { clear: left; padding: 38px 0 0 0 !important; } .clear, .clearboth { clear: both } .sc-tabs-style-2 .resp-tabs-container { padding: 0 } .resp-tab-content { display: none } .resp-accordion-active, .resp-content-active { display: block } .sc-tour>.sc_tour_tabs_wrapper { margin-left: 220px } .sc-tour.sc-tour-style-2>.sc_tour_tabs_wrapper { margin-left: 270px } .sc-tour .sc_tabs_nav { float: left; margin-left: -220px; width: 220px; margin-top: -1px; padding-bottom: 10px } .sc-tour.sc-tour-style-2 .sc_tabs_nav { margin-left: -270px; width: 270px; padding-bottom: 0 } .sc-tour .sc_tabs_nav li, .sc-tour.sc-tour-style-2 .sc_tabs_nav li, .sc-tour.sc-tour-style-2 .sc_tabs_nav li.resp-tab-active { padding: 15px 25px 15px 30px } .sc-tour .sc_tabs_nav li { margin: 0; cursor: pointer } .sc-tour .sc_tabs_nav li+li { margin-top: 5px } .sc-tour.sc-tour-style-2 .sc_tabs_nav li+li { margin-top: 0 } .sc-tour.sc-tour-style-1 .sc_tabs_nav li.resp-tab-active { padding: 15px 25px 16px; border-right: 0 none } .sc-tour .sc_tab { padding: 15px 25px } .sc-tour.sc-tabs-style-2 .sc_tab { padding: 15px } .sc-tour.sc-tabs-style-2 .resp-tabs-container { padding-left: 15px } .sc-tour.sc-tour-style-2 .sc_tabs_nav li.resp-tab-active:before { content: '\e601'; font-family: scalia-icons; font-size: 15px; float: left; margin-left: -22px; width: 15px; text-align: center } h5.resp-accordion { cursor: pointer; display: none; text-transform: uppercase; margin: 0; padding: 10px 60px 10px 15px } @media only screen and (max-width:768px) { .sc_tabs_nav { display: none } h5.resp-accordion { display: block; position: relative } .resp-accordion:after { position: absolute; content: '\e609'; font-family: scalia-icons; font-weight: 400; font-size: 22px; width: 22px; height: 22px; line-height: 22px; top: 50%; right: 22px; margin-top: -11px } .resp-accordion.resp-tab-active:after { content: '\e608' } .sc-tour.sc-tour-style-2>.sc_tour_tabs_wrapper, .sc-tour>.sc_tour_tabs_wrapper { margin-left: 0 } .sc-tabs .resp-tabs-container, .sc-tour.sc-tabs-style-2 .resp-tabs-container { padding: 0 } .sc-tabs-style-1 .resp-accordion:first-child, .sc-tour-style-1 .resp-accordion:first-child { border-top: 0 none } .sc-tabs.sc-tabs-style-2 .resp-tabs-container { border-top: 0 none; border-bottom: 0 none } .sc-tabs.sc-tabs-style-2 .sc_tab+.resp-accordion { margin-top: 7px } .sc-tour.sc-tour-style-2 .resp-tabs-container { border-left: 0 none } .sc-tour .sc_tab { padding: 15px } } .sc-gallery { margin-bottom: 1.421em } .sc-gallery-preview-carousel-wrap, .sc-gallery-thumbs-carousel-wrap { position: relative } .sc-gallery .sc-gallery-item { float: left; position: relative; text-align: center } .sc-gallery .sc-gallery-item a { display: inline-block; vertical-align: top } .sc-gallery .sc-gallery-preview-carousel-wrap { overflow: hidden } .sc-gallery .sc-gallery-thumbs-carousel-wrap { padding: 0 50px } .sc-gallery .sc-gallery-thumbs-carousel-wrap .sc-gallery-item { padding: 40px 4px 4px; margin: 0 4px } .sc-gallery .sc-gallery-thumbs-carousel-wrap .sc-gallery-item a img { opacity: .3; width: 80px; height: 80px } .sc-gallery .sc-gallery-thumbs-carousel-wrap .sc-gallery-item.active a { position: relative; margin: -4px; overflow: visible } .sc-gallery .sc-gallery-thumbs-carousel-wrap .sc-gallery-item.active a img { opacity: 1; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } .sc-gallery .sc-gallery-thumbs-carousel-wrap .sc-gallery-item.active a:before { position: absolute; content: '\e602'; font-family: scalia-icons; font-size: 15px; top: -27px; left: 0; width: 100%; text-align: center; line-height: 1em } .sc-gallery .sc-gallery-thumbs-carousel-wrap .sc-next, .sc-gallery .sc-gallery-thumbs-carousel-wrap .sc-prev { top: 40px } .sc-gallery .sc-gallery-caption { display: none } .sc-gallery .sc-gallery-preview-carousel-wrap .sc-gallery-item a { display: block; position: relative; overflow: hidden; text-align: center } .sc-gallery .sc-gallery-preview-carousel-wrap .sc-gallery-item img { display: inline-block; height: auto } .sc-gallery-hover-default .sc-gallery-preview-carousel-wrap .sc-gallery-item .sc-gallery-caption, .sc-gallery-hover-zooming-blur .sc-gallery-preview-carousel-wrap .sc-gallery-item .sc-gallery-caption { display: block; text-transform: uppercase } .sc-gallery .sc-gallery-preview-carousel-wrap .sc-gallery-item a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all .3s linear .4s; -moz-transition: all .3s linear .4s; -webkit-transition: all .3s linear .4s; opacity: 0; z-index: 5 } .sc-gallery .sc-gallery-preview-carousel-wrap:hover .sc-gallery-item a:before { opacity: 1; transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear } .sc-gallery .sc-gallery-preview-carousel-wrap .sc-gallery-item a img { transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear } .sc-gallery .sc-gallery-preview-carousel-wrap:hover .sc-gallery-item a img { transform: scale(1.15, 1.15); -o-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); -webkit-transform: scale(1.15, 1.15); transition: all .3s linear .2s; -moz-transition: all .3s linear .2s; -webkit-transition: all .3s linear .2s } .sc-gallery .sc-gallery-preview-carousel-wrap:hover .sc-next, .sc-gallery .sc-gallery-preview-carousel-wrap:hover .sc-prev { z-index: 5 } .sc-gallery .sc-gallery-preview-carousel-wrap .sc-next:after, .sc-gallery .sc-gallery-preview-carousel-wrap .sc-prev:after { transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; opacity: 0 } .sc-gallery .sc-gallery-preview-carousel-wrap .sc-prev:after { transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%) } .sc-gallery .sc-gallery-preview-carousel-wrap .sc-next:after { transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); -moz-transform: translateX(100%); -webkit-transform: translateX(100%) } .sc-gallery .sc-gallery-preview-carousel-wrap:hover .sc-next:after, .sc-gallery .sc-gallery-preview-carousel-wrap:hover .sc-prev:after { transform: none; -o-transform: none; -ms-transform: none; -moz-transform: none; -webkit-transform: none; opacity: 1 } .sc-gallery-hover-default .sc-gallery-preview-carousel-wrap .sc-gallery-item a:after { content: '\e60e'; font-family: scalia-icons; font-weight: 400; font-style: normal; font-size: 63px; height: 63px; line-height: 63px; width: 63px; text-align: center; position: absolute; top: 0; left: 50%; transition: all .2s ease .1s; -moz-transition: all .2s ease .1s; -webkit-transition: all .2s ease .1s; margin-left: -32px; margin-top: -32px; z-index: 5; opacity: 0 } .sc-gallery-hover-default .sc-gallery-preview-carousel-wrap:hover .sc-gallery-item a:after { transition: all .2s ease .1s; -moz-transition: all .2s ease .1s; -webkit-transition: all .2s ease .1s; top: 50%; opacity: 1 } .sc-gallery-hover-default .sc-gallery-preview-carousel-wrap .sc-gallery-item .sc-gallery-item-title { width: 100%; padding: 0 25%; text-align: center; position: absolute; top: -25%; left: 0; transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; z-index: 5; opacity: 0; text-transform: uppercase } .sc-gallery-hover-default .sc-gallery-preview-carousel-wrap:hover .sc-gallery-item .sc-gallery-item-title { top: 25%; opacity: 1; transition: all .2s ease .2s; -moz-transition: all .2s ease .2s; -webkit-transition: all .2s ease .2s } .sc-gallery-hover-default .sc-gallery-preview-carousel-wrap .sc-gallery-item .sc-gallery-item-description { width: 100%; padding: 0 25%; text-align: center; position: absolute; top: 20%; left: 0; transition: all .2s ease .2s; -moz-transition: all .2s ease .2s; -webkit-transition: all .2s ease .2s; z-index: 5; opacity: 0 } .sc-gallery-hover-default .sc-gallery-preview-carousel-wrap:hover .sc-gallery-item .sc-gallery-item-description { top: 70%; opacity: 1; transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease } .sc-gallery-hover-zooming-blur .sc-gallery-preview-carousel-wrap .sc-gallery-item a:before { transition: all .3s linear .4s; -moz-transition: all .3s linear .4s; -webkit-transition: all .3s linear .4s } .sc-gallery-hover-zooming-blur .sc-gallery-preview-carousel-wrap:hover .sc-gallery-item a:before { transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear } .sc-gallery-hover-zooming-blur .sc-gallery-preview-carousel-wrap .sc-gallery-item a img { transition: all .3s linear .1s; -moz-transition: all .3s linear .1s; -webkit-transition: all .3s linear .1s } .sc-gallery-hover-zooming-blur .sc-gallery-preview-carousel-wrap:hover .sc-gallery-item a img { transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear } @-webkit-keyframes zoomingBlurIn { 0% { -webkit-transform:scale(.5); opacity:0 } 100% { -webkit-transform:scale(1); opacity:1 } } @keyframes zoomingBlurIn { 0% { transform:scale(.5); opacity:0 } 100% { transform:scale(1); opacity:1 } } @-webkit-keyframes zoomingBlurOut { 0% { -webkit-transform:translateY(0); opacity:1 } 100% { -webkit-transform:translateY(300%); opacity:0 } } @keyframes zoomingBlurOut { 0% { transform:translateY(0); opacity:1 } 100% { transform:translateY(300%); opacity:0 } } .sc-gallery-hover-zooming-blur .sc-gallery-preview-carousel-wrap .sc-gallery-item a:after { content: '\e60e'; font-family: scalia-icons; font-weight: 400; font-style: normal; font-size: 35px; height: 70px; line-height: 70px; width: 70px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translateY(300%); -webkit-transform: translateY(300%); opacity: 0; margin-left: -35px; margin-top: -35px; z-index: 5; border-radius: 70px; -moz-border-radius: 70px; -webkit-border-radius: 70px; transition: all .3s ease .1s; -moz-transition: all .3s ease .1s; -webkit-transition: all .3s ease .1s } .sc-gallery-hover-zooming-blur .sc-gallery-preview-carousel-wrap:hover .sc-gallery-item a:after { -webkit-animation: zoomingBlurIn .3s ease .1s; animation: zoomingBlurIn .3s ease .1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -webkit-transition: all 0s ease 0s } .sc-gallery-hover-zooming-blur .sc-gallery-preview-carousel-wrap .sc-gallery-item .sc-gallery-item-title { width: 100%; padding: 0 25%; text-align: center; position: absolute; top: 25%; left: 0; z-index: 5; transform: translateY(300%); -webkit-transform: translateY(300%); opacity: 0; text-transform: uppercase; transition: all .3s ease .2s; -moz-transition: all .3s ease .2s; -webkit-transition: all .3s ease .2s } .sc-gallery-hover-zooming-blur .sc-gallery-preview-carousel-wrap:hover .sc-gallery-item .sc-gallery-item-title { -webkit-animation: zoomingBlurIn .3s ease; animation: zoomingBlurIn .3s ease; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .sc-gallery-hover-zooming-blur .sc-gallery-preview-carousel-wrap .sc-gallery-item .sc-gallery-item-description { width: 100%; padding: 0 25%; text-align: center; position: absolute; top: 70%; left: 0; z-index: 5; transform: translateY(300%); -webkit-transform: translateY(300%); opacity: 0; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease } .sc-gallery-hover-zooming-blur .sc-gallery-preview-carousel-wrap:hover .sc-gallery-item .sc-gallery-item-description { -webkit-animation: zoomingBlurIn .3s ease .2s; animation: zoomingBlurIn .3s ease .2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @media (max-width:979px) { .sc-gallery-item-description, .sc-gallery-item-title{ display: none; } .clutch_img{ display:none; } } .pricing-table { margin-bottom: 1.421em } .pricing-price-row-background { background-repeat: no-repeat; background-position: 50% 0; background-size: cover } .pricing-price-row-background .pricing-price { transform: scale(.55); -o-transform: scale(.55); -ms-transform: scale(.55); -moz-transform: scale(.55); -webkit-transform: scale(.55) } .pricing-price { height: 157px; width: 157px; border-radius: 150px; margin: 0 auto 30px; text-align: center } .pricing-price .time { display: block; padding-top: 6px; text-align: center; width: 100% } .pricing-price { padding-top: 57px; margin-bottom: 17px; position: relative } .pricing-title { text-align: center; padding-bottom: 1px; padding-top: 1px } .pricing-table-style-1 .pricing-row { background-image: url(//www.communicationcrafts.com/wp-content/themes/scalia/images/pr-bg.png); background-position: bottom; background-repeat: repeat-x } .pricing-table-style-3 .pricing-cost { margin-top: 0 } .pricing-row { padding: 9px 0; text-align: center; font-size: 17px } .pricing-footer { text-align: center; padding-bottom: 30px; padding-top: 20px } .pricing-new { left: 144px; position: absolute; top: -3px } .sc-button-sep-button .centered-box, .sc-divider, .sc_accordion_header { position: relative } .pricing-footer-new { padding-bottom: 60px } .sc-icon-with-title { margin-bottom: 1.421em } .sc-icon-with-title>.sc-icon-with-title-icon { display: table-cell; padding-right: 10px; vertical-align: middle } .sc-icon-with-title-icon-size-medium>.sc-icon-with-title-icon { padding-right: 20px } .sc-icon-with-title-icon-size-big>.sc-icon-with-title-icon { padding-right: 30px } .sc-iconed-title { display: table-cell; vertical-align: middle; text-transform: uppercase; width: 99% } .sc-iconed-title>* { margin: 0 } .sc-icon-with-text { margin-bottom: 1.421em } .sc-icon-with-text>.sc-icon-with-text-icon { display: table-cell; padding-right: 10px; vertical-align: top } .sc-icon-with-text-icon-size-medium>.sc-icon-with-text-icon { padding-right: 20px } .sc-icon-with-text-icon-size-big>.sc-icon-with-text-icon { padding-right: 30px } .sc-icon-with-text.sc-icon-with-text-flow>.sc-icon-with-text-icon { display: block; float: left; margin: 0 10px 0 0; padding-right: 0 } .sc-icon-with-text-icon-size-medium.sc-icon-with-text-flow>.sc-icon-with-text-icon { margin: 0 20px 0 0 } .sc-icon-with-text-icon-size-big.sc-icon-with-text-flow>.sc-icon-with-text-icon { margin: 0 30px 0 0 } .sc-icon-with-text>.sc-icon-with-text-content { display: table-cell; width: 99%; vertical-align: top } .sc-icon-with-text.centered-box>.sc-icon-with-text-content, .sc-icon-with-text.sc-icon-with-text-flow>.sc-icon-with-text-content { display: block; width: auto } .sc-icon-with-text.centered-box>.sc-icon-with-title { display: block } .sc-icon-with-text.centered-box>.sc-icon-with-text-icon, .sc-icon-with-text.centered-box>.sc-icon-with-title>.sc-icon-with-title-icon { display: block; text-align: center; padding: 0 0 10px } .sc-icon-with-text.centered-box>.sc-icon-with-title>.sc-iconed-title { display: block } .sc-icon-with-text-icon-size-medium.centered-box>.sc-icon-with-text-icon, .sc-icon-with-text-icon-size-medium.centered-box>.sc-icon-with-title>.sc-icon-with-title-icon { display: block; text-align: center; padding: 0 0 20px } .sc-icon-with-text-icon-size-big.centered-box>.sc-icon-with-text-icon, .sc-icon-with-text-icon-size-big.centered-box>.sc-icon-with-title>.sc-icon-with-title-icon { display: block; text-align: center; padding: 0 0 30px } .sc-icon-with-text.sc-icon-with-text-flow.centered-box>.sc-icon-with-text-icon { float: none; margin: 0 } .sc-icon-with-text>.sc-icon-with-title, .sc-icon-with-text>.sc-icon-with-title+.sc-icon-with-text-content { display: table-row } .sc-icon-with-text>.sc-icon-with-title+.sc-icon-with-text-content>.sc-icon-with-text-empty, .sc-icon-with-text>.sc-icon-with-title+.sc-icon-with-text-content>.sc-icon-with-text-text { display: table-cell } @media (max-width:768px) { .sc-icon-with-text>.sc-icon-with-text-icon { display: block; text-align: center; padding: 0 0 10px } .sc-icon-with-text-icon-size-medium>.sc-icon-with-text-icon { display: block; text-align: center; padding: 0 0 20px } .sc-icon-with-text-icon-size-big>.sc-icon-with-text-icon { display: block; text-align: center; padding: 0 0 30px } .sc-icon-with-text.sc-icon-with-text-flow>.sc-icon-with-text-icon { float: none; margin: 0 } .sc-icon-with-text.centered-box>.sc-icon-with-title+.sc-icon-with-text-content, .sc-icon-with-text>.sc-icon-with-text-content { display: block; width: auto; text-align: center } .sc-icon-with-text>.sc-icon-with-title+.sc-icon-with-text-content { text-align: left } } .sc-alert-box { margin-bottom: 1.421em } .sc-alert-box .sc-icon-with-text-content { width: 99%; display: table-cell; vertical-align: middle } .sc-alert-box .sc-alert-box-button { display: table-cell; padding: 0 0 0 40px; vertical-align: middle } .sc-alert-box>.sc-alert-box-image, .sc-alert-box>.sc-icon-with-text-icon { padding-right: 40px; vertical-align: middle } .sc-alert-box .sc-alert-box-button .sc-button:first-child { margin-top: 0 } .sc-alert-box.centered-box .sc-alert-box-button .sc-button { margin: 13px 20px 0 } .sc-alert-box>.sc-alert-box-image { text-align: center; display: table-cell } .sc-alert-box.centered-box .sc-icon-with-text-content { display: block; width: auto } .sc-alert-box.centered-box .sc-alert-box-button { display: block; padding: 27px 0 0; text-align: center } .sc-alert-box.centered-box>.sc-icon-with-text-icon { padding: 0 0 40px } .sc-alert-box.centered-box>.sc-alert-box-image { display: block; padding: 0 0 40px } @media (max-width:768px) { .sc-alert-box .sc-icon-with-text-content { display: block; width: auto } .sc-alert-box .sc-alert-box-button { display: block; padding: 27px 0 0; text-align: center } .sc-alert-box .sc-alert-box-button .sc-button { margin: 13px 20px 0 } .sc-alert-box>.sc-icon-with-text-icon { padding: 0 0 40px } .sc-alert-box>.sc-alert-box-image { display: block; padding: 0 0 40px } } .sc-button-sep-button, .sc-button-sep-holder { display: table-cell; vertical-align: middle } .sc-button-sep-holder { width: 50% } .sc-button-sep-button { padding: 0 10px } .sc-button-sep-button .sc-button { margin: 20px 0; vertical-align: middle } .sc-news, .sc_accordion { margin-bottom: 1.421em } .sc-button-separator-double { border-top: 1px solid; border-bottom: 1px solid; height: 4px } .clear, .clearboth, .sc-divider { height: 0; font-size: 0; line-height: 0 } .sc-divider { border-top: 1px solid transparent } .sc-divider-style-1 { height: 1px; border: 0 } .sc-divider-style-2 { border-top: 3px solid transparent } .sc-divider-style-3 { border-top: 7px solid transparent } .sc-divider-style-4 { height: 8px; border: 0 } .sc-divider-style-5 { height: 6px; border: 0 } .sc-divider-style-6 { border-top: 0; height: 10px; background: url(//www.communicationcrafts.com/wp-content/themes/scalia/images/divider-zigzag.png) 50% 0 repeat-x } .sc-divider-style-7 { border-top: 0; height: 8px; background: url(//www.communicationcrafts.com/wp-content/themes/scalia/images/divider-wave.png) 50% 0 repeat-x } .sc-dropcap { height: 20px } .sc-dropcap-style-medium { height: 10px } .sc-dropcap .sc-dropcap-letter { float: left; position: relative; font-size: 94.445%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; margin-right: 15px; text-align: center; width: 70px; height: 70px; line-height: 66px } .sc-dropcap.sc-dropcap-style-medium .sc-dropcap-letter { width: 50px; height: 50px; line-height: 46px; font-size: 115.385% } .sc-dropcap.sc-dropcap-shape-square .sc-dropcap-letter { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } .sc_accordion_section+.sc_accordion_section { margin-top: 16px; padding-top: 15px } .sc_accordion_header { padding-right: 30px } .sc_accordion_header .ui-accordion-header-icon { position: absolute; right: 0; width: 22px; height: 22px; top: 50%; margin-top: -11px } .diagram-circle, .diagram-circle .box, .sc-testimonials-carousel-wrap { position: relative } .sc_accordion_header .ui-accordion-header-icon:before { content: '\e609'; font-family: scalia-icons; font-size: 22px } .sc_accordion_header.ui-accordion-header-active .ui-accordion-header-icon:before { content: '\e608' } .sc-news .sc-news-item { float: left; width: 360px; padding: 0 15px } .sc-news-item-left { float: left; padding-top: 7px } .sc-news-item-right { margin-left: 92px; padding-top: 4px; max-height: 5.865em; overflow: hidden } .sc-news-item-title { font-size: 115.8%; margin-bottom: 5px } .sc-news-item-image { width: 72px; height: 72px } .sc-news-item-excerpt { line-height: 1.5; margin-top: 2px } .sc-news-item-date { font-size: 89.5%; line-height: 1.421; margin-top: 12px } .sc-clients { margin-bottom: 1.421em } .sc-clients-type-carousel-grid .sc-clients-slide { float: left } .sc-clients-type-carousel-grid .sc-clients-slide-inner { margin: 0 -8px -8px 0 } .sc-clients-type-carousel-grid .sc-client-item { float: left; padding: 0 8px 8px 0 } .sc-clients-type-carousel-grid .sc-client-item a { display: block; width: 100%; height: 100%; text-align: center; transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear } .sc-clients-type-carousel-grid .sc-client-item a img { display: inline-block; opacity: .5; transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear } .sc-clients-type-carousel-grid .sc-client-item a:hover img { opacity: 1 } .sc-testimonials { padding: 45px 0 18px; margin-bottom: 1.421em } .sc-testimonial-item { float: left; padding-bottom: 35px } .sc-testimonial-item blockquote p:after { display: none } .sc-testimonial-item:after { content: '\e60b'; display: block; font-family: scalia-icons; text-align: center; font-size: 40px; height: 33px; line-height: 33px; padding-top: 28px; vertical-align: top; font-style: normal; font-weight: 400 } .sc-testimonial-text { font-size: 32px; text-align: center; padding: 25px 80px 0; line-height: 1.2; font-style: normal } .sc-testimonial-text p { margin: 0 } .sc-testimonial-image { margin: 0 auto; width: 128px; height: 128px } .sc-testimonial-name { padding-top: 13px; text-align: center } .sc-testimonial-position { font-size: 89.5%; line-height: 1.421; text-align: center } .widget .sc-testimonial-position { font-size: 100% } .diagram-item { margin-bottom: 1.421em } .skill-element+.skill-element { margin: 8px 0 0 } .skill-title { font-size: 89.5%; line-height: 1.421; margin: 0 0 5px } .widget .skill-title { font-size: 100% } .skill-amount { float: right; font-size: 126.3%; margin-top: -11px } .skill-line, .skill-line div { font-size: 0; line-height: 1; height: 10px } .skill-line { margin-right: 55px } .diagram-summary, .diagram-summary-text { margin: 0 0 .766667em } .skill-line div { display: inline-block } .diagram-summary { font-size: 89.5%; line-height: 1.471 } .widget .diagram-circle .text, .widget .diagram-summary { font-size: 100% } .diagram-circle { text-align: center } .diagram-circle .box-wrapper { max-width: 550px; position: relative; text-align: left } .tab_wrapper .diagram-circle .box-wrapper { margin: 0 auto } .diagram-circle .skills { display: none } .diagram-circle .text { line-height: 1.471; position: absolute; left: 0; top: 0; z-index: 1 } .diagram-circle .text div { display: table-cell; text-align: center; vertical-align: middle; line-height: 1.2; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .diagram-circle .text div span { display: block; text-align: center; padding: 0 0 0 5px; margin: 0 } .widget .diagram-circle .text div, .widget .diagram-circle .text div span.title { font-size: inherit } .diagram-legend { display: inline-block; position: absolute; left: 0; top: 50%; z-index: 1; text-align: left } .diagram-legend .legend-element { margin: 0 0 26px } .diagram-legend .legend-element .color { display: block; float: left; width: 16px; height: 16px } .sidebar .diagram-legend .legend-element .color { width: 12px; height: 12px } .diagram-legend .legend-element .title { display: block; line-height: 1; margin: 0 0 0 30px } .widget .diagram-legend .legend-element .title { margin-left: 23px; margin-top: -2px } .sc-map-with-text { position: relative; margin-bottom: 1.421em } .sc-map-with-text.rounded-corners { -webkit-mask-image: url(//www.communicationcrafts.com/wp-content/themes/scalia/css/rounded.svg) } .sc-map-with-text-content { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; padding: 20px 15px } .sc-map-with-text-map { overflow: hidden } .sc-map-with-text-map .wpb_gmaps_widget { margin-top: -40px; margin-bottom: 0 } #primary-navigation #menu-item-11433 li#menu-item-11718 span.megamenu-column-header a, #primary-navigation #menu-item-15740 li#menu-item-15745 span.megamenu-column-header a {padding-left:50px !important;} .site-main { margin-top:-42px;} @media (max-width:992px) { .sc-map-with-text-content { position: relative; top: auto; left: auto; width: auto } .header-bg{ display:none;} #site-header .header-main{z-index:99999 !important} #menu-item-11718 .megamenu-column-header, #menu-item-15745 .megamenu-column-header { margin-left: 0px !important; } #primary-navigation #menu-item-11433 li#menu-item-11718 span.megamenu-column-header a, #primary-navigation #menu-item-11433 li#menu-item-15745 span.megamenu-column-header a {padding-left: 40px !important;} .site-main{margin-top:-30px;} } .wpb_map_wraper iframe { vertical-align: top } .comment-form label:before, .comment-reply-link:before { vertical-align: middle; font-family: scalia-icons } .sc-counter-box { margin-bottom: 1.421em } .sc-counter { text-align: center } .vc_separator .vc_sep_text { line-height: 1em; display: table-cell; white-space: pre } .vc_separator.vc_separator_align_center .vc_sep_text { padding: 0 .8em } .vc_separator.vc_separator_align_left .vc_sep_text { padding: 0 .8em 0 0 } .vc_separator.vc_separator_align_right .vc_sep_text { padding: 0 0 0 .8em; margin: 0!important } .vc_separator.vc_sep_double .vc_sep_line { height: 4px!important } @media (max-width:768px) { .vc_separator .vc_sep_text { white-space: normal; text-align: center } } @media (min-width: 768px) and (max-width: 1024px){ .site-main{ margin-top:0px !important; } .cust-space{ margin-top:0px !important; } .cust-space .vc_col-sm-7, .cust-space .vc_col-sm-5{ margin-top:0px !important; } .video-detail br{ display: none; } } .vc_separator.vc_sep_color_blue .vc_sep_text { color: #5472d2 } .vc_separator.vc_sep_color_turquoise .vc_sep_text { color: #00c1cf } .vc_separator.vc_sep_color_pink .vc_sep_text { color: #fe6c61 } .vc_separator.vc_sep_color_violet .vc_sep_text { color: #8d6dc4 } .vc_separator.vc_sep_color_peacoc .vc_sep_text { color: #4cadc9 } .vc_separator.vc_sep_color_chino .vc_sep_text { color: #cec2ab } .vc_separator.vc_sep_color_mulled_wine .vc_sep_text { color: #50485b } .vc_separator.vc_sep_color_vista_blue .vc_sep_text { color: #75d69c } .vc_separator.vc_sep_color_black .vc_sep_text { color: #2a2a2a } .vc_separator.vc_sep_color_grey .vc_sep_text { color: #ebebeb } .vc_separator.vc_sep_color_orange .vc_sep_text { color: #f7be68 } .vc_separator.vc_sep_color_sky .vc_sep_text { color: #5aa1e3 } .vc_separator.vc_sep_color_green .vc_sep_text { color: #6dab3c } .vc_separator.vc_sep_color_juicy_pink .vc_sep_text { color: #f4524d } .vc_separator.vc_sep_color_sandy_brown .vc_sep_text { color: #f79468 } .vc_separator.vc_sep_color_purple .vc_sep_text { color: #b97ebb } .vc_separator.vc_sep_color_white .vc_sep_text { color: #fff } .vc_separator.vc_sep_color_grace .vc_sep_text { color: #aed13b } .comment-reply-title, .comments-title { text-transform: uppercase; margin-top: 0 } .comment-list+.comment-respond, .comments-area { margin-top: 50px } .comment-author .avatar { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-right: 20px } .comment-author .fn { margin-right: 25px } .comment-meta { font-size: 89.5%; line-height: 1.421; display: inline-block } .comment-awaiting-moderation, .comment-text { padding-left: 70px } .comment-inner { padding: 35px 0 } .comment-header { display: table; width: 100% } .comment-header .comment-author, .comment-header .reply { display: table-cell } .comment-header .reply { text-align: right } .comment-reply-link { position: relative; display: inline-block; padding: .6em .7em .6em 2em; white-space: nowrap; border: 0 } .comment-reply-link:before { content: '\e601'; font-weight: 400; float: left; margin-left: -1.4em; font-size: 82.6% } .comment-form label { display: inline-block; font-size: 89.5% } .comment-form #comment-author+label, .comment-form #comment-email+label, .comment-form #comment-url+label { margin-left: 15px } .comment-form label em { font-style: normal } .comment-form label:before { margin-right: 5px; text-align: center; display: inline-block } .comment-form #comment-author+label:before { content: '\e622'; font-size: 1em; width: 1.76em } .comment-form #comment-email+label:before { content: '\e607'; font-size: 1.18em; width: 1.5em } .comment-form #comment-url+label:before { content: '\e623'; font-size: 1.41em; width: 1.04em } .comment-form #comment { width: 100% } .blog-post-image { margin-bottom: 50px } .blog-post-image img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } .post-related-posts-block { padding: 0 15px } .post-related-posts-block .related-element { margin-bottom: 0 } .sc-nivoslider .nivo-directionNav a { top: 0 } .sc-mini-pagination.nivo-controlNav { bottom: 0; position: absolute; width: 100%; z-index: 10 } .sc-nivoslider .nivo-caption { padding: 0; overflow: visible; opacity: 1; position: relative; width: 1200px; margin: 0 auto } .sc-nivoslider .caption-left, .sc-nivoslider .caption-right { position: absolute; bottom: 50px; max-width: 70% } .sc-nivoslider .caption-left { left: 20px } .sc-nivoslider .caption-right { right: 20px } @media only screen and (max-width:1439px) { .sc-nivoslider .nivo-caption { width: auto } .sc-nivoslider .caption-left { left: 155px } .sc-nivoslider .caption-right { right: 155px } } @media only screen and (max-width:799px) { .sc-nivoslider .caption-left { left: 80px } .sc-nivoslider .caption-right { right: 80px } .sc-nivoslider .nivo-directionNav, .sc-nivoslider .sc-mini-pagination.nivo-controlNav { display: none } } .sc-nivoslider .caption-left .sc-nivoslider-description, .sc-nivoslider .caption-left .sc-nivoslider-title { float: left; text-align: left } .sc-nivoslider .caption-right .sc-nivoslider-description, .sc-nivoslider .caption-right .sc-nivoslider-title { float: right; text-align: right } .sc-nivoslider .nivo-caption .sc-nivoslider-title { background-color: rgba(56,65,84,.8); color: #fff; padding: 10px 15px } .sc-nivoslider .nivo-caption .sc-nivoslider-description { background-color: rgba(0,0,0,.7); color: #fff; padding: 0 10px } .scroll-top-button { position: fixed; right: 30px; bottom: 0; z-index: 10000; opacity: 0; line-height: 0; transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear } .scroll-top-button.visible { opacity: .5 } .scroll-top-button:before { font-family: scalia-icons; content: '\e600'; font-size: 18px; font-weight: 400; display: inline-block; vertical-align: top; width: 54px; height: 50px; text-align: center; line-height: 50px; background-color: #4a4f56; color: #fff } @media (max-width:768px) { .scroll-top-button { right: 0 } } #page .wpb_start_animation.wpb_appear, #page .wpb_start_animation.wpb_bottom-to-top, #page .wpb_start_animation.wpb_left-to-right, #page .wpb_start_animation.wpb_right-to-left, #page .wpb_start_animation.wpb_top-to-bottom { -webkit-animation-duration: 1.4s; -moz-animation-duration: 1.4s; -o-animation-duration: 1.4s; animation-duration: 1.4s } .wpb_text_column.wpb_animate_when_almost_visible.wpb_fade { opacity: 1 } body:not(.lazy-disabled) .wpb_text_column.wpb_animate_when_almost_visible.wpb_fade { opacity: 0 } body:not(.lazy-disabled) .lazy-loading { visibility: hidden } body:not(.lazy-disabled) .lazy-loading .wpb_text_column.wpb_animate_when_almost_visible.wpb_fade { opacity: 1 } #primary-menu.no-responsive>li>ul.submenu-languages { list-style: none; padding: 0; width: auto } #primary-navigation.no-responsive .menu-item-language a { text-align: center } #primary-menu.no-responsive>li.menu-item-language>a { padding-left: 10px; padding-right: 10px } .menu-item-language img.iclflag { position: relative; margin-right: 0; width: 19px!important; height: 13px!important } .sc-sticky-block>* { left: auto; right: auto } .sc-sticky-block .sticky-fixed { position: fixed } @media only screen and (max-width:800px) { #page .wpb_animate_when_almost_visible.wpb_appear, #page .wpb_animate_when_almost_visible.wpb_bottom-to-top, #page .wpb_animate_when_almost_visible.wpb_left-to-right, #page .wpb_animate_when_almost_visible.wpb_right-to-left, #page .wpb_animate_when_almost_visible.wpb_top-to-bottom, body:not(.lazy-disabled) .wpb_text_column.wpb_animate_when_almost_visible.wpb_fade { opacity: 1 } body:not(.lazy-disabled) .quickfinder-item-image .quickfinder-item-image-content.lazy-loading-item { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1) } body:not(.lazy-disabled) .lazy-loading { visibility: visible } #page .wpb_start_animation.wpb_appear, #page .wpb_start_animation.wpb_bottom-to-top, #page .wpb_start_animation.wpb_left-to-right, #page .wpb_start_animation.wpb_right-to-left, #page .wpb_start_animation.wpb_top-to-bottom { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none } } .wp-caption { margin-bottom: 1.6em; max-width: 100% } .gallery-caption, .wp-caption-text { font-size: 89.5%; padding: .5em 0 } .alignleft { display: inline; float: left } .alignright { display: inline; float: right } .aligncenter { display: block; margin-right: auto; margin-left: auto } .wp-caption.alignleft, blockquote.alignleft, img.alignleft { margin: .4em 1.6em 1.6em 0 } .wp-caption.alignright, blockquote.alignright, img.alignright { margin: .4em 0 1.6em 1.6em } .wp-caption.aligncenter, blockquote.aligncenter, img.aligncenter { clear: both; margin-top: .4em; margin-bottom: 1.6em } .wp-caption.aligncenter, .wp-caption.alignleft, .wp-caption.alignright { margin-bottom: 1.2em } body .blog { margin-bottom: 20px; padding-bottom: 30px } :not(.sc-table)>table:not([class]):not([id]) tr:not([class]):not([id]) td:not([class]):not([id]), :not(.sc-table)>table:not([class]):not([id]) tr:not([class]):not([id]) th:not([class]):not([id]) { padding: 5px 10px } .page-links a { display: inline-block; position: relative } .page-links span:not(.page-links-title) { display: inline-block; width: 1.421em; text-align: center } .gallery { margin-bottom: 1.6em } .gallery .gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100% } .gallery-columns-2 .gallery-item { max-width: 50% } .gallery-columns-3 .gallery-item { max-width: 33.33% } .gallery-columns-4 .gallery-item { max-width: 25% } .gallery-columns-5 .gallery-item { max-width: 20% } .gallery-columns-6 .gallery-item { max-width: 16.66% } .gallery-columns-7 .gallery-item { max-width: 14.28% } .gallery-columns-8 .gallery-item { max-width: 12.5% } .gallery-columns-9 .gallery-item { max-width: 11.11% } .gallery-icon img { margin: 0 auto } #wpcf7-f11700-p11517-o2 .wpcf7-validation-errors, .wpcf7-mail-sent-ok { color: #fff!important; margin-top: 15px!important } .gallery-caption { display: block; padding: .5em 0 } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .hanging-img { display: none } .sc-slideshow>* { height: 400px } .sc-video-background, .sc-video-background-inner iframe, .sc-video-background-inner video { width: 100%; height: 100% } .block-content .search-form-block .searchform #s { width: 100% } .sc-video-background { position: absolute; left: 0; top: 0; overflow: hidden; } .sc-video-background~* { position: relative; z-index: 1 } .sc-video-background-inner, .sc-video-background-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .wpcf7-form .wpcf7-validation-errors { font-size: 13px } #AnythingPopup_BoxTitle2, #AnythingPopup_BoxTitle3, #AnythingPopup_BoxTitle4, #AnythingPopup_BoxTitle5, #AnythingPopup_BoxTitle6, #AnythingPopup_BoxTitle7, #AnythingPopup_BoxTitle8 { margin-left: 15px!important } .wpcf7 .wpcf7-submit { padding: 4px 9px!important } .santa-img { margin-top: -185px; margin-left: -20px } .menu-footer-services-container .menu{ font-family: "Playfair Display"!important; } @media screen and (min-width:768px) { .hanging-img { margin-top: -65px; float: right; display: block } } .new-btm-line { padding-bottom: 15px; font-size: 13px; color: #d1d3d4; } .new-btm-line a {color: #d1d3d4 } .new-btm-line a:hover { color: #fff; } @media (max-width:1037px) { .hide-mob { display: none } } .page-id-13830 .page-title-title, .page-id-13967 .page-title-title, .page-id-14017 .page-title-title, .page-id-13955 .page-title-title {opacity:1; visibility:visible;} .main-text{ color: #4c5867; line-height: 51px; font-size: 35px; font-weight: 200; font-family: "Playfair Display, sans-serif"; } .brand-color-element.second { background-image: linear-gradient(-225deg, #960e14 35%, #960e14)!important; } .brand-color-element { background-image: linear-gradient(-225deg, #960e14 35%, #960e14); } @media (min-width: 980px) and (max-width: 1920px){ #menu-item-11399 .styled { background-size: 100% auto !important;left: -140px !important;padding: 29px 653px 165px 0 !important;} #menu-item-11400.menu-item {margin-left: 25px !important;margin-top: -60px !important;width: 151px !important;} #menu-item-11402.menu-item { margin-top: -60px !important; width: 195px !important; } #menu-item-11405.menu-item {width:145px !important; margin-top:-70px !important; } #menu-item-11406.menu-item {width:177px !important; margin-top:-70px !important;} } .site-footer .sc-contacts-item { margin: 0 !important; padding: 0 !important; } #colophon .widget a:hover {color : #fff !important;} .site-footer .sc-contacts {margin:0 !important} .menu-footer-services-container ul li a { font-size: 16px; } .sc_accordion_header a,.sc-list li,.portfolio-item .caption .title,.benefit-title-sec { text-transform: none!important; } .sc-iconed-title h5,.sc-picturebox-text p,.widget_categories a { text-transform: capitalize!important; } #primary-navigation #menu-item-11433 li span.megamenu-column-header a {padding-left: 40px !important;} .megamenu-fullwidth #menu-item-11719.mob-nav{margin-left:54px !important} #primary-menu.no-responsive > li > ul li#menu-item-12774 a {padding-left:47px !important;} #menu-item-11433 .megamenu-fullwidth li#menu-item-11718, #menu-item-11433 .megamenu-fullwidth li#menu-item-15745 {margin-left: 54px !important;} .vc_custom_1438781423402 div h3 { text-transform: capitalize!important; } .socials-item > a img { margin-top: 14px; opacity: 0.9; } .socials-item > a img:hover{ opacity: 1; } .textwidget .socials { margin-left: 0px!important; } .page-title-style-2 .container::after { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } .page-title-style-2 .container h2{ color: #3d3d3d; font-family: "Playfair Display"; font-size: 2em; font-weight: 500; padding-bottom: 0; letter-spacing: -0.015em; line-height: 1.25; } .page-title-style-2 .container { padding-bottom: 0; } #site-header.fixed.shrink { box-shadow: none!important; } .vc_custom_1436268051908 p a,.sc-testimonial-text strong { text-transform: capitalize!important; } .menu-footer-services-container ul li:before,.sc-contacts-item ul li:before{ color: #99a3b0; content: "\e601"; display: inline-block; font-family: scalia-icons; font-size: 0.74em; font-weight: 400; text-indent: 0; vertical-align: middle; width: 1.62em; } .menu-footer-services-container ul li a,.sc-contacts-item ul li a { display: inline!important; } .menu-footer-services-container ul li { line-height: 23px!important; font-size: 16px!important; } .site-footer .textwidget .sc-contacts-item{ padding-left:0px!important;} body, option, .portfolio.columns-1 .portfolio-item .caption .subtitle, .gallery-item .overlay .subtitle, .cart_totals table .shipping td label, .woocommerce-cart-form.responsive .cart-item .sc-table .shop_table td.product-price{font-family:PT Sans,sans-serif!important;color: #8c8c8c!important;line-height: 1.875!important;} .menu-item.trail_btn a { color: #fff!important; font-size: 14px!important; padding: 4px 12px!important; text-transform: capitalize!important; } .vc_custom_1469186358842 .wpb_wrapper a { text-transform: capitalize!important; } .clutch_img a{background:url(https://www.communicationcrafts.com/wp-content/themes/scalia/images/Clutch_logo_white.png) no-repeat center center; text-indent:-9999px; width:82px; padding:4px 12px !important; margin-left:12px; margin-right:12px;} .clutch_img a:hover{opacity:0.9;} .footer-widget-area .widget_text{float: none; display: inline-block;} .footer-widget-area #nav_menu-2{float: left;} //.footer-widget-area #text-101.widget_text ,.footer-widget-area #text-103.widget_text,.footer-widget-area #text-104.widget_text,.footer-widget-area #text-106.widget_text,.footer-widget-area #text-108.widget_text,.footer-widget-area #text-110.widget_text{clear: both;float: left;} .menu-footer-services-container ul li { font-size: 16px !important; line-height: 23px !important; font-family: PT Sans,sans-serif !important; } .menu-footer-services-container ul li a { font-size: 14px; } .footer-widget-area .inline-column{margin-bottom: 10px;} .footer-widget-area .textwidget { font-size: 14px !important; line-height: 19px; } #colophon.site-footer{padding: 20px 0 0} .footer-widget-area .widget-title{ font-family: Playfair Display, sans-serif !important;font-size: 18px !important;} .site-footer .sc-contacts { margin-top: 0px !important; } h1, h2, h3, h4, h5, h6{ font-family: Playfair Display, sans-serif !important; } body,p{ font-family: PT Sans, sans-serif !important; } .sc-vimeo.sc-wrapbox { margin-bottom: 0; } body #hubspot-messages-iframe-container { bottom: 0 !important; display: initial !important; left: auto !important; position: fixed !important; right: 90px !important; z-index: 2147483647 !important; } .red-iconimg .wpb_single_image img{ width:80px; } .team-person-email a{vertical-align: top;} .gallery-item .overlay-wrap .image-wrap > img { transform: none !important; } .type-page .wpb_wrapper > p { line-height: 1.4 !important; } .page-id-11125 .page-title-title { text-align: center; } .wpb_wrapper h4 { } .down-better .vc_custom_heading { margin-bottom: 0 !important; padding-top: 8px; } .page-id-14669 .with-sidebar .entry-content.post-content { line-height: 1.4; } #sc-tabs-15006287144{margin-bottom:0} .portfolio-preloader-wrapper .portfolio .portfolio-set{ margin-bottom: 0; } .team-resources-popup .sc-textbox, .tech-resources-popup .sc-textbox, .creative-resources-popup .sc-textbox {margin-bottom: 2px;} .vc_custom_1500635732700 .wpb_text_column.wpb_content_element { margin-bottom: 20px; } .home .wpb_single_image img { height: auto; max-width: 100%; vertical-align: top; margin-top: 18px; } .keystrength p, .vc_custom_1500721150595 p, .career-not-invited p{display: none;} .rounded-corners .sc-textbox-content .sc-alert-box-image .img-circle{width: 165px;} .type-page .entry-content .vc_column-inner .wpb_wrapper .vc_cta3-container{margin-bottom: 0.7em;} .career-not-invited .sc-list{margin-bottom: 0.7em;} .single-post .type-post .clearfix.scalia_socials_sharing{padding-top: 0px;} .single-post .type-post .block-divider{margin-bottom: 15px;} .single-post .post-related-posts { margin-top: 0; } #post-14813 h4,#post-14818 h4{ line-height:18px;} .single-post .entry-content p { line-height: 1.4; } #post-13800 .entry-content .has-background-image { margin-top: 20px; } #post-13800 .vc_single_image-wrapper .vc_single_image-img { width: 165px; } #post-11678 .portfolio-preloader-wrapper .portfilio-top-panel, #post-12755 .portfolio-preloader-wrapper .portfilio-top-panel { margin-bottom: 25px; margin-top: 15px; } #post-14638 .wpb_content_element h4 { line-height: 18px; } #menu-item-11433 .site-navigation .nav-menu .sub-menu.megamenu-fullwidth .port-nav { margin: 0 24px; text-align: center; width: 160px; } #menu-item-11433 #primary-menu.no-responsive > li.megamenu-enable > ul > li.megamenu-first-element { margin-left: -13px !important; } #menu-item-11433 .megamenu-fullwidth li#menu-item-11718, #menu-item-15740 .megamenu-fullwidth li#menu-item-15745 { margin-left: 74px !important; text-align: left !important; } #menu-item-15745 .megamenu-column-header, #menu-item-11718 .megamenu-column-header { margin-left: 0px !important; } #post-11151 .wpb_text_column .wpb_wrapper > h3 { margin-bottom: 18px; font-weight:400; } #post-11158 .wpb_text_column .wpb_wrapper > h3 { margin-bottom: 18px; margin-top: 20px; font-weight:400; } #post-11125 .wpb_text_column .wpb_wrapper > h3 {margin-bottom: 18px; font-weight:400;} } #post-14813 .wpb_text_column .wpb_wrapper > h3 { margin-bottom: 20px; } #post-14818 .wpb_text_column .wpb_wrapper > h3 { margin-bottom: 18px; } #post-14646 .entry-content.post-content > h3 { margin-bottom: 18px; margin-top: 18px; } #post-14646 .post-related-posts > h3 { margin-bottom: 18px; } #post-14100 .entry-content.post-content > h3 { margin-bottom: 18px; margin-top: 18px; } #post-14064 .entry-content.post-content > h3 { margin-bottom: 18px; margin-top: 18px; } #post-14064 .post-related-posts > h3 { margin-bottom: 18px; } #post-14051 .post-related-posts > h3 { margin-bottom: 18px; } #post-13940 .entry-content.post-content > h3 { margin-bottom: 18px; margin-top: 18px; } #post-13933 .entry-content.post-content > h3 { margin-bottom: 18px; margin-top: 18px; } #post-13933 .post-related-posts > h3 { margin-bottom: 18px; } #post-13926 .entry-content.post-content > h3 { margin-bottom: 18px; margin-top: 18px; } #text-113 .widget-title { margin-bottom: 5px; } #post-11438 .wpb_content_element .wpb_wrapper > h3 { margin-bottom: 18px; font-weight:400; } #post-14813 .wpb_content_element .wpb_wrapper > h3{ margin-bottom:18px; } #post-11517 .wpb_text_column .wpb_wrapper > h3 { margin-bottom: 18px; } #post-11382 .wpb_text_column .wpb_wrapper > h3 { margin-bottom: 18px; } #post-11387 .wpb_text_column .wpb_wrapper > h3 { margin-bottom: 18px; } #post-11674 .portfolio, #post-11682 .portfolio { margin-top: 20px; padding: 0; } .creative-section h2{ font-size:31px; color:#403d3e; line-height:55px; font-weight: normal; padding-bottom: 15px; } .creative-section p{ font-size:19px; color:#403d3e; line-height:25px; font-weight: normal; padding-bottom: 26px; } .creative-section a{ font-size:20px; color:#bf2026; line-height:26px; font-weight: normal; } .get-more h2{ font-size:36px; color:#231f20; line-height:55px; font-weight: normal; padding-bottom: 0px; } .get-more ul{ padding-bottom: 30px; padding-left: 13px; } .get-more ul li{ color:#231f20; font-size:16px; font-weight:normal; line-height:22px; padding-bottom:11px; } .banner-page h4{ color: #fff; font-size: 28px; font-weight: normal; line-height: 48px; padding-left: 240px; padding-top: 25px; letter-spacing:1px; } .video-slider .metaslider .caption-wrap{ position: relative; background:none; color: #000; line-height: 1.4em; } .video-slider .metaslider .slides img{ width:auto; } .video-slider .flex-control-paging li a{ width:5px !important; height:5px !important; } .home-icons img{ float:left; margin-right:15px; } #mid-bg{ background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; } .video-slider .ls-nav-prev:before{ color: #bf2026; content: "<"; font-size: 50px; font-weight: 400; position: relative; right: 52px; top: 40px; } .video-slider .ls-nav-next:before{ color: #bf2026; content: ">"; font-size: 50px; font-weight: 400; position: relative; right: 54px; top: 40px; } .text_block_btn1 p{ font-size:20px; color:#c02228; line-height:26px; font-weight: bold; padding-bottom: 35px; } .text_block_btn1 p a{ background: #cd161e none repeat scroll 0 0; border-radius: 3px; color: #fff; font-size: 16px; font-weight: 100; padding: 11px 22px; text-align: center; text-transform: uppercase; } .text_block_btn1 p a:hover{ background: #960e14 none repeat scroll 0 0; } .video-slider .metaslider .caption{ margin-top:25px; } .home-icons{ padding-left: 240px; padding-top: 30px; } .video-slider .ls-nav-prev, .video-slider .ls-nav-next{ background: none !important; top: auto !important; bottom: 0 !important; } .video-slider .ls-nav-prev{ left:85% !important; } .social-feed { color: #403d3e; } .social-feed p { padding-bottom: 0px; margin: 0px; color: #403d3e; } .get-more-new h2 { font-size: 36px; color: #231f20; line-height: 55px; font-weight: normal; padding-bottom: 0px; } .get-more-new p { font-size: 18px; color: #231f20; padding-bottom: 15px; } @media screen and (min-width:768px) and (max-width:1023px){ .top-home { position:relative; right:138px; top:-52px; } .banner-page h4{ font-size:25px; margin-top:0; padding-left:55px; padding-top:0; } .home-icons{ padding-left:55px; padding-top:13px; } .vc_custom_1502464134864.home-bg{ background:#c02228 url(https://www.communicationcrafts.com/wp-content/uploads/2017/08/home-bg-2.jpg) no-repeat center center/ cover !important; } .video-bg{ background:#c02228 url(https://www.communicationcrafts.com/wp-content/uploads/2017/08/video-img.jpg) no-repeat center center/cover; } .video-detail .home-icons , .video-detail h4{ padding-left:20px; } } @media screen and (min-width:768px) and (max-width:1024px){ .video-detail .home-icons , .video-detail h4{ padding-left:20px; } .mounuments-row{ margin-top: 40px !important; } } @media screen and (max-width:767px) { h1.main-text { font-size: 38px !important; word-break: break-word; } .post-content .home-bg{ background:none !important; background-color:#c02228 !important; margin-top:35px; } .banner-page h4{ padding-left: 0; padding-top: 0; } .home-icons { padding-left: 0px; padding-top: 30px; } .post-content .mid-bg{ background-image:none !important; background-color:#f0f0f0 !important; } .text_block_btn1 p a{ margin-bottom: 20px !important; margin-top: 12px !important; padding: 6px 10px; float: left; } .text_block_btn1 p{ font-size: 16px; } .top-home img { height: auto; max-width: 100%; } .top-home { position: relative; right: 16px; top: -123px; } .top-main .top-home { position: relative; right: 2px; top: -57px; } .top-home br{ display:none; } .get-more br{ display:none; } .ar-intro-block h1{ font-size: 32px !important; line-height: 56px !important; padding-bottom: 4px; margin-bottom: 30px; margin-top: 14px; } .feature-block p{ max-width: 100%; } .mounuments-row{ margin: 0 auto 60px !important; max-width: 90%; } .mounuments h4 { font-size: 26px; } .ar-intro-block p:first-child { font-size: 20px; line-height: 22px } }