/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}


[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}

b,strong{font-weight:700}

h1{margin:.67em 0;font-size:2em}

small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}

img{border:0}
svg:not(:root){overflow:hidden}




button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
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::-moz-focus-inner,input::-moz-focus-inner{padding:0;border: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}








/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}

a[href^="javascript:"]:after,a[href^="#"]:after{content:""}


img,tr{page-break-inside:avoid}
img{max-width:100%!important}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
.navbar{display:none}




}
@font-face{font-family:'Glyphicons Halflings';src:url(/catalog/view/javascript/bootstrap/fonts/glyphicons-halflings-regular.eot);src:url(/catalog/view/javascript/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(/catalog/view/javascript/bootstrap/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(/catalog/view/javascript/bootstrap/fonts/glyphicons-halflings-regular.woff) format('woff'),url(/catalog/view/javascript/bootstrap/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(/catalog/view/javascript/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}







































































































































































































































































*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-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}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#337ab7;text-decoration:none}
a:focus,a:hover{color:#23527c;text-decoration:underline}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}

img{vertical-align:middle}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}




.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

[role=button]{cursor:pointer}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}

.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}

.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}

.h1,h1{font-size:36px}
.h2,h2{font-size:30px}

.h4,h4{font-size:18px}


p{margin:0 0 10px}


.small,small{font-size:85%}



.text-center{text-align:center}


























.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}
ol,ul{margin-top:0;margin-bottom:10px}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
.list-unstyled{padding-left:0;list-style:none}






@media (min-width:768px){
}

















.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}

.row{margin-right:-15px;margin-left:-15px}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}
.col-xs-12{width:100%}





.col-xs-6{width:50%}












































@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
.col-sm-12{width:100%}


.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}

.col-sm-6{width:50%}

.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}





































.col-sm-offset-3{margin-left:25%}
.col-sm-offset-2{margin-left:16.66666667%}

}
@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}



.col-md-9{width:75%}


.col-md-6{width:50%}

.col-md-4{width:33.33333333%}
.col-md-3{width:25%}








































}
@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}


.col-lg-10{width:83.33333333%}






.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}







































}




























@media screen and (max-width:767px){





}


label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}

input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}

input[type=range]{display:block;width:100%}

input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}

.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}




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

}
.form-group{margin-bottom:15px}


















.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}





























@media (min-width:768px){









}


.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}




.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}
.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}


.btn-default{color:#333;background-color:#fff;border-color:#ccc}
.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}
.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}


.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}
.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}
.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}


.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}
.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}
.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}
.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}
.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}
.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}


























.btn-link{font-weight:400;color:#337ab7;border-radius:0}
.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}
.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}
.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}

.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}
.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}

.btn-block{display:block;width:100%}


.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}

.collapse{display:none}





.dropdown,.dropup{position:relative}
.dropdown-toggle:focus{outline:0}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
.dropdown-menu.pull-right{right:0;left:auto}

.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}




.open>a{outline:0}







@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}
}
.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}
.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}
.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}



.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}
.btn-group>.btn:first-child{margin-left:0}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}


























.input-group{position:relative;display:table;border-collapse:separate}

.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}



.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}


.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}
.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}
.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}
.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}



.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
.input-group-addon:first-child{border-right:0}
.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}
.input-group-addon:last-child{border-left:0}
.input-group-btn{position:relative;font-size:0;white-space:nowrap}
.input-group-btn>.btn{position:relative}

.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}
.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}
.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}
.nav{padding-left:0;margin-bottom:0;list-style:none}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px 15px}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}














@media (min-width:768px){
}


@media (min-width:768px){
}










@media (min-width:768px){
}



@media (min-width:768px){
}



.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}
@media (min-width:768px){.navbar{border-radius:4px}}
@media (min-width:768px){.navbar-header{float:left}}
.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}

@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}
.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}

}










.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}
.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}


.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
@media (min-width:768px){.navbar-toggle{display:none}}
.navbar-nav{margin:7.5px -15px}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}
@media (max-width:767px){


}
@media (min-width:768px){.navbar-nav{float:left;margin:0}
.navbar-nav>li{float:left}
.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}

@media (min-width:768px){









}
@media (max-width:767px){
}

.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}




.navbar-text{margin-top:15px;margin-bottom:15px}
@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}
@media (min-width:768px){
.navbar-right{float:right!important;margin-right:-15px}
.navbar-right~.navbar-right{margin-right:0}}
.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}
.navbar-default .navbar-brand{color:#777}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}
.navbar-default .navbar-text{color:#777}
.navbar-default .navbar-nav>li>a{color:#777}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}


.navbar-default .navbar-toggle{border-color:#ddd}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}

@media (max-width:767px){


}


















@media (max-width:767px){




}





.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}
.breadcrumb>li{display:inline-block}
.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}





















































@media screen and (min-width:768px){

}























@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}










































































































































.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}
.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}
button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}

.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}


.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}



.modal-header{min-height:16.43px;padding:15px;border-bottom:1px solid #e5e5e5}

.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}




@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}
}
@media (min-width:992px){.modal-lg{width:900px}}






































@media all and (transform-3d),(-webkit-transform-3d){


}























@media screen and (min-width:768px){



}
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}
.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}

.pull-right{float:right!important}







@-ms-viewport{width:device-width}


@media (max-width:767px){


}



@media (min-width:768px) and (max-width:991px){


}



@media (min-width:992px) and (max-width:1199px){


}



@media (min-width:1200px){


}



@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}}

@media print{


}








