@charset "utf-8";

  .dt-sc-hr { background:url(//drkunalpatel.com/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter.png) repeat-x; height:10px; width:100%; clear:both; display:block; float:left; margin:40px 0px; position:relative; z-index:1; }
.dt-sc-hr-medium { background:url(//drkunalpatel.com/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter-medium.png) repeat-x; height:16px; width:100%; clear:both; display:block; float:left; margin:40px 0px; position:relative; z-index:1; }
.dt-sc-hr-large { background:url(//drkunalpatel.com/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter-large.png) repeat-x; height:22px; width:100%; clear:both; display:block; float:left; margin:40px 0px; position:relative; z-index:1; }	
.dt-sc-hr-border { background:url(//drkunalpatel.com/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter2.png) repeat-x; height:1px; width:100%; clear:both; display:block; float:left; margin:30px 0px 40px; position:relative; z-index:1; }
.dt-sc-hr-invisible { float:left; width:100%; margin:20px 0px; display:block; clear:both; }
.dt-sc-hr-invisible-large { float:left; width:100%; margin:55px 0px; display:block; clear:both; }
.dt-sc-hr-invisible-medium { float:left; width:100%; margin:40px 0px; display:block; clear:both; }
.dt-sc-hr-invisible-small { float:left; width:100%; margin:10px 0px; display:block; clear:both; }
.dt-sc-hr.top { width:96%; }
.dt-sc-hr.top { background-position:right center; text-align:right; }
.dt-sc-hr.top a { color:rgba(0, 0, 0, 0.5); background:transparent; font-size:11px; line-height:16px; padding-left:5px; position:absolute; right:-4%; top:-4px; }
.dt-sc-hr.top a:hover { color:#333334; }
.dt-sc-hr.top a span { margin-right:2px; }
.dt-sc-clear { float:none; clear:both; margin:0px; padding:0px; } .column { margin:0px 0px 0px 2%; float:left; min-height:1px; position:relative; }
.column.first { margin-left:0px; }	
.dt-sc-full-width, .dt-sc-one-column { width:100%; }
.column.dt-sc-full-width, .column.dt-sc-one-column { margin-left:0px; }
.dt-sc-one-half { width:49%; }
.dt-sc-one-third { width:32%; }
.dt-sc-two-third { width:66%; }
.dt-sc-one-fourth { width:23.5%; }
.dt-sc-three-fourth { width:74.5%; }	
.dt-sc-one-fifth { width:18.4%; }
.dt-sc-two-fifth { width:38.8%; }
.dt-sc-three-fifth { width:59.2%; }
.dt-sc-four-fifth { width:79.6%; }
.dt-sc-one-sixth { width:15%; }
.dt-sc-two-sixth { width:32%; }
.dt-sc-three-sixth { width:49%; }
.dt-sc-four-sixth { width:66%; }
.dt-sc-five-sixth { width:83%; }	
.column img { max-width:100%; height:auto; }
.dt-sc-one-half iframe, .dt-sc-one-third iframe, .dt-sc-one-fourth iframe, .dt-sc-three-fourth iframe, .dt-sc-two-third iframe, iframe { max-width:100%; }
embed, iframe, object, video { max-width:100%; }
.column.no-space { margin-left:0px; }
.column.no-space.dt-sc-one-fourth { width:25%; } 	
.column.no-space.dt-sc-one-third { width:33.3%; }	
.column.no-space.dt-sc-one-half { width:50%; }
.column.no-space.dt-sc-one-fifth { width:20%; }
.column.no-space.dt-sc-one-sixth { width:16.6%; }
.column.no-space.dt-sc-three-fourth { width:75%; }
.column.no-space.dt-sc-two-third { width:66.6%; }		
.column.no-space.dt-sc-four-fifth { width:80%; }
.column.no-space.dt-sc-three-fifth { width:60%; }
.column.no-space.dt-sc-two-fifth { width:40%; }		
.column.no-space.dt-sc-two-sixth { width:33.2%; }
.column.no-space.dt-sc-three-sixth { width:49.8%; }
.column.no-space.dt-sc-four-sixth { width:66.4%; }
.column.no-space.dt-sc-five-sixth { width:83%; } .dt-sc-button { line-height:normal; display:inline-block; margin:10px 0px 0px; cursor:pointer; font-weight:bold; text-transform:uppercase; outline:none; position:relative; z-index:1; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; border:1px solid; }
.dt-sc-button:after { content:''; position:absolute; z-index:-1; width:100%; height:0; top:0; left:0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; }
.dt-sc-button:hover, .dt-sc-button:active { color:#ffffff; }
.dt-sc-button:hover:after, .dt-sc-button:active:after { height:100%; }
.dt-sc-button.white:hover, .dt-sc-button.white:active { color:#808080; }
.dt-sc-button.small { font-size:14px; padding:11px 20px; }
.dt-sc-button.medium { font-size:16px; padding:16px 20px; }
.dt-sc-button.large { font-size:18px; padding:21px 45px; font-size:16px; }
.dt-sc-button.xlarge { font-size:20px; padding:25px 50px; font-size:18px; }
.dt-sc-button.green { border-color:#7aa127; color:#7aa127; }	
.dt-sc-button.orange { border-color:#f39d12; color:#f39d12; }
.dt-sc-button.blue { border-color:#4bbcd7; color:#4bbcd7; }
.dt-sc-button.pink { border-color:#e67fb9; color:#e67fb9; }
.dt-sc-button.red { border-color:#e74d3c; color:#e74d3c;}
.dt-sc-button.purple { border-color:#9c59b6; color:#9c59b6; }
.dt-sc-button.ocean { border-color:#1abc9c; color:#1abc9c; }
.dt-sc-button.black { border-color:#333334; color:#333334; }
.dt-sc-button.slateblue { border-color:#836fff; color:#836fff; }
.dt-sc-button.skyblue { border-color:#00bfff; color:#00bfff; }
.dt-sc-button.coral { border-color:#ff7f50; color:#ff7f50; }
.dt-sc-button.khaki { border-color:#b6af55; color:#b6af55; }
.dt-sc-button.cyan { border-color:#00cdcd; color:#00cdcd; }
.dt-sc-button.grey { border-color:#8e8e8e; color:#8e8e8e }
.dt-sc-button.gold { border-color:#e0a81c; color:#e0a81c;}
.dt-sc-button.chocolate { border-color:#cd661d; color:#cd661d; }
.dt-sc-button.raspberry { border-color:#a23b6f; color:#a23b6f; }
.dt-sc-button.electricblue { border-color:#536878; color:#536878; }
.dt-sc-button.eggplant { border-color:#614051; color:#614051; }
.dt-sc-button.ferngreen { border-color:#4f7942; color:#4f7942; }
.dt-sc-button.palebrown { border-color:#987654; color:#987654; }	
.dt-sc-button.white { border-color:#ffffff; color:#ffffff; }	
.dt-sc-button.green:after { background:#7aa127; }	
.dt-sc-button.orange:after { background:#f39d12; }
.dt-sc-button.blue:after { background:#4bbcd7; }
.dt-sc-button.pink:after { background:#e67fb9; }
.dt-sc-button.red:after { background:#e74d3c; }
.dt-sc-button.purple:after { background:#9c59b6; }
.dt-sc-button.ocean:after { background:#1abc9c; }
.dt-sc-button.black:after { background:#333334; }
.dt-sc-button.slateblue:after { background:#836fff;}
.dt-sc-button.skyblue:after { background:#00bfff; }
.dt-sc-button.coral:after { background:#ff7f50; }
.dt-sc-button.khaki:after { background:#b6af55; }
.dt-sc-button.cyan:after { background:#00cdcd; }
.dt-sc-button.grey:after { background:#8e8e8e; }
.dt-sc-button.gold:after { background:#e0a81c; }
.dt-sc-button.chocolate:after { background:#cd661d; }
.dt-sc-button.raspberry:after { background:#a23b6f; }
.dt-sc-button.electricblue:after { background:#536878; }
.dt-sc-button.eggplant:after { background:#614051; }
.dt-sc-button.ferngreen:after { background:#4f7942; }
.dt-sc-button.palebrown:after { background:#987654; }	
.dt-sc-button.white:after { background:#ffffff; }	
.dt-sc-button.green:hover, .dt-sc-button.orange:hover, .dt-sc-button.blue:hover, .dt-sc-button.pink:hover, .dt-sc-button.red:hover, .dt-sc-button.purple:hover, .dt-sc-button.ocean:hover, .dt-sc-button.black:hover, .dt-sc-button.slateblue:hover, .dt-sc-button.skyblue:hover, .dt-sc-button.coral:hover, .dt-sc-button.khaki:hover, .dt-sc-button.cyan:hover, .dt-sc-button.grey:hover, .dt-sc-button.gold:hover, .dt-sc-button.chocolate:hover, .dt-sc-button.raspberry:hover, .dt-sc-button.electricblue:hover, .dt-sc-button.eggplant:hover, .dt-sc-button.ferngreen:hover, .dt-sc-button.palebrown:hover { color:#ffffff; }	
input.dt-sc-button, input[type="submit"], input[type="button"] { overflow: visible; width:auto !important; } blockquote.type2 { border-top:3px solid; border-left:0px; } 
blockquote.type2:before { top:0px; bottom:inherit; left:0px; right:0px; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid; }
blockquote.type3 { border:none; background:none; text-align:center; padding:0px; }
blockquote.type3 q { font-size:18px; font-style:italic; line-height:32px; color:#c9c9c9; }
blockquote.type3:before { background:none; border:none; }
blockquote.type3 cite { font-size:14px; font-style:normal; font-weight:bold; }
blockquote.green, blockquote.type2.green { border-color:#7aa127; }
blockquote.blue, blockquote.type2.blue { border-color:#0390b2; }
blockquote.ocean, blockquote.type2.ocean { border-color:#1abc9c; }
blockquote.orange, blockquote.type2.orange { border-color:#f39d12; }
blockquote.pink, blockquote.type2.pink { border-color:#e67fb9; }
blockquote.purple, blockquote.type2.purple { border-color:#9c59b6; }
blockquote.red, blockquote.type2.red { border-color:#e74d3c; }
blockquote.slateblue, blockquote.type2.slateblue { border-color:#836fff; }
blockquote.skyblue, blockquote.type2.skyblue { border-color:#00bfff; }
blockquote.coral, blockquote.type2.coral { border-color:#ff7f50; }
blockquote.khaki, blockquote.type2.khaki { border-color:#b6af55; }
blockquote.cyan, blockquote.type2.cyan { border-color:#00cdcd; }
blockquote.grey, blockquote.type2.grey { border-color:#8e8e8e; }
blockquote.gold, blockquote.type2.gold { border-color:#e0a81c; }
blockquote.chocolate, blockquote.type2.chocolate { border-color:#cd661d; }
blockquote.raspberry, blockquote.type2.raspberry { border-color:#a23b6f; }
blockquote.electricblue, blockquote.type2.electricblue { border-color:#536878; }
blockquote.eggplant, blockquote.type2.eggplant { border-color:#614051; }
blockquote.ferngreen, blockquote.type2.ferngreen { border-color:#4f7942; }
blockquote.palebrown, blockquote.type2.palebrown { border-color:#987654; }
blockquote.type2.green:before { border-top-color:#7aa127; }
blockquote.type2.blue:before { border-top-color:#0390b2; }
blockquote.type2.ocean:before { border-top-color:#1abc9c; }
blockquote.type2.orange:before { border-top-color:#f39d12; }
blockquote.type2.pink:before { border-top-color:#e67fb9; }
blockquote.type2.purple:before { border-top-color:#9c59b6; }
blockquote.type2.red:before { border-top-color:#e74d3c; }
blockquote.type2.slateblue:before { border-top-color:#836fff; }
blockquote.type2.skyblue:before { border-top-color:#00bfff; }
blockquote.type2.coral:before { border-top-color:#ff7f50; }
blockquote.type2.khaki:before { border-top-color:#b6af55; }
blockquote.type2.cyan:before { border-top-color:#00cdcd; }
blockquote.type2.grey:before { border-top-color:#8e8e8e; }
blockquote.type2.gold:before { border-top-color:#e0a81c; }
blockquote.type2.chocolate:before { border-top-color:#cd661d; }
blockquote.type2.raspberry:before { border-top-color:#a23b6f; }
blockquote.type2.electricblue:before { border-top-color:#536878; }
blockquote.type2.eggplant:before { border-top-color:#614051; }
blockquote.type2.ferngreen:before { border-top-color:#4f7942; }
blockquote.type2.palebrown:before { border-top-color:#987654; }
blockquote.type3.green q { color:#7aa127; }
blockquote.type3.blue q { color:#0390b2; }
blockquote.type3.ocean q { color:#1abc9c; }
blockquote.type3.orange q { color:#f39d12; }
blockquote.type3.pink q { color:#e67fb9; }
blockquote.type3.purple q { color:#9c59b6; }
blockquote.type3.red q { color:#e74d3c; }
blockquote.type3.slateblue q { color:#836fff; }
blockquote.type3.skyblue q { color:#00bfff; }
blockquote.type3.coral q { color:#ff7f50; }
blockquote.type3.khaki q { color:#b6af55; }
blockquote.type3.cyan q { color:#00cdcd; }
blockquote.type3.grey q { color:#8e8e8e; }
blockquote.type3.gold q { color:#e0a81c; }
blockquote.type3.chocolate q { color:#cd661d; }
blockquote.type3.raspberry q { color:#a23b6f; }
blockquote.type3.electricblue q { color:#536878; }
blockquote.type3.eggplant q { color:#614051; }
blockquote.type3.ferngreen q { color:#4f7942; }
blockquote.type3.palebrown q { color:#987654; } .dt-sc-pullquote1, .dt-sc-pullquote2, .dt-sc-pullquote3, .dt-sc-pullquote4, .dt-sc-pullquote5, .dt-sc-pullquote6 { display:inline-block; margin-bottom:20px; margin-right:4%; margin-top:20px; width:40%; }	
.dt-sc-pullquote1, .dt-sc-pullquote2, .dt-sc-pullquote3, .dt-sc-pullquote4, .dt-sc-pullquote5, .dt-sc-pullquote6 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; letter-spacing: -0.5px; line-height:30px; }	
.dt-sc-pullquote1 { border-left:3px solid #D9D9D9; background:#F5F5F5; letter-spacing:0; line-height:25px; padding:15px; width:36%; }	
.dt-sc-pullquote2 { background:#F5F5F5; border:1px solid #FFFFFF; box-shadow:0 0 5px #D0D0D0; padding:19px; }	
.dt-sc-pullquote3 { background:#F5F5F5; border-bottom:2px dotted #D9D9D9; border-top:2px dotted #D9D9D9; padding:19px; }	
.dt-sc-pullquote4 { border-bottom:4px double #D9D9D9; border-top:4px double #D9D9D9; margin-top:20px; padding:10px 0px; }	
.dt-sc-pullquote5 { letter-spacing:0; line-height:25px; padding:5px 5px 5px 15px; width:36%; }	
.dt-sc-pullquote6 { background:#F5F5F5; letter-spacing:0; line-height:25px; padding:15px; width:36%; }	
.quotes:before { content:open-quote; display:inline; font-size:150%; font-weight:bold; margin-right:5px; vertical-align:middle; }	
.quotes:after { content:close-quote; display:inline; font-size:150%; font-weight:bold; margin-left:5px; vertical-align:middle; }	
.dt-sc-pullquote1.aligncenter, .dt-sc-pullquote2.aligncenter, .dt-sc-pullquote3.aligncenter, .dt-sc-pullquote4.aligncenter, .dt-sc-pullquote5.aligncenter, .dt-sc-pullquote6.aligncenter { display:block; float:none; text-align:center; width:auto; }	
.dt-sc-pullquote1.alignleft, .dt-sc-pullquote1.aligncenter { margin-left:2px; }	
.dt-sc-pullquote1.alignright, .dt-sc-pullquote1.aligncenter { margin-right:2px; } .dt-sc-pricing-table { width:100%; margin:30px 0px 20px; padding:0px; float:left; }
.dt-sc-pr-tb-col { position:relative; border:5px solid #f0f0f0; background:#fafafa; width:100%; margin:0px; padding:0px; text-align:center; -webkit-transition:-webkit-box-shadow 0.2s ease-out; -moz-transition:-moz-box-shadow 0.2s ease-out; 	-o-transition:-o-box-shadow 0.2s ease-out; transition:box-shadow 0.2s ease-out; }
.dt-sc-tb-title h5 { padding:20px; font-weight:bold; font-size:20px; line-height:normal; text-transform:uppercase; margin-bottom:0px; }
.dt-sc-tb-header .dt-sc-price { background:#666667; margin:0px -5px; padding:20px 20px 20px 20px; display:block; font-size:48px; font-weight:bold; color:#ffffff; }
.dt-sc-tb-header .dt-sc-price span { font-size:18px; }
.dt-sc-tb-content { border-top:5px solid #f0f0f0; list-style-type:none; margin:0px; }
.dt-sc-tb-content li { background:#f7f7f7; font-size:14px; color:#757575; border-top:1px solid #dfdfdf; border-bottom:1px solid #ffffff; padding:18px 10px; }
.dt-sc-pr-tb-col .dt-sc-buy-now { border-top:5px solid #f0f0f0; padding:20px; margin:0px; }
.dt-sc-pr-tb-col .dt-sc-buy-now .dt-sc-button { margin:0px; border:1px solid #666667; color:#666667; }
.dt-sc-pr-tb-col .dt-sc-buy-now .dt-sc-button:after { background:#666667; }
.dt-sc-pr-tb-col .dt-sc-buy-now .dt-sc-button:hover, .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button:hover { color:#ffffff; }
.dt-sc-pr-tb-col, .dt-sc-tb-header .dt-sc-price, .dt-sc-tb-title h5, .dt-sc-pr-tb-col .dt-sc-buy-now { -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
.dt-sc-pr-tb-col.selected, .dt-sc-pr-tb-col:hover { z-index:10; box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); -moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); margin-top:-25px; }
.dt-sc-pr-tb-col:hover { z-index:100; }
.dt-sc-pr-tb-col.selected .dt-sc-tb-title h5, .dt-sc-pr-tb-col:hover .dt-sc-tb-title h5, .dt-sc-pr-tb-col.selected .dt-sc-buy-now, .dt-sc-pr-tb-col:hover .dt-sc-buy-now { padding:25px 20px; }	
.dt-sc-pr-tb-col.selected .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col:hover .dt-sc-tb-header .dt-sc-price { padding:35px 20px; }
.dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button { color:#ffffff; }
.dt-sc-pricing-table.no-space .column { margin-left:0px; }
.dt-sc-pricing-table.no-space .dt-sc-one-fourth { width:25%; } 	
.dt-sc-pricing-table.no-space .dt-sc-one-third { width:33.3%; }	
.dt-sc-pricing-table.no-space .dt-sc-one-half { width:50%; }
.dt-sc-pricing-table.no-space .dt-sc-one-fifth { width:20%; }
.dt-sc-pricing-table.no-space .dt-sc-one-sixth { width:16.6%; }
.dt-sc-pricing-table.no-space .dt-sc-three-fourth { width:75%; }
.dt-sc-pricing-table.no-space .dt-sc-two-third { width:66.6%; }
.dt-sc-pricing-table.no-space .dt-sc-four-fifth { width:80%; }
.dt-sc-pricing-table.no-space .dt-sc-three-fifth { width:60%; }
.dt-sc-pricing-table.no-space .dt-sc-two-fifth { width:40%; }
.dt-sc-pricing-table.no-space .dt-sc-two-sixth { width:33.2%; }
.dt-sc-pricing-table.no-space .dt-sc-three-sixth { width:49.8%; }
.dt-sc-pricing-table.no-space .dt-sc-four-sixth { width:66.4%; }
.dt-sc-pricing-table.no-space .dt-sc-five-sixth { width:83%; } .dt-sc-tabs-container { float:left; width:100%; margin:0px 0px 20px; padding:0px; clear:both; }
ul.dt-sc-tabs-frame { float:left; margin:0px 0px 0px 2%; padding:0px; width:98%; }
ul.dt-sc-tabs-frame li { float:left; display:inline; margin:0px 10px 0px 0px; padding:0px; }
ul.dt-sc-tabs-frame li a { border:1px solid #d9d9d9; border-top:3px solid #808080; border-bottom:0px; float:left; margin:0px; padding:0px 10px; background:#ededed; text-align:center; font-weight:bold; color:#333334; line-height:40px; }
ul.dt-sc-tabs-frame li a.current { background:#ffffff; color:#333334; border-bottom:0px; position:relative; z-index:1; }
.dt-sc-tabs-frame-content { background:#ffffff; border:1px solid #d9d9d9; float:left; clear:both; width:92%; margin:-1px 0px 0px; padding:20px 4% 20px; } .dt-sc-tabs-vertical-container { float:left; width:100%; margin:0px 0px 20px; padding:0px; clear:both; }
ul.dt-sc-tabs-vertical-frame { float:left; width:31%; margin:0px; padding:0px 3% 0px 0px; }
ul.dt-sc-tabs-vertical-frame li { float:left; display:block; margin:0px 0px 10px; padding:0px; width:100%; position:relative; }
ul.dt-sc-tabs-vertical-frame li a { display:block; border:1px solid #d9d9d9; margin:0px; padding:10px 12px; background:#ededed; font-weight:bold; color:#333334; }
ul.dt-sc-tabs-vertical-frame li a.current { background:#ffffff; }
ul.dt-sc-tabs-vertical-frame li.current a span { position:absolute; right:-6px; top:0px; bottom:0; margin:auto; background:url(//drkunalpatel.com/wp-content/plugins/designthemes-core-features/shortcodes/images/vertical-tabs-active.png) no-repeat; width:7px; height:12px;  }
.dt-sc-tabs-vertical-frame-content { background:#ffffff; border:1px solid #d9d9d9; float:left; width:57.6%; margin:-1px 0px 0px; padding:20px 4% 20px; }		
.dt-sc-tabs-vertical-frame-content h4 { text-transform:none; } .dt-sc-boxed-tooltip { background:#ededed; color:#333334; display:inline-block; margin:10px 0px 0px; padding:10px 20px; text-align:center; }
.dt-sc-boxed-tooltip:hover { background:#333334; color:#ffffff; }
#tiptip_holder { display:none; position:absolute; top:0; left:0; z-index:99999; }		
#tiptip_holder.tip_top { padding-bottom:5px; }		 
#tiptip_holder.tip_bottom { padding-top:5px; }		 
#tiptip_holder.tip_right { padding-left:5px; }		 
#tiptip_holder.tip_left { padding-right:5px; }		
.tip_bottom #tiptip_content { box-shadow: inset 0px -1px 0px 0px #d9d9d9; -webkit-box-shadow:inset 0px -1px 0px 0px #d9d9d9; -moz-box-shadow:inset 0px -1px 0px 0px #d9d9d9; }
#tiptip_content { padding:8px 10px; color:#ffffff; font-size:12px; background:rgba(0, 0, 0, 0.8); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }		
#tiptip_arrow, #tiptip_arrow_inner { position:absolute; border-color:transparent; border-style:solid; border-width:6px; height:0; width:0; opacity:0.85; }		
#tiptip_holder.tip_top #tiptip_arrow { border-top-color:#fff; border-top-color:#000000; }		
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color:#fff; border-bottom-color:#000000; }		
#tiptip_holder.tip_right #tiptip_arrow { border-right-color:#fff; border-right-color:#000000; }		 
#tiptip_holder.tip_left #tiptip_arrow { border-left-color:#fff; border-left-color:#000000; }		
#tiptip_holder.tip_top #tiptip_arrow_inner { margin:auto; margin-top:-7px; margin-left:-6px; }		
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top:-5px; margin-left:-6px; }		 
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top:-6px; margin-left:-5px;  }		
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top:-6px; margin-left:-7px;} .dt-sc-toggle-frame-set { float:left; width:100%; margin:0px; padding:0px; }
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion, .dt-sc-toggle-frame h5.dt-sc-toggle { clear:both; margin:0px; background:#ededed; }
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion a, .dt-sc-toggle-frame h5.dt-sc-toggle a { font-size:14px; color:#333334; display:block; padding:0px 15px 0px 60px; }
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active a, .dt-sc-toggle-frame h5.dt-sc-toggle.active a { color:#333334; }
h5.dt-sc-toggle, h5.dt-sc-toggle-accordion { font-size:16px; line-height:40px; clear:both; position:relative; padding-left:55px; margin-bottom:5px; color:#333334; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
h5.dt-sc-toggle:before, h5.dt-sc-toggle-accordion:before { width:40px; height:40px; text-align:center; position:absolute; top:0px; left:0px; content:""; background:url(//drkunalpatel.com/wp-content/plugins/designthemes-core-features/shortcodes/images/toggle-icon.png) bottom left no-repeat; }
h5.dt-sc-toggle.active:before, h5.dt-sc-toggle-accordion.active:before { background-position:top left; }
.dt-sc-toggle-frame h5.dt-sc-toggle a, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a { padding:12px 15px 11px 20px; border-left:40px solid; line-height:normal; }	
.dt-sc-toggle-frame h5.dt-sc-toggle, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion { padding:0px; }
.dt-sc-toggle-content { clear:both; padding:20px 0px 20px; line-height:20px; display:none; }
.dt-sc-toggle-frame { margin-bottom:10px; }
.dt-sc-toggle-frame .dt-sc-toggle-content { background:#ededed; margin:0px; width:100%; padding:0px; }
.dt-sc-toggle-frame .dt-sc-toggle-content .block { padding:10px 10px 25px 20px; border-left:40px solid #d5d5d5; }
.faq h5.dt-sc-toggle-accordion { padding:0px 0px 0px 42px; margin-bottom:13px; line-height:35px; }	
.faq h5.dt-sc-toggle-accordion:before { font-family:'Lato', sans-serif; content:'?'; background:#333334; width:27px; height:27px; text-align:center; line-height:27px; color:#ffffff; border:3px solid #d9d9d9; border-radius:27px; }
.faq h5.dt-sc-toggle-accordion.active:before { content:'?'; }
.faq .dt-sc-toggle-content { padding:0px 0px 10px; margin-left:42px; } ul.dt-sc-fancy-list { list-style-type:none; list-style-position:outside; }
ul.dt-sc-fancy-list li { display:block; position:relative; padding-left:20px; line-height:normal; }
ul.dt-sc-fancy-list li ul { padding-left:0px; }
ul.dt-sc-fancy-list.arrow li { padding-left:15px; }
ul.dt-sc-fancy-list li:before { font-family:FontAwesome; font-style:normal; color:#333334; font-weight:normal; text-decoration:inherit; font-size:14px; position:absolute; top:1px; left:0px; }
ul.dt-sc-fancy-list.arrow li:before { content:"\f105";  }
ul.dt-sc-fancy-list.rounded-arrow li:before { content:"\f0a9";  }
ul.dt-sc-fancy-list.double-arrow li:before { content:"\f101";  }	
ul.dt-sc-fancy-list.heart li:before { content:"\f004"; font-size:12px; }
ul.dt-sc-fancy-list.trash li:before { content:"\f014";  }
ul.dt-sc-fancy-list.star li:before { content:"\f005";  }
ul.dt-sc-fancy-list.tick li:before { content:"\f00c";  }
ul.dt-sc-fancy-list.rounded-tick li:before { content:"\f058";  }
ul.dt-sc-fancy-list.cross li:before { content:"\f00d";  }
ul.dt-sc-fancy-list.rounded-cross li:before { content:"\f057";  }
ul.dt-sc-fancy-list.rounded-question li:before { content:"\f059";  }
ul.dt-sc-fancy-list.rounded-info li:before { content:"\f05a";  }
ul.dt-sc-fancy-list.delete li:before { content:"\f05e";  }
ul.dt-sc-fancy-list.warning li:before { content:"\f071";  }
ul.dt-sc-fancy-list.comment li:before { content:"\f075";  }
ul.dt-sc-fancy-list.edit li:before { content:"\f044";  }
ul.dt-sc-fancy-list.share li:before { content:"\f064";  }
ul.dt-sc-fancy-list.plus li:before { content:"\f067";  }
ul.dt-sc-fancy-list.rounded-plus li:before { content:"\f055";  }
ul.dt-sc-fancy-list.minus li:before { content:"\f068";  }	
ul.dt-sc-fancy-list.rounded-minus li:before { content:"\f056";  }	
ul.dt-sc-fancy-list.asterisk li:before { content:"\f069";  }
ul.dt-sc-fancy-list.cart li:before { content:"\f07a";  }
ul.dt-sc-fancy-list.folder li:before { content:"\f07b";  }
ul.dt-sc-fancy-list.folder-open li:before { content:"\f07c";  }
ul.dt-sc-fancy-list.desktop li:before { content:"\f108";  }
ul.dt-sc-fancy-list.tablet li:before { content:"\f10a";  }
ul.dt-sc-fancy-list.mobile li:before { content:"\f10b";  }
ul.dt-sc-fancy-list.reply li:before { content:"\f112";  }
ul.dt-sc-fancy-list.quote li:before { content:"\f10d";  }
ul.dt-sc-fancy-list.mail li:before { content:"\f0e0";  }
ul.dt-sc-fancy-list.external-link li:before { content:"\f08e";  }	
ul.dt-sc-fancy-list.adjust li:before { content:"\f042";  }
ul.dt-sc-fancy-list.pencil li:before { content:"\f040";  }
ul.dt-sc-fancy-list.print li:before { content:"\f02f";  }
ul.dt-sc-fancy-list.tag li:before { content:"\f02b";  }	
ul.dt-sc-fancy-list.thumbs-up li:before { content:"\f088";  }
ul.dt-sc-fancy-list.thumbs-down li:before { content:"\f087";  }
ul.dt-sc-fancy-list.time li:before { content:"\f017";  }
ul.dt-sc-fancy-list.globe li:before { content:"\f0ac";  }	
ul.dt-sc-fancy-list.pushpin li:before { content:"\f08d";  }
ul.dt-sc-fancy-list.map-marker li:before { content:"\f041";  }
ul.dt-sc-fancy-list.link li:before { content:"\f0c1";  }
ul.dt-sc-fancy-list.paper-clip li:before { content:"\f0c6";  }	
ul.dt-sc-fancy-list.download li:before { content:"\f019";  }
ul.dt-sc-fancy-list.key li:before { content:"\f084";  }
ul.dt-sc-fancy-list.search li:before { content:"\f002";  }
ul.dt-sc-fancy-list.rss li:before { content:"\f09e";  }	
ul.dt-sc-fancy-list.twitter li:before { content:"\f099";  }
ul.dt-sc-fancy-list.facebook li:before { content:"\f09a";  }
ul.dt-sc-fancy-list.linkedin li:before { content:"\f0e1";  }
ul.dt-sc-fancy-list.google-plus li:before { content:"\f0d5";  }
ul.dt-sc-fancy-list.check li:before { content:"\f046";  }
ul.dt-sc-fancy-list.hand li:before { content:"\f0a4";  }
ul.dt-sc-fancy-list.cog li:before { content:"\f013";  }
ul.dt-sc-fancy-list.play li:before { content:"\f01d";  }
ul.dt-sc-fancy-list.green li:before { color:#7aa127; }
ul.dt-sc-fancy-list.orange li:before { color:#f39d12; }
ul.dt-sc-fancy-list.blue li:before { color:#0390b2; }
ul.dt-sc-fancy-list.pink li:before { color:#e67fb9; }
ul.dt-sc-fancy-list.red li:before { color:#e74d3c; }
ul.dt-sc-fancy-list.purple li:before { color:#9c59b6; }
ul.dt-sc-fancy-list.ocean li:before { color:#1abc9c; }	
ul.dt-sc-fancy-list.slateblue li:before { color:#836fff; }
ul.dt-sc-fancy-list.skyblue li:before { color:#00bfff; }
ul.dt-sc-fancy-list.coral li:before { color:#ff7f50; }
ul.dt-sc-fancy-list.khaki li:before { color:#b6af55; }
ul.dt-sc-fancy-list.cyan li:before { color:#00cdcd; }
ul.dt-sc-fancy-list.grey li:before { color:#8e8e8e; }	
ul.dt-sc-fancy-list.gold li:before { color:#e0a81c; }
ul.dt-sc-fancy-list.chocolate li:before { color:#cd661d; }
ul.dt-sc-fancy-list.raspberry li:before { color:#a23b6f; }
ul.dt-sc-fancy-list.electricblue li:before { color:#536878; }
ul.dt-sc-fancy-list.eggplant li:before { color:#614051; }
ul.dt-sc-fancy-list.ferngreen li:before { color:#4f7942; }
ul.dt-sc-fancy-list.palebrown li:before { color:#987654; }
ol.dt-sc-fancy-list li span { color:#333334; }
ol.decimal { list-style-type:decimal; }
ol.decimal-leading-zero { list-style-type:decimal-leading-zero; }
ol.lower-alpha { list-style-type:lower-alpha; }
ol.lower-roman { list-style-type:lower-roman; }
ol.upper-alpha { list-style-type:upper-alpha; }
ol.upper-roman { list-style-type:upper-roman; }	
ol.dt-sc-fancy-list.green li { color:#7aa127; }
ol.dt-sc-fancy-list.orange li { color:#f39d12; }
ol.dt-sc-fancy-list.blue li { color:#0390b2; }
ol.dt-sc-fancy-list.pink li { color:#e67fb9; }
ol.dt-sc-fancy-list.red li { color:#e74d3c; }
ol.dt-sc-fancy-list.purple li { color:#9c59b6; }
ol.dt-sc-fancy-list.ocean li { color:#1abc9c; }	
ol.dt-sc-fancy-list.slateblue li { color:#836fff; }
ol.dt-sc-fancy-list.skyblue li { color:#00bfff; }
ol.dt-sc-fancy-list.coral li { color:#ff7f50; }
ol.dt-sc-fancy-list.khaki li { color:#b6af55; }
ol.dt-sc-fancy-list.cyan li { color:#00cdcd; }
ol.dt-sc-fancy-list.grey li { color:#8e8e8e; }	
ol.dt-sc-fancy-list.gold li { color:#e0a81c; }
ol.dt-sc-fancy-list.chocolate li { color:#cd661d; }
ol.dt-sc-fancy-list.raspberry li { color:#a23b6f; }
ol.dt-sc-fancy-list.electricblue li { color:#536878; }
ol.dt-sc-fancy-list.eggplant li { color:#614051; }
ol.dt-sc-fancy-list.ferngreen li { color:#4f7942; }
ol.dt-sc-fancy-list.palebrown li { color:#987654; } .dt-sc-titled-box { margin-bottom:20px; width:100%; clear:both; }
.dt-sc-titled-box h6.dt-sc-titled-box-title { font-size:16px; font-weight:bold; padding:10px 15px; text-shadow:none; margin:0px; } 
.dt-sc-titled-box h6.dt-sc-titled-box-title span { font-size:16px; margin-right:5px; }
.dt-sc-titled-box-content { padding:15px 15px 20px; line-height:20px; background:#f3f3f3; border:1px solid #ededed; border-top:0px; }				
.dt-sc-titled-box h6.dt-sc-titled-box-title { color:#ffffff; }
.dt-sc-titled-box.green h6.dt-sc-titled-box-title { background:#7aa127; }
.dt-sc-titled-box.blue h6.dt-sc-titled-box-title { background:#0390b2; }
.dt-sc-titled-box.ocean h6.dt-sc-titled-box-title { background:#1abc9c; }
.dt-sc-titled-box.orange h6.dt-sc-titled-box-title { background:#f39d12; }
.dt-sc-titled-box.pink h6.dt-sc-titled-box-title { background:#e67fb9; }
.dt-sc-titled-box.purple h6.dt-sc-titled-box-title { background:#9c59b6; }
.dt-sc-titled-box.red h6.dt-sc-titled-box-title { background:#e74d3c; }	
.dt-sc-titled-box.slateblue h6.dt-sc-titled-box-title { background:#836fff; }
.dt-sc-titled-box.skyblue h6.dt-sc-titled-box-title { background:#00bfff; }
.dt-sc-titled-box.coral h6.dt-sc-titled-box-title { background:#ff7f50; }
.dt-sc-titled-box.khaki h6.dt-sc-titled-box-title { background:#b6af55; }
.dt-sc-titled-box.cyan h6.dt-sc-titled-box-title { background:#00cdcd; }
.dt-sc-titled-box.grey h6.dt-sc-titled-box-title { background:#8e8e8e; }	
.dt-sc-titled-box.gold h6.dt-sc-titled-box-title { background:#e0a81c; }
.dt-sc-titled-box.chocolate h6.dt-sc-titled-box-title { background:#cd661d; }
.dt-sc-titled-box.raspberry h6.dt-sc-titled-box-title { background:#a23b6f; }
.dt-sc-titled-box.electricblue h6.dt-sc-titled-box-title { background:#536878; }
.dt-sc-titled-box.eggplant h6.dt-sc-titled-box-title { background:#614051; }
.dt-sc-titled-box.ferngreen h6.dt-sc-titled-box-title { background:#4f7942; }
.dt-sc-titled-box.palebrown h6.dt-sc-titled-box-title { background:#987654; } .dt-sc-error-box, .dt-sc-warning-box, .dt-sc-success-box, .dt-sc-info-box { margin-bottom:20px; padding:15px 15px 15px 35px; clear:both; }
.dt-sc-error-box a, .dt-sc-warning-box a, .dt-sc-success-box a, .dt-sc-info-box a { text-decoration:underline; }
.dt-sc-error-box { background:#ffcccc; border:1px solid #ff9999; color:#d01313; position:relative; }
.dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { top:13px; left:10px; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:20px; position:absolute; }		
.dt-sc-error-box:before { content:"\f057"; color:#C54228; }
.dt-sc-warning-box { background:#fdebae; border:1px solid #e6c555; color:#c79d13; position:relative; }
.dt-sc-warning-box:before { content:"\f06a"; color:#e2b828; }
.dt-sc-success-box { background:#eafac0; border:1px solid #b1cf67; color:#7ba411; position:relative; }
.dt-sc-success-box:before { content:"\f058"; color:#75b632; }
.dt-sc-info-box { background:#bfe4f9; border:1px solid #68a2cf; color:#2081b9; position:relative; }
.dt-sc-info-box:before { content:"\f05a"; color:#008bc1; }
.dt-sc-error-box a { color:#d01313; }
.dt-sc-warning-box a { color:#c79d13; }
.dt-sc-success-box a { color:#7ba411; }
.dt-sc-info-box a { color:#2081b9; } .dt-sc-dropcap { font-size:24px; float:left; margin:10px 0px 10px 0px; text-align:center; color:#ffffff; line-height:35px; }
.dt-sc-dropcap.dt-sc-dropcap-default { font-size:48px; width:58px; }
.dt-sc-dropcap.dt-sc-dropcap-circle { width:40px; height:40px; line-height:38px; margin:5px 10px 0px 0px; padding:0px; border-radius:30px 30px 30px 30px; behavior:url(//drkunalpatel.com/wp-content/plugins/designthemes-core-features/shortcodes/css/PIE.htc); }
.dt-sc-dropcap.dt-sc-dropcap-bordered-circle { width:38px; height:38px; line-height:36px; margin:5px 10px 0 0; padding:0px; text-align:center; box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); border-radius:30px 30px 30px 30px; behavior:url(//drkunalpatel.com/wp-content/plugins/designthemes-core-features/shortcodes/css/PIE.htc); }
.dt-sc-dropcap.dt-sc-dropcap-square { width:40px; height:40px; line-height:38px; text-align:center; margin:5px 10px 0px 0px; padding:0px; }		
.dt-sc-dropcap.dt-sc-dropcap-bordered-square { box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); width:38px; height:38px; text-align:center; margin:5px 10px 0px 0px; padding:0px; line-height:36px; }
.dt-sc-dropcap.dt-sc-dropcap-default { color:#333334;}
.dt-sc-dropcap.dt-sc-dropcap-circle { background:#333334; }
.dt-sc-dropcap.dt-sc-dropcap-bordered-circle { background:#333334; border:2px solid #FFFFFF; }
.dt-sc-dropcap.dt-sc-dropcap-square { background:#333334; }
.dt-sc-dropcap.dt-sc-dropcap-bordered-square { background:#333334; border:2px solid #FFFFFF; }	
.dt-sc-dropcap.dt-sc-dropcap-default.green { color:#7aa127; }
.dt-sc-dropcap.dt-sc-dropcap-default.orange { color:#f39d12; }
.dt-sc-dropcap.dt-sc-dropcap-default.blue { color:#0390b2; }
.dt-sc-dropcap.dt-sc-dropcap-default.pink { color:#e67fb9; }
.dt-sc-dropcap.dt-sc-dropcap-default.red { color:#e74d3c; }
.dt-sc-dropcap.dt-sc-dropcap-default.purple { color:#9c59b6; }
.dt-sc-dropcap.dt-sc-dropcap-default.ocean { color:#1abc9c; }	
.dt-sc-dropcap.dt-sc-dropcap-default.slateblue { color:#836fff; }
.dt-sc-dropcap.dt-sc-dropcap-default.skyblue { color:#00bfff; }
.dt-sc-dropcap.dt-sc-dropcap-default.coral { color:#ff7f50; }
.dt-sc-dropcap.dt-sc-dropcap-default.khaki { color:#b6af55; }
.dt-sc-dropcap.dt-sc-dropcap-default.cyan { color:#00cdcd; }
.dt-sc-dropcap.dt-sc-dropcap-default.grey { color:#8e8e8e; }	
.dt-sc-dropcap.dt-sc-dropcap-default.gold { color:#e0a81c; }
.dt-sc-dropcap.dt-sc-dropcap-default.chocolate { color:#cd661d; }
.dt-sc-dropcap.dt-sc-dropcap-default.raspberry { color:#a23b6f; }
.dt-sc-dropcap.dt-sc-dropcap-default.electricblue { color:#536878; }
.dt-sc-dropcap.dt-sc-dropcap-default.eggplant { color:#614051; }
.dt-sc-dropcap.dt-sc-dropcap-default.ferngreen { color:#4f7942; }
.dt-sc-dropcap.dt-sc-dropcap-default.palebrown { color:#987654; }
.dt-sc-dropcap-circle.green, .dt-sc-dropcap-bordered-circle.green, .dt-sc-dropcap-square.green, .dt-sc-dropcap-bordered-square.green { background:#7aa127; }
.dt-sc-dropcap-circle.orange, .dt-sc-dropcap-bordered-circle.orange, .dt-sc-dropcap-square.orange, .dt-sc-dropcap-bordered-square.orange { background:#f39d12; }
.dt-sc-dropcap-circle.blue, .dt-sc-dropcap-bordered-circle.blue, .dt-sc-dropcap-square.blue, .dt-sc-dropcap-bordered-square.blue { background:#0390b2; }
.dt-sc-dropcap-circle.pink, .dt-sc-dropcap-bordered-circle.pink, .dt-sc-dropcap-square.pink, .dt-sc-dropcap-bordered-square.pink { background:#e67fb9; }
.dt-sc-dropcap-circle.red, .dt-sc-dropcap-bordered-circle.red, .dt-sc-dropcap-square.red, .dt-sc-dropcap-bordered-square.red { background:#e74d3c; }
.dt-sc-dropcap-circle.purple, .dt-sc-dropcap-bordered-circle.purple, .dt-sc-dropcap-square.purple, .dt-sc-dropcap-bordered-square.purple { background:#9c59b6; }
.dt-sc-dropcap-circle.ocean, .dt-sc-dropcap-bordered-circle.ocean, .dt-sc-dropcap-square.ocean, .dt-sc-dropcap-bordered-square.ocean { background:#1abc9c; }	
.dt-sc-dropcap-circle.slateblue, .dt-sc-dropcap-bordered-circle.slateblue, .dt-sc-dropcap-square.slateblue, .dt-sc-dropcap-bordered-square.slateblue { background:#836fff; }
.dt-sc-dropcap-circle.skyblue, .dt-sc-dropcap-bordered-circle.skyblue, .dt-sc-dropcap-square.skyblue, .dt-sc-dropcap-bordered-square.skyblue { background:#00bfff; }
.dt-sc-dropcap-circle.coral, .dt-sc-dropcap-bordered-circle.coral, .dt-sc-dropcap-square.coral, .dt-sc-dropcap-bordered-square.coral { background:#ff7f50; }
.dt-sc-dropcap-circle.khaki, .dt-sc-dropcap-bordered-circle.khaki, .dt-sc-dropcap-square.khaki, .dt-sc-dropcap-bordered-square.khaki { background:#b6af55; }
.dt-sc-dropcap-circle.cyan, .dt-sc-dropcap-bordered-circle.cyan, .dt-sc-dropcap-square.cyan, .dt-sc-dropcap-bordered-square.cyan { background:#00cdcd; }
.dt-sc-dropcap-circle.grey, .dt-sc-dropcap-bordered-circle.grey, .dt-sc-dropcap-square.grey, .dt-sc-dropcap-bordered-square.grey { background:#8e8e8e; }	
.dt-sc-dropcap-circle.gold, .dt-sc-dropcap-bordered-circle.gold, .dt-sc-dropcap-square.gold, .dt-sc-dropcap-bordered-square.gold { background:#e0a81c; }
.dt-sc-dropcap-circle.chocolate, .dt-sc-dropcap-bordered-circle.chocolate, .dt-sc-dropcap-square.chocolate, .dt-sc-dropcap-bordered-square.chocolate { background:#cd661d; }
.dt-sc-dropcap-circle.raspberry, .dt-sc-dropcap-bordered-circle.raspberry, .dt-sc-dropcap-square.raspberry, .dt-sc-dropcap-bordered-square.raspberry { background:#a23b6f; }
.dt-sc-dropcap-circle.electricblue, .dt-sc-dropcap-bordered-circle.electricblue, .dt-sc-dropcap-square.electricblue, .dt-sc-dropcap-bordered-square.electricblue { background:#536878; }
.dt-sc-dropcap-circle.eggplant, .dt-sc-dropcap-bordered-circle.eggplant, .dt-sc-dropcap-square.eggplant, .dt-sc-dropcap-bordered-square.eggplant { background:#614051; }
.dt-sc-dropcap-circle.ferngreen, .dt-sc-dropcap-bordered-circle.ferngreen, .dt-sc-dropcap-square.ferngreen, .dt-sc-dropcap-bordered-square.ferngreen { background:#4f7942; }
.dt-sc-dropcap-circle.palebrown, .dt-sc-dropcap-bordered-circle.palebrown, .dt-sc-dropcap-square.palebrown, .dt-sc-dropcap-bordered-square.palebrown { background:#987654; } .dt-sc-donutchart { text-align:center; margin:0px 0px 10px; }
h5.dt-sc-donutchart-title { text-align:center; width:100%; }
.dt-sc-donutchart-small { width:100px; float:left; margin:0px 14px; }
.dt-sc-donutchart-medium { width:200px; float:left; margin:0px 20px; }
.dt-sc-donutchart-large { width:300px; float:left; margin:0px 30px; }
.dt-sc-donutchart-small .donutchart-text { font-size:14px !important; } .dt-sc-progress { height:42px; margin-bottom:10px; clear:both; display:block; }
.dt-sc-progress .dt-sc-bar { position:relative; }
.dt-sc-progress .dt-sc-bar-text { font-size:14px; position:absolute; top:0; left:0; line-height:42px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding:0px 20px; color:#fff; font-weight:bold; width:100%; text-align:left; display:none; }
.dt-sc-progress .dt-sc-bar-text > span { float:right; display:block; }
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-moz-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-ms-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 0 0;
}
to {
background-position: 40px 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.dt-sc-progress {
overflow: hidden;
height:42px;
background-color: #ededed;
}
.dt-sc-progress .dt-sc-bar {
width: 0%;
height: 100%;
color: #ffffff;
float: left;
font-size: 12px;
text-align: center;
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.dt-sc-progress .dt-sc-bar + .dt-sc-bar {
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
}
.dt-sc-progress-striped .dt-sc-bar {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px;
}
.dt-sc-progress.active .dt-sc-bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite;
-ms-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
} .dt-sc-infographic-bar { padding:0px 0px 0px 120px; display:block; margin:0px; position:relative; min-height:140px; clear:both; }
.dt-sc-infographic-bar .fa { font-size:140px; position:absolute; left:0; top:0; right:0; width:120px; }
.dt-sc-infographic-bar .dt-sc-bar-percentage { font-size:20px; font-weight:bold; color:#333334; position:relative; border-bottom:1px solid #333334; display:block; height:20px; margin-bottom:20px; }
.dt-sc-infographic-bar .dt-sc-bar-percentage span { position:relative; top:8px; left:0px; background:#ffffff; display:inline-block; padding-right:5px; } .dt-sc-ico-content { width:100%; margin:0px; padding:0px; }
.dt-sc-ico-content.type1, .dt-sc-ico-content.type2, .dt-sc-ico-content.type4 { text-align:center; }
.dt-sc-ico-content.type1 .icon, .dt-sc-ico-content.type2 .icon, .dt-sc-ico-content.type4 .icon, .dt-sc-ico-content.type5 .icon { width:100%; text-align:center;}
.dt-sc-ico-content.type1 .icon span, .dt-sc-ico-content.type2 .icon span, .dt-sc-ico-content.type4 .icon span { display:inline-block; margin-bottom:15px; background:#ededed; border:5px solid #dcdcdc; font-size:30px; line-height:80px; color:#a5a5a5; width:80px; height:80px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 100ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; border-radius:80px; -moz-border-radius:80px; -webkit-border-radius:80px; -o-border-radius:80px; }
.dt-sc-ico-content.type1:hover .icon span, .dt-sc-ico-content.type2:hover .icon span, .dt-sc-ico-content.type4:hover .icon span { color:#ffffff; }
.dt-sc-ico-content.type1 h5, .dt-sc-ico-content.type2 h5, .dt-sc-ico-content.type4 h5 { text-transform:uppercase; border-bottom:1px solid #ededed; padding:0px 0px 10px; }
.dt-sc-ico-content.type1:hover .icon span, .dt-sc-ico-content.type2:hover .icon span, .dt-sc-ico-content.type4:hover .icon span { -moz-transform: scale(1) rotate(360deg) translate(0px); -webkit-transform: scale(1) rotate(360deg) translate(0px); -o-transform: scale(1) rotate(360deg) translate(0px); transform: scale(1) rotate(360deg) translate(0px); }
.dt-sc-ico-content.type1 h5 a:hover, .dt-sc-ico-content.type2 h5 a:hover, .dt-sc-ico-content.type4 h5 a:hover { color:#333334; }
.dt-sc-ico-content.type2, .dt-sc-ico-content.type4 { background:#f5f5f5; padding:20px 2%; width:94%; position:relative; margin-bottom:70px; }
.dt-sc-ico-content.type2 .icon span, .dt-sc-ico-content.type4 .icon span { background:#ffffff; }
.dt-sc-ico-content.type2 h5, .dt-sc-ico-content.type4 h5 { border-color:#dcdcdc; }
.dt-sc-ico-content.type4 .dt-sc-button { position:absolute; bottom:-40px; left:0px; background:#808080; font-size:12px; line-height:40px; text-transform:uppercase; color:#ffffff; font-weight:bold; height:40px; width:100%; display:block; padding:0px; border:none; }
.dt-sc-ico-content.type3 { padding:0px 0px 30px 110px; position:relative; width:auto; }
.dt-sc-ico-content.type3 .icon { position:absolute; left:0px; top:-5px; }
.dt-sc-ico-content.type3 .icon span { display:inline-block; margin-bottom:15px; border:3px solid; font-size:30px; line-height:85px; color:#ffffff; width:84px; height:84px; text-align:center; border-radius:80px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 100ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
.dt-sc-ico-content.type3:hover .icon span { color:#ffffff; }
.dt-sc-ico-content.type3:hover .icon span { -moz-transform: scale(1) rotate(360deg) translate(0px); -webkit-transform: scale(1) rotate(360deg) translate(0px); -o-transform: scale(1) rotate(360deg) translate(0px); transform: scale(1) rotate(360deg) translate(0px); }
.dt-sc-ico-content.type3 h5 { font-size:18px; }
.dt-sc-ico-content.type5 { text-align:center; }
.dt-sc-ico-content.type5 .icon { margin-bottom:20px; }
.dt-sc-ico-content.type5 .icon span { font-size:60px; }
.dt-sc-ico-content.type5 h5 { text-transform:uppercase; font-size:16px; margin-bottom:10px; }
.dt-sc-ico-content.type5 p { color:#808080; } .dt-sc-colored-box { width:100%; float:left; margin:0px; padding:15px 5% 20px; width:90%; color:#ffffff; }		
.dt-sc-colored-box a, .dt-sc-colored-box h5 { color:#ffffff; }
.dt-sc-colored-box h5 { text-transform:uppercase; border-bottom:1px solid #ffffff; padding-bottom:15px; margin-bottom:15px; }
.dt-sc-colored-box h5 span { font-size:30px; margin-right:10px; position:relative; top:3px; }
.dt-sc-colored-box .dt-sc-button { border-color:#ffffff; color:#ffffff; text-transform:uppercase; font-weight:normal; }
.dt-sc-colored-box .dt-sc-button:after { background:#ffffff; }
.dt-sc-colored-box .dt-sc-button:hover { color:#333334; }
.dt-sc-colored-box h5 img { margin-right:10px; max-height:25px; position:relative; top:4px; } .dt-sc-team { float:left; width:100%; margin:0px 0px 20px; padding:0px; }
.dt-sc-team .image { float:left; width:20%; margin-right:4%; }
.dt-sc-team .image img { border:5px solid; border-radius:100%; max-width:94%; }
#primary .dt-sc-team .image img { max-width:94%; }
.dt-sc-team .team-details { float:left; width:76%; }
.dt-sc-team h4 { background:#ededed; font-size:14px; line-height:40px; margin-bottom:20px; }
.dt-sc-team h4 i { font-size:14px; color:#ffffff; line-height:40px; padding:0px 15px; margin:0px 10px 0px 0px; }
.dt-sc-team h4 span { color:#808080; font-weight:normal; }
.dt-sc-team h6 { font-style:italic; color:#919191; font-weight:normal; border-top:1px solid #ededed; padding:10px 0px 0px; margin:5px 0px 0px; float:left; clear:both; width:100%; }
.dt-sc-team .email { color:#333334; }
.dt-sc-team .dt-sc-social-icons { float:left; clear:both; margin:10px 0px 0px; width:100%; } .dt-sc-numbered-list li { display:block; width:100%; margin:0px 0px 10px; padding:0px; line-height:40px; color:#ffffff; }
.dt-sc-numbered-list li span { margin:0px 10px 0px 0px; line-height:40px; padding:0px 15px; display:inline-block; }
.dt-sc-numbered-list-type2 li { display:block; width:100%; margin:0px 0px 5px; padding:0px; line-height:24px; }
.dt-sc-numbered-list-type2 li span { margin:0px 10px 0px 5px; line-height:22px; padding:0px; display:inline-block; width:24px; height:24px; background:#787878; color:#ffffff; font-weight:bold; border-radius:24px; text-align:center; } .dt-sc-callout-box { width:100%; margin:0px; padding:0px; float:left; }
.dt-sc-callout-box.type1 { background:url(//drkunalpatel.com/wp-content/plugins/designthemes-core-features/shortcodes/images/introtext-border-top.png) center top no-repeat; padding:40px 0px 0px; text-align:center; }
.dt-sc-callout-box.type1 h4 { text-transform:uppercase; margin-bottom:10px; }
.dt-sc-callout-box.type1 h4 span.highlight { color:#ffffff; padding:7px 15px; margin:0px 5px; }
.dt-sc-callout-box.type1 h5 { text-transform:uppercase; color:#a0a0a1; background:url(//drkunalpatel.com/wp-content/plugins/designthemes-core-features/shortcodes/images/intro-text-border-bottom.png) center bottom no-repeat; padding-bottom:37px; }
.dt-sc-callout-box.type2, .dt-sc-callout-box.type3, .dt-sc-callout-box.type4 { background:#ededed; padding:30px 2.5%; width:95%; }
.dt-sc-callout-box.type2 h4, .dt-sc-callout-box.type3 h4, .dt-sc-callout-box.type4 h4 { text-transform:uppercase; margin-bottom:5px; }
.dt-sc-callout-box.type2 h5, .dt-sc-callout-box.type3 h5, .dt-sc-callout-box.type4 h5 { color:#a0a0a1; margin-bottom:0px; }		
.dt-sc-callout-box.type3 h4, .dt-sc-callout-box.type3 h5 { color:#ffffff; }
.dt-sc-callout-box.type4 { border-left:5px solid; width:94.5%; }
.dt-sc-callout-box.type2 .dt-sc-button, .dt-sc-callout-box.type3 .dt-sc-button, .dt-sc-callout-box.type4 .dt-sc-button { float:right; }
.dt-sc-callout-box.type3 .dt-sc-button { border-color:#ffffff; color:#ffffff; text-transform:uppercase; font-weight:normal; }
.dt-sc-callout-box.type3 .dt-sc-button:after { background:#ffffff; }
.dt-sc-callout-box.type3 .dt-sc-button:hover { color:#333334; }
.dt-sc-callout-box.type5 { padding:30px 2.5%; width:88.8%; border-left:5px solid; position:relative; }
.dt-sc-callout-box.type5 h4 { font-size:22px; text-transform:uppercase; margin-bottom:11px; }
.dt-sc-callout-box.type5 h5 { margin-bottom:0px; }
.dt-sc-callout-box.type5:after { content:""; border-top:60px solid transparent; border-bottom:60px solid transparent; border-left:35px solid; right:-35px; width:0; height:0; margin:auto; top:0px; bottom:0; position:absolute; }
.dt-sc-callout-box.type2 .dt-sc-button, .dt-sc-callout-box.type3 .dt-sc-button, .dt-sc-callout-box.type4 .dt-sc-button, .dt-sc-callout-box.type5 .dt-sc-button { right:-5px; position:relative; padding:11px 20px; font-size:14px; } .dt-sc-testimonial-carousel-wrapper { float:left; clear:both; margin:0px; padding:0px; width:100%; position:relative; }
.dt-sc-testimonial-carousel li { display:block; float:left; }
.dt-sc-testimonial { margin:0px 0px 35px; padding:0px 0px 0px 120px; float:left; position:relative; }
.dt-sc-testimonial .author { position:absolute; left:0px; top:0px; float:left; width:90px; height:90px; border-radius:90px; }
.dt-sc-testimonial .author img { border:5px solid; max-width:80px; border-radius:80px;  }
.dt-sc-testimonial .author img:hover { -moz-transform: scale(1) rotate(20deg) translate(0px); -webkit-transform: scale(1) rotate(20deg) translate(0px); -o-transform: scale(1) rotate(20deg) translate(0px); transform: scale(1) rotate(20deg) translate(0px); }
.dt-sc-testimonial blockquote { padding:15px 20px; background:none; border:1px solid #d9d9d9; border-top:3px solid; margin:0px; }
.dt-sc-testimonial blockquote q { font-size:18px; line-height:28px; font-style:italic; font-weight:normal; color:#787878; display:inline; }
.dt-sc-testimonial blockquote:before { content:""; border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:6px solid; left:-10px; width:0; height:0; margin:auto; top:-3px; position:absolute; bottom:inherit; }
.dt-sc-testimonial cite { float:right; margin:10px 0px 0px; color:#333334; } 
.dt-sc-testimonial cite span { color:#808080; } .dt-sc-contact-info { padding:15px 0px; border-top:1px solid #ededed; width:100%; display:block; clear:both; color:#333334; float:left; margin:0px; }
.dt-sc-contact-info i { font-size:20px; color:#808080; display:inline-block; margin:0px 10px 0px 0px; float:left; position:relative; top:2px; }
.dt-sc-contact-info.address i { margin:0px 10px 10px 0px; }
.dt-sc-contact-info span { color:#808080; }
.dt-sc-appointment { margin:10px 0px 0px; float:left; width:100%; padding:0px; }
.dt-sc-appointment .dt-sc-contact-info { background:#ededed; display:block; width:100%; margin:0px 0px 10px; padding:0px; line-height:40px; color:#808080; }
.dt-sc-appointment .dt-sc-contact-info.address span { display:inline-block; padding:5px 0px 0px; line-height:24px; }
.dt-sc-appointment .dt-sc-contact-info i { margin:0px 10px 0px 0px; line-height:40px; padding:0px; width:40px; text-align:center; height:40px; display:inline-block; color:#ffffff; top:0px; font-size:14px; }
.dt-sc-appointment .dt-sc-contact-info span { color:#333334; } @media only screen and (-moz-min-device-pixel-ratio: 1.5), 
only screen and (-o-min-device-pixel-ratio: 3/2), 
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min-devicepixel-ratio: 1.5), 
only screen and (min-resolution: 1.5dppx) {
.dt-sc-hr { background-image:url(//drkunalpatel.com/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter@2x.png); background-size:15px 10px; }
.dt-sc-hr-medium { background-image:url(//drkunalpatel.com/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter-medium@2x.png); background-size:15px 16px;  }
.dt-sc-hr-large { background-image:url(//drkunalpatel.com/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter-large@2x.png); background-size:15px 22px; }		
.dt-sc-hr-border { background-image:url(//drkunalpatel.com/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter2@2x.png); background-size:18px 1px; }
ul.dt-sc-tabs-vertical-frame li.current a span { background-image:url(//drkunalpatel.com/wp-content/plugins/designthemes-core-features/shortcodes/images/vertical-tabs-active@2x.png); background-size:7px 12px; }
h5.dt-sc-toggle:before, h5.dt-sc-toggle-accordion:before { background-image:url(//drkunalpatel.com/wp-content/plugins/designthemes-core-features/shortcodes/images/toggle-icon@2x.png); background-size:40px 80px; }
.dt-sc-callout-box.type1 { background-image:url(//drkunalpatel.com/wp-content/plugins/designthemes-core-features/shortcodes/images/introtext-border-top@2x.png); background-size:1060px 27px; }
.dt-sc-callout-box.type1 h5 { background-image:url(//drkunalpatel.com/wp-content/plugins/designthemes-core-features/shortcodes/images/intro-text-border-bottom@2x.png); background-size:1060px 10px; }
}.animate {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
visibility:hidden;
}
.animate.hinge {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@-moz-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@-o-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
.animate.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
visibility: visible !important;
}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes shake {
0%, 100% {-moz-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}
@-o-keyframes shake {
0%, 100% {-o-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}
@keyframes shake {
0%, 100% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.animate.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
visibility: visible !important;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.animate.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
visibility: visible !important;
}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);}
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
0% {-moz-transform: scale(1);}
10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
100% {-moz-transform: scale(1) rotate(0);}
}
@-o-keyframes tada {
0% {-o-transform: scale(1);}
10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
100% {-o-transform: scale(1) rotate(0);}
}
@keyframes tada {
0% {transform: scale(1);}
10%, 20% {transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
100% {transform: scale(1) rotate(0);}
}
.animate.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
visibility: visible !important;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
20% { -webkit-transform: rotate(15deg); }
40% { -webkit-transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); }
80% { -webkit-transform: rotate(-5deg); }
100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes swing {
20% { -moz-transform: rotate(15deg); }
40% { -moz-transform: rotate(-10deg); }
60% { -moz-transform: rotate(5deg); }
80% { -moz-transform: rotate(-5deg); }
100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes swing {
20% { -o-transform: rotate(15deg); }
40% { -o-transform: rotate(-10deg); }
60% { -o-transform: rotate(5deg); }
80% { -o-transform: rotate(-5deg); }
100% { -o-transform: rotate(0deg); }
}
@keyframes swing {
20% { transform: rotate(15deg); }
40% { transform: rotate(-10deg); }
60% { transform: rotate(5deg); }
80% { transform: rotate(-5deg); }
100% { transform: rotate(0deg); }
}
.animate.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
visibility: visible !important;
} @-webkit-keyframes wobble {
0% { -webkit-transform: translateX(0%); }
15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
30% { -webkit-transform: translateX(20%) rotate(3deg); }
45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
60% { -webkit-transform: translateX(10%) rotate(2deg); }
75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
100% { -webkit-transform: translateX(0%); }
}
@-moz-keyframes wobble {
0% { -moz-transform: translateX(0%); }
15% { -moz-transform: translateX(-25%) rotate(-5deg); }
30% { -moz-transform: translateX(20%) rotate(3deg); }
45% { -moz-transform: translateX(-15%) rotate(-3deg); }
60% { -moz-transform: translateX(10%) rotate(2deg); }
75% { -moz-transform: translateX(-5%) rotate(-1deg); }
100% { -moz-transform: translateX(0%); }
}
@-o-keyframes wobble {
0% { -o-transform: translateX(0%); }
15% { -o-transform: translateX(-25%) rotate(-5deg); }
30% { -o-transform: translateX(20%) rotate(3deg); }
45% { -o-transform: translateX(-15%) rotate(-3deg); }
60% { -o-transform: translateX(10%) rotate(2deg); }
75% { -o-transform: translateX(-5%) rotate(-1deg); }
100% { -o-transform: translateX(0%); }
}
@keyframes wobble {
0% { transform: translateX(0%); }
15% { transform: translateX(-25%) rotate(-5deg); }
30% { transform: translateX(20%) rotate(3deg); }
45% { transform: translateX(-15%) rotate(-3deg); }
60% { transform: translateX(10%) rotate(2deg); }
75% { transform: translateX(-5%) rotate(-1deg); }
100% { transform: translateX(0%); }
}
.animate.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
visibility: visible !important;
} @-webkit-keyframes pulse {
0% { -webkit-transform: scale(1); }
50% { -webkit-transform: scale(1.1); }
100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
0% { -moz-transform: scale(1); }
50% { -moz-transform: scale(1.1); }
100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
0% { -o-transform: scale(1); }
50% { -o-transform: scale(1.1); }
100% { -o-transform: scale(1); }
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.animate.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
visibility: visible !important;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-moz-animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-moz-animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-moz-animation-timing-function: ease-in;
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-o-animation-timing-function: ease-out;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-o-animation-timing-function: ease-out;
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in;
}
80% {
-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-o-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
animation-timing-function: ease-in;
}
}
.animate.flip {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible !important;
-moz-animation-name: flip;
-o-backface-visibility: visible !important;
-o-animation-name: flip;
backface-visibility: visible !important;
animation-name: flip;
visibility: visible !important;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.animate.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
visibility: visible !important;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.animate.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible !important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible !important;
animation-name: flipOutX;
backface-visibility: visible !important;
visibility: visible !important;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateY(10deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-10deg);
}
70% {
-o-transform: perspective(400px) rotateY(10deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.animate.flipInY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible !important;
-o-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY;
visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.animate.flipOutY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipOutY;
-o-backface-visibility: visible !important;
-o-animation-name: flipOutY;
backface-visibility: visible !important;
animation-name: flipOutY;
visibility: visible !important;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.animate.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animate.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animate.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
visibility: visible !important;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animate.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
visibility: visible !important;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animate.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
visibility: visible !important;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animate.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
visibility: visible !important;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animate.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
visibility: visible !important;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animate.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
visibility: visible !important;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animate.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
visibility: visible !important;
}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.animate.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
visibility: visible !important;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
.animate.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp;
visibility: visible !important;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}
.animate.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown;
visibility: visible !important;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-20px);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-20px);
}
}
.animate.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
visibility: visible !important;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(20px);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
.animate.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight;
visibility: visible !important;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.animate.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
visibility: visible !important;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.animate.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
visibility: visible !important;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.animate.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
visibility: visible !important;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.animate.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
visibility: visible !important;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.animate.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
visibility: visible !important;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
.animate.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
visibility: visible !important;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.animate.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
visibility: visible !important;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
.animate.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
visibility: visible !important;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
.animate.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
visibility: visible !important;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
}
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(.95);
}
50% {
opacity: 1;
-moz-transform: scale(1.1);
}
100% {
opacity: 0;
-moz-transform: scale(.3);
}
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(.95);
}
50% {
opacity: 1;
-o-transform: scale(1.1);
}
100% {
opacity: 0;
-o-transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(.3);
}
}
.animate.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut;
visibility: visible !important;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(20px);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(20px);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.animate.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp;
visibility: visible !important;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(-20px);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(-20px);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.animate.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown;
visibility: visible !important;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(20px);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.animate.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
visibility: visible !important;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(-20px);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.animate.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight;
visibility: visible !important;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.animate.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
visibility: visible !important;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.animate.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
visibility: visible !important;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.animate.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
visibility: visible !important;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.animate.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
visibility: visible !important;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.animate.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
visibility: visible !important;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0;
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
.animate.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut;
visibility: visible !important;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.animate.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
visibility: visible !important;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.animate.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
visibility: visible !important;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.animate.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
visibility: visible !important;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.animate.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
visibility: visible !important;
}
@-webkit-keyframes hinge {
0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
100% { -webkit-transform: translateY(700px); opacity: 0; }
}
@-moz-keyframes hinge {
0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
100% { -moz-transform: translateY(700px); opacity: 0; }
}
@-o-keyframes hinge {
0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
100% { -o-transform: translateY(700px); opacity: 0; }
}
@keyframes hinge {
0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
100% { transform: translateY(700px); opacity: 0; }
}
.animate.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge;
visibility: visible !important;
} @-webkit-keyframes rollIn {
0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rollIn {
0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollIn {
0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.animate.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn;
visibility: visible !important;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
}
}
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-moz-transform: translateX(100%) rotate(120deg);
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-o-transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg);
}
}
.animate.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut;
visibility: visible !important;
} @-webkit-keyframes lightSpeedIn {
0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-moz-keyframes lightSpeedIn {
0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-o-keyframes lightSpeedIn {
0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@keyframes lightSpeedIn {
0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}
.animate.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
visibility: visible !important;
}
.animate.lightSpeedIn {
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;
} @-webkit-keyframes lightSpeedOut {
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-moz-keyframes lightSpeedOut {
0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-o-keyframes lightSpeedOut {
0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@keyframes lightSpeedOut {
0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
.animate.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
visibility: visible !important;
}
.animate.lightSpeedOut {
-webkit-animation-duration: 0.25s;
-moz-animation-duration: 0.25s;
-o-animation-duration: 0.25s;
animation-duration: 0.25s;
} .slideDown{
animation-name: slideDown;
-webkit-animation-name: slideDown;	
animation-duration: 1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes slideDown {
0% {
transform: translateY(-100%);
}
50%{
transform: translateY(8%);
}
65%{
transform: translateY(-4%);
}
80%{
transform: translateY(4%);
}
95%{
transform: translateY(-2%);
}			
100% {
transform: translateY(0%);
}		
}
@-webkit-keyframes slideDown {
0% {
-webkit-transform: translateY(-100%);
}
50%{
-webkit-transform: translateY(8%);
}
65%{
-webkit-transform: translateY(-4%);
}
80%{
-webkit-transform: translateY(4%);
}
95%{
-webkit-transform: translateY(-2%);
}			
100% {
-webkit-transform: translateY(0%);
}	
} .slideUp{
animation-name: slideUp;
-webkit-animation-name: slideUp;	
animation-duration: 1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes slideUp {
0% {
transform: translateY(100%);
}
50%{
transform: translateY(-8%);
}
65%{
transform: translateY(4%);
}
80%{
transform: translateY(-4%);
}
95%{
transform: translateY(2%);
}			
100% {
transform: translateY(0%);
}	
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform: translateY(100%);
}
50%{
-webkit-transform: translateY(-8%);
}
65%{
-webkit-transform: translateY(4%);
}
80%{
-webkit-transform: translateY(-4%);
}
95%{
-webkit-transform: translateY(2%);
}			
100% {
-webkit-transform: translateY(0%);
}	
} .slideLeft{
animation-name: slideLeft;
-webkit-animation-name: slideLeft;	
animation-duration: 1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease-in-out;	
-webkit-animation-timing-function: ease-in-out;	
visibility: visible !important;
}
@keyframes slideLeft {
0% {
transform: translateX(150%);
}
50%{
ransform: translateX(-8%);
}
65%{
transform: translateX(4%);
}
80%{
transform: translateX(-4%);
}
95%{
transform: translateX(2%);
}			
100% {
transform: translateX(0%);
}
}
@-webkit-keyframes slideLeft {
0% {
-webkit-transform: translateX(150%);
}
50%{
-webkit-transform: translateX(-8%);
}
65%{
-webkit-transform: translateX(4%);
}
80%{
-webkit-transform: translateX(-4%);
}
95%{
-webkit-transform: translateX(2%);
}			
100% {
-webkit-transform: translateX(0%);
}
} .slideRight{
animation-name: slideRight;
-webkit-animation-name: slideRight;	
animation-duration: 1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease-in-out;	
-webkit-animation-timing-function: ease-in-out;		
visibility: visible !important;
}
@keyframes slideRight {
0% {
transform: translateX(-150%);
}
50%{
transform: translateX(8%);
}
65%{
transform: translateX(-4%);
}
80%{
transform: translateX(4%);
}
95%{
transform: translateX(-2%);
}			
100% {
transform: translateX(0%);
}	
}
@-webkit-keyframes slideRight {
0% {
-webkit-transform: translateX(-150%);
}
50%{
-webkit-transform: translateX(8%);
}
65%{
-webkit-transform: translateX(-4%);
}
80%{
-webkit-transform: translateX(4%);
}
95%{
-webkit-transform: translateX(-2%);
}			
100% {
-webkit-transform: translateX(0%);
}
} .slideExpandUp{
animation-name: slideExpandUp;
-webkit-animation-name: slideExpandUp;	
animation-duration: 1.6s;	
-webkit-animation-duration: 1.6s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease -out;
visibility: visible !important;
}
@keyframes slideExpandUp {
0% {
transform: translateY(100%) scaleX(0.5);
}
30%{
transform: translateY(-8%) scaleX(0.5);
}	
40%{
transform: translateY(2%) scaleX(0.5);
}
50%{
transform: translateY(0%) scaleX(1.1);
}
60%{
transform: translateY(0%) scaleX(0.9);		
}
70% {
transform: translateY(0%) scaleX(1.05);
}			
80%{
transform: translateY(0%) scaleX(0.95);		
}
90% {
transform: translateY(0%) scaleX(1.02);
}	
100%{
transform: translateY(0%) scaleX(1);		
}
}
@-webkit-keyframes slideExpandUp {
0% {
-webkit-transform: translateY(100%) scaleX(0.5);
}
30%{
-webkit-transform: translateY(-8%) scaleX(0.5);
}	
40%{
-webkit-transform: translateY(2%) scaleX(0.5);
}
50%{
-webkit-transform: translateY(0%) scaleX(1.1);
}
60%{
-webkit-transform: translateY(0%) scaleX(0.9);		
}
70% {
-webkit-transform: translateY(0%) scaleX(1.05);
}			
80%{
-webkit-transform: translateY(0%) scaleX(0.95);		
}
90% {
-webkit-transform: translateY(0%) scaleX(1.02);
}	
100%{
-webkit-transform: translateY(0%) scaleX(1);		
}
} .expandUp{
animation-name: expandUp;
-webkit-animation-name: expandUp;	
animation-duration: 0.7s;	
-webkit-animation-duration: 0.7s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;	
visibility: visible !important;
}
@keyframes expandUp {
0% {
transform: translateY(100%) scale(0.6) scaleY(0.5);
}
60%{
transform: translateY(-7%) scaleY(1.12);
}
75%{
transform: translateY(3%);
}	
100% {
transform: translateY(0%) scale(1) scaleY(1);
}	
}
@-webkit-keyframes expandUp {
0% {
-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
}
60%{
-webkit-transform: translateY(-7%) scaleY(1.12);
}
75%{
-webkit-transform: translateY(3%);
}	
100% {
-webkit-transform: translateY(0%) scale(1) scaleY(1);
}	
} .expandOpen{
animation-name: expandOpen;
-webkit-animation-name: expandOpen;	
animation-duration: 1.2s;	
-webkit-animation-duration: 1.2s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;
visibility: visible !important;
}
@keyframes expandOpen {
0% {
transform: scale(1.8);		
}
50% {
transform: scale(0.95);
}	
80% {
transform: scale(1.05);
}
90% {
transform: scale(0.98);
}	
100% {
transform: scale(1);
}			
}
@-webkit-keyframes expandOpen {
0% {
-webkit-transform: scale(1.8);		
}
50% {
-webkit-transform: scale(0.95);
}	
80% {
-webkit-transform: scale(1.05);
}
90% {
-webkit-transform: scale(0.98);
}	
100% {
-webkit-transform: scale(1);
}					
} .bigEntrance{
animation-name: bigEntrance;
-webkit-animation-name: bigEntrance;	
animation-duration: 1.6s;	
-webkit-animation-duration: 1.6s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
visibility: visible !important;
}
@keyframes bigEntrance {
0% {
transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}
30% {
transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
opacity: 1;
}
45% {
transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
60% {
transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
opacity: 1;
}	
75% {
transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
90% {
transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
opacity: 1;
}	
100% {
transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}		
}
@-webkit-keyframes bigEntrance {
0% {
-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}
30% {
-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
opacity: 1;
}
45% {
-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
60% {
-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
opacity: 1;
}	
75% {
-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
90% {
-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
opacity: 1;
}	
100% {
-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}				
} .hatch{
animation-name: hatch;
-webkit-animation-name: hatch;	
animation-duration: 2s;	
-webkit-animation-duration: 2s;
animation-timing-function: ease-in-out;	
-webkit-animation-timing-function: ease-in-out;
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%; 
visibility: visible !important;
}
@keyframes hatch {
0% {
transform: rotate(0deg) scaleY(0.6);
}
20% {
transform: rotate(-2deg) scaleY(1.05);
}
35% {
transform: rotate(2deg) scaleY(1);
}
50% {
transform: rotate(-2deg);
}	
65% {
transform: rotate(1deg);
}	
80% {
transform: rotate(-1deg);
}		
100% {
transform: rotate(0deg);
}									
}
@-webkit-keyframes hatch {
0% {
-webkit-transform: rotate(0deg) scaleY(0.6);
}
20% {
-webkit-transform: rotate(-2deg) scaleY(1.05);
}
35% {
-webkit-transform: rotate(2deg) scaleY(1);
}
50% {
-webkit-transform: rotate(-2deg);
}	
65% {
-webkit-transform: rotate(1deg);
}	
80% {
-webkit-transform: rotate(-1deg);
}		
100% {
-webkit-transform: rotate(0deg);
}		
} .floating{
animation-name: floating;
-webkit-animation-name: floating;
animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
visibility: visible !important;
}
@keyframes floating {
0% {
transform: translateY(0%);	
}
50% {
transform: translateY(8%);	
}	
100% {
transform: translateY(0%);
}			
}
@-webkit-keyframes floating {
0% {
-webkit-transform: translateY(0%);	
}
50% {
-webkit-transform: translateY(8%);	
}	
100% {
-webkit-transform: translateY(0%);
}			
} .tossing{
animation-name: tossing;
-webkit-animation-name: tossing;	
animation-duration: 2.5s;	
-webkit-animation-duration: 2.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
visibility: visible !important;
}
@keyframes tossing {
0% {
transform: rotate(-4deg);	
}
50% {
transform: rotate(4deg);
}
100% {
transform: rotate(-4deg);	
}						
}
@-webkit-keyframes tossing {
0% {
-webkit-transform: rotate(-4deg);	
}
50% {
-webkit-transform: rotate(4deg);
}
100% {
-webkit-transform: rotate(-4deg);	
}				
} .pullUp{
animation-name: pullUp;
-webkit-animation-name: pullUp;	
animation-duration: 1.1s;	
-webkit-animation-duration: 1.1s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%; 		
visibility: visible !important;
}
@keyframes pullUp {
0% {
transform: scaleY(0.1);
}
40% {
transform: scaleY(1.02);
}
60% {
transform: scaleY(0.98);
}
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(0.98);
}				
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(1);
}							
}
@-webkit-keyframes pullUp {
0% {
-webkit-transform: scaleY(0.1);
}
40% {
-webkit-transform: scaleY(1.02);
}
60% {
-webkit-transform: scaleY(0.98);
}
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(0.98);
}				
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(1);
}		
} .pullDown{
animation-name: pullDown;
-webkit-animation-name: pullDown;	
animation-duration: 1.1s;	
-webkit-animation-duration: 1.1s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-webkit-transform-origin: 50% 0%; 
visibility: visible !important;
}
@keyframes pullDown {
0% {
transform: scaleY(0.1);
}
40% {
transform: scaleY(1.02);
}
60% {
transform: scaleY(0.98);
}
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(0.98);
}				
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(1);
}							
}
@-webkit-keyframes pullDown {
0% {
-webkit-transform: scaleY(0.1);
}
40% {
-webkit-transform: scaleY(1.02);
}
60% {
-webkit-transform: scaleY(0.98);
}
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(0.98);
}				
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(1);
}		
} .stretchLeft{
animation-name: stretchLeft;
-webkit-animation-name: stretchLeft;	
animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0%; 
visibility: visible !important;
}
@keyframes stretchLeft {
0% {
transform: scaleX(0.3);
}
40% {
transform: scaleX(1.02);
}
60% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(0.98);
}				
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(1);
}							
}
@-webkit-keyframes stretchLeft {
0% {
-webkit-transform: scaleX(0.3);
}
40% {
-webkit-transform: scaleX(1.02);
}
60% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(0.98);
}				
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(1);
}		
} .stretchRight{
animation-name: stretchRight;
-webkit-animation-name: stretchRight;	
animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%; 	
visibility: visible !important;
}
@keyframes stretchRight {
0% {
transform: scaleX(0.3);
}
40% {
transform: scaleX(1.02);
}
60% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(0.98);
}				
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(1);
}							
}
@-webkit-keyframes stretchRight {
0% {
-webkit-transform: scaleX(0.3);
}
40% {
-webkit-transform: scaleX(1.02);
}
60% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(0.98);
}				
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(1);
}		
}