/* Reset Css */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{text-decoration:none;outline:0;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:#006db7;transition:all 0.5s ease 0s;}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ababab;margin:50px auto; padding:0}
.clearfix:after , ul:after , ol:after , .full_row:after
{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
.fl{float:left}
.fr{float:right}
img {-ms-interpolation-mode: bicubic; border: 0; height: auto; vertical-align: middle;transition:all 0.5s ease 0s;}
.ie8 img {height: auto; width: auto\9;}
.ie8 img.size-large {max-width: 60%; width: auto;}
:hover{transition:all 0.5s ease 0s;}
ul{list-style:none; margin:0; padding:0;}
li{list-style:none;}
#wp-toolbar ul:after{content:none}
.last_li , .last{margin-right:0 !important; padding-right:0 !important}
.first_li, .first{margin-left:0 !important; padding-left:0 !important}
/*************************** Font Face ***************************/
/*************************** Font Face ***************************/
/* ================================= Reset Css ================================= */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
::-webkit-input-placeholder {color: #767676}
:-moz-placeholder {color: #767676}
.form-control:-moz-placeholder {color: #767676}
::-moz-placeholder {color:#767676}
.form-control::-moz-placeholder {color:#767676}
:-ms-input-placeholder {color: #767676;}
button::-moz-focus-inner {border: 0}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
input[type=number] {-moz-appearance:textfield}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0}
/*input[type=submit]{padding:18px 30px; font-weight:bold; color:#fff; display:block; }*/
input[type=submit] , input[type=button]{cursor:pointer; border:0}
input:focus{outline:none;}
/* Contact Form */
.form-group{ background:#f2f2f2;border: 1px solid #d6d5d2; padding:0 0 0 8px; position:relative}
.form-group.half {
display: inline-block;
width: 48%;
}
.form-group.half.odd {
margin-right: 16px;
}
.form-control{ background:none; border:none; box-shadow:none; font-size:18px; color:#767676; padding: 0}
.form-control:focus{ box-shadow:none; border:0}
input[type="text"], input[type="tel"], input[type="password"], input[type="date"], input[type="email"], input[type="number"], textarea{color: #767676;font-family: Oxygen;font-size: 16px;font-weight: 700;line-height: 21px;border-radius:0; width:55%;height:30px; padding:5px 0; box-shadow:none; -webkit-appearance:none; display:inline-block ;}
input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:focus {background-color: #f0f0f0;border: none }
textarea{}
form label{display:inline-block;color: #404040;font-size: 16px;font-weight: 700; border-right:1px solid #404040; padding-right:5px;line-height: 21px;}
form label span{color: #ea0202;font-size: 10px;}
label[for="details"]{ border-right:none; color:#FFFFFF;}
.form_row{padding-bottom:25px}
.form_row.msg_row{padding-bottom:10px}
.form_row.submitrow{padding-bottom:0}
input:required{box-shadow:none}
/*input:required:focus{background-color: rgba(223, 73, 73, 0.2); border: 1px solid #df4949; box-shadow:none} */
*{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.form_bottom{ text-align:right}
.form_bottom p{}
.form_bottom p sup{color: #ea0202; top:-1px}
.form_bottom .cp_button{}
.form_bottom .cp_button i{ left:10px}
.form_bottom .cp_button input{ background:transparent; text-transform:uppercase; padding:0}
/************************************************ Global Styles #X ***************************************************/
/* Gobal #GAB */
.x:before
{position:absolute; content:''}
/* Vertical Middle */
x
{content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em}
x
{display: inline-block; vertical-align: middle}
/* HR Rules */
hr{}
/* Image Alignment */
.alignnone , a img.alignnone {margin: 5px 0 50px}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 25px auto}
.alignright , a img.alignright{float:right; margin: 5px 0 25px 25px}
.alignleft , a img.alignleft {float: left; margin: 5px 25px 25px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
/* TypoGraphy */
/*
font-family: 'Oswald', sans-serif;
font-family: 'Oxygen', sans-serif;
font-family: 'themify';
*/
h1 , h2 , h3 , h4 , h5 , h6{font-family: Oswald;color: #FFFFFF;}
h1{text-shadow: 1.4px 1.5px 2px black;font-size: 50px;font-weight: 700;line-height: 55px; margin-bottom:20px}
h2{color: #1a1a1a;font-size: 40px;font-weight: 700;line-height: 45px; text-transform:uppercase; margin-bottom:15px}
h3{color: #1a1a1a;font-size: 32px;font-weight: 700;line-height: 42px; margin-bottom:15px}
h4{font-weight: 700;color: #f2e07d;font-size: 24px;line-height: 24px;text-transform: uppercase;margin-bottom:10px}
h5{}
h6{}
p{ color: #404040;font-size: 18px;line-height: 26px;font-weight: 400; font-family: 'Oxygen', sans-serif; margin-bottom:15px}
p:last-child{margin-bottom:0}
p a{ color: #f03333;}
p a:hover, p a:active, p a:focus{ color:#b42727}
a{color: #f03333; text-decoration:none; }
/* Remove ListDots */
a:focus, a:hover,a:focus{outline:none; text-decoration:none; color:#b42727}
img{ border: 5px solid black;}
/* Buttons */
/* ================================= Mountain Custom CSS #AB ================================= */
body{background:#f8f8f8; line-height: 1; color: #1a1a1a;font-family: 'Oxygen', sans-serif; }
.container{max-width:1200px; width:100%}
.full_row{width:100%; float:none; margin:0 auto}
.small_container{max-width:830px; margin:0 auto; float:none; width:100%; padding:0 15px}
.footer_bottom #hide { display: none}
/****************** Global ************************/
.dark{ background:#313131; color:#ffffff}
.dark p{color:#ffffff}
.centered{ text-align:center}
.yellow_text{ color:#f2e07d}
.bolder{ font-weight:700}
.smaller{ font-size:16px}
/* Common button styles */
.cp_button {
display:inline-block;
border: none;
background: none;
color: inherit;
vertical-align: middle;
position: relative;
z-index: 1;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
/* Shikoba */
.cp_button{
padding: 8px 13px 8px 33px;
overflow: hidden;
background: #fff;
color: #37474f;
border-color: #37474f;
-webkit-transition: background-color 0.3s, border-color 0.3s;
transition: background-color 0.3s, border-color 0.3s;
}
.cp_button{color: #fff; background: #f03333;}
.cp_button > span,.cp_button > input {display: inline-block;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.cp_button i{
position: absolute;
left: 15px;
/*font-size: 18px;*/
font-size: 14px;
top:11px;
-webkit-transform: translate3d(-40px, 2.5em, 0);
transform: translate3d(-40px, 2.5em, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.cp_button:hover i , .cp_button:hover > span,.cp_button:hover > input {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.cp_button:hover {
background: #b42727;
border-color: #3f51b5;
color: #fff;
}
header{ transition:all 0.5s linear 0s !important}
/****************** custom ************************/
.heroband{background: rgba(31, 32, 26, 1) url(../images/heroband_image.jpg) no-repeat center center; background-size:cover}
header{ background: rgba(0, 0, 0, 0.4); padding:30px 0; }
.menu ul{ float:right; margin-top:40px}
.menu ul li{ display:inline; margin-right:20px }
.menu ul li a{color:#FFFFFF;line-height: 22px;font-family: Oswald;font-size: 18px;font-weight: 700;text-transform: uppercase; }
.menu ul li a:hover{color:#b42727;}
.ti-home{font-size: 21px;font-weight: 400; padding-right:5px}
.cp_button{text-shadow: 0.7px 0.7px 0 rgba(150, 83, 33, 0.4);color: #FFFFFF;font-family: Oswald;font-size: 18px;font-weight: 700;line-height: 18px !important;text-transform: uppercase;}
.cp_button:hover{color:#FFFFFF !important;}
.menu .cp_button { margin-top: -7px;}
.ticon{font-family: themify;font-weight: 400;}
.heroband_content{ padding:30px 0 60px}
.offset:after{ border-bottom: 35px solid #f2e07d; bottom: -7px; content: ""; left: 0; margin: auto; position: absolute; right: 0; z-index: -1;}
.heroband_content p{font-size: 24px;line-height: 34px;font-family: Oxygen; margin-bottom:0; font-weight:700}
.heroband_content p span{ font-weight:400}
.offset { display:inline-block; position:relative; padding:0 10px }
.proof_points a{color: #f03333;font-family: Oswald;font-size: 18px;font-weight: 700;line-height: 18px; text-transform:uppercase}
.proof_points a:hover{color: #b42727;}
.proof_points a .ticon{font-family: themify;font-size: 24px;font-weight: 400;line-height: 46px;}
.ti-align-left{ margin-left:5px; font-size: 18px !important;}
.proof_points .shrink_row { padding: 0 100px;}
.proof_points .col-md-4 { padding: 20px 60px 0;}
.proof_points{ padding:45px 0 75px}
.seoband{ position:relative}
.seoband:after{ position:absolute; background:#d3bf4f; content:""; height:250px; width:100%; top:0; z-index:-1 }
.seoband_content{ background:#f2e07d url(../images/cpc-onepager.png) no-repeat left top; padding-top:65px; padding-bottom:75px; margin-top:-25px }
.proof_points .two,.proof_points .three{ margin-top:10px}
.proof_points .one img,.proof_points .two img,.proof_points .three img{ border:none}
.proof_points h3{ margin:25px 0}
.proof_points p{ font-size:16px}
.precise{ padding-left:12px}
.services_wrapper{ padding:84px 0}
.services_image{ margin-top:4px}
ul.discs li{list-style-type: disc; margin-left:15px;color: #f8f8f8;font-size: 16px;line-height: 24px; font-weight:700}
ul.discs li:last-child{ margin-bottom:15px}
.box_link p{ font-size:16px; font-weight:700; margin-bottom:7px}
.box span,.box_link span{ font-weight:700; text-transform:uppercase}
.rush_job{ padding:20px 30px;display:block;border: 1px solid transparent;}
.rush_job:hover{ background-color: #1a1a1a;border: 1px solid #000;}
.inventory_services{ background:#f2e07d; padding:78px 0}
.inventory_content{ padding:15px 7px 0}
.inventory_content p{color: #404040;font-size: 16px;font-weight: 700;line-height: 24px;}
.inventory_content .title{color: #1a1a1a;font-family: Oswald;font-size: 32px;font-weight: 700;line-height: 38px;text-transform: uppercase;}
.services_area{ padding:78px 0 55px}
.services_area_content{ margin-top:-5px}
.services_area_content .title{font-size: 21px;line-height: 51px;color: #1a1a1a;font-family: Oswald;font-weight: 700;text-transform: uppercase; display:block}
.services_area_content p{color: #404040;font-size: 16px;font-weight: 700;line-height: 24px}
.services_area_content ul.discs li{color: #404040}
.aboutus_contactus{ padding:0 0 80px}
.aboutus,.contactus{padding-top:78px}
.aboutus_contactus p{color: white;font-size: 16px;font-weight: 400;line-height: 24px;}
.aboutus_content{ padding-left:10px}
.aboutus_content p{color: #FFFFFF;font-size: 16px;line-height: 24px;font-weight: 700;}
footer .title,.aboutus_content .title{color: #f2e07d;font-family: Oswald;font-size: 21px;line-height: 30px; font-weight:700; display:block}
.map_top{ margin-top:50px}
.form_cover{background-color: #1a1a1a;border: 1px solid black;border-radius: 3px; padding:15px 30px}
.form_cover p{color: white;font-family: Oxygen;font-size: 16px;font-weight: 700;line-height: 30px;}
footer{ background:#1a1a1a; padding:75px 0 125px}
.logo,.footer_logo{ border:none}
.footer_logo { margin: 0 auto; display: block; margin-bottom:45px}
footer .title{ margin-bottom:10px}
footer p{color: whitesmoke;font-family: Oxygen;font-size: 16px;font-weight: 700;line-height: 21px; }
footer .small_container .border_btm{border-bottom:1px solid whitesmoke; padding-bottom:30px}
.copyright{}
.copyright li{font-family: Oxygen;font-size: 14px;font-weight: 700;line-height: 21px;color: #d6d6d6; display:inline; margin-right:12px}
.border_rt{ border-right:1px solid whitesmoke ;padding-right:6px}
.makers{ float:right; margin-top:-5px; color: #d6d6d6;
font-family: Oxygen;
font-size: 14px;
font-weight: 700;
line-height: 21px;}
.makers img{ border:none; margin-left:10px}
.footer_bottom { background:#5aacce; bottom: 0; position: fixed; width: 100%; z-index:9; padding-top:5px; }
.footer_bottom form{ position:relative}
.footer_bottom .title{color: white;font-family: Oswald;font-size: 24px;font-weight: 700;line-height: 38px;text-transform: uppercase; display:inline-block; margin-right:6px; position:relative; top:5px}
.footer_bottom .form-group.half { margin-right: 5px !important; width: 29%; margin-bottom:10px; background:#e1f4fc}
.footer_bottom .form-group .form-control { background:#e1f4fc}
.footer_bottom .form_bottom{ display:inline; text-align:center}
.footer_bottom .form_bottom .cp_button { margin-top:-4px; padding: 8px 5px 8px 25px !important;}
.footer_bottom .form_bottom .cp_button i{ left:10px}
.footer_bottom .form_bottom .cp_button span{color: white;font-family: Oswald;font-size: 16px;font-weight: 700;text-transform: uppercase;}
.footer_bottom input[type="text"]{ height:34px !important}
.ticon.ti-angle-double-down{color:#FFFFFF; font-family: themify;font-size: 21px;font-weight: 400;line-height: 51px;}
.ticon.ti-angle-double-down:hover{ color:#b42727 }
.cncplasma { margin-bottom: 37px;}
.aboutus_image > a { display: block;}
/******************images*******************/
.services_image > img { max-width: 342px; width: 100%;}
.inventory_image > img { max-width: 175px; width: 100%; margin-top:20px}
.services_area_image > img { max-width: 518px; width: 100%;}
.aboutus_image img { max-width: 175px; width: 100%;}
.footer_logo { max-width: 354px; width: 100%; margin-bottom:25px}
.success1{color: white;font-size: 21px;line-height: 38px;text-transform: uppercase;font-family: Oswald;font-weight: 700;background:#32951b; text-align:left; padding-left:10px; top: 5px; width: 100%; z-index: 9; position:absolute}
.required_fields { display: inline-block; margin-right: 10px;}
/* ================================= Crest Custom CSS #AB ================================= */
/********************************* Mobile Potrait #MP ********************************/
@media screen and (max-width: 320px) and (orientation: portrait) {
}
/********************************* Mobile Potrait ********************************/
@media screen and (max-width: 360px) and (orientation: portrait) {
}
/********************************* Mobile Potrait ********************************/
@media screen and (max-width: 480px) and (orientation: portrait) {
}
/********************************* Mobile landscape ********************************/
@media screen and (max-width: 480px) and (orientation: landscape) {
}
/* ================================= Common For All mobile definitions #mx ================================= */
@media all and (max-width: 767px) {
html * {max-height:1000000px}
.sale_cover:after , .sales_row.odd:before , .testimonials_title h3:before, .testimonials_title h3:after
{display:none}
h1{font-size:28px; line-height: 40px; margin-bottom:15px}
h2{font-size:26px; line-height:40px;}
h3{font-size:20px; line-height:30px; margin-bottom:5px}
h4{font-size:18px; line-height:24px}
p, .content_row ul li, .content_row ol li{font-size:18px; line-height:24px}
p.intro{font-size:20px; line-height:30px}
/* Image Alignment */
.alignnone , a img.alignnone , .aligncenter, div.aligncenter , .alignright , a img.alignright , .alignleft , a img.alignleft{margin: 30px auto; float:none; display:block}
.content_cover > .alignnone , .content_cover > a img.alignnone , .content_cover > .aligncenter, .content_cover > div.aligncenter , .content_cover > .alignright , .content_cover > a img.alignright , .content_cover > .alignleft , .content_cover > a img.alignleft{margin-top:0}
/* custom */
.header_left { float: left;}
.offset::after { border-bottom: 30px solid #f2e07d;}
.shrink_row .col-md-4 { margin-bottom: 30px;}
.services_image > img { margin-bottom: 20px;}
.box { margin-bottom: 20px;}
.inventory_content { padding: 15px 0;}
.services_area_image { margin-bottom: 20px;}
.aboutus_image img { margin-bottom: 20px;}
.aboutus_content { padding-left: 0;}
.form-group.half { width: 100%;}
.footer_bottom{ text-align:center}
.footer_bottom .title{ display:block; display:none !important}
.footer_bottom .form-group{ display:none !important}
.footer_bottom .form_bottom { display: none!important}
.footer_bottom #hide { display: inline-block;}
.success1{ display:none !important}
.footer_bottom { padding: 10px 0 6px;}
.copyright { text-align: center;}
.copyright li{ display:block}
.makers{ float:none; margin-top:5px}
.border_rt{ border-right:0}
footer { padding: 35px 0 65px !important }
header,.heroband_content { background: rgba(0, 0, 0, 0.5)}
.aboutus, .contactus { padding-top: 38px;}
.map_top { margin-top: 0;}
header{ padding:20px 0}
.proof_points { padding:25px 0 25px ;}
.services_wrapper { padding: 34px 0 34px;}
.inventory_services { padding: 25px 0;}
.services_area { padding: 38px 0 25px;}
.aboutus_contactus { padding: 0 0 30px;}
.aboutus, .contactus { padding-top: 28px;}
.seoband_content { padding-bottom: 45px; padding-top: 35px;}
.seoband::after { height: 188px;}
.rush_job { padding: 20px 0;}
.rush_job:hover { background-color: transparent; border:1px solid transparent}
}
/********************************* ipad portrait #ip ********************************/
@media only screen and (min-width : 768px) and (max-width: 1000px) {
.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%}
h1{font-size:38px}
h2{font-size:28px}
h3{font-size:22px}
h4{font-size:21px}
p, .content_row ul li, .content_row ol li{font-size:18px}
p.intro{font-size:20px}
.hidden-tab , .banner_info span br , .banner_info p br
{display:none}
/* Image Alignment */
.alignnone , a img.alignnone , .aligncenter, div.aligncenter , .alignright , a img.alignright , .alignleft , a img.alignleft{}
.visible_tab{display:block !important}
/* custom */
.form-group.half { width: 100%;}
.footer_bottom{ text-align:center}
.footer_bottom .title{ display:block}
.precise br { display: none;}
header,.heroband_content { background: rgba(0, 0, 0, 0.5)}
.success1{ top:48px}
}
/****************************************************************/
@media only screen and (max-width: 1000px) {
.header_right .menu { display: none;}
.proof_points .shrink_row { padding: 0}
.proof_points .col-md-4 { padding: 0 15px;}
header{ padding:20px 0}
.proof_points { padding:25px 0 45px ;}
.services_wrapper { padding: 54px 0 34px;}
.inventory_services { padding: 35px 0;}
.services_area { padding: 58px 0 35px;}
.aboutus_contactus { padding: 0 0 50px;}
.aboutus, .contactus { padding-top: 48px;}
footer { padding: 55px 0 125px;}
.seoband_content { padding-bottom: 45px; padding-top: 35px;}
.seoband::after { height: 188px;}
}
@media only screen and (min-width : 1000px) and (max-width: 1100px) {
.menu ul li {
display: inline;
margin-right: 10px;
}
}
@media only screen and (min-width : 1000px) and (max-width: 1200px) {
.form-group.half.odd {
margin-right: 12px;
}
}
/* ================================= Small Computer #Sc ================================= */
@media only screen and (min-width : 1300px) {
.first_col , .first_li{padding-left:0 !important; margin-left:0 !important}
.last_col , .last_li{padding-right:0 !important; margin-right:0 !important}
}
/* ================================= Large Computer #lc ================================= */
@media screen and (min-width: 1450px) {}
/* IE10 Only CSs */
@media screen and (min-width:0\0) {}
/* ie10, ie11+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}
.cd-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 80px;
right: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
/* image replacement properties */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: rgba(240, 51, 51, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;
}
.cd-top:hover {
background-color: #b42727;
opacity: 1;
}
@media only screen and (min-width: 768px) {
.cd-top {
right: 20px;
bottom: 80px;
}
}
@media only screen and (min-width: 1024px) {
.cd-top {
height: 60px;
width: 60px;
right: 30px;
bottom: 80px;
}
}
/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.hvr-wobble-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-horizontal.hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
-webkit-animation-name: hvr-wobble-horizontal;
animation-name: hvr-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}