/*!
 * Font Awesome Free 5.14.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
























@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
















































.fa-angle-right:before{content:"\f105"}






























































































































































.fa-caret-down:before{content:"\f0d7"}

.fa-caret-right:before{content:"\f0da"}




























































































































































































































.fa-envelope:before{content:"\f0e0"}

























.fa-facebook:before{content:"\f09a"}
















































































































































































































.fa-heart:before{content:"\f004"}




















































.fa-instagram:before{content:"\f16d"}



































































































































































































































.fa-phone:before{content:"\f095"}
































































































































.fa-search:before{content:"\f002"}

























.fa-shopping-cart:before{content:"\f07a"}




























































































































































.fa-th:before{content:"\f00a"}

.fa-th-list:before{content:"\f00b"}





























































































































































.fa-whatsapp:before{content:"\f232"}










































.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/catalog/view/theme/default/fa/webfonts/fa-brands-400.eot);src:url(/catalog/view/theme/default/fa/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/catalog/view/theme/default/fa/webfonts/fa-brands-400.woff2) format("woff2"),url(/catalog/view/theme/default/fa/webfonts/fa-brands-400.woff) format("woff"),url(/catalog/view/theme/default/fa/webfonts/fa-brands-400.ttf) format("truetype"),url(/catalog/view/theme/default/fa/webfonts/fa-brands-400.svg#fontawesome) format("svg")}

@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(/catalog/view/theme/default/fa/webfonts/fa-regular-400.eot);src:url(/catalog/view/theme/default/fa/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/catalog/view/theme/default/fa/webfonts/fa-regular-400.woff2) format("woff2"),url(/catalog/view/theme/default/fa/webfonts/fa-regular-400.woff) format("woff"),url(/catalog/view/theme/default/fa/webfonts/fa-regular-400.ttf) format("truetype"),url(/catalog/view/theme/default/fa/webfonts/fa-regular-400.svg#fontawesome) format("svg")}

@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(/catalog/view/theme/default/fa/webfonts/fa-solid-900.eot);src:url(/catalog/view/theme/default/fa/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/catalog/view/theme/default/fa/webfonts/fa-solid-900.woff2) format("woff2"),url(/catalog/view/theme/default/fa/webfonts/fa-solid-900.woff) format("woff"),url(/catalog/view/theme/default/fa/webfonts/fa-solid-900.ttf) format("truetype"),url(/catalog/view/theme/default/fa/webfonts/fa-solid-900.svg#fontawesome) format("svg")}
.fa,.far,.fas{font-family:"Font Awesome 5 Free"}
.fa,.fas{font-weight:900}




























































.fa.fa-heart-o{font-family:"Font Awesome 5 Free";font-weight:400}
.fa.fa-heart-o:before{content:"\f004"}













.fa.fa-facebook,.fa.fa-twitter{font-family:"Font Awesome 5 Brands";font-weight:400}
.fa.fa-facebook:before{content:"\f39e"}













































.fa.fa-exchange:before{content:"\f362"}


















































































.fa.fa-adn,.fa.fa-bitbucket,.fa.fa-bitbucket-square,.fa.fa-dropbox,.fa.fa-flickr,.fa.fa-instagram,.fa.fa-stack-overflow{font-family:"Font Awesome 5 Brands";font-weight:400}




























































































































.fa.fa-pinterest-p,.fa.fa-whatsapp{font-family:"Font Awesome 5 Brands";font-weight:400}












































































.fa.fa-handshake-o{font-family:"Font Awesome 5 Free";font-weight:400}
.fa.fa-handshake-o:before{content:"\f2b5"}












.fa.fa-user-o{font-family:"Font Awesome 5 Free";font-weight:400}
.fa.fa-user-o:before{content:"\f007"}
















































@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}




















body{color:#666;width:100%}
a:hover{text-decoration:none}

label{font-weight:400}
span.hidden-lg,span.hidden-md,span.hidden-sm,span.hidden-xs{display:inline}


.dropdown-menu li>a:hover{text-decoration:none;color:#fff;background-color:#229ac8;background-image:linear-gradient(to bottom,#23a1d1,#1f90bb);background-repeat:repeat-x}












#search{margin-bottom:10px}
#search .input-lg{height:40px;line-height:20px;padding:0 10px}
#search .btn-lg{font-size:15px;line-height:18px;padding:10px 35px;text-shadow:0 1px 0 #fff}
#cart{margin-bottom:10px}
#cart .dropdown-menu{background:#eee;z-index:1001}
#cart .dropdown-menu{min-width:100%}
@media (max-width:478px){#cart .dropdown-menu{width:100%}}

#cart .dropdown-menu li>div{min-width:427px;padding:0 10px}
@media (max-width:478px){#cart .dropdown-menu li>div{min-width:100%}}
#cart .dropdown-menu li p{margin:20px 0}














@media (max-width:767px){





}
#content{min-height:600px}
footer{margin-top:30px;padding-top:30px;background-color:#303030;border-top:1px solid #ddd;color:#e2e2e2}

footer a{color:#ccc}
footer a:hover{color:#fff}


.breadcrumb{margin:0 0 20px 0;padding:8px 0;border:1px solid #ddd}

.breadcrumb>li{text-shadow:0 1px 0 #fff;padding:0 20px;position:relative;white-space:nowrap}
.breadcrumb>li+li:before{content:'';padding:0}
.breadcrumb>li:after{content:'';display:block;position:absolute;top:-3px;right:-5px;width:26px;height:26px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

.buttons{margin:1em 0}
.btn{padding:7.5px 12px;font-size:12px;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}

.btn-sm{font-size:10.2px}
.btn-lg{padding:10px 16px;font-size:15px}
.btn-group>.btn,.btn-group>.dropdown-menu,.btn-group>.popover{font-size:12px}



.btn-default{color:#777;text-shadow:0 1px 0 rgba(255,255,255,.5);background-color:#e7e7e7;background-image:linear-gradient(to bottom,#eee,#ddd);background-repeat:repeat-x;border-color:#ddd #ddd #b3b3b3 #b7b7b7}
.btn-primary{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#229ac8;background-image:linear-gradient(to bottom,#23a1d1,#1f90bb);background-repeat:repeat-x;border-color:#1f90bb #1f90bb #145e7a}
.btn-primary.active,.btn-primary.disabled,.btn-primary:active,.btn-primary:hover,.btn-primary[disabled]{background-color:#1f90bb;background-position:0 -15px}




.btn-success{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#5bb75b;background-image:linear-gradient(to bottom,#62c462,#51a351);background-repeat:repeat-x;border-color:#51a351 #51a351 #387038}
.btn-success.active,.btn-success.disabled,.btn-success:active,.btn-success:hover,.btn-success[disabled]{box-shadow:inset 0 1000px 0 rgba(0,0,0,.1)}


.btn-link{border-color:transparent;cursor:pointer;color:#23a1d1;border-radius:0}
.btn-link,.btn-link:active,.btn-link[disabled]{background-color:rgba(0,0,0,0);background-image:none;box-shadow:none}


















@media (max-width:767px){
}
























@media (min-width:768px){


}





@font-face {
    src: url(/catalog/view/theme/default/fonts/CabinSketch-Bold.woff2) format('woff2'), url(/catalog/view/theme/default/fonts/CabinSketch-Bold.ttf) format('truetype');
    font-family: 'Cabin Sketch';
    font-weight: 700;
    font-display: swap
}


@font-face {
    src: url(/catalog/view/theme/default/fonts/CabinSketch-Regular.woff2) format('woff2'), url(/catalog/view/theme/default/fonts/CabinSketch-Regular.ttf) format('truetype');
    font-family: 'Cabin Sketch';
    font-weight: 400;
    font-display: swap
}


@font-face {
    src: url(/catalog/view/theme/default/fonts/OpenSans-Bold.woff2) format('woff2'), url(/catalog/view/theme/default/fonts/OpenSans-Bold.ttf) format('truetype');
    font-family: 'Open Sans';
    font-weight: 700;
    font-display: swap
}


@font-face {
    src: url(/catalog/view/theme/default/fonts/OpenSans-Regular.woff2) format('woff2'), url(/catalog/view/theme/default/fonts/OpenSans-Regular.ttf) format('truetype');
    font-family: 'Open Sans';
    font-weight: 400;
    font-display: swap
}


@font-face {
    src: url(/catalog/view/theme/default/fonts/OpenSans-Light.woff2) format('woff2'), url(/catalog/view/theme/default/fonts/OpenSans-Light.ttf) format('truetype');
    font-family: 'Open Sans';
    font-weight: 300;
    font-display: swap
}


@font-face {
    src: url(/catalog/view/theme/default/fonts/TitilliumWeb-Bold.woff2) format('woff2'), url(/catalog/view/theme/default/fonts/TitilliumWeb-Bold.ttf) format('truetype');
    font-family: 'Titillium Web';
    font-weight: 700;
    font-display: swap
}


@font-face {
    src: url(/catalog/view/theme/default/fonts/TitilliumWeb-Regular.woff2) format('woff2'), url(/catalog/view/theme/default/fonts/TitilliumWeb-Regular.ttf) format('truetype');
    font-family: 'Titillium Web';
    font-weight: 400;
    font-display: swap
}


@font-face {
    src: url(/catalog/view/theme/default/fonts/TitilliumWeb-Light.woff2) format('woff2'), url(/catalog/view/theme/default/fonts/TitilliumWeb-Light.ttf) format('truetype');
    font-family: 'Titillium Web';
    font-weight: 300;
    font-display: swap
}


@font-face {
    src: url(/catalog/view/theme/default/fonts/TitilliumWeb-SemiBold.woff2) format('woff2'), url(/catalog/view/theme/default/fonts/TitilliumWeb-SemiBold.ttf) format('truetype');
    font-family: 'Titillium Web';
    font-weight: 600;
    font-display: swap
}


@font-face {
    src: url(/catalog/view/theme/default/fonts/TitilliumWeb-ExtraLight.woff2) format('woff2'), url(/catalog/view/theme/default/fonts/TitilliumWeb-ExtraLight.ttf) format('truetype');
    font-family: 'Titillium Web';
    font-weight: 200;
    font-display: swap
}


@font-face {
    font-family: Kiddos-Theme;
    src: url(/catalog/view/theme/default/fonts/Kiddos-Theme.woff2?qx3ua8) format('woff2'), url(/catalog/view/theme/default/fonts/Kiddos-Theme.woff?qx3ua8) format('woff'), url(/catalog/view/theme/default/fonts/Kiddos-Theme.ttf?qx3ua8) format('truetype'), url(/catalog/view/theme/default/fonts/Kiddos-Theme.svg?qx3ua8#Kiddos-Theme) format('svg');
    font-weight: 400;
    font-style: normal
}





















.btn, .form-control, a {
    transition: .2s all
}


.btn.btn-default {
    box-shadow: none;
    text-shadow: none !important;
    outline: 0 !important
}


@media (min-width:1260px) {
    .container {
        width: 1230px
    }}


@media( min-width: 1440px ) {
    .container {
        width: 1410px;        
    }}

@media( min-width: 1600px ) {
    .container {
        width: 1570px;        
    }}

@media( min-width: 1920px ) {
    .container {
        width: 1890px;        
    }}


.btn.btn-primary {
    color: #fff;
    font-family: 'Titillium Web', Tahoma, Arial, sans-serif;
    background: #ff8000;
    font-size: 22px;
    text-transform: uppercase;
    border: none;
    padding: 3px 20px
}


.btn.btn-primary:hover {
    background: #000
}


.btn.btn-default {
    color: #565656;
    font-family: 'Titillium Web', Tahoma, Arial, sans-serif;
    background: #d6d6d6;
    font-size: 22px;
    text-transform: uppercase;
    border: none;
    padding: 3px 20px
}


.btn.btn-default:hover {
    color: #fff;
    background: #000
}


.form-control {
    box-shadow: none;
    outline: 0 !important;
    background: #eee;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-radius: 2px
}


.form-control:focus {
    box-shadow: none;
    border-top-color: #999;
    border-left-color: #999;
    border-bottom-color: #eee;
    border-right-color: #eee
}


a, a:visited {
    color: #93b742
}


a:focus, a:hover {
    color: #ff8000
}


@media (min-width:1200px) {
    .row-valign-lg>div {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        float: none
    }}


@media (min-width:992px) and (max-width:1199px) {
    .row-valign-md>div {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        float: none
    }}


@media (min-width:768px) and (max-width:991px) {
    .row-valign-sm>div {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        float: none
    }}


body {
    font-family: 'Open Sans', Tahoma, Arial, sans-serif;
    background: #fff3d6;
    color: #111
}


header {
    position: relative;
    display: block;
    padding: 30px 0;
    z-index: 6
}


header .header-links {
    position: relative;
    display: block;
    margin-bottom: 10px
}


header .header-links a {
    position: relative;
    display: inline-block
}


header .header-links a+a {
    margin-left: 7px
}


header .header-facebook {
    position: relative;
    display: inline-block;
    background: #3b5998;
    border-radius: 100%;
    font-size: 18px;
    color: #fff;
    padding: 4px;
    text-align: center;
    width: 33px
}


header .header-instagram {
    position: relative;
    display: inline-block;
    background: #F6478F;
    border-radius: 100%;
    font-size: 18px;
    color: #fff;
    padding: 4px;
    text-align: center;
    width: 33px;
    margin-left: 3px;
}


header .header-phone {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    font-family: 'Cabin Sketch', Arial, sans-serif;
    font-size: 26px
}


header .header-phone i {
    color: #6ec1b6;
    font-size: 22px
}


header .header-logo {
    position: relative;
    display: block
}


header .header-logo img {
    margin: 0 auto
}


header .header-menu {
    position: relative;
    display: block;
    padding-top: 30px
}


header .navbar.navbar-default {
    margin-bottom: 0;
    background: #93b742;
    border: none;
    border-radius: 5px;
    height: auto
}


header .header-menu .header-fixed-logo {
    display: none
}


header .navbar.navbar-default:before {
    content: '';
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    display: block;
    background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 50%), -webkit-linear-gradient(bottom, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 50%), -webkit-linear-gradient(right, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 50%), -webkit-linear-gradient(bottom, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 50%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 50%), linear-gradient(to bottom, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 50%), linear-gradient(to right, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 50%), linear-gradient(to bottom, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 50%);
    background-size: 16px 1px, 1px 16px, 16px 1px, 1px 16px;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-position: 0 0, 100% 0, 0 100%, 0 0;
    border-radius: 5px;
    z-index: 1
}


header .navbar.navbar-default .navbar-nav>li>a {
    font-family: 'Titillium Web', Tahoma, Arial, sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 30px;
    color: #fff;
    padding: 15px 20px
}



header .navbar.navbar-default .navbar-nav>li>a>.fa-caret-down {
    font-size: 13px;
    vertical-align: 2px;
    color: #fff;
    opacity: .3;
    transition: .2s all
}


header .navbar.navbar-default .navbar-nav>li>a:hover>.fa-caret-down {
    opacity: .7
}


header .navbar.navbar-default>* {
    position: relative;
    z-index: 2
}


header .navbar.navbar-default .navbar-nav>li>a:hover {
    color: #ddd
}







@media (min-width:768px) {
    header .navbar.navbar-default .navbar-nav>li.dropdown:hover>ul.dropdown-menu {
        display: block
    }}


header .navbar.navbar-default .navbar-nav>li.dropdown.column-information>ul.dropdown-menu {
    border: none;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .45);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .45);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .45);
    padding-top: 10px;
    padding-bottom: 15px
}


header .navbar.navbar-default .navbar-nav>li.dropdown.column-information>ul.dropdown-menu:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 39px;
    width: 13px;
    height: 14px;
    background: #fff;
    border: 1px solid #666;
    transform: rotate(45deg);
    border-bottom: none;
    border-right: none
}


header .navbar.navbar-default .navbar-nav>li.dropdown.column-information>ul.dropdown-menu>li>a {
    margin-top: 4px
}


header .navbar.navbar-default .navbar-nav>li.dropdown.column-information>ul.dropdown-menu>li>a i {
    font-size: 13px;
    vertical-align: 0;
    color: #ff8000;
    margin-right: 5px
}


header .navbar.navbar-default .navbar-nav>li.dropdown.column-information>ul.dropdown-menu>li>a:hover {
    background: 0 0;
    color: #93b742
}


header .header-search {
    position: relative;
    display: block;
    float: right;
    max-width: 240px
}


header .header-search .input-group .btn.btn-default, header .header-search .input-group .form-control {
    background: #f7d997;
    border: 1px solid #f7d997;
    height: 50px !important
}


header .header-search .input-group:hover .btn.btn-default, header .header-search .input-group:hover .form-control {
    border-color: #f7d17e
}


header .header-search .input-group .form-control {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 15px !important;
    border-right: none
}


header .header-search .input-group .btn.btn-default {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    color: #93b742;
    font-size: 15px !important;
    padding: 10px 10px !important;
    border-left: none
}


header .header-search .input-group .btn.btn-default:hover {
    color: #ff8000
}


header .header-menu>.container {
    position: relative
}


header .hover-manufacturers {
    position: absolute;
    top: 100%;
    left: 15px;
    right: 15px;
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .45);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .45);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .45);
    z-index: 4;
    columns: 7;
    column-gap: 30px
}


header .hover-manufacturers:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 432px;
    width: 13px;
    height: 14px;
    background: #fff;
    border: 1px solid #666;
    transform: rotate(45deg);
    border-bottom: none;
    border-right: none
}


header .hover-manufacturers .hm-box {
    position: relative;
    display: block;
    break-inside: avoid-column
}


header .hover-manufacturers .hm-box .letter {
    position: relative;
    display: block;
    font-size: 22px;
    font-family: 'Titillium Web', Tahoma, Arial, sans-serif;
    color: #ff8000;
    text-transform: uppercase;
    margin-bottom: 10px
}


header .hover-manufacturers .hm-box a {
    position: relative;
    display: block;
    color: #222
}


header .hover-manufacturers .hm-box a i {
    font-size: 13px;
    vertical-align: 0;
    color: #ff8000;
    margin-right: 5px
}


header .hover-manufacturers .hm-box a:hover {
    color: #93b742
}


.home-slideshow {
    position: relative;
    display: block;
    border-radius: 8px;
    margin-bottom: 30px
}


@media (min-width:992px) {
    .home-slideshow {
        /* min-height: 500px */
    }}


