@charset "UTF-8";
@charset "UTF-8";
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,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-color:transparent}a:active,a:hover{outline:0}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{-webkit-box-sizing:content-box;-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"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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;-webkit-box-sizing:content-box;-moz-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:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}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:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .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 #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.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:auto}.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:auto}.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:auto}.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:auto}.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:auto}.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:auto}.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:auto}.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:auto}.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}}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:normal;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:12px;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;right:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:normal;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:14px;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.modal-header:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}

html {
font-family: sans-serif;
text-size-adjust: 100%;
margin: 0 !important;
padding: 0 !important;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
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-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
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 {
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;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
overflow-y: scroll;
text-size-adjust: 100%;
}
html {
margin: 0;
padding: 0;
text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-size: 15px;
}
@media (max-width: 1024px) {
html {
font-size: 14px;
}
}
a {
color: #000;
transition: all ease 0.5s;
}
a:hover {
color: #000;
text-decoration: none;
}
a:active,
a:focus,
a:hover {
outline: 0;
text-decoration: none;
}
button,
input,
select,
textarea {
font: 14px/1.4 "Open Sans", sans-serif;
}
button:active,
button:focus,
button:hover,
input:active,
input:focus,
input:hover,
select:active,
select:focus,
select:hover,
textarea:active,
textarea:focus,
textarea:hover {
outline: 0;
text-decoration: none;
}
hr {
height: 0;
margin: 15px 0;
overflow: hidden;
background: 0 0;
border: 0;
border-bottom: 1px solid #ddd;
}
hr:before {
display: table;
content: "";
}
hr:after {
display: table;
clear: both;
content: "";
}
.browserupgrade {
background: red;
color: #fff;
margin: 0;
text-align: center;
padding: 0.8em;
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 9999;
}
.browserupgrade a {
font-weight: 700;
color: #ff0;
}
.cf:before {
display: table;
content: "";
}
.cf:after {
display: table;
clear: both;
content: "";
}
iframe[name="google_conversion_frame"] {
height: 0 !important;
width: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
margin-top: -13px;
float: left;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
figure {
margin: 0;
padding: 0;
}
.img-responsive {
max-width: 100%;
height: auto;
display: block;
}
.no-gutters {
padding: 0;
margin: 0;
}
a[href^="tel:"] {
cursor: default;
text-decoration: none;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 0.7em;
line-height: 1.2;
}
.h1,
h1 {
font-size: 30px;
}
.h2,
h2 {
font-size: 21px;
}
.h3,
h3 {
font-size: 16px;
}
.h4,
h4 {
font-size: 14px;
}
.h5,
h5 {
font-size: 12px;
}
.h6,
h6 {
font-size: 11px;
}
a {
color: #098496;
text-decoration: none;
}
a:active,
a:focus,
a:hover {
outline: 0;
}
a:focus {
text-decoration: none;
}
p {
margin: 0 0 0.7em;
}
small {
font-size: 90%;
}
blockquote {
margin: 0;
}
ol,
ul {
padding: 0;
margin-top: 0;
margin-bottom: 0;
}
dd {
margin-left: 0;
}
code,
tt {
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
font-size: 12px;
}
pre {
margin-top: 0;
margin-bottom: 0;
font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
}
label {
font-size: 13px;
font-weight: 700;
}
.form-control {
height: 38px;
padding: 7px 8px;
font-size: 13px;
color: #333;
vertical-align: middle;
background-color: #fff;
background-repeat: no-repeat;
background-position: right center;
border: 1px solid #ccc;
outline: 0;
display: block;
width: 100%;
transition: all ease 0.1s;
}
.form-control.focus,
.form-control:focus {
border-color: #098496;
box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
}
textarea {
resize: none;
height: auto;
}
.form-group {
margin-bottom: 15px;
}
input[type="checkbox"],
input[type="radio"] {
display: inline;
margin-right: 0.35em;
}
.input-contrast,
input.input-contrast {
background-color: #fafafa;
}
.input-contrast:focus,
input.input-contrast:focus {
background-color: #fff;
}
button.focus,
button:focus,
input[type="submit"].focus,
input[type="submit"]:focus {
outline: 0;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus {
outline: 0;
text-decoration: none;
box-shadow: none !important;
}
select:focus,
textarea:focus {
text-decoration: none;
outline: 0;
box-shadow: none !important;
}
textarea {
-webkit-appearance: none;
}
table {
border-collapse: collapse;
margin: 0.7em 0;
table-layout: fixed;
width: 100%;
}
th {
font-weight: 600;
padding: 0.7em 0;
text-align: left;
}
td {
padding: 0.7em 0;
}
td,
th,
tr {
vertical-align: middle;
}
.btn {
position: relative;
float: right;
padding: 7px 25px;
font: 700 20px/30px "Open Sans", sans-serif;
text-transform: uppercase;
color: #fff;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background: #16b1e3;
border-radius: 20px;
letter-spacing: 1px;
user-select: none;
-webkit-appearance: none;
}
.rqst-btns {
float: right;
}
.btn-bnr {
padding: 7px 25px;
font: 700 20px/30px "Open Sans", sans-serif;
text-transform: uppercase;
color: #fff;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background: #16b1e3;
border-radius: 20px;
letter-spacing: 1px;
user-select: none;
-webkit-appearance: none;
margin: 0 0 0 15px;
border: none;
outline: 0;
}
.btn-bnr:active,
.btn-bnr:hover {
text-decoration: none;
background: #3a4045;
color: #fff;
}
.btn-bnr:active {
background-color: #3a4045;
background-image: none;
border-color: #b5b5b5;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
}
.btn-bnr.disabled,
.btn-bnr.disabled:hover,
.btn-bnr:disabled,
.btn-bnr:disabled:hover {
color: rgba(102, 102, 102, 0.5);
cursor: default;
background-color: rgba(229, 229, 229, 0.5);
background-image: none;
border-color: rgba(197, 197, 197, 0.5);
box-shadow: none;
}
@media (max-width: 767px) {
.btn {
font: 700 15px/20px "Open Sans", sans-serif;
padding: 5px 20px;
}
}
.btn:focus {
text-decoration: none;
border: 0;
outline: 0;
}
.btn:focus:hover {
border-color: #51a7e8;
}
.btn:active,
.btn:hover {
text-decoration: none;
background: #3a4045;
color: #fff;
}
.btn:active {
background-color: #3a4045;
background-image: none;
border-color: #b5b5b5;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
}
.btn.disabled,
.btn.disabled:hover,
.btn:disabled,
.btn:disabled:hover {
color: rgba(102, 102, 102, 0.5);
cursor: default;
background-color: rgba(229, 229, 229, 0.5);
background-image: none;
border-color: rgba(197, 197, 197, 0.5);
box-shadow: none;
}
.btn-primary {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
background: #098496;
}
.btn-primary:hover {
color: #fff;
background: #086f7e;
}
.btn-primary:active {
background: #065a66;
}
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary:disabled,
.btn-primary:disabled:hover {
color: #fefefe;
background: #add39f;
}
.btn-outline {
color: #098496;
background-color: #fff;
background-image: none;
border: 1px solid #e5e5e5;
}
.btn-outline:focus {
border: 1px solid #e5e5e5;
}
.btn-outline:active,
.btn-outline:hover {
color: #fff;
background-color: #098496;
background-image: none;
border-color: #098496;
}
.btn-outline.disabled,
.btn-outline.disabled:hover,
.btn-outline:disabled,
.btn-outline:disabled:hover {
color: #767676;
background-color: #fff;
background-image: none;
border-color: #e5e5e5;
}
.btn-sm {
padding: 2px 10px;
}
.btn-block {
display: block;
width: 100%;
text-align: center;
}
.wow {
visibility: hidden;
}
.main-wrap {
background: url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/img/banner.jpg) no-repeat center top;
height: 600px;
background-size: cover;
position: relative;
}
.main-wrap:before {
display: table;
content: "";
}
.main-wrap:after {
display: table;
clear: both;
content: "";
}
@media (max-width: 1024px) {
.main-wrap {
height: 500px;
}
}
@media (max-width: 991px) {
.main-wrap {
height: 420px;
}
}
@media (max-width: 767px) {
.main-wrap {
height: 380px;
}
.banner-area {
margin-top: 0;
}
}
.main-wrap .header {
width: 100%;
padding: 15px 0 0;
position: fixed;
z-index: 999;
}
.main-wrap .header:before {
display: table;
content: "";
}
.main-wrap .header:after {
display: table;
clear: both;
content: "";
}
@media (max-width: 767px) {
.main-wrap .header {
position: static;
}
}
.main-wrap .header .logo {
float: left;
}
@media (max-width: 2401px) {
.main-wrap .header .logo {
width: auto;
background-size: 90%;
}
}
@media (min-width: 1000px) {
.main-wrap .header .logo {
display: block;
width: 264px;
height: 87px;
}
}
@media (min-width: 1600px) and (max-width: 1919px) {
.main-wrap .header .logo {
background-size: 100%;
}
}
@media (min-width: 1360px) and (max-width: 1599px) {
.main-wrap .header .logo {
background-size: 90%;
}
}
@media (max-width: 1360px) {
.main-wrap .header .logo {
background-size: 90%;
}
}
@media (max-width: 1024px) {
.main-wrap .header .logo {
background-size: 90%;
left: 20px;
}
}
@media (max-width: 991px) {
.main-wrap .header .logo {
width: 35%;
background-size: 90%;
height: 110px;
}
}
@media (max-width: 767px) {
.main-wrap .header .logo {
width: 300px;
background-size: 80%;
height: 90px;
float: none;
margin: 0 auto;
display: block;
position: static;
}
}
.main-wrap .header .top-right {
float: right;
}
@media (max-width: 1024px) {
.main-wrap .header .top-right {
padding: 10px 0 0 0;
}
}
@media (max-width: 767px) {
.main-wrap .header .top-right {
width: 300px;
background-size: 100%;
float: none;
margin: 0 auto;
padding: 22px 0 0;
}
}
@media (max-width: 567px) {
.main-wrap .header .logo img {
max-width: 75%;
}
}
.main-wrap .header .top-right ul.top-menu {
float: right;
margin: 0 50px 0 0;
}
.main-wrap .header .top-right ul.top-menu li {
display: inline-block;
padding: 1px 10px;
}
.main-wrap .header .top-right ul.top-menu li a {
font: 400 15px/20px "Open Sans", sans-serif;
color: #000;
text-transform: uppercase;
}
.main-wrap .header .top-right ul.top-menu li a:hover {
color: #16b1e3;
}
@media (max-width: 1024px) {
.main-wrap .header .top-right ul.top-menu {
display: none;
}
}
.main-wrap .header .top-right ul.top-menu li.current-cat > a,
.main-wrap .header .top-right ul.top-menu li.current-menu-item > a,
.main-wrap .header .top-right ul.top-menu li.current-menu-parent > a,
.main-wrap .header .top-right ul.top-menu li.current-page-ancestor > a,
.main-wrap .header .top-right ul.top-menu li.current_page_item > a,
.main-wrap .header .top-right ul.top-menu li.current_page_parent > a {
color: #16b1e3;
}
.main-wrap .header .top-right ul.top-menu.blog-menu li.current-cat > a,
.main-wrap .header .top-right ul.top-menu.blog-menu li.current-menu-item > a,
.main-wrap .header .top-right ul.top-menu.blog-menu li.current-menu-parent > a,
.main-wrap .header .top-right ul.top-menu.blog-menu li.current_page_item > a,
.main-wrap .header .top-right ul.top-menu.blog-menu li.current_page_parent > a,
.main-wrap .header .top-right ul.top-menu.blog-menuli.current-page-ancestor > a {
color: #16b1e3 !important;
}
.main-wrap .header .top-right h3 {
font: 700 25px/20px "Open Sans", sans-serif;
color: #000;
float: right;
}
.main-wrap .header .top-right h3 a {
color: #000;
cursor: default;
}
.main-wrap .header .top-right span {
font: 700 25px/20px "Open Sans", sans-serif;
color: #000;
float: right;
margin: 0 0 0.7em;
}
.main-wrap .header .top-right span a {
color: #000;
cursor: default;
}
@media (max-width: 767px) {
.main-wrap .header .top-right h3 {
float: none;
font-size: 15px;
text-align: center;
}
.main-wrap .header .top-right span {
float: none;
font-size: 15px;
text-align: center;
display: inherit;
}
}
.main-wrap .banner-text {
padding: 50px 5%;
float: right;
}
.main-wrap .banner-text:before {
display: table;
content: "";
}
.main-wrap .banner-text:after {
display: table;
clear: both;
content: "";
}
@media (min-width: 2401px) {
.main-wrap .banner-text {
padding: 20px 5%;
bottom: 40%;
}
}
@media (min-width: 1600px) and (max-width: 2400px) {
.main-wrap .banner-text {
padding: 20px 0 0;
}
}
@media (min-width: 1024px) and (max-width: 1359px) {
.main-wrap .banner-text {
padding: 20px 5%;
bottom: 30%;
width: 100%;
}
}
@media (max-width: 991px) {
.main-wrap .banner-text {
width: 100%;
}
}
@media (max-width: 1024px) {
.main-wrap .banner-text {
padding: 20px 5%;
bottom: 30px;
}
}
.main-wrap .banner-text .banner-h1 {
text-transform: uppercase;
text-align: right;
color: #464646;
padding: 0;
margin: 0 0 10px 0;
font: 700 50px/60px "Open Sans", sans-serif;
}
.main-wrap .banner-text .banner-h1 span {
display: block;
}
.main-wrap .banner-text .banner-h2 {
font: 400 36px/30px "Open Sans", sans-serif;
text-align: right;
color: #464646;
margin-bottom: 23px;
}
@media (max-width: 991px) {
.main-wrap .banner-text .banner-h1 {
font: 700 30px/40px "Open Sans", sans-serif;
}
.main-wrap .banner-text .banner-h2 {
font-size: 26px;
}
}
@media (max-width: 767px) {
.main-wrap .banner-text {
background: rgba(255, 255, 255, 0.3);
}
.main-wrap .banner-text .banner-h1 {
font: 700 20px/30px "Open Sans", sans-serif;
}
}
@media (max-width: 767px) {
.main-wrap .banner-text .banner-h2 {
font: 400 17px/30px "Open Sans", sans-serif;
margin-bottom: 15px;
}
}
.home-fomr {
width: 100%;
background: #16b1e3;
padding: 20px 0;
}
.home-fomr:before {
display: table;
content: "";
}
.home-fomr:after {
display: table;
clear: both;
content: "";
}
.home-fomr .span-12 {
font: 700 30px/60px "Open Sans", sans-serif;
text-transform: uppercase;
text-align: center;
color: #fff;
padding: 0;
margin: 0 0 10px 0;
letter-spacing: 2px;
}
@media (max-width: 1024px) {
.home-fomr .span-12 {
font: 700 25px/30px "Open Sans", sans-serif;
}
}
@media (max-width: 767px) {
.home-fomr .span-12 {
font: 700 17px/25px "Open Sans", sans-serif;
}
}
.home-fomr .form {
font: 400 12px/30px "Open Sans", sans-serif;
}
.home-fomr .form:before {
display: table;
content: "";
}
.home-fomr .form:after {
display: table;
clear: both;
content: "";
}
.home-fomr .form input[type="email"],
.home-fomr .form input[type="tel"],
.home-fomr .form input[type="text"] {
width: 100%;
border: solid 1px #000;
padding: 10px;
margin: 0 0 20px 0;
color: #9d9b9c;
}
@media (max-width: 767px) {
.home-fomr .form input[type="email"],
.home-fomr .form input[type="tel"],
.home-fomr .form input[type="text"] {
margin: 0 0 10px 0;
}
}
.home-fomr .form textarea {
width: 100%;
border: solid 1px #000;
padding: 10px;
margin: 0 0 8px 0;
color: #9d9b9c;
resize: none;
height: 42px;
}
@media (max-width: 767px) {
.home-fomr .form textarea {
margin: 0;
}
}
.home-fomr .form .cap-wrap {
position: relative;
float: right;
width: 100%;
height: 50px;
}
.home-fomr .form .cap-wrap:before {
display: table;
content: "";
}
.home-fomr .form .cap-wrap:after {
display: table;
clear: both;
content: "";
}
.home-fomr .form .cap-wrap input[type="submit"] {
background: #3a4045;
border-radius: 30px;
text-align: center;
color: #fff;
float: right;
border: none;
padding: 7px 40px;
text-transform: uppercase;
font: 700 20px/30px "Open Sans", sans-serif;
letter-spacing: 1;
margin: 0 5px 0 0;
position: absolute;
right: 0;
}
.home-fomr .form .cap-wrap input[type="submit"]:hover {
background: #000;
}
@media (max-width: 1024px) {
.home-fomr .form .cap-wrap input[type="submit"] {
margin: 0 7px 0 0;
}
}
@media (max-width: 991px) {
.home-fomr .form .cap-wrap input[type="submit"] {
position: inherit;
margin: 10px 0 0 0;
}
}
.home-fomr .form .cap-wrap p {
font: 400 14px/30px "Open Sans", sans-serif;
color: #fff;
text-align: right;
position: absolute;
right: 400px;
top: 10px;
}
.home-fomr .form .cap-wrap p span {
color: #3a4045;
}
@media (max-width: 991px) {
.home-fomr .form .cap-wrap p {
position: inherit;
}
}
.home-fomr .form .cap-wrap .btn-grp {
position: absolute;
right: 190px;
top: 10px;
}
@media (max-width: 991px) {
.home-fomr .form .cap-wrap .btn-grp {
position: inherit;
float: right;
}
}
.home-fomr .form .cap-wrap .plz {
position: absolute;
right: 0;
}
@media (max-width: 991px) {
.home-fomr .form .cap-wrap .plz {
bottom: 0;
}
}
@media (max-width: 767px) {
.home-fomr .form .cap-wrap .plz {
bottom: 30px;
}
}
@media (max-width: 468px) {
.home-fomr .form .cap-wrap .plz {
bottom: 0;
}
}
.home-fomr .form .cap-wrap .wait-contactform-contact1 {
color: #fff;
}
.home-fomr .form .cap-wrap .wait-contactform-contact1 img {
margin-top: 7px;
}
@media (max-width: 991px) {
.home-fomr .form .cap-wrap {
height: 130px;
}
}
@media (max-width: 767px) {
.home-fomr .form .cap-wrap {
height: 160px;
}
}
.home-fomr .form::-webkit-input-placeholder {
opacity: 1;
font-family: "Open Sans", sans-serif;
color: #9d9b9c;
}
.home-fomr .form:-moz-placeholder {
opacity: 1;
font-family: "Open Sans", sans-serif;
color: #9d9b9c;
}
.home-fomr .form::-moz-placeholder {
opacity: 1;
font-family: "Open Sans", sans-serif;
color: #9d9b9c;
}
.home-fomr .form:-ms-input-placeholder {
opacity: 1;
font-family: "Open Sans", sans-serif;
color: #9d9b9c;
}
.mid-box {
width: 100%;
padding: 30px 0;
}
.mid-box:before {
display: table;
content: "";
}
.mid-box:after {
display: table;
clear: both;
content: "";
}
.mid-box h3 {
font: 700 30px/60px "Open Sans", sans-serif;
text-transform: uppercase;
text-align: left;
color: #525252;
padding: 0;
margin: 0 0 10px 0;
letter-spacing: 1;
}
.mid-box h1 {
font: 700 30px/60px "Open Sans", sans-serif;
text-transform: uppercase;
text-align: left;
color: #525252;
padding: 0;
margin: 0 0 10px 0;
letter-spacing: 1;
}
@media (max-width: 1024px) {
.mid-box h3 {
font: 700 25px/30px "Open Sans", sans-serif;
}
.mid-box h1 {
font: 700 25px/30px "Open Sans", sans-serif;
}
}
@media (max-width: 767px) {
.mid-box h3 {
font: 700 17px/25px "Open Sans", sans-serif;
}
.mid-box h1 {
font: 700 17px/25px "Open Sans", sans-serif;
}
}
.mid-box p {
font: 400 20px/32px "Open Sans", sans-serif;
color: #515151;
}
@media (max-width: 1024px) {
.mid-box p {
font: 400 18px/30px "Open Sans", sans-serif;
}
}
@media (max-width: 767px) {
.mid-box p {
font: 400 15px/22px "Open Sans", sans-serif;
}
}
.mid-box .learn {
float: right;
color: #009ed0;
text-transform: uppercase;
font: 400 20px/30px "Open Sans", sans-serif;
text-decoration: underline;
}
.mid-box .learn:hover {
text-decoration: none;
}
@media (max-width: 767px) {
.mid-box .learn {
font: 400 14px/20px "Open Sans", sans-serif;
}
}
.mid-box .mid-logo {
padding: 0;
float: right;
width: 90%;
}
.mid-box .mid-logo img {
margin: 0 40px 20px 0;
}
@media (max-width: 767px) {
.mid-box .mid-logo img {
margin: 10px 0;
}
}
@media (max-width: 1024px) {
.mid-box .mid-logo {
width: 100%;
padding: 0;
}
}
@media (max-width: 991px) {
.mid-box .mid-logo {
text-align: center;
}
}
@media (max-width: 767px) {
.mid-box .mid-logo {
float: none;
}
}
.featured-wrap {
width: 100%;
padding: 20px 0 35px 0;
position: relative;
background: #3a4045;
}
.featured-wrap:before {
display: table;
content: "";
}
.featured-wrap:after {
display: table;
clear: both;
content: "";
}
@media (max-width: 767px) {
.featured-wrap {
padding: 20px 0 20px 0;
}
}
.featured-wrap .featured-h3 {
font: 700 30px/60px "Open Sans", sans-serif;
text-transform: uppercase;
text-align: center;
color: #fff;
padding: 0;
margin: 0 0 15px 0;
letter-spacing: 2px;
}
.featured-wrap h3 a {
color: #fff;
}
.featured-wrap h3 a:hover {
color: #16b1e3;
}
@media (max-width: 1024px) {
.featured-wrap .featured-h3 {
font: 700 25px/30px "Open Sans", sans-serif;
}
}
@media (max-width: 767px) {
.featured-wrap .featured-h3 {
font: 700 17px/25px "Open Sans", sans-serif;
}
}
.featured-wrap .featured-slider .flex-item {
height: 292px;
position: relative;
cursor: pointer;
margin: 0 4px;
background-color: #fff;
}
.featured-wrap .featured-slider .flex-item img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
width: auto;
}
.featured-wrap .featured-slider .flex-item .overlay {
position: absolute;
width: 98%;
padding: 10px 5px;
background: rgba(0, 0, 0, 0.8);
bottom: -60px;
z-index: 99;
}
.featured-wrap .featured-slider .flex-item .overlay .h2 {
font: 700 17px/20px "Open Sans", sans-serif;
text-transform: uppercase;
color: #fff;
z-index: 99;
text-align: center;
}
@media (max-width: 1024px) {
.featured-wrap .featured-slider .flex-item .overlay .h2 {
font: 400 15px/20px "Open Sans", sans-serif;
}
.featured-wrap .featured-slider .flex-item {
height: 187px;
}
}
.featured-wrap .featured-slider .flex-item:hover .overlay {
bottom: 0;
transition: all ease 0.3s;
}
.featured-wrap .featured-slider .flex-item:hover .overlay .h3 {
color: #fff;
}
.featured-wrap .slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.featured-wrap .slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.featured-wrap .slick-list:focus {
outline: 0;
}
.featured-wrap .slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.featured-wrap .slick-slider .slick-list,
.featured-wrap .slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.featured-wrap .slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.featured-wrap .slick-track:after,
.featured-wrap .slick-track:before {
display: table;
content: "";
}
.featured-wrap .slick-track:after {
clear: both;
}
.featured-wrap .slick-loading .slick-track {
visibility: hidden;
}
.featured-wrap .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.featured-wrap [dir="rtl"] .slick-slide {
float: right;
}
.featured-wrap .slick-slide img {
display: block;
width: 98%;
}
@media (max-width: 767px) {
.featured-wrap .slick-slide img {
width: 100%;
}
}
.featured-wrap .slick-slide.slick-loading img {
display: none;
}
.featured-wrap .slick-slide.dragging img {
pointer-events: none;
}
.featured-wrap .slick-initialized .slick-slide {
display: block;
}
.featured-wrap .slick-loading .slick-slide {
visibility: hidden;
}
.featured-wrap .slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.featured-wrap .slick-arrow.slick-hidden {
display: none;
}
.featured-wrap .slick-next,
.featured-wrap .slick-prev {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 50px;
height: 50px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: 0;
background: 0 0;
}
.featured-wrap .slick-prev:hover {
color: transparent;
outline: 0;
opacity: 0.5;
}
.featured-wrap .slick-prev {
left: 70px;
z-index: 99;
opacity: 1;
top: 50%;
width: 50px;
height: 50px;
background: url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/img/ar.png) no-repeat;
}
.featured-wrap .slick-next {
right: 70px;
opacity: 1;
top: 50%;
width: 50px;
height: 50px;
background: url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/img/arr.png) no-repeat;
}
.featured-wrap .slick-next:hover {
color: transparent;
outline: 0;
opacity: 0.5;
}
.home-product-box {
padding: 40px 0;
}
.home-product-box:before {
display: table;
content: "";
}
.home-product-box:after {
display: table;
clear: both;
content: "";
}
.home-product-box h3 {
font: 700 30px/60px "Open Sans", sans-serif;
text-transform: uppercase;
text-align: left;
color: #525252;
padding: 0;
margin: 0 0 10px 0;
letter-spacing: 1;
}
.home-product-box h3 a {
color: #525252;
}
.home-product-box h3 a:hover {
color: #16b1e3;
}
@media (max-width: 1024px) {
.home-product-box h3 {
font: 700 25px/30px "Open Sans", sans-serif;
}
}
@media (max-width: 767px) {
.home-product-box h3 {
font: 700 17px/25px "Open Sans", sans-serif;
}
}
.home-product-box p {
font: 400 20px/32px "Open Sans", sans-serif;
color: #515151;
padding: 0 40px 0 0;
}
@media (max-width: 1024px) {
.home-product-box p {
font: 400 18px/30px "Open Sans", sans-serif;
padding: 0;
}
}
@media (max-width: 767px) {
.home-product-box p {
font: 400 15px/22px "Open Sans", sans-serif;
padding: 0;
}
}
.home-product-box .learn {
float: right;
color: #009cd1;
text-transform: uppercase;
font: 400 20px/30px "Open Sans", sans-serif;
text-decoration: underline;
padding: 0 50px 0 0;
}
.home-product-box .learn:hover {
text-decoration: none;
}
@media (max-width: 1024px) {
.home-product-box .learn {
margin: 0 0 20px 0;
padding: 0;
}
}
@media (max-width: 767px) {
.home-product-box .learn {
font: 400 14px/20px "Open Sans", sans-serif;
padding: 0;
}
}
@media (max-width: 767px) {
.home-product-box {
padding: 20px 5%;
}
.home-product-box:before {
display: table;
content: "";
}
.home-product-box:after {
display: table;
clear: both;
content: "";
}
}
.home-product-box img {
border: solid 1px #666;
}
.home-testimomial-wrap {
background-color: #3a4045;
background-size: cover;
padding: 30px 0;
}
.home-testimomial-wrap:before {
display: table;
content: "";
}
.home-testimomial-wrap:after {
display: table;
clear: both;
content: "";
}
@media (max-width: 767px) {
.home-testimomial-wrap {
padding: 20px 5%;
}
.home-testimomial-wrap:before {
display: table;
content: "";
}
.home-testimomial-wrap:after {
display: table;
clear: both;
content: "";
}
}
.home-testimomial-wrap .testim-h3 {
font: 700 30px/60px "Open Sans", sans-serif;
text-transform: uppercase;
text-align: left;
color: #fff;
padding: 0;
margin: 0 0 10px 0;
letter-spacing: 3px;
}
.home-testimomial-wrap .testim-h3 a {
color: #fff;
}
.home-testimomial-wrap .testim-h3 a:hover {
color: #16b1e3;
}
@media (max-width: 1024px) {
.home-testimomial-wrap .testim-h3 {
font: 700 25px/30px "Open Sans", sans-serif;
}
}
@media (max-width: 767px) {
.home-testimomial-wrap .testim-h3 {
font: 700 17px/25px "Open Sans", sans-serif;
}
}
.home-testimomial-wrap .faq-wrap {
position: relative;
float: right;
width: 95%;
}
@media (max-width: 1024px) {
.home-testimomial-wrap .faq-wrap {
width: 100%;
margin: 50px 0 0 0;
}
}
@media (max-width: 767px) {
.home-testimomial-wrap .faq-wrap {
margin: 10px 0 0 0;
}
}
.home-testimomial-wrap .faq-wrap .vw {
background: #16b1e3;
color: #fff;
padding: 7px 20px;
border-radius: 20px;
text-transform: uppercase;
font: 700 20px/30px "Open Sans", sans-serif;
position: absolute;
right: 0;
top: 10px;
}
.home-testimomial-wrap .faq-wrap .vw:hover {
background: #3a4045;
}
@media (max-width: 1024px) {
.home-testimomial-wrap .faq-wrap .vw {
font: 700 17px/20px "Open Sans", sans-serif;
padding: 5px 20px;
top: 0;
}
}
@media (max-width: 767px) {
.home-testimomial-wrap .faq-wrap .vw {
font: 700 12px/20px "Open Sans", sans-serif;
padding: 3px 10px;
top: 0;
}
}
.home-testimomial-wrap .faq-wrap .smk_accordion {
position: relative;
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 20px;
}
.home-testimomial-wrap .faq-wrap .smk_accordion .accordion_in {
position: relative;
z-index: 10;
margin: 0 0 5px 0;
overflow: hidden;
}
.home-testimomial-wrap .faq-wrap .smk_accordion .accordion_in .acc_head {
position: relative;
background: #16b1e3;
padding: 10px;
font: 700 13px/20px "Open Sans", sans-serif;
letter-spacing: 1px;
display: block;
cursor: pointer;
color: #fff;
}
.home-testimomial-wrap .faq-wrap .smk_accordion .accordion_in .acc_head:hover {
background: #3a4045;
}
.home-testimomial-wrap .faq-wrap .acc_head:hover {
background: gray !important;
}
.home-testimomial-wrap .faq-wrap .smk_accordion .accordion_in .acc_head .acc_icon_expand {
display: block;
width: 18px;
height: 18px;
position: absolute;
left: 10px;
top: 50%;
margin-top: -9px;
}
.home-testimomial-wrap .faq-wrap .smk_accordion .accordion_in .acc_content {
background: #fff;
color: #515151;
padding: 3px 10px;
font: 500 15px/20px "Open Sans", sans-serif;
letter-spacing: 1px;
}
.home-testimomial-wrap .faq-wrap .smk_accordion .accordion_in .acc_content a {
color: #16b1e3;
text-decoration: underline;
text-transform: uppercase;
font-size: 11px;
}
.home-testimomial-wrap .faq-wrap .smk_accordion .accordion_in .acc_content a:hover {
text-decoration: none;
}
.home-testimomial-wrap .faq-wrap .smk_accordion .accordion_in .acc_content h1:first-of-type,
.home-testimomial-wrap .faq-wrap .smk_accordion .accordion_in .acc_content h2:first-of-type,
.home-testimomial-wrap .faq-wrap .smk_accordion .accordion_in .acc_content h3:first-of-type,
.home-testimomial-wrap .faq-wrap .smk_accordion .accordion_in .acc_content h4:first-of-type,
.home-testimomial-wrap .faq-wrap .smk_accordion .accordion_in .acc_content h5:first-of-type,
.home-testimomial-wrap .faq-wrap .smk_accordion .accordion_in .acc_content h6:first-of-type {
margin-top: 5px;
}
.home-testimomial-wrap .faq-wrap .smk_accordion .accordion_in.acc_active > .acc_content {
display: block;
}
.home-testimomial-wrap .faq-wrap .smk_accordion .accordion_in.acc_active > .acc_head {
background: #16b1e3;
}
.home-testimomial-wrap .faq-wrap .smk_accordion.acc_with_icon .accordion_in .acc_content,
.home-testimomial-wrap .faq-wrap .smk_accordion.acc_with_icon .accordion_in .acc_head {
padding: 15px;
}
.home-testimomial-wrap .testimonials {
position: relative;
float: left;
width: 95%;
}
@media (max-width: 1024px) {
.home-testimomial-wrap .testimonials {
width: 100%;
}
}
.home-testimomial-wrap .testimonials .vw {
background: #16b1e3;
color: #fff;
padding: 7px 20px;
border-radius: 20px;
text-transform: uppercase;
font: 700 20px/30px "Open Sans", sans-serif;
position: absolute;
right: 0;
top: 10px;
}
.home-testimomial-wrap .testimonials .vw:hover {
background: #3a4045;
}
@media (max-width: 1024px) {
.home-testimomial-wrap .testimonials .vw {
font: 700 17px/20px "Open Sans", sans-serif;
padding: 5px 20px;
top: 0;
}
}
@media (max-width: 767px) {
.home-testimomial-wrap .testimonials .vw {
font: 700 12px/20px "Open Sans", sans-serif;
padding: 3px 10px;
top: 0;
}
}
.home-testimomial-wrap .testimonials p {
font: 400 22px/30px "Open Sans", sans-serif;
color: #fff;
position: relative;
padding: 20px;
}
.home-testimomial-wrap .testimonials p:before {
content: "“";
position: absolute;
left: 0;
top: 0;
font: 400 40px/30px "Open Sans", sans-serif;
}
.home-testimomial-wrap .testimonials p:after {
content: "”";
position: absolute;
right: 0;
bottom: 0;
font: 400 40px/30px "Open Sans", sans-serif;
}
@media (max-width: 1024px) {
.home-testimomial-wrap .testimonials p {
font: 400 18px/30px "Open Sans", sans-serif;
}
}
@media (max-width: 767px) {
.home-testimomial-wrap .testimonials p {
font: 400 15px/22px "Open Sans", sans-serif;
}
}
.home-testimomial-wrap .testimonials .testim-h4 {
font: 700 22px/30px "Open Sans", sans-serif;
color: #fff;
padding: 0 0 0 20px;
}
@media (max-width: 767px) {
.home-testimomial-wrap .testimonials .testim-h4 {
font: 400 16px/22px "Open Sans", sans-serif;
}
}
.home-testimomial-wrap .testimonials .testimonials-slider {
padding: 20px 0;
height: 250px;
}
.home-testimomial-wrap .testimonials .testimonials-slider:before {
display: table;
content: "";
}
.home-testimomial-wrap .testimonials .testimonials-slider:after {
display: table;
clear: both;
content: "";
}
@media (max-width: 1599px) {
.featured-wrap .featured-slider .flex-item {
height: 265px;
}
}
@media (max-width: 1370px) {
.featured-wrap .featured-slider .flex-item {
height: 250px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.featured-wrap .featured-slider .flex-item {
height: 186px;
}
}
@media (max-width: 991px) {
.home-testimomial-wrap .testimonials .testimonials-slider {
padding: 10px 0;
height: 200px;
}
.featured-wrap .featured-slider .flex-item {
height: 139px;
}
}
@media (max-width: 767px) {
.home-testimomial-wrap .testimonials .testimonials-slider {
padding: 10px 0;
height: 250px;
}
.featured-wrap .featured-slider .flex-item {
height: 235px;
background: 0 0;
}
}
.home-testimomial-wrap .slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.home-testimomial-wrap .slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.home-testimomial-wrap .slick-list:focus {
outline: 0;
}
.home-testimomial-wrap .slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.home-testimomial-wrap .slick-slider .slick-list,
.home-testimomial-wrap .slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.home-testimomial-wrap .slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.home-testimomial-wrap .slick-track:after,
.home-testimomial-wrap .slick-track:before {
display: table;
content: "";
}
.home-testimomial-wrap .slick-track:after {
clear: both;
}
.home-testimomial-wrap .slick-loading .slick-track {
visibility: hidden;
}
.home-testimomial-wrap .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.home-testimomial-wrap [dir="rtl"] .slick-slide {
float: right;
}
.home-testimomial-wrap .slick-slide img {
display: block;
width: 98%;
}
@media (max-width: 767px) {
.home-testimomial-wrap .slick-slide img {
width: 100%;
}
}
.home-testimomial-wrap .slick-slide.slick-loading img {
display: none;
}
.home-testimomial-wrap .slick-slide.dragging img {
pointer-events: none;
}
.home-testimomial-wrap .slick-initialized .slick-slide {
display: block;
}
.home-testimomial-wrap .slick-loading .slick-slide {
visibility: hidden;
}
.home-testimomial-wrap .slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.home-testimomial-wrap .slick-arrow.slick-hidden {
display: none;
}
.home-testimomial-wrap .slick-next,
.home-testimomial-wrap .slick-prev {
font-size: 0;
line-height: 0;
position: absolute;
bottom: 0;
display: block;
width: 50px;
height: 50px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: 0;
background: 0 0;
}
@media (max-width: 1024px) {
.home-testimomial-wrap .slick-next,
.home-testimomial-wrap .slick-prev {
bottom: -5px !important;
}
}
@media (max-width: 991px) {
.home-testimomial-wrap .slick-next,
.home-testimomial-wrap .slick-prev {
bottom: -40px !important;
}
}
.home-testimomial-wrap .slick-prev:hover {
color: transparent;
outline: 0;
opacity: 0.5;
}
.home-testimomial-wrap .slick-next:hover {
color: transparent;
outline: 0;
opacity: 0.5;
}
.home-testimomial-wrap .slick-prev {
right: 40px;
z-index: 99;
opacity: 1;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-right: 15px solid #fff;
}
.home-testimomial-wrap .slick-next {
right: 0;
opacity: 1;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #16b1e3;
}
.footer ul li.current-cat > a,
.footer ul li.current-menu-item > a,
.footer ul li.current-menu-parent > a,
.footer ul li.current-page-ancestor > a,
.footer ul li.current_page_item > a,
.footer ul li.current_page_parent > a {
color: #16b1e3;
}
.footer {
padding: 30px 0;
}
.footer:before {
display: table;
content: "";
}
.footer:after {
display: table;
clear: both;
content: "";
}
@media (max-width: 767px) {
.footer {
padding: 10px 5%;
}
}
.footer h4 {
font: 700 25px/30px "Open Sans", sans-serif;
color: #525252;
text-transform: uppercase;
margin: 0 0 10px 0;
padding: 0;
}
@media (max-width: 767px) {
.footer h4 {
text-align: center;
padding: 0 0 10px 0;
margin: 0;
font-size: 18px;
}
}
.footer h4 a {
color: #525252;
}
.footer h4 a:hover {
color: #16b1e3;
}
@media (max-width: 991px) {
.footer h4.margin {
margin: 20px 0;
}
}
@media (max-width: 767px) {
.footer h4.margin {
margin: 10px 0;
}
}
.footer h5 {
font: 600 17px/20px "Open Sans", sans-serif;
color: #525252;
text-transform: uppercase;
margin: 0;
padding: 0;
}
.footer p {
font: 600 16px/28px "Open Sans", sans-serif;
color: #525252;
}
@media (max-width: 767px) {
.footer p {
text-align: center;
font: 600 13px/20px "Open Sans", sans-serif;
}
}
.footer .foot-text {
color: #525252;
letter-spacing: 1px;
font: 600 16px/24px "Open Sans", sans-serif;
}
.footer .foot-text span {
font: 600 16px/24px "Open Sans", sans-serif;
}
@media (max-width: 767px) {
.footer .foot-text span {
font: 600 13px/24px "Open Sans", sans-serif;
}
}
.footer .foot-text a {
color: #525252;
font: 600 16px/24px "Open Sans", sans-serif;
}
.footer .foot-text a.mail {
color: #16b1e3;
text-decoration: underline;
}
.footer .foot-text a.mail:hover {
text-decoration: none;
}
@media (max-width: 767px) {
.footer .foot-text a {
font: 600 13px/24px "Open Sans", sans-serif;
}
}
@media (max-width: 767px) {
.footer .foot-text {
text-align: center;
font: 600 13px/20px "Open Sans", sans-serif;
}
}
.footer ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer ul li {
padding: 6px 0;
margin: 0;
text-transform: uppercase;
cursor: default;
}
.footer ul li a {
color: #525252;
font: 600 16px/20px "Open Sans", sans-serif;
}
.footer ul li a:hover {
color: #16b1e3;
}
@media (max-width: 767px) {
.footer ul li a {
font: 600 13px/20px "Open Sans", sans-serif;
}
}
@media (max-width: 767px) {
.footer ul li {
text-align: center;
}
}
@media (max-width: 767px) {
.footer ul {
padding: 0 0 10px 0;
}
}
.footer .sc-bottom {
margin-left: -10px;
}
.footer .sc-bottom:before {
display: table;
content: "";
}
.footer .sc-bottom:after {
display: table;
clear: both;
content: "";
}
@media (max-width: 767px) {
.footer .sc-bottom {
width: 100%;
margin: 0 auto !important;
text-align: center;
}
}
.footer .sc-bottom a {
padding: 0;
float: left;
margin: 0 5px 0 0;
}
@media (max-width: 767px) {
.footer .sc-bottom a {
margin: 0;
float: none !important;
display: inline-block !important;
}
}
.footer .sc-bottom a .fb {
color: #3b5597;
font-size: 25px;
}
.footer .sc-bottom a .fb:hover {
color: #3a4045;
}
.footer .sc-bottom a .tw {
color: #37aae9;
font-size: 27px;
}
.footer .sc-bottom a .tw:hover {
color: #3a4045;
}
.footer .sc-bottom a .pint {
background: #da0e2e;
color: #fff;
border-radius: 50%;
padding: 3px;
margin: 5px 5px 0 5px;
float: left;
}
.footer .sc-bottom a .pint:hover {
background: #3a4045;
}
.footer .sc-bottom a .tube {
background: #fff;
color: #dd092b;
font-size: 27px;
}
.footer .sc-bottom a .tube:hover {
color: #3a4045;
}
.footer .map-wrap {
border: solid 1px #ccc;
border-bottom: 2px solid #ccc;
width: 100%;
height: 100%;
}
.footer .map-wrap .map-link {
display: block;
}
.footer .map-wrap:before {
display: table;
content: "";
}
.footer .map-wrap:after {
display: table;
clear: both;
content: "";
}
@media (max-width: 991px) {
.footer .map-wrap {
height: 330px;
}
}
@media (max-width: 767px) {
.footer .map-wrap {
height: 370px;
}
}
.footer .map-wrap #map-canvas {
width: 100%;
height: 360px;
}
@media (max-width: 991px) {
.footer .map-wrap #map-canvas {
height: 330px;
}
}
@media (max-width: 767px) {
.footer .map-wrap #map-canvas {
height: 370px;
}
}
.tw-wrap {
background: #3a4045;
text-align: center;
padding: 20px 0;
}
.tw-wrap:before {
display: table;
content: "";
}
.tw-wrap:after {
display: table;
clear: both;
content: "";
}
.tw-wrap p {
color: #fff;
font: 400 17px/20px "Open Sans", sans-serif;
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
.tw-wrap p {
font: 700 13px/20px "Open Sans", sans-serif;
}
}
.tw-wrap a {
color: #fff;
font: 400 13px/20px "Open Sans", sans-serif;
padding: 0 0 10px 0;
}
.tw-wrap a:hover {
color: #16b1e3;
}
@media (max-width: 767px) {
.tw-wrap a {
font: 700 13px/20px "Open Sans", sans-serif;
}
}
.tw-wrap img {
margin: 10px 0 0 0;
opacity: 1;
}
.tw-wrap img:hover {
opacity: 0.5;
}
.main-wrap.main-inner {
background: url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/img/inner-banner.jpg) no-repeat center top;
background-size: cover;
height: 0;
}
.main-wrap.main-inner .banner-text-inner {
float: right;
padding: 0 5%;
position: absolute;
bottom: -20px;
right: 0;
z-index: 1;
}
.main-wrap.main-inner .banner-text-inner:before {
display: table;
content: "";
}
.main-wrap.main-inner .banner-text-inner:after {
display: table;
clear: both;
content: "";
}
@media (max-width: 1024px) {
.main-wrap.main-inner .banner-text-inner {
padding: 20px;
background: rgba(255, 255, 255, 0.3);
bottom: 50px;
}
}
@media (max-width: 994px) {
.main-wrap.main-inner .banner-text-inner {
bottom: 30px;
}
}
@media (max-width: 767px) {
.main-wrap.main-inner .banner-text-inner {
padding: 20px 20px 0 20px;
background: rgba(255, 255, 255, 0.3);
}
}
.main-wrap.main-inner .banner-text-inner .h1 {
text-transform: uppercase;
text-align: right;
color: #464646;
padding: 0;
margin: 0 0 10px 0;
letter-spacing: 2px;
font: 700 50px/60px "Open Sans", sans-serif;
}
.main-wrap.main-inner .banner-text-inner .h1 span {
display: block;
}
@media (max-width: 991px) {
.main-wrap.main-inner .banner-text-inner .h1 {
font: 700 35px/50px "Open Sans", sans-serif;
}
}
@media (max-width: 767px) {
.main-wrap.main-inner .banner-text-inner .h1 {
font: 700 17px/30px "Open Sans", sans-serif;
}
}
.main-wrap.main-inner .banner-text-inner h3 {
font: 700 35px/30px "Open Sans", sans-serif;
text-align: right;
color: #464646;
}
@media (max-width: 767px) {
.main-wrap.main-inner .banner-text-inner h3 {
font: 400 17px/30px "Open Sans", sans-serif;
}
}
.no-banner {
height: 220px;
background: #fff;
border-bottom: solid 1px #ccc;
}
@media (max-width: 1024px) {
.no-banner {
height: 190px;
}
}
@media (max-width: 991px) {
.no-banner {
height: 160px;
}
}
@media (max-width: 767px) {
.no-banner {
height: 150px;
}
}
.no-banner .header {
width: 100%;
padding: 50px 5% 0 5%;
position: fixed;
}
.no-banner .header:before {
display: table;
content: "";
}
.no-banner .header:after {
display: table;
clear: both;
content: "";
}
@media (max-width: 767px) {
.no-banner .header {
position: inherit;
}
}
.no-banner .header .logo {
width: auto;
height: auto;
}
@media (min-width: 1920px) and (max-width: 2401px) {
.no-banner .header .logo {
width: auto;
height: auto;
}
}
@media (max-width: 767px) {
.no-banner .header .logo {
float: none;
margin: 0 auto;
display: block;
}
}
.no-banner .header .top-right {
float: right;
width: 55%;
}
@media (max-width: 1024px) {
.no-banner .header .top-right {
width: 50%;
}
}
@media (max-width: 767px) {
.no-banner .header .top-right {
width: 300px;
background-size: 100%;
float: none;
margin: 0 auto;
}
}
.no-banner .header .top-right ul.top-menu {
float: right;
margin: 0 50px 0 0;
}
.no-banner .header .top-right ul.top-menu li {
display: inline-block;
padding: 5px 10px;
}
.no-banner .header .top-right ul.top-menu li a {
font: 700 15px/20px "Open Sans", sans-serif;
color: #000;
text-transform: uppercase;
}
@media (max-width: 1024px) {
.no-banner .header .top-right ul.top-menu {
display: none;
}
}
.no-banner .header .top-right ul.top-menu.blog-menu li a:hover {
color: #16b1e3;
}
.no-banner .header .top-right h3 {
font: 700 25px/20px "Open Sans", sans-serif;
color: #000;
float: right;
}
.no-banner .header .top-right h3 a {
color: #000;
cursor: inherit;
}
@media (max-width: 767px) {
.no-banner .header .top-right h3 {
float: none;
font-size: 15px;
text-align: center;
}
}
.inner-content-area {
margin: 165px 0 25px 0;
}
.inner-content-area:before {
display: table;
content: "";
}
.inner-content-area:after {
display: table;
clear: both;
content: "";
}
.inner-content-area h1 {
font: 700 28px/40px "Open Sans", sans-serif;
text-transform: uppercase;
color: #525252;
padding: 0;
margin: 0 0 15px 0;
letter-spacing: 1px;
}
.spec-img {
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
}
@media (max-width: 1024px) {
.inner-content-area h1 {
font: 700 27px/36px "Open Sans", sans-serif;
}
}
@media (max-width: 991px) {
.inner-content-area h1 {
font: 700 24px/40px "Open Sans", sans-serif;
}
}
@media (max-width: 767px) {
.inner-content-area h1 {
font: 700 21px/30px "Open Sans", sans-serif;
}
}
.home-product-box h2 a {
font: 600 23px/32px "Open Sans", sans-serif;
text-transform: uppercase;
color: #525252;
padding: 0;
margin: 0 0 10px 0;
letter-spacing: 1px;
}
.inner-content-area .head2 h2,.inner-content-area .head2 .span-spn-h2{
font-size: 16px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
text-transform: none;
color: #333;
}
.inner-content-area h2,.inner-content-area .span-spn-h2
{
font: 600 23px/32px "Open Sans", sans-serif;
text-transform: uppercase;
color: #525252;
padding: 0;
margin: 0 0 10px 0;
letter-spacing: 1px;
}
@media (max-width: 1024px) {
.inner-content-area h2 {
font: 700 25px/40px "Open Sans", sans-serif;
}
}
@media (max-width: 991px) {
.inner-content-area h2 {
font: 700 23px/40px "Open Sans", sans-serif;
}
}
@media (max-width: 767px) {
.home-product-box h2 a,
.inner-content-area h2 {
font: 700 18px/25px "Open Sans", sans-serif;
}
}
.inner-content-area .span-h3 {
font: 600 22px/50px "Open Sans", sans-serif;
text-transform: uppercase;
color: #525252;
padding: 0;
margin: 0 0 10px 0;
letter-spacing: 1px;
}
@media (max-width: 1024px) {
.inner-content-area .span-h3 {
font: 600 20px/40px "Open Sans", sans-serif;
}
}
@media (max-width: 991px) {
.inner-content-area .span-h3 {
font: 600 18px/40px "Open Sans", sans-serif;
}
}
@media (max-width: 767px) {
.inner-content-area .span-h3 {
font: 600 17px/25px "Open Sans", sans-serif;
}
}
.inner-content-area h4,.inner-content-area .span-spn-h4,
.inner-content-area .head3  h3 {
font: 600 20px/50px "Open Sans", sans-serif;
text-transform: uppercase;
color: #525252;
padding: 0;
margin: 0 0 10px 0;
}
@media (max-width: 1024px) {
.inner-content-area h4,.inner-content-area .span-spn-h4,
.inner-content-area .head3 h3 {
font: 600 18px/40px "Open Sans", sans-serif;
}
}
@media (max-width: 991px) {
.inner-content-area h4,.inner-content-area .span-spn-h4,
.inner-content-area .head3  h3 {
font: 600 17px/40px "Open Sans", sans-serif;
}
}
@media (max-width: 767px) {
.inner-content-area h4,.inner-content-area .span-spn-h4,
.inner-content-area .head3  h3 {
font: 600 15px/25px "Open Sans", sans-serif;
}
}
.inner-content-area h4,.inner-content-area .span-spn-h4,
.inner-content-area .head3  h3.h4-ul {
margin: 0;
padding: 0;
}
.inner-content-area h5 {
font: 500 16px/30px "Open Sans", sans-serif;
color: #525252;
padding: 0;
margin: 0 0 10px 0;
text-transform: none;
}
@media (max-width: 1024px) {
.inner-content-area h5 {
font: 500 16px/30px "Open Sans", sans-serif;
}
}
@media (max-width: 991px) {
.inner-content-area h5 {
font: 500 16px/30px "Open Sans", sans-serif;
}
}
@media (max-width: 767px) {
.inner-content-area h5 {
font: 500 15px/25px "Open Sans", sans-serif;
}
}
.inner-content-area h5.h4-ul {
margin: 0;
padding: 0;
}
.inner-content-area h6 {
font: 600 15px/25px "Open Sans", sans-serif;
color: #525252;
padding: 0;
margin: 0 0 10px 0;
text-transform: none;
}
@media (max-width: 1024px) {
.inner-content-area h6 {
font: 400 15px/25px "Open Sans", sans-serif;
}
}
@media (max-width: 991px) {
.inner-content-area h6 {
font: 400 15px/25px "Open Sans", sans-serif;
}
}
@media (max-width: 767px) {
.inner-content-area h6 {
font: 400 14px/22px "Open Sans", sans-serif;
}
}
.inner-content-area h6.h4-ul {
margin: 0;
padding: 0;
}
.inner-content-area p {
font: 400 16px/30px "Open Sans", sans-serif;
color: #333;
padding: 0;
margin: 0 0 20px 0;
}
@media (max-width: 991px) {
.inner-content-area p {
font: 400 15px/25px "Open Sans", sans-serif;
color: #333;
padding: 0;
}
}
@media (max-width: 767px) {
.inner-content-area p {
font: 400 13px/20px "Open Sans", sans-serif;
color: #333;
padding: 0;
}
}
.inner-content-area ul {
padding: 0;
margin: 0 0 10px 30px;
list-style: none;
}
.inner-content-area ul li {
padding: 5px 10px;
font: 400 17px/30px "Open Sans", sans-serif;
color: #333;
position: relative;
word-wrap: break-word;
}
.inner-content-area ul li a {
color: #16b1e3;
}
.inner-content-area ul li a:hover {
color: #333;
}
.inner-content-area ul li:before {
position: absolute;
content: "";
width: 7px;
height: 7px;
background: #16b1e3;
left: -20px;
top: 15px;
transform: rotate(50deg);
-ms-transform: rotate(50deg);
-o-transform: rotate(50deg);
-webkit-transform: rotate(50deg);
}
@media (max-width: 991px) {
.inner-content-area ul li {
font: 400 15px/30px "Open Sans", sans-serif;
}
}
@media (max-width: 767px) {
.inner-content-area ul li {
font: 400 13px/30px "Open Sans", sans-serif;
}
}
.inner-content-area ul.ul-alpha {
list-style-type: upper-alpha;
}
.inner-content-area ul.ul-alpha li:before {
content: none;
}
.inner-content-area ol {
padding: 0;
margin: 0 0 10px 30px;
}
.inner-content-area ol li {
font: 400 17px/30px "Open Sans", sans-serif;
color: #333;
padding: 5px 10px;
word-wrap: break-word;
}
.inner-content-area ol li a {
color: #16b1e3;
}
.inner-content-area ol li a:hover {
color: #333;
}
@media (max-width: 991px) {
.inner-content-area ol li {
font: 400 15px/30px "Open Sans", sans-serif;
}
}
@media (max-width: 767px) {
.inner-content-area ol li {
font: 400 13px/30px "Open Sans", sans-serif;
}
}
.inner-content-area .pro-box {
padding: 0;
}
.inner-content-area .pro-box h2 {
font: 700 26px/30px "Open Sans", sans-serif;
text-transform: uppercase;
color: #525252;
padding: 0;
margin: 0 0 10px 0;
}
@media (max-width: 1024px) {
.inner-content-area .pro-box h2 {
font: 700 25px/40px "Open Sans", sans-serif;
margin: 0 0 15px 0;
}
}
@media (max-width: 991px) {
.inner-content-area .pro-box h2 {
font: 700 23px/40px "Open Sans", sans-serif;
margin: 0 0 10px 0;
}
}
@media (max-width: 767px) {
.inner-content-area .pro-box h2 {
font: 700 18px/25px "Open Sans", sans-serif;
margin: 0 0 10px 0;
}
}
.inner-content-area .pro-box p {
font: 400 16px/30px "Open Sans", sans-serif;
color: #333;
padding: 0;
margin: 0 0 20px 0;
}
@media (max-width: 767px) {
.inner-content-area .pro-box p {
font: 400 13px/20px "Open Sans", sans-serif;
}
}
.inner-content-area .product-wrap {
margin: 20px 0;
}
.inner-content-area .product-wrap:before {
display: table;
content: "";
}
.inner-content-area .product-wrap:after {
display: table;
clear: both;
content: "";
}
.inner-content-area .product-wrap .pad {
padding: 10px;
}
@media (max-width: 1024px) {
.inner-content-area .product-wrap .single-pro {
height: 155px !important;
}
}
@media (max-width: 991px) {
.inner-content-area .product-wrap .single-pro {
height: 310px !important;
}
}
@media (max-width: 767px) {
.inner-content-area .product-wrap .single-pro {
height: 250px !important;
}
}
.inner-content-area .product-wrap .pro,
.inner-content-area .product-wrap .single-pro {
width: 100%;
height: 180px;
position: relative;
overflow: hidden;
border: solid 1px #666;
}
@media (max-width: 1024px) {
.inner-content-area .product-wrap .pro,
.inner-content-area .product-wrap .single-pro {
height: 250px;
text-align: center;
}
}
.inner-content-area .product-wrap .pro .overlay,
.inner-content-area .product-wrap .single-pro .overlay {
position: absolute;
width: 100%;
padding: 10px;
background: rgba(0, 0, 0, 0.8);
bottom: -190px;
z-index: 99;
}
.inner-content-area .slate-wrap .pro .overlay {
bottom: 0;
min-height: 80px;
}
.inner-content-area .slate-wrap .pro .overlay .h2 {
margin-bottom: 0;
}
.inner-content-area .product-wrap .pro .overlay .h2,
.inner-content-area .product-wrap .single-pro .overlay .h2 {
font: 700 17px/20px "Open Sans", sans-serif;
text-transform: uppercase;
color: #fff;
z-index: 99;
text-align: center;
}
.inner-content-area .product-wrap .pro .overlay .h2 span,
.inner-content-area .product-wrap .single-pro .overlay .h2 span {
display: block;
}
@media (max-width: 1024px) {
.inner-content-area .product-wrap .pro .overlay .h2,
.inner-content-area .product-wrap .single-pro .overlay .h2 {
font: 700 22px/40px "Open Sans", sans-serif;
}
}
.inner-content-area .product-wrap .pro .overlay .h2 a,
.inner-content-area .product-wrap .single-pro .overlay .h2 a {
color: #fff;
}
.inner-content-area .product-wrap .pro .overlay .h2 a:hover,
.inner-content-area .product-wrap .single-pro .overlay .h2 a:hover {
color: #16b1e3;
}
@media (max-width: 1024px) {
.inner-content-area .product-wrap .pro .overlay .h2,
.inner-content-area .product-wrap .single-pro .overlay .h2 {
font: 400 15px/20px "Open Sans", sans-serif;
}
}
@media (max-width: 1024px) {
.inner-content-area .product-wrap .pro .overlay,
.inner-content-area .product-wrap .single-pro .overlay {
bottom: 0;
}
}
.inner-content-area .product-wrap .pro:hover,
.inner-content-area .product-wrap .single-pro:hover {
cursor: pointer;
}
.inner-content-area .product-wrap .pro:hover .overlay,
.inner-content-area .product-wrap .single-pro:hover .overlay {
bottom: 0;
transition: all ease 0.5s;
}
.inner-content-area .product-wrap .pro:hover img,
.inner-content-area .product-wrap .single-pro:hover img {
transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
transition: all ease 0.5s;
}
.inner-content-area .product-wrap .product-box {
width: 100%;
height: 221px;
position: relative;
overflow: hidden;
border: solid 1px #666;
}
.inner-content-area .product-wrap .product-boxx {
width: 100%;
height: 230px;
position: relative;
overflow: hidden;
border: solid 1px #666;
}
.inner-content-area .product-wrap .Instltn-dtls {
height: 165px;
}
.inner-content-area .broch {
height: 309px;
border: 1px solid #000;
}
@media (max-width: 1199px) {
.Instltn-dtls {
height: 228px;
}
.inner-content-area .broch {
height: 252px;
}
}
@media (max-width: 1024px) {
.inner-content-area .product-wrap .product-box,
.inner-content-area .product-wrap .product-boxx {
height: 275px;
}
}
@media (max-width: 991px) {
.inner-content-area .product-wrap .product-box,
.inner-content-area .product-wrap .product-boxx {
height: 310px;
}
.inner-content-area .broch {
height: 297px;
}
}
@media (max-width: 767px) {
.inner-content-area .broch {
height: auto;
}
.inner-content-area .broch img {
width: 100%;
margin: 0 !important;
}
}
@media (max-width: 479px) {
.inner-content-area .product-wrap .product-box,
.inner-content-area .product-wrap .product-boxx {
height: 255px;
}
}
.inner-content-area .product-wrap .product-box img,
.inner-content-area .product-wrap .product-boxx img {
transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
transition: all ease 0.5s;
z-index: 99;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
}
.inner-content-area .product-wrap .product-box .overlay,
.inner-content-area .product-wrap .product-boxx .overlay {
position: absolute;
width: 100%;
padding: 30px 10px 10px 10px;
background: rgba(0, 0, 0, 0.8);
bottom: 0;
z-index: 99;
}
.inner-content-area .product-wrap .product-box .overlay .h2,
.inner-content-area .product-wrap .product-boxx .overlay .h2 {
font: 700 21px/31px "Open Sans", sans-serif;
text-transform: uppercase;
color: #fff;
z-index: 99;
text-align: center;
}
.inner-content-area .product-wrap .product-box .overlay .h2 span,
.inner-content-area .product-wrap .product-boxx .overlay .h2 span {
display: block;
}
@media (max-width: 1024px) {
.inner-content-area .product-wrap .product-box .overlay .h2,
.inner-content-area .product-wrap .product-boxx .overlay .h2 {
font: 700 22px/40px "Open Sans", sans-serif;
}
}
.inner-content-area .product-wrap .product-box .overlay .h2 a,
.inner-content-area .product-wrap .product-boxx .overlay .h2 a {
color: #fff;
}
.inner-content-area .product-wrap .product-box .overlay .h2 a:hover,
.inner-content-area .product-wrap .product-boxx .overlay .h2 a:hover {
color: #16b1e3;
}
@media (max-width: 1024px) {
.inner-content-area .product-wrap .product-box .overlay .h2,
.inner-content-area .product-wrap .product-boxx .overlay .h2 {
font: 400 15px/20px "Open Sans", sans-serif;
}
}
@media (max-width: 1024px) {
.inner-content-area .product-wrap .product-box .overlay,
.inner-content-area .product-wrap .product-boxx .overlay {
bottom: 0;
}
}
.inner-content-area .product-wrap .product-box:hover,
.inner-content-area .product-wrap .product-boxx:hover {
cursor: pointer;
}
.inner-content-area .product-wrap .product-box:hover .overlay,
.inner-content-area .product-wrap .product-boxx:hover .overlay {
bottom: 0;
transition: all ease 0.5s;
}
.inner-content-area .product-wrap .product-box:hover img,
.inner-content-area .product-wrap .product-boxx:hover img {
transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
-o-transform: scale(1.3, 1.3);
-webkit-transform: scale(1.3, 1.3);
transition: all ease 0.5s;
}
.inner-content-area .meet-wrap {
padding: 50px 0 0 0;
}
.inner-content-area .meet-wrap:before {
display: table;
content: "";
}
.inner-content-area .meet-wrap:after {
display: table;
clear: both;
content: "";
}
.inner-content-area .meet-wrap img {
margin: 0 0 50px 0;
}
@media (max-width: 767px) {
.inner-content-area .meet-wrap img {
margin: 0 0 20px 0;
}
}
.inner-content-area .meet-wrap .meet-people {
margin: 50px 0;
}
.inner-content-area .meet-wrap .meet-people:before {
display: table;
content: "";
}
.inner-content-area .meet-wrap .meet-people:after {
display: table;
clear: both;
content: "";
}
.inner-content-area .meet-wrap .meet-people .people {
height: 350px;
width: 100%;
background: #f1f1f1;
}
.inner-content-area .meet-wrap .meet-people .people:before {
display: table;
content: "";
}
.inner-content-area .meet-wrap .meet-people .people:after {
display: table;
clear: both;
content: "";
}
@media (max-width: 991px) {
.inner-content-area .meet-wrap .meet-people .people {
margin: 0 0 10px 0;
}
}
@media (max-width: 767px) {
.inner-content-area .meet-wrap .meet-people .people {
height: 200px;
margin: 0 0 20px 0;
}
}
@media (max-width: 991px) {
.inner-content-area .meet-wrap .meet-people {
margin: 10px 0;
}
}
@media (max-width: 1024px) {
.inner-content-area .meet-wrap {
padding: 15px 0 0 0;
}
}
@media (max-width: 767px) {
.inner-content-area .meet-wrap {
padding: 0;
}
}
.inner-content-area .association-wrap {
margin: 0 auto;
width: 95%;
text-align: center;
}
@media (max-width: 1024px) {
.inner-content-area .association-wrap {
width: 100%;
}
}
.inner-content-area .association-wrap .img {
border: solid 1px #16b1e3;
width: 160px;
height: auto;
padding: 15px;
display: inline-block;
margin: 0 14px 14px 0;
}
@media (max-width: 1024px) {
.inner-content-area .association-wrap .img {
width: 150px;
height: 150px;
}
}
@media (max-width: 767px) {
.inner-content-area .association-wrap .img {
margin: 0 0 30px;
}
}
.inner-content-area .association-wrap .img img {
max-width: 100%;
}
.inner-content-area .association-wrap .img:hover {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.inner-content-area .inner-faq {
position: relative;
width: 100%;
}
@media (max-width: 1024px) {
.inner-content-area .inner-faq {
width: 100%;
}
}
@media (max-width: 767px) {
.inner-content-area .inner-faq {
margin: 10px 0 0 0;
}
}
.inner-content-area .inner-faq .vw {
background: #16b1e3;
color: #fff;
padding: 7px 20px;
border-radius: 20px;
text-transform: uppercase;
font: 700 20px/30px "Open Sans", sans-serif;
position: absolute;
right: 0;
top: 10px;
}
.inner-content-area .inner-faq .vw:hover {
background: #3a4045;
}
@media (max-width: 1024px) {
.inner-content-area .inner-faq .vw {
font: 700 17px/20px "Open Sans", sans-serif;
padding: 5px 20px;
top: 0;
}
}
@media (max-width: 767px) {
.inner-content-area .inner-faq .vw {
font: 700 12px/20px "Open Sans", sans-serif;
padding: 3px 10px;
top: 0;
}
}
.inner-content-area .inner-faq .smk_accordion {
position: relative;
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 20px;
}
.inner-content-area .inner-faq .smk_accordion .accordion_in {
position: relative;
z-index: 7;
margin: 5px 0 5px 0;
overflow: hidden;
}
.inner-content-area .inner-faq .smk_accordion .accordion_in .acc_head {
position: relative;
background: #16b1e3;
padding: 10px;
font: 700 17px/20px "Open Sans", sans-serif;
letter-spacing: 1px;
letter-spacing: 1px;
display: block;
cursor: pointer;
color: #fff;
}
.inner-content-area .inner-faq .smk_accordion .accordion_in .acc_head:hover {
background: #3a4045 !important;
}
.inner-content-area .inner-faq .acc_head:hover {
background: #3a4045 !important;
}
.inner-content-area .inner-faq .smk_accordion .accordion_in .acc_head .acc_icon_expand {
display: block;
width: 18px;
height: 18px;
position: absolute;
left: 10px;
top: 50%;
margin-top: -9px;
}
.inner-content-area .inner-faq .smk_accordion .accordion_in .acc_content {
background: #fff;
color: #515151;
padding: 3px 10px;
font: 700 14px/20px "Open Sans", sans-serif;
letter-spacing: 1px;
}
.inner-content-area .inner-faq .smk_accordion .accordion_in .acc_content a {
color: #16b1e3;
text-decoration: underline;
text-transform: uppercase;
}
.inner-content-area .inner-faq .smk_accordion .accordion_in .acc_content a:hover {
text-decoration: none;
}
.inner-content-area .inner-faq .smk_accordion .accordion_in .acc_content h1:first-of-type,
.inner-content-area .inner-faq .smk_accordion .accordion_in .acc_content h2:first-of-type,
.inner-content-area .inner-faq .smk_accordion .accordion_in .acc_content h3:first-of-type,
.inner-content-area .inner-faq .smk_accordion .accordion_in .acc_content h4:first-of-type,
.inner-content-area .inner-faq .smk_accordion .accordion_in .acc_content h5:first-of-type,
.inner-content-area .inner-faq .smk_accordion .accordion_in .acc_content h6:first-of-type {
margin-top: 5px;
}
.inner-content-area .inner-faq .smk_accordion .accordion_in.acc_active > .acc_content {
display: block;
}
.inner-content-area .inner-faq .smk_accordion .accordion_in.acc_active > .acc_head {
background: #16b1e3;
}
.inner-content-area .inner-faq .smk_accordion.acc_with_icon .accordion_in .acc_content,
.inner-content-area .inner-faq .smk_accordion.acc_with_icon .accordion_in .acc_head {
padding: 15px;
}
.inner-content-area .testimonial-wrapper {
display: block;
margin: 0;
padding: 0;
}
.inner-content-area .testimonial-wrapper li {
background-color: #fafafa;
display: block;
height: auto;
padding: 0;
position: relative;
border: 1px solid #c6c6c6;
}
.inner-content-area .testimonial-wrapper li:before {
display: none;
}
.inner-content-area .testimonial-wrapper li .author {
color: #000;
padding: 0 44px 15px;
width: 100%;
font: 700 17px/30px "Open Sans", sans-serif;
}
@media (max-width: 991px) {
.inner-content-area .testimonial-wrapper li .author {
font: 700 15px/25px "Open Sans", sans-serif;
}
}
@media (max-width: 767px) {
.inner-content-area .testimonial-wrapper li .author {
width: 100%;
position: inherit;
font: 700 13px/25px "Open Sans", sans-serif;
}
}
.inner-content-area .testimonial-wrapper li .author span {
display: block;
}
@media (max-width: 767px) {
.inner-content-area .testimonial-wrapper li .author span {
width: 100%;
top: 5px;
}
}
@media (max-width: 767px) {
.inner-content-area .testimonial-wrapper li .author {
width: 100%;
}
}
.inner-content-area .testimonial-wrapper li .blockquote {
display: block;
margin: 0 20px;
padding: 20px;
position: relative;
font: 700 17px/30px "Open Sans", sans-serif;
color: #333;
}
.inner-content-area .testimonial-wrapper li .blockquote:before {
content: "“";
position: absolute;
left: 0;
top: 20px;
font: 700 40px/30px "Open Sans", sans-serif;
}
.inner-content-area .testimonial-wrapper li .blockquote:after {
content: "”";
position: absolute;
right: 0;
bottom: 0;
font: 700 40px/30px "Open Sans", sans-serif;
}
@media (max-width: 991px) {
.inner-content-area .testimonial-wrapper li .blockquote {
font: 700 15px/25px "Open Sans", sans-serif;
color: #333;
}
}
@media (max-width: 767px) {
.inner-content-area .testimonial-wrapper li .blockquote {
font: 700 13px/25px "Open Sans", sans-serif;
color: #333;
}
}
@media (max-width: 479px) {
.inner-content-area .testimonial-wrapper li .blockquote {
padding: 20px 40px;
}
.inner-content-area .testimonial-wrapper li .blockquote:before {
left: 15px;
}
.inner-content-area .testimonial-wrapper li .blockquote:after {
right: 10px;
}
}
.inner-content-area .testimonial-wrapper li:nth-child(even) .author {
left: 0;
}
.inner-content-area .testimonial-wrapper li:nth-child(odd) .author {
right: 0;
}
.inner-content-area .testimonial-wrapper li + li {
margin-top: 30px;
}
@media (max-width: 767px) {
.inner-content-area .testimonial-wrapper li:nth-child(even) {
padding-left: 0 !important;
}
}
@media (max-width: 767px) {
.inner-content-area .testimonial-wrapper li:nth-child(odd) {
padding-right: 0 !important;
}
}
.inner-content-area .contact-wrap {
font: 700 17px/25px "Open Sans", sans-serif;
padding-bottom: 10px;
}
.inner-content-area .contact-wrap:before {
display: table;
content: "";
}
.inner-content-area .contact-wrap:after {
display: table;
clear: both;
content: "";
}
.inner-content-area .contact-wrap input[type="email"],
.inner-content-area .contact-wrap input[type="tel"],
.inner-content-area .contact-wrap input[type="text"] {
width: 100%;
padding: 10px 7px;
border: solid 1px #16b1e3;
margin: 0 0 10px 0;
font: 700 17px/25px "Open Sans", sans-serif;
color: #333;
border-radius: none !important;
}
@media (max-width: 767px) {
.inner-content-area .contact-wrap input[type="email"],
.inner-content-area .contact-wrap input[type="tel"],
.inner-content-area .contact-wrap input[type="text"] {
font: 700 13px/20px "Open Sans", sans-serif;
}
}
.inner-content-area .contact-wrap textarea {
width: 100%;
padding: 10px 7px;
border: solid 1px #16b1e3;
margin: 0 0 10px 0;
height: 50px;
resize: none;
font: 700 17px/25px "Open Sans", sans-serif;
color: #333;
}
@media (max-width: 767px) {
.inner-content-area .contact-wrap textarea {
font: 700 13px/20px "Open Sans", sans-serif;
}
}
.inner-content-area .contact-wrap .contcat-cap {
position: relative;
height: 140px;
}
.inner-content-area .contact-wrap .contcat-cap:before {
display: table;
content: "";
}
.inner-content-area .contact-wrap .contcat-cap:after {
display: table;
clear: both;
content: "";
}
.inner-content-area .contact-wrap .contcat-cap input[type="submit"] {
padding: 10px 20px;
border: none;
margin: 15px 0 10px 0;
background: #3a4045;
text-transform: uppercase;
text-align: center;
color: #fff;
border-radius: 20px;
font: 700 17px/25px "Open Sans", sans-serif;
float: right;
}
.inner-content-area .contact-wrap .contcat-cap input[type="submit"]:hover {
background: #16b1e3;
}
.inner-content-area .contact-wrap .contcat-cap p {
font: 700 17px/22px "Open Sans", sans-serif;
color: #333;
text-align: right;
}
.inner-content-area .contact-wrap .contcat-cap p span {
color: #16b1e3;
}
@media (max-width: 767px) {
.inner-content-area .contact-wrap .contcat-cap p {
font: 700 13px/20px "Open Sans", sans-serif;
}
}
.inner-content-area .contact-wrap .contcat-cap .plz {
position: absolute;
font: 700 13px/22px "Open Sans", sans-serif;
right: 0;
bottom: 20px;
}
.inner-content-area .contact-wrap::-webkit-input-placeholder {
opacity: 1;
font-family: "Open Sans", sans-serif;
color: #333;
}
.inner-content-area .contact-wrap:-moz-placeholder {
opacity: 1;
font-family: "Open Sans", sans-serif;
color: #333;
}
.inner-content-area .contact-wrap::-moz-placeholder {
opacity: 1;
font-family: "Open Sans", sans-serif;
color: #333;
}
.inner-content-area .contact-wrap:-ms-input-placeholder {
opacity: 1;
font-family: "Open Sans", sans-serif;
color: #333;
}
.inner-content-area .contact-wrap .contact-text {
font: 700 20px/40px "Open Sans", sans-serif;
padding: 0;
width: 90%;
float: right;
}
@media (max-width: 1024px) {
.inner-content-area .contact-wrap .contact-text {
width: 100%;
font: 700 15px/30px "Open Sans", sans-serif;
}
}
@media (max-width: 991px) {
.inner-content-area .contact-wrap .contact-text {
width: 100%;
float: none;
text-align: center;
padding: 30px 0;
}
}
.inner-content-area .contact-wrap .contact-text a {
color: #333;
}
.inner-content-area .contact-wrap .contact-text a.mail:hover {
color: #16b1e3;
}
.inner-content-area .contact-wrap .btn-grp {
float: right;
}
.inner-content-area .contact-wrap .btn-grp .shapes-cap .shape-color {
fill: #16b1e3;
}
.inner-content-area .contact-wrap .btn-grp a {
border: solid 1px #16b1e3;
}
.inner-content-area .contact-wrap .captcha_active {
border: 1px solid #666 !important;
}
.inner-content-area .contact-wrap .btn-grp .ref-img {
border: solid 1px #fff;
}
.inner-content-area #imagelightbox {
z-index: 9;
-ms-touch-action: none;
touch-action: none;
}
.input-holder.error input:focus {
border: #ee5b63 1px solid !important;
box-shadow: none !important;
}
.input-holder.error textarea:focus {
border: #ee5b63 1px solid !important;
box-shadow: none !important;
}
.input-holder.error input {
border: #ee5b63 1px solid !important;
}
.input-holder.error textarea {
border: #ee5b63 1px solid !important;
}
.input-holder {
position: relative;
width: 100%;
float: left;
}
.input-holder.error span.error {
display: block;
}
span.error,
span.errors {
position: absolute;
z-index: 9;
display: none;
right: 0;
padding: 0 4px;
background: #ee5b63;
color: #fff;
text-align: center;
top: -33px;
}
span.error:after,
span.errors:after {
content: "";
position: absolute;
bottom: -10px;
right: 10px;
display: block;
border: solid;
border-color: #ee5b63 transparent #ee5b63;
border-width: 10px 10px 0;
}
.btn-grp .ref-img:active,
.btn-grp .ref-img:focus,
.btn-grp .ref-img:hover {
outline: 0 !important;
}
.btn-grp .ref-img {
margin: 0;
padding: 0;
fill: #3a4045;
outline: 0 !important;
width: 20px !important;
height: 20px !important;
border: none;
}
.shapes-cap {
width: 15px !important;
height: 10px !important;
padding: 0;
margin: 0;
}
.btn-grp .shapes-cap .shape-color {
fill: #666;
}
.captcha_active {
border: 1px solid #16b1e3 !important;
}
.btn-grp a {
margin: 0 0 0 6px;
border: 1px solid #666;
padding: 2px 5px 0 5px;
text-align: center;
cursor: pointer;
display: inline-block;
height: 29px;
}
.thank-wrp {
text-align: center;
}
.thank-wrp img {
margin: 0 0 20px 0;
}
.back-btn {
margin: 20px 0;
float: right;
display: none;
}
.blg span.gap {
border-right: 1px solid #dedede;
padding: 0 10px;
}
.blg {
border-bottom: solid 1px #ccc;
}
.blog-left h1 {
font: 500 26px/29px "Open Sans", sans-serif;
color: #111b1a;
text-transform: none;
margin: 20px 0 0 0;
}
@media (max-width: 1024px) {
.blog-left h1 {
font-size: 22px;
}
}
.blog-left h2 {
font: 500 24px/29px "Open Sans", sans-serif;
color: #111b1a;
text-transform: none;
margin: 20px 0 10px 0;
}
@media (max-width: 1024px) {
.blog-left h2 {
font-size: 19px;
}
}
.blog-left h3,.blog-left .span-spn-h3 {
font: 500 22px/29px "Open Sans", sans-serif;
color: #111b1a;
text-transform: none;
margin: 20px 0 10px 0;
}
@media (max-width: 1024px) {
.blog-left h3,.blog-left .span-spn-h3 {
font-size: 18px;
}
}
@media (max-width: 991px) {
.blog-left h3,.blog-left .span-spn-h3 {
margin: 20px 0 10px 0 !important;
}
}
.blog-left h4 {
font: 500 20px/29px "Open Sans", sans-serif;
color: #111b1a;
text-transform: none;
margin: 20px 0 10px 0;
}
.blog-left h5 {
font: 500 19px/29px "Open Sans", sans-serif;
color: #111b1a;
text-transform: none;
margin: 20px 0 10px 0;
}
.blog-left h6 {
font: 500 18px/29px "Open Sans", sans-serif;
color: #111b1a;
text-transform: none;
margin: 20px 0 0 0;
}
.blog-left ul {
list-style: none;
margin: 0 0 10px 20px;
}
@media (max-width: 767px) {
.blog-left ul {
margin-left: 0;
}
}
.blog-left ul li {
position: relative;
padding: 5px 5px 5px 30px;
font: 400 17px/24px "Open Sans", sans-serif;
}
@media (max-width: 767px) {
.blog-left ul li {
font: 400 13px/20px "Open Sans", sans-serif;
}
}
.wp-caption-text {
text-align: center;
}
.blog-left ul li:before {
position: absolute;
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: #16b1e3;
left: 0;
top: 12px;
}
.blog-left ul li a {
color: #16b1e3;
}
.blog-left ul li a:hover {
color: #3a4045;
}
.blog-left ol {
margin: 0 0 0 40px;
padding: 0;
width: 100%;
float: left;
list-style-type: decimal !important;
}
@media (max-width: 767px) {
.blog-left ol {
margin: 0 15px;
}
}
.blog-left ol li {
padding-left: 20px;
padding-right: 10px;
margin-bottom: 0;
border-bottom: none;
list-style-type: decimal !important;
font: 400 17px/24px "Open Sans", sans-serif;
padding-bottom: 14px;
}
@media (max-width: 767px) {
.blog-left ol li {
padding-right: 0;
}
}
@media (max-width: 767px) {
.blog-left ol li {
font: 400 13px/20px "Open Sans", sans-serif;
}
}
.blog-left ol li a {
color: #16b1e3;
}
.blog-left ol li a:hover {
color: #3a4045;
}
.blog-left h1 {
font: 700 30px/35px "Open Sans", sans-serif;
color: #333;
text-transform: none;
margin: 0 0 25px 0;
letter-spacing: 1px;
}
.blog-left h2 {
font: 700 30px/35px "Open Sans", sans-serif;
color: #333;
text-transform: none;
margin: 0 0 25px 0;
letter-spacing: 1px;
}
.blog-left h2 a {
color: #111b1a;
}
.blog-left h2 a:hover {
color: #16b1e3;
}
.blog-left h1 a {
color: #111b1a;
}
.blog-left h1 a:hover {
color: #16b1e3;
}
@media (max-width: 767px) {
.blog-left h1 {
font: 700 22px/25px "Open Sans", sans-serif;
}
.blog-left h2 {
font: 700 22px/25px "Open Sans", sans-serif;
}
}
.blog-left h3,.blog-left .span-spn-h3 {
font: 700 25px/30px "Open Sans", sans-serif;
color: #333;
text-transform: none;
margin: 0 0 25px 0;
}
.blog-left h3 a,.blog-left .span-spn-h3 a {
color: #111b1a;
}
.blog-left h3 a:hover,.blog-left .span-spn-h3 a:hover {
color: #16b1e3;
}
@media (max-width: 767px) {
.blog-left h3,.blog-left .span-spn-h3 {
font: 700 17px/25px "Open Sans", sans-serif;
}
}
.blog-left p {
font: 400 17px/22px "Open Sans", sans-serif;
color: #414141;
}
.blog-left p a {
color: #16b1e3;
}
.blog-left p a:hover {
color: #3a4045;
}
@media (max-width: 767px) {
.blog-left p {
font: 400 13px/21px "Open Sans", sans-serif;
}
}
.blog-left .blog-top {
width: 100%;
}
.blog-left .blog-top:before {
display: table;
content: "";
}
.blog-left .blog-top:after {
display: table;
clear: both;
content: "";
}
.blog-left .blog-top span {
font: 400 14px/30px "Open Sans", sans-serif;
}
.blog-left .blog-top .img-box {
background: #f1f1f1;
height: 430px;
position: relative;
}
@media (max-width: 991px) {
.blog-left .blog-top .img-box {
margin: 0 0 20px 0;
}
}
@media (max-width: 767px) {
.blog-left .blog-top .img-box {
height: 300px;
}
}
.blog-left .blog-top .img-box img {
max-width: 100%;
max-height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.blog-left .blog-top .text p a {
text-decoration: underline;
color: #16b1e3;
}
.blog-left .blog-top .text p a:hover {
text-decoration: none;
}
.blog-left .blog-top .text .date {
font: 700 14px/22px "Open Sans", sans-serif;
margin: 0 0 20px 0;
}
.blog-left .blog-top .text .date a {
color: #16b1e3;
}
.blog-left .blog-top .text .date a:hover {
color: #414141;
}
.blog-left .blog-top .text .date span {
font: 700 14px/22px "Open Sans", sans-serif;
color: #16b1e3;
}
.blog-left .blog-top .text .social-wrap span {
display: block;
color: #636363;
background: url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/img/comment.png) 0 7px no-repeat;
padding: 0 0 0 30px;
margin: 0 0 20px 0;
}
.blog-left .blog-top .text .social-wrap a {
padding: 5px 10px;
text-align: center;
color: #fff;
border-radius: 5px;
}
@media (max-width: 767px) {
.blog-left .blog-top .text .social-wrap a {
display: block;
margin: 10px auto;
width: 150px;
}
}
.blog-left .blog-top .text .social-wrap a.fb {
background: #3b5998;
}
.blog-left .blog-top .text .social-wrap a.fb:hover {
opacity: 0.8;
}
.blog-left .blog-top .text .social-wrap a.tw {
background: #55acee;
}
.blog-left .blog-top .text .social-wrap a.tw:hover {
opacity: 0.8;
}
.blog-left .blog-top .text .social-wrap a.pint {
background: #cd2129;
}
.blog-left .blog-top .text .social-wrap a.pint:hover {
opacity: 0.8;
}
.blog-left .blog-bottom-wrap {
margin: 40px 0 20px 0;
}
.blog-left .blog-bottom-wrap:before {
display: table;
content: "";
}
.blog-left .blog-bottom-wrap:after {
display: table;
clear: both;
content: "";
}
.blog-left .blog-bottom-wrap .blog-bot-box {
min-height: 770px;
}
@media (max-width: 991px) {
.blog-left .blog-bottom-wrap .blog-bot-box {
min-height: 0;
}
}
.blog-left .blog-bottom-wrap .blog-bot-box .img-box {
position: relative;
height: 398px;
background: #fff;
margin: 0 0 20px 0;
}
.blog-left .blog-bottom-wrap .blog-bot-box .img-box img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
}
@media (max-width: 1024px) {
.blog-left .blog-bottom-wrap .blog-bot-box .img-box {
height: 370px;
}
}
@media (max-width: 992px) {
.blog-left .blog-bottom-wrap .blog-bot-box .img-box {
height: 370px;
}
}
@media (max-width: 767px) {
.blog-left .blog-bottom-wrap .blog-bot-box .img-box {
height: 300px;
}
}
.blog-left .blog-bottom-wrap .blog-bot-box .text h3,.blog-left .blog-bottom-wrap .blog-bot-box .text .span-spn-h3 {
min-height: 70px;
margin: 0 !important;
}
@media (max-width: 991px) {
.blog-left .blog-bottom-wrap .blog-bot-box .text h3,.blog-left .blog-bottom-wrap .blog-bot-box .text .span-spn-h3 {
min-height: 0;
margin: 0 0 20px 0 !important;
}
}
.blog-left .blog-bottom-wrap .blog-bot-box .text .date {
font: 700 14px/22px "Open Sans", sans-serif;
margin: 0 0 20px 0;
}
.blog-left .blog-bottom-wrap .blog-bot-box .text .date a {
color: #16b1e3;
}
.blog-left .blog-bottom-wrap .blog-bot-box .text .date a:hover {
color: #414141;
}
.blog-left .blog-bottom-wrap .blog-bot-box .text .date span {
font: 700 14px/22px "Open Sans", sans-serif;
color: #16b1e3;
}
.blog-left .blog-bottom-wrap .blog-bot-box .text .social-wrap {
margin: 20px 0 0 0;
}
.blog-left .blog-bottom-wrap .blog-bot-box .text .social-wrap:before {
display: table;
content: "";
}
.blog-left .blog-bottom-wrap .blog-bot-box .text .social-wrap:after {
display: table;
clear: both;
content: "";
}
.blog-left .blog-bottom-wrap .blog-bot-box .text .social-wrap span {
display: inline-block;
color: #636363;
background: url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/img/comment.png) 0 6px no-repeat;
padding: 0 0 0 30px;
margin: 0 0 20px 0;
font: 400 14px/30px "Open Sans", sans-serif;
}
.blog-left .blog-bottom-wrap .blog-bot-box .text .social-wrap .sc {
float: right;
}
@media (max-width: 767px) {
.blog-left .blog-bottom-wrap .blog-bot-box .text .social-wrap .sc {
float: none;
}
}
.blog-left .blog-bottom-wrap .blog-bot-box .text .social-wrap .sc a {
padding: 5px 10px;
text-align: center;
color: #fff;
border-radius: 5px;
}
@media (max-width: 767px) {
.blog-left .blog-bottom-wrap .blog-bot-box .text .social-wrap .sc a {
display: block;
margin: 10px auto;
width: 150px;
}
}
.blog-left .blog-bottom-wrap .blog-bot-box .text .social-wrap .sc a.fb {
background: #3b5998;
}
.blog-left .blog-bottom-wrap .blog-bot-box .text .social-wrap .sc a.fb:hover {
opacity: 0.8;
}
.blog-left .blog-bottom-wrap .blog-bot-box .text .social-wrap .sc a.tw {
background: #55acee;
}
.blog-left .blog-bottom-wrap .blog-bot-box .text .social-wrap .sc a.tw:hover {
opacity: 0.8;
}
.blog-left .blog-bottom-wrap .blog-bot-box .text .social-wrap .sc a.pint {
background: #cd2129;
}
.blog-left .blog-bottom-wrap .blog-bot-box .text .social-wrap .sc a.pint:hover {
opacity: 0.8;
}
.blog-left .blog-bottom-wrap .blog-bot-box .text .text-cont {
min-height: 150px;
font: 400 17px/22px "Open Sans", sans-serif;
}
@media (max-width: 1024px) {
.blog-left .blog-bottom-wrap .blog-bot-box .text .text-cont {
min-height: 170px;
}
}
@media (max-width: 1024px) and (max-width: 991px) {
.blog-left .blog-bottom-wrap .blog-bot-box .text .text-cont {
min-height: 0;
}
}
@media (max-width: 1024px) and (max-width: 767px) {
.blog-left .blog-bottom-wrap .blog-bot-box .text .text-cont {
font: 400 13px/21px "Open Sans", sans-serif;
}
}
.blog-left .blog-bottom-wrap .blog-bot-box .text .text-cont a {
text-decoration: underline;
color: #16b1e3;
}
.blog-left .blog-bottom-wrap .blog-bot-box .text .text-cont a:hover {
text-decoration: none;
}
.blog-left .blog-single .img-box {
position: relative;
height: 450px;
background: #f1f1f1;
margin: 0 0 20px 0;
}
.blog-left .blog-single .img-box img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
}
@media (max-width: 767px) {
.blog-left .blog-single .img-box {
height: 300px;
}
}
.blog-left .blog-single .text .date {
font: 700 16px/22px "Open Sans", sans-serif;
margin: 0 0 20px 0;
}
.blog-left .blog-single .text .date a {
color: #16b1e3;
}
.blog-left .blog-single .text .date a:hover {
color: #414141;
}
.blog-left .blog-single .text .date span {
font: 700 16px/22px "Open Sans", sans-serif;
color: #16b1e3;
}
.blog-left .blog-single .text .social-wrap {
margin: 20px 0 0 0;
}
.blog-left .blog-single .text .social-wrap:before {
display: table;
content: "";
}
.blog-left .blog-single .text .social-wrap:after {
display: table;
clear: both;
content: "";
}
.blog-left .blog-single .text .social-wrap span {
display: inline-block;
color: #636363;
background: url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/img/comment.png) 0 6px no-repeat;
padding: 0 0 0 30px;
margin: 0 0 20px 0;
font: 400 14px/30px "Open Sans", sans-serif;
}
.blog-left .blog-single .text .social-wrap .sc {
float: right;
}
@media (max-width: 767px) {
.blog-left .blog-single .text .social-wrap .sc {
float: none;
}
}
.blog-left .blog-single .text .social-wrap .sc a {
padding: 5px 10px;
text-align: center;
color: #fff;
border-radius: 5px;
}
@media (max-width: 767px) {
.blog-left .blog-single .text .social-wrap .sc a {
display: block;
margin: 10px auto;
width: 200px;
}
}
.blog-left .blog-single .text .social-wrap .sc a.fb {
background: #3b5998;
}
.blog-left .blog-single .text .social-wrap .sc a.fb:hover {
opacity: 0.8;
}
.blog-left .blog-single .text .social-wrap .sc a.tw {
background: #55acee;
}
.blog-left .blog-single .text .social-wrap .sc a.tw:hover {
opacity: 0.8;
}
.blog-left .blog-single .text .social-wrap .sc a.pint {
background: #cd2129;
}
.blog-left .blog-single .text .social-wrap .sc a.pint:hover {
opacity: 0.8;
}
.blog-left .leave-wrap {
margin: 0 0 20px 0;
font: 300 15px/20px "Open Sans", sans-serif;
}
.blog-left .leave-wrap:before {
display: table;
content: "";
}
.blog-left .leave-wrap:after {
display: table;
clear: both;
content: "";
}
.blog-left .leave-wrap h2 {
font: 400 25px/30px "Open Sans", sans-serif;
color: #111b1a;
margin: 40px 0 20px 0;
text-transform: none;
}
@media (max-width: 991px) {
.blog-left .leave-wrap h2 {
font-size: 23px;
}
}
.blog-left .leave-wrap input[type="email"],
.blog-left .leave-wrap input[type="text"] {
width: 100%;
border: solid 1px #ccc;
padding: 5px 10px;
font: 400 15px/20px "Open Sans", sans-serif;
color: #4a4a4a;
margin: 0 0 10px 0;
}
.blog-left .leave-wrap textarea {
width: 100%;
border: solid 1px #ccc;
padding: 5px 10px;
font: 400 15px/20px "Open Sans", sans-serif;
color: #4a4a4a;
height: 80px;
resize: none;
}
.blog-left .leave-wrap input[type="submit"] {
border: none;
padding: 7px 25px;
font: 400 15px/20px "Open Sans", sans-serif;
color: #fff;
text-align: center;
text-transform: uppercase;
background: #16b1e3;
border-radius: 15px;
margin: 20px 0 0 0;
}
.blog-left .leave-wrap input[type="submit"]:hover {
background: #000;
}
.blog-left .leave-wrap::-webkit-input-placeholder {
opacity: 1;
font-family: "Open Sans", sans-serif;
color: #4a4a4a;
}
.blog-left .leave-wrap:-moz-placeholder {
opacity: 1;
font-family: "Open Sans", sans-serif;
color: #4a4a4a;
}
.blog-left .leave-wrap::-moz-placeholder {
opacity: 1;
font-family: "Open Sans", sans-serif;
color: #4a4a4a;
}
.blog-left .leave-wrap:-ms-input-placeholder {
opacity: 1;
font-family: "Open Sans", sans-serif;
color: #4a4a4a;
}
.blog-left .comment-wrap {
margin: 20px 0 0 0;
}
.blog-left .comment-wrap h2 {
font: 400 25px/30px "Open Sans", sans-serif;
color: #111b1a;
margin: 40px 0 20px 0;
text-transform: none;
}
@media (max-width: 991px) {
.blog-left .comment-wrap h2 {
font-size: 23px;
}
}
.blog-left .comment-wrap .cmnttxt img {
float: left;
margin: 0 15px 0 0;
width: 50px;
height: 50px;
}
@media (max-width: 767px) {
.blog-left .comment-wrap .cmnttxt img {
float: none;
}
}
.blog-left .comment-wrap .cmnttxt p {
padding: 10px 0 0 0;
font: 700 17px/30px "Open Sans", sans-serif;
}
.blog-left .comment-wrap .cmnttxt p span {
font-weight: 600;
color: #16b1e3;
}
.blog-left .comment-wrap .cmnttxt p a {
color: #16b1e3;
font-weight: 400;
}
.blog-left .comment-wrap .cmnttxt p a:hover {
color: #5f5f61;
}
.blog-left .comment-wrap p {
padding: 10px 0;
}
@media (max-width: 767px) {
.blog-left .comment-wrap p {
padding: 10px 0;
}
}
.aside {
width: 100%;
}
.aside:before {
display: table;
content: "";
}
.aside:after {
display: table;
clear: both;
content: "";
}
@media (max-width: 1024px) {
.aside {
float: left;
}
}
.blog-sdbar {
background: #ebebeb;
padding: 20px 0;
margin-bottom: 50px;
}
.blog-sdbar.rss {
padding: 20px 20px 5px 20px;
}
.blog-sdbar h2,.blog-sdbar .span-spn-h2 {
font: 700 27px/30px "Open Sans", sans-serif;
color: #333;
text-transform: none;
padding: 0 0 10px 30px;
}
.blog-sdbar h2 a,.blog-sdbar .span-spn-h2 a {
color: #111b1a;
}
.blog-sdbar h2 a:hover,.blog-sdbar .span-spn-h2 a:hover {
color: #16b1e3;
}
@media (max-width: 767px) {
.blog-sdbar h2,.blog-sdbar .span-spn-h2 {
font: 700 18px/30px "Open Sans", sans-serif;
}
}
.blog-sdbar h3,.blog-sdbar .span-spn-h3 {
font: 700 15px/30px "Open Sans", sans-serif;
color: #333;
text-transform: none;
background: url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/img/rss.png) 0 8px no-repeat;
padding: 0 0 0 20px;
}
.blog-sdbar h3 a,.blog-sdbar .span-spn-h3 a {
color: #111b1a;
}
.blog-sdbar h3 a:hover,.blog-sdbar .span-spn-h3 a:hover {
color: #16b1e3;
}
@media (max-width: 767px) {
.blog-sdbar h3,.blog-sdbar .span-spn-h3 {
font: 700 15px/25px "Open Sans", sans-serif;
}
}
.blog-sdbar ul {
padding: 0;
margin: 0;
list-style: none;
}
.blog-sdbar ul li {
padding: 5px 50px;
border-top: solid 1px #e1e1e1;
position: relative;
font: 400 16px/25px "Open Sans", sans-serif;
}
.blog-sdbar ul li a {
color: #414141;
}
.blog-sdbar ul li a:hover {
color: #16b1e3;
}
.blog-sdbar ul li:before {
position: absolute;
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: #16b1e3;
left: 30px;
top: 14px;
}
@media (max-width: 767px) {
.blog-sdbar ul li:before {
top: 12px;
}
}
@media (max-width: 767px) {
.blog-sdbar ul li {
font: 400 13px/21px "Open Sans", sans-serif;
}
}
.alignright {
display: block;
float: right;
margin: 5px 0 5px 15px;
max-width: 100%;
}
@media (max-width: 767px) {
.alignright {
margin: 10px 0;
float: none;
width: 290px;
height: auto;
}
}
.inner-content-area .broch .alignleft {
margin: 0 15px 5px 0;
}
.alignleft {
display: block;
float: left;
margin: 10px 15px 5px 0;
max-width: 100%;
}
@media (max-width: 767px) {
.alignleft {
margin: 10px 0;
float: none;
width: 290px;
height: auto;
}
}
.alignnone {
margin: 10px auto;
display: block;
max-width: 100%;
}
@media (max-width: 767px) {
.alignnone {
width: 290px;
height: auto;
}
}
.aligncenter {
margin: 10px auto;
display: block;
max-width: 100%;
}
@media (max-width: 767px) {
.aligncenter {
width: 290px;
height: auto;
}
}
.sitemap ul li {
cursor: default;
}
.sitemap ul li a {
color: #333;
}
.sitemap ul li a:hover {
color: #16b1e3;
}
.sitemap ul ul {
margin: 10px 30px 0 30px;
}
.download {
padding: 5px 15px;
background: #16b1e3;
color: #fff;
text-align: center;
border-radius: 20px;
}
.download:hover {
color: #fff;
background: #3a4045;
}
.video-iframe {
width: 600px;
height: 350px;
}
@media (max-width: 767px) {
.video-iframe {
width: 290px;
height: 200px;
}
}
.coming {
color: #fff !important;
font: 400 17px/20px Lora, serif !important;
padding: 0 !important;
}
.coming:before {
display: none !important;
}
.coming:after {
display: none !important;
}
#bodyContent {
margin-top: 35px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
#bodyContent {
margin-top: 0;
}
}
@media (min-width: 1280px) {
.top {
background-color: #16b1e3;
bottom: 2%;
border-radius: 50%;
display: inline-block;
height: 46px;
line-height: 46px;
opacity: 0;
position: fixed;
right: 1%;
visibility: hidden;
width: 45px;
height: 45px;
z-index: 999;
}
.top.visible {
opacity: 1;
visibility: visible;
}
.top:before {
position: absolute;
content: "";
width: 0;
height: 0;
top: 12px;
left: 13px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 15px solid #fff;
}
}
@media (min-width: 1025px) {
.main-wrap .header.slim-header ul.top-menu li.current-cat > a,
.main-wrap .header.slim-header ul.top-menu li.current-menu-item > a,
.main-wrap .header.slim-header ul.top-menu li.current-menu-parent > a,
.main-wrap .header.slim-header ul.top-menu li.current-page-ancestor > a,
.main-wrap .header.slim-header ul.top-menu li.current_page_item > a,
.main-wrap .header.slim-header ul.top-menu li.current_page_parent > a {
color: #16b1e3;
}
.main-wrap .header.slim-header ul.top-menu.blog-menu li.current-cat > a,
.main-wrap .header.slim-header ul.top-menu.blog-menu li.current-menu-item > a,
.main-wrap .header.slim-header ul.top-menu.blog-menu li.current-menu-parent > a,
.main-wrap .header.slim-header ul.top-menu.blog-menu li.current-page-ancestor > a,
.main-wrap .header.slim-header ul.top-menu.blog-menu li.current_page_item > a,
.main-wrap .header.slim-header ul.top-menu.blog-menu li.current_page_parent > a {
color: #16b1e3 !important;
}
.main-wrap .header.slim-header ul.top-menu.blog-menu li a:hover {
color: #fff !important;
}
.main-wrap .header.slim-header .main-menu {
top: 60px !important;
transition: all ease 0.3s;
z-index: 9999;
}
.main-menu ul li.current-cat > a,
.main-menu ul li.current-menu-item > a,
.main-menu ul li.current-menu-parent > a,
.main-menu ul li.current-page-ancestor > a,
.main-menu ul li.current_page_item > a,
.main-menu ul li.current_page_parent > a {
background: #16b1e3;
color: #fff;
}
.main-menu {
transition: all ease 0.3s;
float: right;
}
.main-menu:before {
display: table;
content: "";
}
.main-menu:after {
display: table;
clear: both;
content: "";
}
.main-menu ul {
float: right;
width: 100%;
}
.main-menu ul li {
list-style: none;
display: inline-block;
background: #3a4045;
position: relative;
padding: 0;
float: left;
cursor: default;
}
.main-menu ul li a {
color: #fff;
font: 500 12px/20px "Open Sans", sans-serif;
text-transform: uppercase;
padding: 10px 14px;
display: block;
}
.main-menu ul li a:hover {
color: #fff;
}
.main-menu ul li:hover {
background: #16b1e3 !important;
}
.main-menu ul li:hover > ul {
visibility: visible;
}
.main-menu ul li.submenu:after {
content: "";
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 6px solid #fff;
position: absolute;
bottom: 17px;
right: 2px;
}
.main-menu ul ul {
visibility: hidden;
position: absolute;
width: 235px;
top: 40px;
left: 0;
}
.main-menu ul ul li {
display: block;
background: #3a4045;
position: relative;
border-bottom: solid 1px #b8c6d1;
float: none;
}
.main-menu ul ul li a {
display: block;
transition: none;
padding: 7px 10px;
}
.main-menu ul ul li ul {
visibility: hidden;
position: absolute;
}
.main-menu ul ul li:hover > ul {
position: absolute;
width: 250px;
top: 0;
left: 252px;
}
.main-menu ul li li.submenu:after {
content: "";
position: absolute;
width: 0;
height: 0;
right: 5px;
top: 16px;
border-left: 5px solid #fff;
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
}
}
@media (min-width: 1025px) and (max-width: 1214px) {
.main-menu ul li a {
padding: 10px;
font-size: 11px;
}
.main-menu ul li.submenu:after {
right: 0;
}
.header .logo img {
width: 90%;
}
}
@media (min-width: 768px) {
.main-wrap .header.slim-header {
transition: all ease 0.3s;
background: rgba(255, 255, 255, 0.9);
width: 100%;
height: 110px;
z-index: 9999;
}
.main-wrap .header.slim-header .logo {
transition: all ease 0.3s;
}
.main-wrap .header.slim-header .top-right {
transition: all ease 0.3s;
}
}
@media (max-width: 1199px) {
.mob-btn {
display: block !important;
}
}
@media (max-width: 1024px) {
input,
textarea {
border-radius: none !important;
-webkit-appearance: none;
-moz-appearance: none;
}
.back-btn {
display: none;
}
.top {
display: none;
}
.wow {
visibility: visible !important;
-webkit-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}
.main-menu {
position: fixed;
right: -250px;
top: 0;
width: 250px;
background: #3a4045;
list-style: none;
height: 100%;
z-index: 9999 !important;
overflow-y: scroll;
transition: all 0.3s;
}
.main-menu ul {
padding: 0;
margin: 0;
}
.main-menu ul li {
padding: 0;
margin: 0;
position: relative;
}
.main-menu ul li a {
padding: 7px 15px;
border-bottom: solid 1px #ccc;
display: block;
transition: all 1s;
color: #fff;
font: 400 13px/18px "Open Sans", sans-serif;
}
.main-menu ul li a:hover {
background: #16b1e3;
}
.mob-btn {
border: none;
padding: 1px 5px 5px 5px;
transition: all ease 0.5s;
top: 60px;
right: 50px;
position: fixed;
display: block;
z-index: 99;
display: block;
cursor: pointer;
}
.header.slim-header .mob-btn {
transition: all ease 0.5s;
}
}
@media (max-width: 1024px) and (max-width: 991px) {
.mob-btn {
right: 30px;
}
}
@media (max-width: 1024px) and (max-width: 767px) {
.mob-btn {
right: 10px;
top: 60px;
position: absolute;
}
}
@media (max-width: 1024px) {
.mob-btn .icon-bar {
background: #3a4045;
border-radius: 1px;
display: block;
height: 4px;
position: relative;
transition: all ease 0.5s;
width: 35px;
margin-top: 6px;
}
.show-menu .main-menu {
right: 0;
}
.show-menu .main-menu {
right: 0;
}
.show-menu .overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1001;
}
.main-menu li > ul {
display: none;
}
.main-menu li.show-menu > ul {
display: block;
transition: all ease 0.5s;
padding: 0;
margin: 0;
}
.main-menu li li {
position: relative;
display: block;
}
.main-menu li li a {
display: block;
padding-left: 30px;
}
.main-menu li li li a {
display: block;
padding-left: 50px;
}
.main-menu li.submenu i {
position: absolute;
width: 43px;
height: 32px;
top: 0;
right: 0;
cursor: pointer;
transition: all ease 0.5s;
}
.main-menu li.submenu i:after {
content: "";
height: 0;
width: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 6px solid #ccc;
position: absolute;
right: 17px;
top: 12px;
z-index: 10;
transition: all ease 0.5s;
}
}
@media (max-width: 767px) {
.header .mob-btn {
top: 30px;
}
}
@media (max-width: 567px) {
.main-wrap .header .top-right {
padding: 0;
}
}
a.dwld-text h4:hover {
color: #16b1e3;
}
.dwld-book {
text-align: center;
padding: 0 0 25px;
}
.dwld-book h3 {
font: 400 17px/22px "Open Sans", sans-serif;
text-transform: capitalize;
min-height: 140px;
margin: 15px 0 0 0;
}
.dwld-book h3 > a {
color: #525252;
font: 400 17px/22px "Open Sans", sans-serif;
margin: 0 0 10px;
padding: 0;
}
.dwld-book h3 > a:hover {
color: #16b1e3;
}
.pop-up {
min-height: 550px;
height: auto;
}
.txt-sixe {
font: 600 16px/28px "Open Sans", sans-serif;
}
.pro-details .product-wrap p {
margin: 10px 0 0 0;
}
.inner-content-area .four-box .product-boxx {
height: 325px;
}
.inner-content-area .slate-wrap .pro {
height: 243px;
text-align: center;
}
@media screen and (max-width: 1199px) {
.inner-content-area .slate-wrap .pro {
height: 198px;
}
.inner-content-area .slate-wrap .pro .overlay {
min-height: 90px;
}
.inner-content-area .product-wrap .product-boxx {
height: 210px;
}
.inner-content-area .four-box .product-boxx {
height: 205px;
}
.inner-content-area .four-box .product-boxx .overlay {
min-height: 90px;
}
}
@media screen and (max-width: 991px) {
.inner-content-area .four-box .product-boxx {
height: 327px;
}
.inner-content-area .product-wrap .product-boxx {
height: 327px;
}
}
@media screen and (max-width: 767px) {
.inner-content-area .four-box .product-boxx {
height: 284px;
}
.inner-content-area .product-wrap .product-boxx {
height: 285px;
}
.inner-content-area .slate-wrap .pro {
height: 268px;
}
.dwld-book h3 {
margin: 5px 0 0;
min-height: 0;
}
.dwld-book h3 > a {
font: 500 15px/15px Bevan, cursive;
}
.dwld-book {
padding: 0 0 10px;
}
}
.iframe-unf {
width: 100%;
height: 350px;
}
@media (max-width: 991px) {
.iframe-unf {
height: 315px;
}
}
@media (max-width: 767px) {
.iframe-unf {
height: 180px;
}
}
.inner-sidebar {
margin: 11px 0 30px;
padding: 0 0 24px;
background-color: #ebebeb;
}
.side-abt {
border-top: 1px solid #c6c6c6;
margin: 0;
background: #ebebeb;
margin-bottom: 20px;
}
.side-abt h2 {
color: #525252;
font: 600 22px/50px "Open Sans", sans-serif;
letter-spacing: 1px;
margin: 0;
padding: 8px 0 5px 15px;
text-transform: uppercase;
}
.side-abt h2 a {
color: #525252;
}
.side-abt h2 a:hover {
color: #16b1e3;
}
.inner-sidebar ul li {
border-top: 1px solid #e1e1e1;
font: 400 16px/25px "Open Sans", sans-serif;
padding: 8px 50px;
position: relative;
}
.inner-sidebar ul li a {
color: #414141;
}
.inner-sidebar ul li a:hover {
color: #16b1e3;
}
.inner-sidebar ul li::before {
background: #16b1e3 none repeat scroll 0 0;
border-radius: 50%;
content: "";
height: 7px;
left: 30px;
position: absolute;
top: 18px;
width: 7px;
}
.inner-sidebar ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.banner-area {
width: 100%;
clear: both;
margin: 125px 0 0;
}
@media (max-width: 767px) {
.banner-area {
margin-top: 0;
}
}
@media (max-width: 567px) {
.main-wrap {
height: 430px;
}
.main-wrap .banner-text {
padding-left: 0;
}
.btn-bnr {
font-size: 14px;
font-weight: 500;
line-height: 18px;
padding: 5px 16px;
margin: 0 0 0 8px;
}
}
.modal-open {
overflow: hidden;
}
.modal-open header {
left: -8px;
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
-webkit-background-clip: padding-box;
background-clip: padding-box;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.in {
opacity: 0.5;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
text-align: left;
background: #16b1e3;
color: #fff;
}
.modal-header h4 {
font-size: 18px;
text-transform: uppercase;
}
.modal-header .close {
margin-top: -2px;
float: right;
background: 0 0;
border: none;
font-size: 25px;
line-height: 25px;
}
.modal-header .close:hover {
color: #203d67;
transition: ease all 0.5s;
-o-transition: ease all 0.5s;
-webkit-transition: ease all 0.5s;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-body .capctha-wrap {
min-height: 120px;
width: 100% !important;
margin-top: 20px;
text-align: right;
}
@media (max-width: 1199px) {
.modal-body .capctha-wrap {
min-height: 125px;
}
}
@media (max-width: 479px) {
.modal-body .capctha-wrap {
min-height: 150px;
}
}
.modal-body .capctha-wrap p {
width: 100%;
right: 0;
top: 25px;
text-align: right;
position: static;
}
.modal-body .capctha-wrap .btn-grp {
width: 100%;
right: 0;
top: 25px;
position: static;
}
.modal-body .wait-contactform-contact3 {
left: 0;
position: static;
}
.modal-body span.error::after,
.modal-body span.errors::after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #d9585c transparent;
border-image: none;
border-style: solid;
border-width: 10px 10px 0;
bottom: -8px;
right: 20px;
content: "";
display: block;
position: absolute;
}
.modal-body .error input,
.modal-body .error textarea {
border-bottom: 1px solid red !important;
}
.modal-body .input-holder {
position: relative;
margin-bottom: 15px;
float: none;
}
.modal-body span.error,
.modal-body span.errors {
background: #d9585c none repeat scroll 0 0;
color: #fff;
display: none;
font-size: 11px;
font-weight: 400;
padding: 2px 5px;
position: absolute;
text-align: left;
width: auto;
z-index: 9;
font-family: roboto;
top: -27px;
}
.modal-body .capctha-wrap span.error,
.modal-body .capctha-wrap span.errors {
top: -35px;
}
.modal-body .form-control {
height: 40px;
}
.modal-body .btn {
border: none;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 778px;
margin: 109px auto 0;
max-width: 100%;
}
.modal-dialog iframe {
max-width: 100%;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.sidebar-form {
position: relative;
padding: 15px;
}
.sidebar-form .capctha-wrap {
min-height: 160px;
width: 100% !important;
margin-top: 20px;
text-align: right;
}
@media (max-width: 1199px) {
.sidebar-form .capctha-wrap {
min-height: 125px;
}
}
@media (max-width: 479px) {
.sidebar-form .capctha-wrap {
min-height: 150px;
}
}
.sidebar-form .capctha-wrap p {
width: 100%;
right: 0;
top: 25px;
text-align: right;
position: static;
}
.sidebar-form .capctha-wrap .btn-grp {
width: 100%;
right: 0;
top: 25px;
position: static;
}
.sidebar-form .wait-contactform-contact3 {
left: 0;
position: static;
}
.sidebar-form span.error::after,
.sidebar-form span.errors::after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #d9585c transparent;
border-image: none;
border-style: solid;
border-width: 10px 10px 0;
bottom: -8px;
right: 20px;
content: "";
display: block;
position: absolute;
}
.sidebar-form .error input,
.sidebar-form .error textarea {
border-bottom: 1px solid red !important;
}
.sidebar-form .input-holder {
position: relative;
margin-bottom: 15px;
float: none;
}
.sidebar-form span.error,
.sidebar-form span.errors {
background: #d9585c none repeat scroll 0 0;
color: #fff;
display: none;
font-size: 11px;
font-weight: 400;
padding: 2px 5px;
position: absolute;
text-align: left;
width: auto;
z-index: 9;
font-family: roboto;
top: -28px;
}
.sidebar-form .capctha-wrap span.error,
.sidebar-form .capctha-wrap span.errors {
top: -35px;
}
.sidebar-form .form-control {
height: 40px;
}
.product-wrap .single-pro img {
position: absolute;
right: 0;
left: 0;
bottom: 0;
top: 0;
margin: auto;
transition: all ease 0.5s;
}
.inner-content-area .slate-wrap .pro img {
position: absolute;
right: 0;
left: 0;
bottom: 0;
top: 0;
margin: auto;
}
.manual a {
color: #525252 !important;
}
.manual a:hover {
color: #16b1e3 !important;
}
.prod-mn {
border: 1px solid #ccc;
}
.prod-mn .prod-text {
min-height: 190px;
padding: 9px 7px 0 7px;
}
.prod-mn .prod-text h3 {
text-transform: none;
font: 600 17px/22px "Open Sans", sans-serif;
}
.prod-mn .prod-text p {
margin-top: 0;
font: 400 14px/20px "Open Sans", sans-serif;
margin-bottom: 7px;
}
.product-wrap .pr-size {
margin-bottom: 16px;
}
.spec-txt {
padding: 4px 19px;
border: 1px solid #c6c6c6;
}
.unf-img img {
border: 1px solid #ccc;
padding: 4px 5px;
}
.brd-crup {
margin: 0 0 10px 0 !important;
display: inline-block;
text-transform: uppercase;
}
.brd-crup li {
float: left;
padding-left: 0 !important;
font-size: 15px !important;
}
.brd-crup li:before {
width: 0 !important;
}
.active,
.active a,
.current {
color: #16b1e3 !important;
}
.modal-body .btn-grp a {
padding: 6px 5px 0 5px;
}
.modal-body .btn-grp .ref-img {
padding: 0;
}
.modal-body .plz {
float: right;
}
.sidebar-form .btn-grp a {
padding: 6px 5px 0 5px;
}
.sidebar-form .btn-grp .ref-img {
padding: 0;
}
.sidebar-form .plz {
float: right;
}
.sidebar-form .btn {
border: none;
}
.home-fomr .btn-grp a {
border: 1px solid #fff;
}
.home-fomr .ref-img {
border: none !important;
}
.home-fomr .shapes-cap .shape-color {
fill: #fff;
}
.home-fomr .captcha_active {
border: 1px solid #666 !important;
}
.brd-crup li a {
color: #333 !important;
}
.wait-contactform-contact4,
.wait-contactform-contact5 {
text-align: left;
}
#captcha_div_contact_4 p span,
#captcha_div_contact_5 p span {
color: #16b1e3;
}
@media (max-width: 991px) {
.brd-crup li {
line-height: 1 !important;
}
.footer .map-wrap {
width: auto;
display: inline-block;
}
.footer .map-wrap {
height: auto;
}
}
.brd-crup li a:hover {
color: #16b1e3 !important;
}
.office,
.warehouse {
cursor: pointer;
color: #16b1e3;
}
.office:hover,
.warehouse:hover {
color: #525252;
}
#map-canvass {
display: none;
height: 100%;
}
.inner-content-area .product-wrap .Instltn-dtls .overlay {
bottom: -200px;
}
.inner-content-area .product-wrap .product-boxx .overlay {
bottom: -200px;
}
.inner-content-area .product-wrap .product-boxx.ovr .overlay {
bottom: 0;
}
.inner-content-area .product-wrap .product-boxx.pr-size .overlay {
bottom: 0;
}
.footer h4 a.active {
color: #16b1e3;
}
@media (max-width: 767px) {
#map-canvas iframe,
#map-canvass iframe {
pointer-events: none;
}
.inner-content-area .iframe-para {
float: none;
text-align: center;
margin: 0;
margin-bottom: 15px;
}
}
.blog-single .img-align {
float: right;
margin: 0 0 15px 15px;
}
.blog-single .mob-bdr {
text-align: center;
margin-bottom: 20px;
}
.inner-content-area .iframe-para {
float: right;
margin-left: 20px;
margin-bottom: 5px;
}
.inner-content-area .iframe-para .iframe-video {
width: 400px;
height: 230px;
}
.footer .map-wrap .map-link img {
width: 100%;
}
@media (max-width: 481px) {
.inner-content-area .iframe-para .iframe-video {
width: 100%;
height: 200px;
}
.inner-content-area .iframe-para {
float: none;
margin-left: 0;
}
}
@media (max-width: 767px) {
.inner-content-area .iframe-para {
float: none;
text-align: center;
margin: 0;
margin-bottom: 15px;
}
}
.head3{
margin: 0!important;
}
.head4{
font: 600 20px/50px "Open Sans",sans-serif!important;
text-transform: uppercase;
color: #525252;
}
.blog-h1-mr{
margin-left:13px!important;
}
.inner-content-area p.title-sub{
margin-top:20px;
margin-bottom:10px;
}
h2.text-center{
text-align:center;
}
.leed-table2 .last-line{
position:relative;
}
.leed-table2 .last-line:after{
content:'';
width:100%;
height:1px;
background-color:#000;
position:absolute;
bottom:-10px;
left:0;
}
.intent-categories .icon-title{
display:flex;
align-items:center;
margin-bottom: 20px;
margin-top: 30px;
}
.intent-categories .icon-title .h2{
margin-bottom:0;
text-transform: inherit;
}
.intent-categories .icon-title img{
height:50px;
width:auto;
margin:0;
margin-right:12px;
}
.intent-categories u{
font-size:16px;
}
.intent-categories ul p u{
display:block;
}
.intent-categories p.mb5{
margin-bottom:5px;
}
@media (max-width:767px){
.inner-content-area .intent-categories ul{
padding-top:0;
}
.intent-categories .icon-title img{
height:40px;
}
.intent-categories .icon-title{
margin-bottom: 12px;
}
.inner-content-area p u {
font: 400 13px/20px "Open Sans", sans-serif;
}
}
@media (max-width:481px){
table.leed-table2 tr td:first-child {
width: 225px;
}
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;}
@-webkit-keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
40%, 43%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0);}
70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0);}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}
}
@keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
40%, 43%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0);}
70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0);}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom;}
@-webkit-keyframes flash{from, 50%, to{opacity:1;}
25%, 75%{opacity:0;}
}
@keyframes flash{from, 50%, to{opacity:1;}
25%, 75%{opacity:0;}
}
.flash{-webkit-animation-name:flash;animation-name:flash;}
@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);}
to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
@keyframes pulse{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);}
to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse;}
@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1);}
40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1);}
50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1);}
65%{-webkit-transform:scale3d(.95, 1.05, 1);transform:scale3d(.95, 1.05, 1);}
75%{-webkit-transform:scale3d(1.05, .95, 1);transform:scale3d(1.05, .95, 1);}
to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
@keyframes rubberBand{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1);}
40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1);}
50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1);}
65%{-webkit-transform:scale3d(.95, 1.05, 1);transform:scale3d(.95, 1.05, 1);}
75%{-webkit-transform:scale3d(1.05, .95, 1);transform:scale3d(1.05, .95, 1);}
to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand;}
@-webkit-keyframes shake{from, to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
10%, 30%, 50%, 70%, 90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);}
20%, 40%, 60%, 80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);}
}
@keyframes shake{from, to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
10%, 30%, 50%, 70%, 90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);}
20%, 40%, 60%, 80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);}
}
.shake{-webkit-animation-name:shake;animation-name:shake;}
@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0);}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg);}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg);}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg);}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg);}
50%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0);}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg);}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg);}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg);}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg);}
50%{-webkit-transform:translateX(0);transform:translateX(0);}
}
.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake;}
@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0, 0, 1, 15deg);transform:rotate3d(0, 0, 1, 15deg);}
40%{-webkit-transform:rotate3d(0, 0, 1, -10deg);transform:rotate3d(0, 0, 1, -10deg);}
60%{-webkit-transform:rotate3d(0, 0, 1, 5deg);transform:rotate3d(0, 0, 1, 5deg);}
80%{-webkit-transform:rotate3d(0, 0, 1, -5deg);transform:rotate3d(0, 0, 1, -5deg);}
to{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);}
}
@keyframes swing{20%{-webkit-transform:rotate3d(0, 0, 1, 15deg);transform:rotate3d(0, 0, 1, 15deg);}
40%{-webkit-transform:rotate3d(0, 0, 1, -10deg);transform:rotate3d(0, 0, 1, -10deg);}
60%{-webkit-transform:rotate3d(0, 0, 1, 5deg);transform:rotate3d(0, 0, 1, 5deg);}
80%{-webkit-transform:rotate3d(0, 0, 1, -5deg);transform:rotate3d(0, 0, 1, -5deg);}
to{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);}
}
.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;}
@-webkit-keyframes tada{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
10%, 20%{-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
40%, 60%, 80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
@keyframes tada{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
10%, 20%{-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
40%, 60%, 80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
.tada{-webkit-animation-name:tada;animation-name:tada;}
@-webkit-keyframes wobble{from{-webkit-transform:none;transform:none;}
15%{-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}
30%{-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}
45%{-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}
60%{-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}
75%{-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}
to{-webkit-transform:none;transform:none;}
}
@keyframes wobble{from{-webkit-transform:none;transform:none;}
15%{-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}
30%{-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}
45%{-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}
60%{-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}
75%{-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}
to{-webkit-transform:none;transform:none;}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble;}
@-webkit-keyframes jello{from, 11.1%, to{-webkit-transform:none;transform:none;}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg);}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg);}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg);}
66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg);}
77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg);}
88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg);}
}
@keyframes jello{from, 11.1%, to{-webkit-transform:none;transform:none;}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg);}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg);}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg);}
66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg);}
77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg);}
88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg);}
}
.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center;}
@-webkit-keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}
40%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9);}
60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03);}
80%{-webkit-transform:scale3d(.97, .97, .97);transform:scale3d(.97, .97, .97);}
to{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
@keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}
40%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9);}
60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03);}
80%{-webkit-transform:scale3d(.97, .97, .97);transform:scale3d(.97, .97, .97);}
to{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;}
@-webkit-keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0);}
60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0);}
75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);}
90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0);}
to{-webkit-transform:none;transform:none;}
}
@keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0);}
60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0);}
75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);}
90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0);}
to{-webkit-transform:none;transform:none;}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;}
@-webkit-keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0);}
60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0);}
75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);}
90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0);}
to{-webkit-transform:none;transform:none;}
}
@keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0);}
60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0);}
75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);}
90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0);}
to{-webkit-transform:none;transform:none;}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;}
@-webkit-keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
from{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0);}
60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0);}
75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);}
90%{-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0);}
to{-webkit-transform:none;transform:none;}
}
@keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
from{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0);}
60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0);}
75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);}
90%{-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0);}
to{-webkit-transform:none;transform:none;}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;}
@-webkit-keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
from{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0);}
60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);}
75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);}
90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
from{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0);}
60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);}
75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);}
90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;}
@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9);}
50%, 55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}
to{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
}
@keyframes bounceOut{20%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9);}
50%, 55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}
to{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;}
@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);}
40%, 45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);}
to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);}
}
@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);}
40%, 45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);}
to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;}
@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0);}
to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);}
}
@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0);}
to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;}
@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0);}
to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);}
}
@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0);}
to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;}
@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);}
40%, 45%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);}
to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);}
}
@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);}
40%, 45%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);}
to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;}
@-webkit-keyframes fadeIn{from{opacity:0;}
to{opacity:1;}
}
@keyframes fadeIn{from{opacity:0;}
to{opacity:1;}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}
@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}
to{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}
to{opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);}
to{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);}
to{opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}
@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
to{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
to{opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);}
to{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);}
to{opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}
@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
to{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
to{opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);}
to{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);}
to{opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
to{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
to{opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);}
to{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);}
to{opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}
@-webkit-keyframes fadeOut{from{opacity:1;}
to{opacity:0;}
}
@keyframes fadeOut{from{opacity:1;}
to{opacity:0;}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeOutDown{from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
}
@keyframes fadeOutDown{from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;}
@-webkit-keyframes fadeOutDownBig{from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);}
}
@keyframes fadeOutDownBig{from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;}
@-webkit-keyframes fadeOutLeft{from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
}
@keyframes fadeOutLeft{from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}
@-webkit-keyframes fadeOutLeftBig{from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);}
}
@keyframes fadeOutLeftBig{from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;}
@-webkit-keyframes fadeOutRight{from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
@keyframes fadeOutRight{from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;}
@-webkit-keyframes fadeOutRightBig{from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);}
}
@keyframes fadeOutRightBig{from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;}
@-webkit-keyframes fadeOutUp{from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}
}
@keyframes fadeOutUp{from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}
@-webkit-keyframes fadeOutUpBig{from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);}
}
@keyframes fadeOutUpBig{from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;}
@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);transform:perspective(400px) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
40%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
50%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
80%{-webkit-transform:perspective(400px) scale3d(.95, .95, .95);transform:perspective(400px) scale3d(.95, .95, .95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
}
@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);transform:perspective(400px) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
40%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
50%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
80%{-webkit-transform:perspective(400px) scale3d(.95, .95, .95);transform:perspective(400px) scale3d(.95, .95, .95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;}
@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}
40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1;}
80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg);}
to{-webkit-transform:perspective(400px);transform:perspective(400px);}
}
@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}
40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1;}
80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg);}
to{-webkit-transform:perspective(400px);transform:perspective(400px);}
}
.flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;}
@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}
40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1;}
80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg);}
to{-webkit-transform:perspective(400px);transform:perspective(400px);}
}
@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}
40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1;}
80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg);}
to{-webkit-transform:perspective(400px);transform:perspective(400px);}
}
.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;}
@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px);}
30%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1;}
to{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0;}
}
@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px);}
30%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1;}
to{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0;}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;}
@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px);}
30%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1;}
to{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0;}
}
@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px);}
30%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1;}
to{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0;}
}
.flipOutY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY;}
@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0;}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1;}
to{-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0;}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1;}
to{-webkit-transform:none;transform:none;opacity:1;}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
@-webkit-keyframes lightSpeedOut{from{opacity:1;}
to{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0;}
}
@keyframes lightSpeedOut{from{opacity:1;}
to{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0;}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0;}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0;}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1;}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;}
@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;}
@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;}
@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;}
@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0;}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0;}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;}
@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1;}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);transform:rotate3d(0, 0, 1, 200deg);opacity:0;}
}
@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1;}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);transform:rotate3d(0, 0, 1, 200deg);opacity:0;}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;}
@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;}
}
@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;}
@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;}
}
@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;}
@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;}
}
@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;}
@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg);opacity:0;}
}
@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg);opacity:0;}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;}
@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
20%, 60%{-webkit-transform:rotate3d(0, 0, 1, 80deg);transform:rotate3d(0, 0, 1, 80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
40%, 80%{-webkit-transform:rotate3d(0, 0, 1, 60deg);transform:rotate3d(0, 0, 1, 60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}
to{-webkit-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0;}
}
@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
20%, 60%{-webkit-transform:rotate3d(0, 0, 1, 80deg);transform:rotate3d(0, 0, 1, 80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
40%, 80%{-webkit-transform:rotate3d(0, 0, 1, 60deg);transform:rotate3d(0, 0, 1, 60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}
to{-webkit-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0;}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge;}
@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}
to{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}
to{opacity:1;-webkit-transform:none;transform:none;}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;}
@-webkit-keyframes rollOut{from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}
}
@keyframes rollOut{from{opacity:1;}
to{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut;}
@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
50%{opacity:1;}
}
@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
50%{opacity:1;}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}
@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown;}
@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft;}
@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight;}
@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp;}
@-webkit-keyframes zoomOut{from{opacity:1;}
50%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
to{opacity:0;}
}
@keyframes zoomOut{from{opacity:1;}
50%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
to{opacity:0;}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut;}
@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
to{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
to{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;}
@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);}
to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);transform:scale(.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center;}
}
@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);}
to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);transform:scale(.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center;}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;}
@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);}
to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px, 0, 0);transform:scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center;}
}
@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);}
to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px, 0, 0);transform:scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center;}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;}
@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
to{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
to{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;}
@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible;}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible;}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}
@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible;}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible;}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}
@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible;}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes slideInRight{from{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible;}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;}
@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible;}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible;}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;}
@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
}
@keyframes slideOutDown{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown;}
@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
to{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
}
@keyframes slideOutLeft{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
to{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}
@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
to{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
@keyframes slideOutRight{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
to{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;}
@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
to{visibility:hidden;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}
}
@keyframes slideOutUp{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
to{visibility:hidden;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}.lb-loader,
.lightbox{text-align:center;line-height:0}
body:after{content:url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/images/close.png) url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/images/loading.gif) url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/images/prev.png) url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/images/next.png);display:none}
.lb-dataContainer:after,
.lb-outerContainer:after{content:"";clear:both}
body.lb-disable-scrolling{overflow:hidden}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}
.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}
.lb-loader,
.lb-nav{position:absolute;left:0}
.lb-outerContainer:after{display:table}
.lb-loader{top:43%;height:25%;width:100%}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/images/loading.gif) no-repeat}
.lb-nav{top:0;height:100%;width:100%;z-index:10}
.lb-container>.nav{left:0}
.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}
.lb-next,
.lb-prev{height:100%;cursor:pointer;display:block}
.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/images/prev.png) left 48% no-repeat;opacity:1;}
.lb-nav a.lb-prev:hover{opacity:1}
.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/images/next.png) right 48% no-repeat;opacity:1;}
.lb-nav a.lb-next:hover{opacity:1}
.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
.lb-dataContainer:after{display:table}
.lb-data{padding:0 4px;color:#ccc}
.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}
.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}
.lb-data .lb-caption a{color:#4ae}
.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}
.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}
.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}@font-face{font-family:'fontello';src:url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/font/fontello.eot?55480163);src:url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/font/fontello.eot?55480163#iefix) format('embedded-opentype'),
url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/font/fontello.woff2?55480163) format('woff2'),
url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/font/fontello.woff?55480163) format('woff'),
url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/font/fontello.ttf?55480163) format('truetype'),
url(//www.ncslate.com/wp-content/themes/northcountryslate/assets/font/fontello.svg?55480163#fontello) format('svg');font-weight:normal;font-style:normal;}
[class^="icon-"]:before, [class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-twitter:before{content:'\e800';}
.icon-facebook:before{content:'\e801';}
.icon-gplus:before{content:'\e802';}
.icon-linkedin:before{content:'\e803';}
.icon-twitter-1:before{content:'\e804';}
.icon-youtube:before{content:'\e805';}
.icon-pinterest:before{content:'\e806';}
.icon-tumblr:before{content:'\e807';}
.icon-linkedin-circled:before{content:'\e808';}
.icon-facebook-squared:before{content:'\e809';}
.icon-youtube-1:before{content:'\e80a';}
.icon-youtube-squared:before{content:'\e80b';}
.icon-youtube-play:before{content:'\f16a';}