body {font: 400 15px Lato, sans-serif;line-height: 1.8;color: #818181;}
  h2 {font-size: 24px;text-transform: uppercase;color: #303030;font-weight: 600;margin-bottom: 30px;}
  h4 {font-size: 19px;line-height: 1.375em;color: #303030;font-weight: 400;margin-bottom: 30px;}  
 

  .flip-container { margin:0 20px 100px 20px;-webkit-perspective: 1000;-moz-perspective: 1000;-ms-perspective: 1000;perspective: 1000;-ms-transform: perspective(1000px);-moz-transform: perspective(1000px);-moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d;}
  .flip-container:hover .back, .flip-container.hover .back {-webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);transform: rotateY(0deg);}
  .flip-container:hover .front, .flip-container.hover .front {-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
  .flip-container, .front, .back {width: 280px; height:250px; }
  .front, .back {padding-top:40px; padding-bottom:40px; font-size:17px;border-style:solid;  border-color:#ddd;text-align:center;   border-radius:19px;box-shadow:0 0 30px 5px #eee;cursor:pointer;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: 0.6s;-webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0deg); -moz-transition: 0.6s;-moz-transform-style: preserve-3d;-moz-transform: rotateY(0deg);-o-transition: 0.6s;-o-transform-style: preserve-3d;-o-transform: rotateY(0deg);-ms-transition: 0.6s;-ms-transform-style: preserve-3d;-ms-transform: rotateY(0deg); transition: 0.6s; transform-style: preserve-3d;transform: rotateY(0deg);position: absolute;top: 0;left: 0;}
  .front {background-color:#106198;color:#fff;-webkit-transform: rotateY(0deg);-ms-transform: rotateY(0deg);z-index: 2;}
  .back  {background-color:#1668a0;color:#518f9c;-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg); transform: rotateY(-180deg);}


   #securityCode{font-size:18px;width:200px;}
  
  .jumbotron {background-color: #106198;color: #fff;padding: 100px 25px;font-family: Montserrat, sans-serif; }
  .container-fluid {padding: 60px 50px;}
  .bg-grey {background-color: #f6f6f6; }
  .logo-small {color: #106198;font-size: 50px;}
  .logo {color: #106198;font-size: 200px;}
  .thumbnail {padding: 0 0 15px 0;border: none;border-radius: 0; }
  .thumbnail img {width: 100%;height: 100%;margin-bottom: 10px;}
  .carousel-control.right, .carousel-control.left {background-image: none;color: #106198;}
  .carousel-indicators li {border-color: #106198;}
  .carousel-indicators li.active {background-color: #106198;}
  .item h4 {font-size: 19px;line-height: 1.375em;font-weight: 400;font-style: italic;margin: 70px 0;}
  .item span {font-style: normal;}
  .panel {border: 1px solid #106198; border-radius:0 !important;transition: box-shadow 0.5s;}
  .panel:hover {box-shadow: 5px 0px 40px rgba(0,0,0, .2);}
  .panel-footer .btn:hover {border: 1px solid #106198;background-color: #fff !important;color: #106198;}
  .panel-heading {color: #fff !important;background-color: #106198 !important;padding: 25px;border-bottom: 1px solid transparent;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px; }
  .panel-footer {background-color: white !important;}
  .panel-footer h3 {font-size: 32px;}
  .panel-footer h4 {color: #aaa;font-size: 14px;}
  .panel-footer .btn {margin: 15px 0;background-color: #106198;color: #fff;}
  .navbar {margin-bottom: 0;background-color: #106198;z-index: 9999;border: 0;font-size: 12px !important;line-height: 1.42857143 !important;letter-spacing: 4px;border-radius: 0;font-family: Montserrat, sans-serif;}
  .navbar li a, .navbar .navbar-brand {color: #fff !important;}
  .navbar-nav li a:hover, .navbar-nav li.active a {color: #106198 !important;background-color: #fff !important;}
  .navbar-default .navbar-toggle {border-color: transparent;color: #fff !important;}
  footer .glyphicon {font-size: 20px;margin-bottom: 20px;color: #106198;}
  .slideanim {visibility:hidden;}
  .slide {animation-name: slide;-webkit-animation-name: slide;	animation-duration: 1s;	-webkit-animation-duration: 1s;visibility: visible;			}
  @keyframes slide          {        0% {opacity: 0;-webkit-transform: translateY(70%);} 100% {opacity: 1;-webkit-transform: translateY(0%);}	    }
  @-webkit-keyframes slide  {        0% {opacity: 0;-webkit-transform: translateY(70%);} 100% {opacity: 1;-webkit-transform: translateY(0%);}       }
  @media screen and (max-width: 768px) 
  {
    .col-sm-4 {text-align: center;margin: 25px 0;  }
    .btn-lg {width: 100%;margin-bottom: 35px;}
	 #securityCode{font-size:12px;width:100px;}
  }
  @media screen and (max-width: 480px) 
  {
    .logo {font-size: 150px;}
  }

/****************************************************************************************************************/
/****************************HTML Element************************************************************************/
/****************************************************************************************************************/


input:disabled                  {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJRU5ErkJggg==) repeat;}
input[type=text]                {color: #999999;border-radius: 5px;transition:all 1s;cursor: pointer;font-size: 16px;border: 1px solid #1A87B9;padding: 11px;margin:4px; border-width: thin;font-family: Arial, serif;}
input[type=text]:focus          {box-shadow: 0 0 10px 1px #cccccc;color: #999;background-color: #fffec8;}
input[type=text]:hover          {box-shadow: 0 0 20px 1px #999999;color: #333;background-color: #feff9e;}

input[type=Password]            {color: #999999;border-radius: 5px;transition:all 1s;cursor: pointer;font-size: 16px;direction: ltr;border: 1px solid #1A87B9;padding: 11px;margin:4px; border-width: thin;font-family: Arial, serif;}
input[type=Password]:focus      {box-shadow: 0 0 20px 1px #cccccc; color: #333; }
input[type=Password]:hover      {box-shadow: 0 0 10px 1px #999999;background-color: #fffec8;cursor: pointer;color: #ccc;}

input[type=number]              {color: #999999;border-radius: 5px;transition:all 1s;cursor: pointer;direction: rtl;border: 1px solid #1A87B9;padding: 11px;margin:4px; border-width: thin;font-family: Arial, serif;}
input[type=number]:focus        {box-shadow: 0 0 20px 1px #586f1a;color: #999;background-color: #fffec8;}
input[type=number]:hover        {box-shadow: 0 0 20px 1px #999999;color: #333;background-color: #feff9e;}
input[type=number]:in-range     {border: 1px solid green;}
input[type=number]:out-of-range {border: 1px solid red;}
input[type=range]           {color: #999999;cursor: pointer;}

input[type=file]           {background-color: #fffec8;border-radius: 5px;padding: 8px 8px; margin:2px;border-width: thin;border: 1px solid #1A87B9; }

input[type=email]           {border-radius: 5px;color: #345089;transition:all 1s;font-size: 16px;border: 1px solid #1A87B9;padding: 11px; margin: 4px; border-width: thin;font-family: Arial, serif;}
input[type=email]:invalid   {background: hsla(0, 90%, 70%, 1);}
input[type=email]:valid     {background-color: #f7f9de;}
input[type=radio]           {border: none; }
input[type=radio]:default   {color: #999;}
input[type=checkbox]        {border: none; transform:scale(1.5);}
input[type=checkbox]:checked{color: #fff;}
input[type=url]             {color: #999999;border-radius: 5px;cursor: pointer;font-size: 16px;border: 1px solid #1A87B9;padding: 11px ;margin:4px;border-width: thin;}

input[type=submit]       {box-shadow: 0 0 4px  0px #999;border-radius: 5px; color: #fffce6;border:1px solid #333;cursor: pointer;padding: 10px;transition: all 0.6s;}
input[type=submit]:focus {box-shadow: 0 0 20px 1px #999;border-radius: 8px;}
input[type=submit]:hover {box-shadow: 0 0 20px 1px #999;border-radius: 10px;}

input[type=button]       {color: #fffce6;border-radius:5px;cursor: pointer;padding: 10px;transition: all 0.6s;border:1px solid #3B5998;}
input[type=button]:hover {border-radius: 10px;}

img {border: 0px solid #666;padding: 0px;margin: 0px 0 0 0;}
img:focus { box-shadow: 0 0 20px 5px #eee; }
img:hover { cursor: pointer; }

select {color: #999999;border-radius: 5px;cursor: pointer;font-size: 16px;transition:all 1s; direction: rtl;border: 1px solid #1A87B9;padding:11px;margin:4px;border-width: thin;}
select:focus {color: #333;background-color: #f3f9fe;}
select:hover {box-shadow: 0 0 10px 1px #b7c8e8;background-color: #f3f9fe;cursor: pointer;color: #666;}

textarea {color: #999999;border-radius: 5px;cursor: pointer;font-size: 16px;transition:all 1s;margin:4px;border: 1px solid #1A87B9;padding:5px;border-width: thin;font-family: Arial, serif;}
textarea:focus { box-shadow: 0 0 20px 1px #586f1a; color: #333; }
textarea:hover {box-shadow: 0 0 20px 1px #999; color: #666;}

p::selection { color: #333333; background-color:#f0b66b;}

table,td   { font-size: 12px; color: #333; }



div       { color: #666;  }
div:empty { }
div:hover { }

span      { font-family: Arial;  }

hr        {background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent);background-image: linear-gradient(to right, transparent, #DBDBDB, transparent);border: 0;height: 1px;margin: 22px 0;}
.vr       {border-left: 1px dotted #dbecfa;height: 100%;margin-left:3px; width: 1px;}



/**************************** General  ************************************************************************/
/**************************************************************************************************************/

#msg { position:fixed; top:230px;opacity: 0.8; width:100%;height:400px; text-align:center;font-size:50px;text-shadow:0px 0px 20px #eee ; font-weight:bold; color:#FFFFFF; border-radius:5px; padding-top: 120px;  background-color:#6699ff; z-index: 1000; }

.ADD{ cursor:pointer; border-radius:9px; background-color:#b7c8e8; transition:all 1s; padding: 10px; color:#f8f8f8; font-size: 16px;}
.ADD:hover {background-color:#4c6ca6; }
.Del{ cursor:pointer; border-radius:9px; background-color:#C66;color:#fff; transition:all 1s; padding: 10px; margin: 5px; text-align: center;}
.Del:hover {background-color:#630; }
.error   {color: #E8124F;text-shadow: 0px 0px 11px red;padding: 30px;}
.success {background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}

.tr        { font-size: 12px; color: #333333; background-color: #f8f8f8;border: 1px dotted #999;transition: all 0.5s;padding:12px ; margin: 12px;}
.tr:hover  { background-color: #dee6f3; opacity: 0.9;}

.td        { height:100px;font-size: 14px; color: #333333; background-color: #f9f9f9;border: 1px dotted #999;transition: all 0.5s;padding:5px ; margin: 5px;}
.td:hover  { background-color: #dee6f3;height:120px;opacity: 0.9;color: #f8f8f8;box-shadow: 0 0 10px 2px #ccc;color:#eeeeee;}

.tdF       {width:90%;  display: flex;flex-direction:row;flex-wrap:wrap; text-align: center; margin-left: auto; margin-right: auto;}

.tdS       {display: flex;flex-direction:row;margin-left: auto; margin-right: auto;height:100px;background-color: #f9f9f9;border: 1px dotted #999;transition: all 0.5s;padding:5px ; margin: 5px;}
.tdS:hover { background-color: #eee;opacity: 0.9;color: #f8f8f8;box-shadow: 0 0 10px 2px #ccc;color:#eeeeee;}

.fullscreen      { position:fixed;left:0;top:0;width:100%; height:100%;background-color: #1E427C;padding-top:400px; opacity: 0.8; text-align:center;}
.Dailog  {position: fixed;background-color: #fff;width: 350px;height: 500px;padding: 10px;border-radius: 9px;opacity: 0.95;box-shadow: 0 0 20px 1px #333; z-index: 9000;}

.badge1        { background-color:#FF5DB1; position: relative;top:-40px;right:-12px; border-radius:5px;padding:3px; color:#FFF; font-weight: -100; opacity: 0.9; }
.badge2        { background-color:#FF5DB1; position: relative;top:-20px;left:2px;    border-radius:5px;padding:3px; color:#FFF; font-size: 10px; font-weight: -100; opacity: 0.9; }
.badge3        { position:fixed;    top:25px; right:30px;  border-radius:9px;padding:2px 15px 2px 15px; color:#FFF; font-weight: -100; opacity: 0.8; z-index: 450; }

/****************************************************************************************************************/
/**************************** Text Styles ************************************************************************/
/****************************************************************************************************************/




.c1 { color: #25A6E1; }
.c2 { color: #FF5DB1; }
.c3 { color: #2f658a; }
.c4 { color: #ffffff; }
.c5 { color: #eeeeee; }
.c6 { color: #7d7d7d; }
.c7 { color: #9c2e44; }
.c8 { color: #4b4a4a; }
.c9 { color: #4AA400  }
.c10{ color: #f2bb30; }

.bg1      { background-color: #f2bb30; padding:2px; }                .bg1:hover { opacity: 0.9;}
.bg2      { background-color: #eeeeee; padding:2px; }                .bg2:hover { opacity: 0.9;}
.bg3      { background-color: #1f60a9; border:1px dotted #1d589e; }  .bg3:hover { opacity: 0.9;}
.bg4      { background-color: #4b4a4a; padding:2px; }                .bg4:hover { opacity: 0.9;}
.bg5      { background-color: #0399ce; padding:2px; }                .bg5:hover { opacity: 0.9;}
.bg6      { background-color: #9c2e44; border:1px dotted #ff1a92;}   .bg6:hover { opacity: 0.9;}
.bg7      { background-color: #5CCD00;              }                .bg7:hover { opacity: 0.9;}
.bg8      { background-color: #FF5DB1; padding:2px; }                .bg8:hover { opacity: 0.9;}
.bg9      { background-color: #e5edb0; padding:2px; }                .bg9:hover { opacity: 0.9;}
.bg10     { background-color: #d0dc85; padding:2px; }                .bg10:hover{ opacity: 0.9;}
.bg11     { background-color: #ffe0f1; padding:2px; }                .bg11:hover{ opacity: 0.9;}
.bg12     { background-color: #fff5e0; padding:2px; }                .bg12:hover{ opacity: 0.9;}
.bg13     { background-color: #fdffe0; padding:2px; }                .bg13:hover{ opacity: 0.9;}
.bg14     { background-color: #dbecfa; padding:2px; }                .bg14:hover{ opacity: 0.9;}
.bg15     { background-color: #999999; padding:2px; }                .bg15:hover{ opacity: 0.9;}



.S   { font-size: 10px; font-weight: 200; }
.M   { font-size: 14px; font-weight: 200; }
.L   { font-size: 18px; font-weight: 200; }
.XL  { font-size: 22px; font-weight: 200; }
.XXL { font-size: 30px; font-weight: 200; }
.XXXL{ font-size: 45px; font-weight: 200; }

.b1        { box-shadow:0 0 1px 0px #0399ce inset; transition: all 0.5s;cursor: pointer;background: -moz-linear-gradient(top,#25A6E1 0%,#1582dc 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#1582dc));background: -webkit-linear-gradient(top,#25A6E1 0%,#1582dc 100%);background: -o-linear-gradient(top,#25A6E1 0%,#1582dc 100%);background: -ms-linear-gradient(top,#25A6E1 0%,#1582dc 100%);background: linear-gradient(top,#25A6E1 0%,#1582dc 100%);padding: 8px 12px;color: #fff;font-family:"Open Sans Hebrew",Arial, serif;font-size: 17px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #1A87B9;}
.b1:hover  { box-shadow: 0 2px 20px 5px #0399ce inset;  }
.b2        { box-shadow:0 0 1px 0px #FF5DB1; transition: all 0.5s;cursor: pointer;background: -moz-linear-gradient(top,#FF5DB1 0%,#E94A86 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FF5DB1),color-stop(100%,#E94A86));background: -webkit-linear-gradient(top,#FF5DB1 0%,#E94A86 100%);background: -o-linear-gradient(top,#FF5DB1 0%,#E94A86 100%);background: -ms-linear-gradient(top,#FF5DB1 0%,#E94A86 100%);background: linear-gradient(top,#FF5DB1 0%,#E94A86 100%);padding: 8px 12px;color: #fff;font-family: "Open Sans Hebrew",Arial, serif;font-size: 17px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #c01f5b;}
.b2:hover  { box-shadow: 0 0 10px 5px #FF5DB1;}
.b3        { box-shadow:0 0 1px 0px #c8e362 inset; transition: all 0.5s;cursor: pointer;background: -moz-linear-gradient(top,#5CCD00 0%,#4AA400 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5CCD00),color-stop(100%,#4AA400));background: -webkit-linear-gradient(top,#5CCD00 0%,#4AA400 100%);background: -o-linear-gradient(top,#5CCD00 0%,#4AA400 100%);background: -ms-linear-gradient(top,#5CCD00 0%,#4AA400 100%);background: linear-gradient(top,#5CCD00 0%,#4AA400 100%);padding: 8px 12px;color: #fff;font-family: "Open Sans Hebrew",Arial, serif;font-size: 17px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #459A00;}
.b3:hover  { box-shadow: 0 0 30px 5px #c8e362 inset;  }
.b4        { box-shadow:0 0 1px 0px #1f60a9; transition:all 0.5s;background:#6699ff;   background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1582dc),color-stop(100%,#6699ff));background: -o-linear-gradient(top,#1582dc 0%,#6699ff 100%);background: -webkit-linear-gradient(top,#1582dc 0%,#6699ff 100%); cursor:pointer;text-align:center;padding:10px 10px;color:#fff;font-size:16px;border-radius:5px;border:1px solid #1f60a9}
.b4:hover  { box-shadow:0 0 10px 0px #1f60a9 ; border:1px solid #07426e;}
.b5        { box-shadow: 0 2 1px 1px #eaa4fb inset;transition: all 0.5s;cursor: pointer;background: -moz-linear-gradient(top,  0%,#a602f5 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,c7),color-stop(100%,#a602f5));background: -webkit-linear-gradient(top,#d957f9 0%,#a602f5 100%);background: -o-linear-gradient(top,#d957f9 0%,#a602f5 100%);background: -ms-linear-gradient(top,#d957f9 0%,#a602f5 100%);background: linear-gradient(top,#d957f9 0%,#a602f5 100%);padding: 8px 12px;color: #fff;font-family: "Open Sans Hebrew",Arial, serif;font-size: 17px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border: 1px solid #eaa4fb;text-align: center;vertical-align: middle;}
.b5:hover  { box-shadow: 0 2 10px 5px #eaa4fb inset; border-radius: 6px; }
.b6        { box-shadow:0 0 1px 0px #9c2e44 inset; transition: all 0.5s;cursor: pointer;background: -moz-linear-gradient(top,  0%,#f2bb30 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,c7),color-stop(100%,#f2bb30));background: -webkit-linear-gradient(top,#df7d1d 0%,#f2bb30 100%);background: -o-linear-gradient(top,#df7d1d 0%,#f2bb30 100%);background: -ms-linear-gradient(top,#df7d1d 0%,#f2bb30 100%);background: linear-gradient(top,#df7d1d 0%,#f2bb30 100%);padding: 8px 12px;color: #fff;font-family: "Open Sans Hebrew",Arial, serif;font-size: 17px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border: 1px solid #9c2e44;text-align: center;vertical-align: middle;}
.b6:hover  { box-shadow: 0 2 10px 5px #9c2e44 inset;  }
.b7        { box-shadow:0 0 1px 0px #c8e362 inset; transition: all 0.5s;cursor: pointer;background: -moz-linear-gradient(top,#88b300 0%,#abcc26 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#88b300),color-stop(100%,#abcc26));background: -webkit-linear-gradient(top,#88b300 0%,#abcc26 100%);background: -o-linear-gradient(top,#88b300 0%,#abcc26 100%);background: -ms-linear-gradient(top,#88b300 0%,#abcc26 100%);background: linear-gradient(top,#88b300 0%,#4AA400 100%);padding: 8px 12px;color: #fff;font-family: "Open Sans Hebrew",Arial, serif;font-size: 17px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #459A00;}
.b7:hover  { box-shadow: 0 0 30px 5px #c8e362 inset;  }








/**************************** Effects ************************************************************************/


.blur {color: transparent;text-shadow: 0 0 1px #eee;}
.rotate {transform: rotate(-180deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.sdw{text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);}
.circle  {width: 180px;height: 180px;border-color:#ebccd1; border-radius: 50%; padding:5px; border:1px dotted #ccc}


.HD {cursor: pointer;}
.wordWrap{  white-space: pre-wrap; }
.center  { margin-left: auto; margin-right: auto; text-align: center; }
.ENG{direction: ltr;text-align:left;}
.HEB{direction: rtl;text-align:right;}

/**************************** IMGS Filters ************************************************************************/


#imgsEff {
  -webkit-filter: brightness(3); -webkit-filter: contrast(9);
  /*  -webkit-filter: invert(.8);-webkit-filter: saturate(8);*/
}

.bw            { -webkit-filter: grayscale(1);transition: all;  }
.bw:hover      { -webkit-filter: grayscale(9);                  }

.sepia         { -webkit-filter: sepia(5);transition: all;      }
.sepia:hover   { -webkit-filter: sepia(9);                      }



/*****************************Animation ***********************************************************************************/

.scl           {  transform:scale(1);transition: 1s;z-index: 10; }
.scl:hover     {  transform:scale(2); z-index: 1000;}

.rot           {  transition: all; }
.rot:hover     {  -webkit-transform: rotateY(180deg);}

.marquee            {position: relative;animation: marquee_ 5s infinite ease;animation-delay: 2s;animation-direction: alternate;animation-play-state: running;}
@keyframes marquee_ {0% {left: 0px;}  100% {left: 60px;}}

.pulse              {position: relative;animation: pulse_ 4s infinite ease;animation-delay: 2s;animation-direction: alternate;animation-play-state: running;}
@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)}}

.fadein             {animation:fadein_ 5s;}
@keyframes fadein_  {0% {opacity:0} 100%{opacity:1} }

.shake              {animation:shake_ 2s;}
@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)}}

.zoomin             {animation:zoomin_ 1s;}
@keyframes zoomin_  {0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}

.rotate             {position: relative;animation: rotate_ 4s infinite ease;animation-direction: alternate;animation-play-state: running; }
@keyframes rotate_  { 0%{ -webkit-transform: rotateY(0deg);} 30% { -webkit-transform: rotateY(10deg);}  50% { -webkit-transform: rotateY(180deg);} 70% { -webkit-transform: rotateY(10deg);} 100% { -webkit-transform: rotateY(0deg);}}