@media (min-width: 768px) {

    .home-slideshow {
        /* min-height: 400px; */
    }}

@media (min-width: 500px) and (max-width: 767px) {


    .home-slideshow {
        /* min-height: 260px; */
    }}


@media (min-width: 320px) and (max-width: 499px) {


    .home-slideshow {
        /* min-height: 167px; */
    }}


@media (max-width: 319px) {


    .home-slideshow {
        /* min-height: 167px; */
    }}

@media(max-width: 767px) {
    .product-box .image img {
        width: 106px !important;
        height: 106px !important;
    }}


.home-slideshow.hover-menu {
    min-height: 0
}


.home-slideshow .home-menu {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 240px;
    background: #fff;
    padding: 20px 15px;
    border-right: 1px solid #ddd;
    text-align: center;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}



.home-slideshow .home-menu a {
    position: relative;
    display: block;
    font-size: 16px;
    color: #333;
    font-family: 'Titillium Web', Tahoma, Arial, sans-serif;
    font-weight: 600
}





.home-slideshow .home-menu a+a {
    margin-top: 25px
}









.home-slideshow .home-menu a .fa-caret-right {
    float: right;
    margin-top: 6px;
    color: #c2c2c2;
    margin-left: 11px;
    font-size: 12px
}


.home-slideshow .home-menu a:hover, .home-slideshow .home-menu a:hover * {
    color: #93b742 !important
}








footer {
    position: relative;
    display: block;
    border: none;
    background: 0 0;
    color: #222;
    margin-top: 40px
}


footer .footer-title {
    position: relative;
    display: block;
    font-family: 'Titillium Web', Tahoma, Arial, sans-serif;
    font-size: 28px;
    color: #93b742;
    margin-bottom: 15px
}


footer .footer-main {
    position: relative;
    display: block;
    background: url(https://media.giraffe-shoes.ro/catalog/view/theme/default/image/new/footer_flowers_1.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    padding-bottom: 144px
}


footer .footer-main a {
    color: #222
}


footer .footer-main a i {
    font-size: 13px;
    vertical-align: 0;
    color: #ff8000;
    width: 11px
}


footer .footer-main a:hover {
    color: #93b742
}


footer .footer-main .footer-contact a i {
    width: 25px;
    font-size: 17px
}


footer .footer-main .footer-contact a {
    position: relative;
    display: block
}


footer .footer-main .footer-contact li+li a {
    margin-top: 10px
}



footer .footer-copy {
    position: relative;
    display: block;
    background: #b9d551;
    color: #fff;
    padding: 25px 0
}


footer .footer-copy .copy-text {
    position: relative;
    display: inline-block;
    color: #899c36;
    font-size: 12px;
    margin-top: 36px
}


footer .footer-copy .copy-text a {
    color: #fff
}


footer .footer-copy .copy-text a:hover {
    color: #000
}


footer .footer-copy .footer-euplatesc {
    float: right
}


footer .footer-copy .footer-comodo {
    float: right;
    margin-left: 10px
}


.main-content {
    position: relative;
    display: block;
    background: #fff;
    padding: 30px;
    border-radius: 8px
}







.product-box {
    position: relative;
    display: block;
    margin-bottom: 30px;
    /* min-height: 422px; */
}


.product-box .image {
    position: relative;
    display: block;
    overflow: hidden;
}

.product-box .image img {
    position: relative;
    margin: 0 auto;
}


.product-box .has-alt.image img.orig {
    transform: translateX(0%);
    transition: 0.5s transform;
}

.product-box .has-alt.image img.alt {
    position: absolute;
    top: 0;
    left: 100%;
    margin: 0 auto;
    transform: translateX(0%);
    transition: 0.5s transform;
}

@media (hover: hover) {
    .product-box:hover .has-alt.image img.orig {
        transform: translateX(-100%);
    }

    .product-box:hover .has-alt.image img.alt {
        transform: translateX(-100%);
    }}


.product-box .image .product-new {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    font-weight: 600;
    background: #93B742;
    color: #fff;
    padding: 0 7px
}





.product-box .title {
    position: relative;
    display: block;
    text-align: center;
    font-family: 'Titillium Web', Tahoma, Arial, sans-serif;
    font-size: 22px;
    color: #333;
    max-height: 93px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis */
}


.product-box .title:hover {
    color: #ff8000
}


.product-box .price {
    position: relative;
    display: block;
    text-align: center;
    font-family: 'Titillium Web', Tahoma, Arial, sans-serif;
    font-size: 26px;
    color: #93b742
}


.product-box .price sup {
    font-size: 15px;
    margin-right: -6px
}























.sub-category>ul li:not(.t) a {
    position: relative;
    display: block;
    color: #222;
    font-size: 14px
}


.sub-category>ul li:not(.t) a:hover {
    color: #93b742
}


.sub-category>ul li:not(.t) a i {
    margin-right: 4px;
    color: #ff8000;
    font-size: 11px;
    vertical-align: 1px
}


.sub-category.small {
    position: absolute;
    top: 0;
    left: 240px;
    bottom: 0;
    background: #fff;
    border-radius: 8px;
    width: 20%;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1);
    z-index: 5;
    padding: 15px
}


.sub-category.small ul li a {
    position: relative;
    display: block;
    font-size: 16px
}


.sub-category.small ul li+li a {
    margin-top: 7px
}


.home-slideshow.hover-menu {
    position: absolute;
    top: 100%;
    left: 15px;
    right: 15px;
    background: #fff;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .25);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .25);
    overflow: visible;
    border-radius: 8px;
    z-index: 5;
    padding-left: 0
}


.home-slideshow.hover-menu .home-menu {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    border-right: none;
    background: #e6e6e6;
    width: 320px
}


.home-slideshow.hover-menu .home-menu a {
    color: #666;
    font-size: 22px;
    font-weight: 400;
    padding: 7px 10px;
    text-transform: uppercase;
    white-space: nowrap;
}



.home-slideshow.hover-menu .home-menu a:hover, .home-slideshow.hover-menu .home-menu a:hover * {
    color: #ff800d !important
}


.home-slideshow.hover-menu .home-menu a .fa-caret-right {
    margin-top: 9px
}


.home-slideshow.hover-menu .home-menu a+a {
    margin-top: 0
}


.home-slideshow.hover-menu .sub-category.big, .home-slideshow.hover-menu .sub-category.small {
    position: relative;
    height: 100%;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    flex: 1
}


.home-slideshow.hover-menu .inner-flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}


.home-slideshow.hover-menu .inner-flex>:nth-child(1) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}


.home-slideshow.hover-menu .inner-flex>:nth-child(n+2) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}


.home-slideshow.hover-menu .home-menu a .fa-caret-right {
    color: #666
}


.home-slideshow.hover-menu .home-menu a:hover {
    color: #666;
    background: #fff
}


.home-slideshow.hover-menu .home-menu a:hover .fa-caret-right {
    color: #666
}


.home-slideshow.hover-menu .home-menu {
    padding: 0;
    text-align: left
}



.page-header {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0;
    text-align: center;
    margin-bottom: 20px
}


.page-header .breadcrumb {
    background: 0 0;
    border: none;
    padding: 0;
    margin-bottom: 0
}


.page-header .breadcrumb>li {
    padding-left: 0;
    padding-right: 0
}


.page-header .breadcrumb>li:after {
    content: "/";
    display: inline-block;
    position: relative;
    top: auto;
    right: auto;
    width: auto;
    height: auto;
    border: none;
    transform: none;
    color: #ccc;
    margin-left: 6px;
    margin-right: 2px
}


.page-header .breadcrumb>li:nth-last-child(1):after {
    display: none
}


.page-header .breadcrumb a {
    color: #ff8000;
    text-shadow: none
}


.page-header .breadcrumb a:hover {
    color: #222
}


.page-header h1 {
    padding: 0;
    margin-top: 0;
    color: #93b742;
    font-size: 22px;
    font-family: 'Titillium Web', Tahoma, Arial, sans-serif
}




@media (min-width: 768px) {


    .product-box .image img {
        width: auto !important;
        height: auto !important;
    }}





h2 {
    font-family: 'Titillium Web', Tahoma, Arial, sans-serif;
    color: #ff8000
}


.product-list-page h2 {
    margin-top: 0;
    margin-bottom: 15px;
    padding: 0
}




.product-box.product-box-list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}


.product-box.product-box-list .image {
    webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding-right: 20px
}


.product-box.product-box-list .caption {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}


.product-box.product-box-list .title {
    text-align: left
}


.product-box.product-box-list .price {
    float: right
}


.product-box.product-box-list .price * {
    display: inline-block
}


.product-box.product-box-list .description {
    position: relative;
    display: block;
    margin-bottom: 15px
}


.product-box.product-box-list .tax {
    position: relative;
    display: block;
    color: #999;
    font-size: 13px
}


.product-box.product-box-list .btns {
    position: relative;
    display: block;
    margin-top: 15px
}


.product-box.product-box-list .btns .btns-list {
    float: right;
    position: relative;
    text-align: right
}


.product-box.product-box-list .btns .btns-list .btn.btn-link {
    color: #000;
    padding: 0 0;
    font-size: 13px;
    text-align: right
}


.product-layout.product-grid .product-box .price {
    /* height: 74px */
}









@media (min-width:768px) {
}







.listing-sort {
    position: relative;
    display: block;
    padding: 15px 15px;
    background: #f3f3f3;
    border-radius: 4px;
    margin-bottom: 20px
}


.listing-sort:before {
    content: '';
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    display: block;
    background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 50%), -webkit-linear-gradient(bottom, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 50%), -webkit-linear-gradient(right, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 50%), -webkit-linear-gradient(bottom, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 50%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 50%), linear-gradient(to bottom, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 50%), linear-gradient(to right, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 50%), linear-gradient(to bottom, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 50%);
    background-size: 16px 1px, 1px 16px, 16px 1px, 1px 16px;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-position: 0 0, 100% 0, 0 100%, 0 0;
    border-radius: 5px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, .15) 50%, rgba(255, 255, 255, 0) 50%), linear-gradient(to bottom, rgba(0, 0, 0, .15) 50%, rgba(255, 255, 255, 0) 50%), linear-gradient(to right, rgba(0, 0, 0, .15) 50%, rgba(255, 255, 255, 0) 50%), linear-gradient(to bottom, rgba(0, 0, 0, .15) 50%, rgba(255, 255, 255, 0) 50%)
}


@media (min-width:992px) {
    .listing-sort .form-group {
        margin-bottom: 0
    }}


.listing-sort .form-group {
    z-index: 1
}


.listing-sort .btn.btn-default {
    background: 0 0;
    border: none;
    font-size: 16px;
    padding: 0 6px;
    margin-top: 2px
}


.listing-sort .btn.btn-default.active {
    color: #ff8000
}


.listing-sort .btn.btn-link {
    font-size: 13px;
    color: #000;
    padding: 2px 6px;
    margin-top: 2px
}


.listing-sort .input-group .input-group-addon {
    background: 0 0;
    border: none;
    padding: 0;
    padding-right: 3px
}



header .header-menu.fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 12;
    padding-top: 0;
    background: #ffe1ad;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15)
}


header .header-menu.fixed-top .navbar.navbar-default {
    border-radius: 0;
    background: 0 0
}


header .header-menu.fixed-top .navbar.navbar-default:before {
    display: none !important
}















header .header-search .input-group .btn.btn-default, header .header-search .input-group .form-control {
    background: #fad087
}







@media (min-width: 768px) {


}












































.section-title {
    position: relative;
    display: block;
    font-family: 'Titillium Web', Tahoma, Arial, sans-serif;
    color: #ff8000;
    font-size: 28px;
    margin-bottom: 15px
}


































#atc-modal {
    color: #000
}


#atc-modal .modal-content {
    border-radius: 0
}


#atc-modal .modal-header .modal-title {
    font-weight: 400;
    font-size: 20px;
    position: relative
}


#atc-modal .modal-header {
    border: none;
    background: #111;
    color: #fff !important
}


#atc-modal .modal-header .modal-title {
    color: #fff
}


#atc-modal #atc_product_image {
    max-height: 150px
}


#atc-modal #atc_product_name {
    font-weight: 600;
    color: #fff
}


#atc-modal #atc_product_name:hover {
    color: #444
}







#atc-modal .modal-footer {
    border: none;
    text-align: center
}



#atc-modal .atc_total_produse {
    font-size: 14px;
    position: relative;
    font-weight: 700
}


#atc-modal .atc_total_produse b {
    font-weight: 400
}


#atc-modal .atc_cat_produse {
    font-size: 14px;
    position: relative;
    font-weight: 400
}


#atc-modal .atc_cat_produse b {
    font-weight: 400
}


#atc-modal span.or {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px
}


#atc-modal .modal-footer {
    padding-top: 25px;
    padding-bottom: 25px
}


#atc-modal .te-ar-putea-interesa-si {
    position: relative;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase
}









@media (max-width:767px) {
    #atc-modal .modal-header .modal-title {
        font-size: 15px
    }


    #atc-modal #atc_product_image {
        float: none !important;
        display: block;
        margin: 0 auto;
        margin-bottom: 16px
    }


    #atc-modal .modal-footer {
        text-align: center
    }


    #atc-modal .modal-footer .btn {
        margin-top: 5px;
        display: block;
        width: 100%
    }
}


#atc-modal .modal-content {
    border: none;
    border-radius: 8px
}


#atc-modal .modal-header {
    background: #93b742;
    color: #fff;
    border-radius: 8px
}


#atc-modal .modal-header .modal-title {
    font-family: 'Titillium Web', Tahoma, Arial, sans-serif;
    font-size: 20px
}


#atc-modal .te-ar-putea-interesa-si {
    font-family: 'Titillium Web', Tahoma, Arial, sans-serif;
    font-size: 26px;
    color: #ff8000;
    font-weight: 400
}





#atc-modal .modal-footer .btn.btn-primary.btn-back {
    background: #ddd;
    border-color: #ddd;
    border-bottom: 2px solid #bbb;
    color: #666
}


#atc-modal .modal-footer .btn.btn-primary.btn-back:hover {
    background: #000;
    border-bottom-color: : #000;
    color: #fff
}


#cart {
    margin-bottom: 0
}



#cart .dropdown-menu {
    background: #fff;
    border-radius: 8px;
    padding: 15px;
    border: none;
    z-index: 15
}


#cart .dropdown-menu:before {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 94px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}


@media (min-width:768px) {
    #cart:hover .dropdown-menu {
        display: block
    }}


#cart .section-title {
    font-size: 24px;
    margin-bottom: 0
}













#atc-wishlist {
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 15
}





























header .header-menu.fixed-top .header-fixed-logo {
    display: block
}


header .header-menu.fixed-top .header-fixed-logo img {
    margin-top: -15px;
    height: 72px
}



header .header-menu.fixed-top #cart .dropdown-menu:before {
    right: 16px
}









































@media (max-width:1199px) {



    header .navbar.navbar-default .navbar-nav>li>a {
        padding: 15px 17px
    }




    @media (min-width:992px) {
        header .navbar.navbar-default>.navbar-header {
            display: none
        }}}


@media (max-width:991px) {
    li#cart>a>.txt {
        display: none
    }


    #cart .dropdown-menu:before {
        right: 16px
    }




    header .hover-manufacturers {
        columns: 4
    }




    /* @media (min-width:768px) {
        header .navbar.navbar-default>.navbar-header {
            display: none
        }
    } */
}


@media (max-width:767px) {
    header .header-top {
        display: none
    }


    .home-slideshow .home-menu {
        display: none
    }


    .home-slideshow {
        padding-left: 0
    }


    header {
        padding-bottom: 55px
    }


    header .navbar.navbar-default>.navbar-collapse {
        border: none
    }


    header .header-menu.fixed-top .header-fixed-logo img {
        height: 60px
    }




    li#cart {
        display: inline-block
    }


    header .header-search {
        max-width: 200px
    }



    header .header-menu .navbar-default .navbar-text {
        float: right
    }


    header .navbar.navbar-default .navbar-nav>li.dropdown.column-information>ul.dropdown-menu:before {
        display: none
    }





    header .navbar.navbar-default .navbar-nav>li.dropdown.column-information>ul.dropdown-menu {
        width: auto;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding-top: 0;
        padding-bottom: 0
    }


    header .navbar.navbar-default .navbar-nav>li.dropdown.column-information>ul.dropdown-menu>li>a i {
        display: none
    }








    header #cart>a, header .navbar-toggle {
        background: #ff800d !important;
        border-color: #ff800d !important;
        border-bottom: 2px solid #7d3d03 !important;
        transition: .2s all
    }


    header #cart>a {
        float: right;
        border: 1px solid transparent;
        border-radius: 4px;
        position: relative
    }



    header .navbar-default .navbar-toggle .icon-bar {
        background: #fff !important
    }




    #cart .dropdown-menu {
        width: auto;
        right: auto !important;
        left: -5px;
        -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .75);
        -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .75);
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .75)
    }


    header .header-menu.fixed-top #cart .dropdown-menu:before {
        right: auto;
        left: 23px
    }




    .main-content {
        padding: 15px
    }



    .product-box .price {
        font-size: 24px
    }


    .product-box .title {
        font-size: 16px
    }





    footer {
        margin-top: 0
    }


    .product-layout.product-grid .product-box .price {
        /* height: 50px */
    }








    .facebook-messenger-fixed img {
        height: 40px
    }


    .h2, h2 {
        font-size: 20px
    }


    .product-box.product-box-list .price {
        float: none;
        text-align: left
    }


    .listing-sort>.row>.col-xs-12+.col-xs-12 {
        margin-top: 15px
    }


    .product-layout.product-list .product-box.product-box-list {
        display: block !important
    }













    .section-title {
        font-size: 22px
    }


    #atc-modal .modal-footer .btn.btn-primary {
        font-size: 16px
    }

}


@media (max-width:767px) {
    .header-fixed-menu {
        position: fixed;
        z-index: 100000;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .5);
        padding-right: 58px;
        overflow: hidden
    }









    #cart>a {
        color: #fff;
        margin: 0;
        color: #fff;
        margin: 0;
        font-size: 20px;
        padding: 2px 12px;
        margin-top: 8px;
        height: 35px !important;
        /* padding: 6px 12px;
        margin-top: 8px;
        padding-bottom: 6px; */
    }


    #cart {
        float: right
    }


    #cart .dropdown-menu {
        position: fixed;
        z-index: 991;
        left: 0;
        right: 0 !important;
        top: 50px
    }


    header .header-menu.fixed-top #cart .dropdown-menu:before {
        left: auto;
        right: 26px
    }


    header .header-search {
        max-width: 100%;
        float: none
    }


    header .header-search .input-group .btn.btn-default, header .header-search .input-group .form-control {
        background: #eee;
        border-radius: 0;
        border-bottom-color: #eee;
        border-right-color: #eee;
        border-top-color: #ccc;
        border-left-color: #ccc
    }




























    .product-box .price sup {
        font-size: 12px;
        margin-right: -5px;
        top: -9px
    }}


@media (min-width:1200px) {
    /* .row.row-col-5 {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: flex-start;
        align-content: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }
    .row.row-col-5>div.product-grid {
        -webkit-flex: 0 1 19.5%;
        -ms-flex: 0 1 19.5%;
        flex: 0 1 19.5%;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    } */
}

@media (max-width :767px) {
    .row.row-col-5 {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: flex-start;
        align-content: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }

    .row.row-col-5>div.product-grid {
        /* width: 50%; */

        -webkit-flex: 0 1 49.5%;
        -ms-flex: 0 1 49.5%;
        flex: 0 1 49.5%;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }}




.atc_lv {
    position: relative;
    display: inline-block;
    vertical-align: middle
}


#atc_product_image {
    display: inline-block;
    vertical-align: middle;
    max-height: 68px !important;
    margin-right: 15px;
    border-radius: 8px;
    background: #fff
}


.whatsapp-messenger-fixed {
    position: fixed;
    z-index: 100;
    right: 15px;
    bottom: 33px
}


.facebook-messenger-fixed {
    opacity: 0;
    transform: scale(0);
    transition: 0.2s all;
    position: fixed;
    z-index: 99;
    right: 15px;
    bottom: 78px;
    padding-bottom: 21px;
}

@media (min-width: 768px) {
    .fw-container-fixed:hover .facebook-messenger-fixed {
        opacity: 1;
        transform: scale(1);
    }}


@media (max-width: 767px) {
    .fw-container-fixed .facebook-messenger-fixed img {
        height: 51px;
    }

    .fw-container-fixed .whatsapp-messenger-fixed img {
        height: 51px;
    }

    .fw-container-fixed .whatsapp-messenger-fixed {
        bottom: 33px;
        opacity: 0;
        transform: scale(0);
    }

    .fw-container-fixed .facebook-messenger-fixed  {
        bottom: 33px;
        opacity: 0;
        transform: scale(0);
    }


    .fw-container-fixed.open .whatsapp-messenger-fixed {
        bottom: 91px;
        opacity: 1;
        transform: scale(1);
    }






}


.until-free-shipping {
    position: relative;
    display: block;
    background: #fff;
    padding: 6px 0;
    font-size: 12px;
    color: red;
    text-align: center
}






@media (max-width:767px) {

}


#input-sort {
    background: #fff
}


.until-free-shipping {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35)
}



@media (min-width:768px) {
}


select option:disabled {
    background: #ccc;
    color: #999;
    cursor: not-allowed
}




@media (max-width:767px) {
    footer .footer-copy .footer-comodo {
        float: none;
        margin-left: 0;
        display: block
    }


    footer .footer-copy .footer-comodo img {
        margin: 0 auto
    }



}







@media (min-width: 768px) {
}



@media (max-width: 767px) {


}












































@media (max-width: 767px) {

}



@media (min-width: 768px) {



}

@media (max-width: 767px) {

}


@media (min-width: 768px) {
    #mov-search-here {
        margin-left: 0 !important;
    }}
















@media (max-width: 767px) {
    .breadcrumb>li {
        white-space: normal;
    }}









@media (max-width: 767px) {



    .row.row-col-5 {
        margin-left: -12px;
        margin-right: -12px;
    }

    .row.row-col-5>div.product-grid {
        padding-left: 3px;
        padding-right: 3px;
    }


    .product-box .image img {
        max-width: 210px !important;
        width: 100% !important;
        height: auto !important;
    }

    .product-box .title {
        height: auto;
    }


    .product-box {
        /* min-height: 319px; */
    }}



















@media (min-width: 768px) {
    .row > .product-layout.product-grid {
        padding-left: 5px;
        padding-right: 5px;
    }

    .row > .product-layout.product-grid > .product-box {
        margin-bottom: 10px;
    }}


@media ( max-width: 767px ) {

}



.product-available-options {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    opacity: 0;
    transition: 0.4s opacity;
    text-align: center;
}

.product-box:hover .product-available-options {
    opacity: 1;
}

.product-available-options span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0px 3px;
    border: 1px solid #dddddd;
    background: #ffffff;
    font-size: 13px;
    color: #000000;
    text-align: center;
    min-width: 30px;
}

.product-available-options span + span {
    margin-left: -1px;
}

@media ( max-width: 767px ) {
    .product-available-options {
        opacity: 1;
        bottom: -9px;
    }}


@media (max-widtH: 767px) {
    .product-available-options span {
        min-width: 25px;
        font-size: 11px;
    }}











/* .row > div {
    display: flex;
} */
.row.row-col-5 {
    display: flex;
    flex-wrap: wrap;
}


/* .row > .product-layout.product-grid {
    display: flex;
} */





.home-slideshow .home-menu {
    padding: 20px 0px;
}


.home-slideshow .home-menu a {
    padding: 5px 15px;
}

.home-slideshow .home-menu a+a {
    margin-top: 14px;
}


@media ( max-width: 767px ) {
}





@media(max-width :1199px) {
    header .navbar.navbar-default .navbar-nav>li>a {
        padding: 15px 15px;
    }}




@media ( max-width: 767px ) {
    .product-available-options {
        opacity: 1;
        bottom: 0;
        left: auto;
        right: auto;
        position: relative;
        display: block;
    }}


@media (min-width: 1600px) and (max-width: 1919px ) {
    header .navbar.navbar-default .navbar-nav>li>a {
        font-family: 'Titillium Web', Tahoma, Arial, sans-serif;
        font-size: 22px;
        text-transform: uppercase;
        line-height: 30px;
        color: #fff;
        padding: 15px 10px
    }


    #cart {
        padding-right: 15px;
    }}











.home-slideshow .owl-carousel:not(.owl-loaded)>*:not(:first-child){display:none}



#search { position: relative; }

.gs-search-results { position: absolute; top: 100%; left: 0; right: 0; z-index: 1050; background: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,.15); max-height: 60vh; overflow-y: auto; }

.gs-search-results[hidden] { display: none; }








@media (min-width: 768px) {
    .gs-search-results { left: auto; width: 440px; max-width: calc(100vw - 30px); }}


#mobile-product-thumbnail:not(.owl-loaded) > :not(:first-child) {
    display: none;
}



/* Full font faces above remain available for characters outside these subsets. */
@font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    font-display: swap;
    src: url(/catalog/view/theme/default/fonts/OpenSans-Regular-latin-v2.woff2) format('woff2');
    unicode-range: U+0000-036F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2122,U+2190-21FF,U+2500-27BF,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 700;
    font-display: swap;
    src: url(/catalog/view/theme/default/fonts/OpenSans-Bold-latin-v2.woff2) format('woff2');
    unicode-range: U+0000-036F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2122,U+2190-21FF,U+2500-27BF,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/catalog/view/theme/default/fa/webfonts/fa-brands-400-common-v1.woff2) format('woff2');
    unicode-range: U+F002,U+F004,U+F005,U+F007,U+F00A-F00D,U+F015,U+F017,U+F021,U+F023,U+F027-F028,U+F040,U+F053-F054,U+F060-F063,U+F067-F068,U+F06A,U+F077-F078,U+F07A,U+F082,U+F095,U+F09A,U+F0C9,U+F0D1,U+F0D7-F0D8,U+F0E0,U+F0F3,U+F104-F107,U+F16D,U+F232,U+F291,U+F2BD,U+F362,U+F39E,U+F3ED,U+F424;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/catalog/view/theme/default/fa/webfonts/fa-regular-400-common-v1.woff2) format('woff2');
    unicode-range: U+F002,U+F004,U+F005,U+F007,U+F00A-F00D,U+F015,U+F017,U+F021,U+F023,U+F027-F028,U+F040,U+F053-F054,U+F060-F063,U+F067-F068,U+F06A,U+F077-F078,U+F07A,U+F082,U+F095,U+F09A,U+F0C9,U+F0D1,U+F0D7-F0D8,U+F0E0,U+F0F3,U+F104-F107,U+F16D,U+F232,U+F291,U+F2BD,U+F362,U+F39E,U+F3ED,U+F424;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(/catalog/view/theme/default/fa/webfonts/fa-solid-900-common-v1.woff2) format('woff2');
    unicode-range: U+F002,U+F004,U+F005,U+F007,U+F00A-F00D,U+F015,U+F017,U+F021,U+F023,U+F027-F028,U+F040,U+F053-F054,U+F060-F063,U+F067-F068,U+F06A,U+F077-F078,U+F07A,U+F082,U+F095,U+F09A,U+F0C9,U+F0D1,U+F0D7-F0D8,U+F0E0,U+F0F3,U+F104-F107,U+F16D,U+F232,U+F291,U+F2BD,U+F362,U+F39E,U+F3ED,U+F424;
}

@media (min-width: 992px) {
    header .header-menu .navbar.navbar-default {
        display: flex;
        align-items: center;
    }

    header .header-menu .navbar.navbar-default::after,
    header .header-menu #header-menu::before,
    header .header-menu #header-menu::after {
        display: none;
    }

    header .header-menu #header-menu {
        display: flex !important;
        align-items: center;
        flex: 1;
        min-width: 0;
        padding: 0 10px;
    }

    header .header-menu #header-menu > .navbar-nav {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        float: none;
        margin: 0;
    }

    header .header-menu #header-menu > .navbar-nav:first-child {
        flex: 1;
        min-width: 0;
    }

    header .header-menu #header-menu > .navbar-cart {
        flex: none;
        margin-left: auto;
    }

    header .header-menu #header-menu > .navbar-nav > li {
        float: none;
        flex: none;
    }

    header .header-menu #header-menu > .navbar-nav > li > a {
        font-size: clamp(14px, 1.4vw, 22px);
        padding: 15px clamp(3px, .45vw, 10px);
        white-space: nowrap;
    }


    header .header-menu.fixed-top .header-fixed-logo {
        width: clamp(65px, 8vw, 125px);
        height: auto;
        padding: 4px 5px;
    }

    header .header-menu.fixed-top .header-fixed-logo img {
        width: 100%;
        height: auto;
        margin-top: 0;
    }


}

@media (min-width: 992px) and (max-width: 1199px) {
    header .header-menu #header-menu > .navbar-nav > li > a {
        font-size: clamp(14px, 1.3vw, 16px);
        padding-left: 3px;
        padding-right: 3px;
    }}

.page-header .breadcrumb a {
    display: inline-block;
    min-height: 28px;
    padding: 4px 2px;
}




.footer-newsletter h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.1;
    margin-top: 20px;
    margin-bottom: 10px;
}


.gs-filter { margin-bottom: 20px; }

.gs-filter__panel { border: 1px solid #e5e5e5; background: #fff; }

.gs-filter__toggle, .gs-filter__close, .gs-filter__footer { display: none; }

.gs-filter__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border-bottom: 1px solid #e5e5e5; }


.gs-filter__section { border-bottom: 1px solid #f0f0f0; }

.gs-filter__section:last-child { border-bottom: 0; }

.gs-filter__title { padding: 10px 12px; cursor: pointer; font-weight: 600; position: relative; user-select: none; }

.gs-filter__title:after { content: '+'; position: absolute; right: 12px; color: #999; }

.is-open > .gs-filter__title:after { content: '\2212'; }

.gs-filter__content { display: none; padding: 0 12px 10px; }

.is-open > .gs-filter__content { display: block; }

.gs-filter__list { list-style: none; margin: 0; padding: 0; max-height: 240px; overflow-y: auto; }

.gs-filter__list li { padding: 2px 0; }


.gs-filter__list label { font-weight: normal; cursor: pointer; margin: 0; display: flex; align-items: center; gap: 6px; }


.gs-filter__list--color img { border-radius: 50%; border: 1px solid #ddd; }

.gs-filter__price { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }

.gs-filter__price label { font-weight: normal; margin: 0; }

.gs-filter__price input { width: 72px; }




@media (max-width: 767px) {
  /* The theme hides the whole left column on phones (hidden-xs); the filter is its only content and is fixed-positioned. */
  #column-left.hidden-xs { display: block !important; width: 0; min-height: 0; padding: 0; margin: 0; float: none; }

  .gs-filter { margin-bottom: 0; }

  .gs-filter__toggle { display: flex; align-items: center; justify-content: center; gap: 6px; position: fixed; left: 0; top: var(--gs-toggle-top, 50%); transform: translateY(-50%); z-index: 1030; margin: 0; padding: 4px 5px 4px 3px; border: 0; border-radius: 0 6px 6px 0; box-shadow: 1px 1px 6px rgba(0, 0, 0, .3); font-size: 10px; font-weight: 700; line-height: 1; letter-spacing: 0; text-transform: uppercase; white-space: nowrap; touch-action: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }

  .gs-filter .gs-filter__toggle, .gs-filter__toggle.btn { font-size: 14px !important; padding: 13px 11px 13px 7px !important; min-width: 0 !important; width: auto !important; height: auto !important; }

  body:has(#header-fixed-menu.open) .gs-filter__toggle { display: none !important; }


  .gs-filter__panel { display: none; }



  .gs-filter__head { padding: 14px 16px; font-size: 16px; }

  .gs-filter__close { display: block; order: 3; border: 0; background: none; font-size: 28px; line-height: 1; padding: 0 4px; }

  .gs-filter__body { flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; }

  .gs-filter__title { padding: 14px 16px; }

  .gs-filter__content { padding: 0 16px 14px; }

  .gs-filter__list { max-height: none; }

  .gs-filter__list li { padding: 8px 0; }

  .gs-filter__list input[type=checkbox] { width: 20px; height: 20px; }

  .gs-filter__price input { width: 90px; font-size: 16px; }

  .gs-filter__footer { display: block; padding: 10px 16px; border-top: 1px solid #e5e5e5; background: #fff; }
}


/* Orange theme */
.gs-filter { --gs-orange: #ff8000; --gs-orange-dark: #e67300; }

.gs-filter__title { color: var(--gs-orange); }

.gs-filter__title:after { color: var(--gs-orange); }

.gs-filter__head strong, .gs-filter__head .gs-filter__heading { color: var(--gs-orange); }


.gs-filter input[type=checkbox], .gs-filter input[type=range] { accent-color: var(--gs-orange); }

.gs-filter__list label:hover { color: var(--gs-orange); }

.gs-filter .btn, .gs-filter__toggle { background: var(--gs-orange); border-color: var(--gs-orange); color: #fff; }

.gs-filter .btn:hover, .gs-filter .btn:focus, .gs-filter__toggle:hover { background: var(--gs-orange-dark); border-color: var(--gs-orange-dark); color: #fff; }


.gs-filter__price input:focus { border-color: var(--gs-orange); outline: 0; box-shadow: 0 0 0 2px rgba(255, 128, 0, .25); }


/* Dual-handle range slider */
.gs-range { padding: 4px 6px 0; }

.gs-range__values { display: flex; justify-content: space-between; margin-bottom: 8px; color: #555; }

.gs-range__values b { color: var(--gs-orange); font-size: 15px; }

.gs-range__track { position: relative; height: 28px; }

.gs-range__track:before { content: ''; position: absolute; left: 0; right: 0; top: 12px; height: 4px; border-radius: 2px; background: #e5e5e5; }

.gs-range__fill { position: absolute; top: 12px; height: 4px; border-radius: 2px; background: var(--gs-orange); }

.gs-range__track input[type=range] { position: absolute; left: 0; top: 0; width: 100%; height: 28px; margin: 0; background: none; pointer-events: none; -webkit-appearance: none; appearance: none; }

.gs-range__track input[type=range]::-webkit-slider-runnable-track { background: none; height: 28px; }

.gs-range__track input[type=range]::-moz-range-track { background: none; }

.gs-range__track input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: auto; width: 22px; height: 22px; margin-top: 3px; border-radius: 50%; border: 3px solid #fff; background: var(--gs-orange); box-shadow: 0 1px 4px rgba(0, 0, 0, .4); cursor: pointer; }

.gs-range__track input[type=range]::-moz-range-thumb { pointer-events: auto; width: 16px; height: 16px; border-radius: 50%; border: 3px solid #fff; background: var(--gs-orange); box-shadow: 0 1px 4px rgba(0, 0, 0, .4); cursor: pointer; }












@charset "UTF-8";







@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -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 {
  0%, 20%, 53%, 80%, 100% {
    -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);
  }
}



@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}


@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -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);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


@keyframes pulse {
  0% {
    -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);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}



@-webkit-keyframes rubberBand {
  0% {
    -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);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


@keyframes rubberBand {
  0% {
    -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);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}



@-webkit-keyframes shake {
  0%, 100% {
    -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 {
  0%, 100% {
    -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);
  }
}



@-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);
  }

  100% {
    -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);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}



@-webkit-keyframes tada {
  0% {
    -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);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


@keyframes tada {
  0% {
    -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);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes wobble {
  0% {
    -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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}



@-webkit-keyframes jello {
  11.1% {
    -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)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}


@keyframes jello {
  11.1% {
    -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)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}



@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -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);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -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);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}



@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}



@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}



@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}



@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -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, -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);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -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, -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);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}



@-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);
  }

  100% {
    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);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}



@-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);
  }

  100% {
    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);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}



@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    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);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}



@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    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);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}



@-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);
  }

  100% {
    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);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}



@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}



@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}



@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}



@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}



@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}



@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}



@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}



@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}



@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}



@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}


@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}



@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}


@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}



@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}


@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}



@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}


@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}



@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}


@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}



@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}


@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}



@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}


@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}



@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}


@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}



@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}


@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}



@-webkit-keyframes flip {
  0% {
    -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;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}


@keyframes flip {
  0% {
    -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;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}



@-webkit-keyframes flipInX {
  0% {
    -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);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}


@keyframes flipInX {
  0% {
    -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);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}



@-webkit-keyframes flipInY {
  0% {
    -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);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}


@keyframes flipInY {
  0% {
    -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);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}



@-webkit-keyframes flipOutX {
  0% {
    -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;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}


@keyframes flipOutX {
  0% {
    -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;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}



@-webkit-keyframes flipOutY {
  0% {
    -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;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}


@keyframes flipOutY {
  0% {
    -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;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}



@-webkit-keyframes lightSpeedIn {
  0% {
    -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;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}


@keyframes lightSpeedIn {
  0% {
    -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;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}



@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}


@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}



@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}


@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}



@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}


@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}



@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}


@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}



@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}


@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}



@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}


@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}



@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}


@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}



@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}



@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}



@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}



@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}



@-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;
  }

  100% {
    -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;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    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 {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}



@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}


@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}



@-webkit-keyframes zoomInDown {
  0% {
    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 {
  0% {
    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);
  }
}



@-webkit-keyframes zoomInLeft {
  0% {
    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 {
  0% {
    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);
  }
}



@-webkit-keyframes zoomInRight {
  0% {
    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 {
  0% {
    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);
  }
}



@-webkit-keyframes zoomInUp {
  0% {
    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 {
  0% {
    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);
  }
}



@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}


@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}



@-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);
  }

  100% {
    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);
  }

  100% {
    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);
  }
}



@-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);
  }

  100% {
    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);
  }

  100% {
    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;
  }
}



@-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);
  }

  100% {
    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);
  }

  100% {
    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;
  }
}



@-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);
  }

  100% {
    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);
  }

  100% {
    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);
  }
}



@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}



@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}



@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}



@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}



@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}


@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}



@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}


@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}



@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}


@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}



@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}


@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}






footer{
	margin-top: 0;
	padding-top: 0;
}

/*
* Layout Ci Newsletter Ends
*/

/*========================*/

/*
* Footer Ci Newsletter Starts
*/
.footer-newsletter{
	background: #236E84;
	color:#fff;
	margin-top: 30px;
	margin-bottom: -1px;
	padding-bottom :15px;
	padding-top :15px;
	position: relative;
}

.footer-newsletter p{
	font-size: 14px;
}


.footer-newsletter .name-field{
	margin-bottom: 15px;
}






















/*
* Popup Ci Newsletter Ends
*/
#popup-newsletter .modal-title{
	font-size: 18px;
}

#popup-newsletter .modal-header{
	border-radius: 6px 6px 0 0;
	padding: 10px;
}





#popup-newsletter .btn-primary.focus, #popup-newsletter .btn-primary:focus{
	border:none;
	outline:none;
}

#popup-newsletter .modal-body{
	padding:15px 45px;
	z-index: 9;
}

#popup-newsletter .description{
	text-align: justify;
	font-size: 14px;
}

#popup-newsletter .logo{
	text-align: center;
	margin: 0 0 15px 0;
}




#popup-newsletter .input {
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

#popup-newsletter .modal-body .form-group{
	margin-top: 30px;
}

#popup-newsletter .input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #6a7989;
	font-weight: bold;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

#popup-newsletter .input__field:focus {
	outline: none;
}

#popup-newsletter .input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	color: #6a7989;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#popup-newsletter .input__label-content {
	position: relative;
	display: block;
	padding: 11px 0;
	width: 100%;
}



#popup-newsletter .input__field--haruki {
	padding: 0.4em 1.25em;
	width: 100%;
	background: #fff;
	height: 45px;
}

#popup-newsletter .input__label--haruki {
	position: absolute;
	width: 100%;
	text-align: left;
	pointer-events: none;
	border:2px solid #6a7989;
}

#popup-newsletter .input__label-content--haruki {
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

#popup-newsletter .input__label--haruki::before {
	top: 0;
}

#popup-newsletter .input__label--haruki::after {
	bottom: 0;
}




#popup-newsletter .modal-content .close{
	padding: 10px;
	position: relative;
	z-index: 999;
}




.popup_default .btn-primary{
	border-radius: 0;
}







.text-center{
	text-align: center;
}