/* Author: Nicdark Author URI: http://www.nicdarkthemes.com/ */ /* Author: Nicdark Author URI: http://www.nicdarkthemes.com/ */ /**************************************************************************** Table of Content *************************************************************************** SOME CLASSES THAT YOU CAN APPLY TO ALL ELEMENTS FOR DECIDE THE GRAPHIC 1- background class 2- border color options 3- shadow color for elements 4- radius options 5- strike text SOME SHORTCODES FOR CREATE YOUR PAGES 6- logo options 7 button rules 8- btn icon 9- btn icon bg 10- divider 11- dropcaps 12- alerts 13- iframe 14- accordion 15- toogle 16- progress bar 17- tabs 18- list 19- table 20- filter 21- left sidebar 22- right sidebar 23- triangle SOME CLASSES FOR MARGIN, PADDING AND POSITION OPTIONS 24- block 25- display none 26- padding 27- space 28- margin 29- size 30- absolute 31- relative 32- height SOME CLASSES FOR ARCHIVE SECTION 33- textevidence 34- focus 35- archive 36- activity 37- mansonry EFFECTS HOVER 38- rotate 39- press 40- zoom 41- opacity 42- transition 43- bg JQUERY UI 44- calendar 45- tooltip 46- slide range */ /***********************SOME CLASSES THAT YOU CAN APPLY TO ALL ELEMENTS FOR DECIDE THE GRAPHIC*************************************/ /* 1 - START NICDARKBG*/ .nicdark_bg_white{ background-color: #ffffff; } .nicdark_bg_grey{ background-color: #f9f9f9; } .nicdark_bg_grey2{ background-color: #f1f1f1; } .nicdark_bg_greydark{ background-color: #495052;} .nicdark_bg_greydark2{ background-color: #404547;} .nicdark_bg_green{ background-color: #6fc191; } .nicdark_bg_blue{ background-color: #74cee4; } .nicdark_bg_violet{ background-color: #c389ce; } .nicdark_bg_orange{ background-color: #ec774b; } .nicdark_bg_red{ background-color: #e16c6c; } .nicdark_bg_yellow{ background-color: #edbf47; } .nicdark_bg_greendark{ background-color: #6ab78a; } .nicdark_bg_bluedark{ background-color: #6fc4d9; } .nicdark_bg_violetdark{ background-color: #ac7ab5; } .nicdark_bg_orangedark{ background-color: #df764e; } .nicdark_bg_reddark{ background-color: #c86969; } .nicdark_bg_yellowdark{ background-color: #e0b84e; } .nicdark_bg_gradient{ background: #74cee4; /* Old browsers */ background: -moz-linear-gradient(left, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#74cee4), color-stop(16%,#66ce9c), color-stop(32%,#edbf47), color-stop(49%,#ec774b), color-stop(65%,#74cee4), color-stop(83%,#66ce9c), color-stop(100%,#edbf47)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #74cee4 0%,#66ce9c 16%,#edbf47 32%,#ec774b 49%,#74cee4 65%,#66ce9c 83%,#edbf47 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #74cee4 0%,#66ce9c 16%,#edbf47 32%,#ec774b 49%,#74cee4 65%,#66ce9c 83%,#edbf47 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #74cee4 0%,#66ce9c 16%,#edbf47 32%,#ec774b 49%,#74cee4 65%,#66ce9c 83%,#edbf47 100%); /* IE10+ */ background: linear-gradient(to right, #74cee4 0%,#66ce9c 16%,#edbf47 32%,#ec774b 49%,#74cee4 65%,#66ce9c 83%,#edbf47 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74cee4', endColorstr='#edbf47',GradientType=1 ); /* IE6-9 */ } /*END NICDARKBG*/ /* 2- START NICDARKBORDER: applica l'ombra del colore selezionato*/ .nicdark_border_white, .nicdark_border_white td, .nicdark_border_white th{ border: 2px solid #ffffff; } .nicdark_border_grey, .nicdark_border_grey td, .nicdark_border_grey th{ border: 2px solid #f1f1f1; } .nicdark_border_grey2, .nicdark_border_grey2 td, .nicdark_border_grey2 th{ border: 2px solid #e5e5e5; } .nicdark_border_greydark, .nicdark_border_greydark td, .nicdark_border_greydark th{ border: 2px solid #404547; } .nicdark_border_greydark2, .nicdark_border_greydark2 td, .nicdark_border_greydark2 th{ border: 2px solid #353b3d; } .nicdark_border_green, .nicdark_border_green td, .nicdark_border_green th{ border: 2px solid #6ab78a; } .nicdark_border_blue, .nicdark_border_blue td, .nicdark_border_blue th{ border: 2px solid #6fc4d9; } .nicdark_border_violet, .nicdark_border_violet td, .nicdark_border_violet th{ border: 2px solid #ac7ab5; } .nicdark_border_orange, .nicdark_border_orange td, .nicdark_border_orange th{ border: 2px solid #df764e; } .nicdark_border_red, .nicdark_border_red td, .nicdark_border_red th{ border: 2px solid #c86969; } .nicdark_border_yellow, .nicdark_border_yellow td, .nicdark_border_yellow th{ border: 2px solid #e0b84e; } .nicdark_border_greendark, .nicdark_border_greendark td, .nicdark_border_greendark th{ border: 2px solid #65ae83; } .nicdark_border_bluedark, .nicdark_border_bluedark td, .nicdark_border_bluedark th{ border: 2px solid #6dc0d5; } .nicdark_border_violetdark, .nicdark_border_violetdark td, .nicdark_border_violetdark th{ border: 2px solid #a675af; } .nicdark_border_orangedark, .nicdark_border_orangedark td, .nicdark_border_orangedark th{ border: 2px solid #d8734c; } .nicdark_border_reddark, .nicdark_border_reddark td, .nicdark_border_reddark th{ border: 2px solid #bf6363; } .nicdark_border_yellowdark, .nicdark_border_yellowdark td, .nicdark_border_yellowdark th{ border: 2px solid #d4ae49; } /*END NICDARKBORDER*/ /* 3- START NICDARKSHADOW: applica l'ombra in base al colore dato usando la classe nicdark_bg_colore*/ .nicdark_shadow.nicdark_bg_grey{ box-shadow: 0px 4px 0px 0px #f1f1f1; } .nicdark_shadow.nicdark_bg_grey2{ box-shadow: 0px 4px 0px 0px #e5e5e5; } .nicdark_shadow.nicdark_bg_greydark{ box-shadow: 0px 4px 0px 0px #404547; } .nicdark_shadow.nicdark_bg_greydark2{ box-shadow: 0px 4px 0px 0px #353b3d; } .nicdark_shadow.nicdark_bg_green{ box-shadow: 0px 4px 0px 0px #6ab78a; } .nicdark_shadow.nicdark_bg_blue{ box-shadow: 0px 4px 0px 0px #6fc4d9; } .nicdark_shadow.nicdark_bg_violet{ box-shadow: 0px 4px 0px 0px #ac7ab5; } .nicdark_shadow.nicdark_bg_orange{ box-shadow: 0px 4px 0px 0px #df764e; } .nicdark_shadow.nicdark_bg_red{ box-shadow: 0px 4px 0px 0px #c86969; } .nicdark_shadow.nicdark_bg_yellow{ box-shadow: 0px 4px 0px 0px #e0b84e; } .nicdark_shadow.nicdark_bg_greendark{ box-shadow: 0px 4px 0px 0px #65ae83; } .nicdark_shadow.nicdark_bg_bluedark{ box-shadow: 0px 4px 0px 0px #6dc0d5; } .nicdark_shadow.nicdark_bg_violetdark{ box-shadow: 0px 4px 0px 0px #a675af; } .nicdark_shadow.nicdark_bg_orangedark{ box-shadow: 0px 4px 0px 0px #d8734c; } .nicdark_shadow.nicdark_bg_reddark{ box-shadow: 0px 4px 0px 0px #bf6363; } .nicdark_shadow.nicdark_bg_yellowdark{ box-shadow: 0px 4px 0px 0px #d4ae49; } /*END NICDARKSHADOW*/ /* 4 -START NICDARK_RADIUS*/ .nicdark_radius{ border-radius: 5px 5px 5px 5px;} .nicdark_radius_top{ border-radius: 5px 5px 0px 0px; } .nicdark_radius_bottom{ border-radius: 0px 0px 5px 5px; } .nicdark_radius_left{ border-radius: 5px 0px 0px 5px; } .nicdark_radius_right{ border-radius: 0px 5px 5px 0px; } .nicdark_radius_circle{ border-radius: 100%; } /*END NICDARK_RADIUS*/ /* 5- START NICDARK_STRIKE*/ .nicdark_strike{ text-decoration: line-through; } /*END NICDARK_STRIKE*/ /*****************************************SOME SHORTCODES FOR CREATE YOUR PAGES********************************************/ /* 6 - START LOGO*/ .nicdark_logo{ float: left; position: relative; width: 10px; height: 10px; } .nicdark_logo img{ position: absolute; width: 220px; margin-top: -8px; border:0;} /*END LOGO*/ /* 7 - START NIKBTN:*/ .nicdark_btn{ font-family: 'Montserrat', sans-serif; display: inline-block; text-align: center; cursor: pointer;} .nicdark_btn.subtitle{ font-family: 'Raleway', sans-serif !important; } .nicdark_btn.left{ float: left;} .nicdark_btn.right{ float: right;} .nicdark_btn.fullwidth{ padding-left: 0px !important; padding-right: 0px !important; width: 100%;} /*size*/ .nicdark_btn.extrasmall{ padding: 0px 10px; font-size: 13px; } .nicdark_btn.small{ padding: 5px 10px; font-size: 15px; } .nicdark_btn.medium{ padding: 10px 20px; font-size: 17px; } .nicdark_btn.big{ padding: 15px 20px; font-size: 19px; } .nicdark_btn.extrasize{ padding: 20px; font-size: 45px; line-height: 45px; } /*END NIKBTN*/ /* 8 - START NIKBTNICON:*/ .nicdark_btn_icon{ font-family: 'Montserrat', sans-serif; display: inline-block; text-align: center; cursor: pointer;} .nicdark_btn_icon.subtitle{ font-family: 'Raleway', sans-serif !important; } .nicdark_btn_icon > i{ display: inline-block; width: 20px; height: 20px; } .nicdark_btn_icon > i:before{ margin: 0px; padding:0px; } .nicdark_btn_icon.left{ float: left;} .nicdark_btn_icon.right{ float: right;} /*size*/ .nicdark_btn_icon.extrasmall{ padding: 5px; font-size: 14px; } .nicdark_btn_icon.small{ padding: 10px; font-size: 15px; } .nicdark_btn_icon.medium{ padding: 15px; font-size: 17px; } .nicdark_btn_icon.big{ padding: 20px; font-size: 19px; } /*extra big*/ .nicdark_btn_icon.extrabig > i{ display: inline-block; width: 40px; height: 40px; } .nicdark_btn_icon.extrabig{ padding: 20px; font-size: 32px; } /*END NIKBTNICON*/ /* 9 - START NIKBTNICON:*/ .nicdark_btn_iconbg{ display: inline-block; } .nicdark_btn_iconbg > div{ overflow: hidden; position: relative; } /*size*/ .nicdark_btn_iconbg.small, .nicdark_btn_iconbg.small > div{ width: 40px; height: 40px; } .nicdark_btn_iconbg.medium, .nicdark_btn_iconbg.medium > div{ width: 50px; height: 50px; } .nicdark_btn_iconbg.big, .nicdark_btn_iconbg.big > div{ width: 60px; height: 60px; } .nicdark_btn_iconbg.extrabig, .nicdark_btn_iconbg.extrabig > div{ width: 80px; height: 80px; } /*END NIKBTNICON*/ /*START NICDARKICONBG*/ .nicdark_iconbg{ position: absolute; bottom: -15px;} /*position*/ .nicdark_iconbg.left{ left: -20px;} .nicdark_iconbg.right{ right: -20px;} /*size*/ .nicdark_iconbg.small{ font-size: 40px; } .nicdark_iconbg.medium{ font-size: 50px; } .nicdark_iconbg.big{ font-size: 60px; } .nicdark_iconbg.extrabig{ font-size: 80px; } /*color*/ .nicdark_iconbg.grey{ color: #f1f1f1; } .nicdark_iconbg.green{ color: #6ab78a; } .nicdark_iconbg.blue{ color: #6fc4d9; } .nicdark_iconbg.violet{ color: #ac7ab5; } .nicdark_iconbg.orange{ color: #df764e; } .nicdark_iconbg.red{ color: #c86969; } .nicdark_iconbg.yellow{ color: #e0b84e; } /*END NICDARKICONBG*/ /* 10 - START NIKDIVIDER: color, align, size*/ .nicdark_divider{ float: left; width: 100%;} .nicdark_divider > span{ display: block; margin:auto; } /*align*/ .nicdark_divider.left > span{ float: left; } .nicdark_divider.right > span{ float: right; } /*size*/ .nicdark_divider.big > span{ width: 80px; height: 5px; } .nicdark_divider.small > span{ width: 30px; height: 3px; } /*END NIKDIVIDER*/ /* 11- START NICDARKDROPCAP*/ .nicdark_dropcap{ float: left; font-size: 35px; line-height: 20px; padding: 15px; margin-right: 20px; } /*END NICDARKDROPCAP*/ /* 12 - START NIKALERTS*/ .nicdark_alerts{ float: left; width: 100%; overflow: hidden; position: relative; } .nicdark_alerts > p > .iconclose{ cursor: pointer; } /*END NIKALERTS*/ /* 13 - START NICDARKIFRAME*/ .nicdark_iframe{ float: left; width: 100%; border: 0; } /*END NICDARKIFRAME*/ /* 14 - START NIKACCORDION*/ .nicdark_accordion{ float: left; width: 100%; } .nicdark_accordion .ui-accordion-header-active { cursor: initial !important; } .nicdark_accordion .nicdark_accordion_header{ outline: 0; cursor: pointer; margin-bottom: 20px; } .nicdark_accordion_content{ padding: 0px 20px 20px 20px; } /*size*/ .nicdark_accordion_header.small{ padding: 5px 10px; } .nicdark_accordion_header.medium{ padding: 10px 20px; } .nicdark_accordion_header.big{ padding: 15px 20px; } /*icon*/ .nicdark_accordion .ui-accordion-header-active:before { content: '\e9ff' !important; font-family: 'fontello'; margin-right: 10px; } .nicdark_accordion .ui-accordion-header:before { content: '\ea01'; font-family: 'fontello'; margin-right: 10px; } /*END NIKACCORDION*/ /* 15 - START NIKTOOGLE*/ .nicdark_toogle{ float: left; width: 100%; } .nicdark_toogle_content{ padding: 20px; } .nicdark_toogle .nicdark_toogle_header{ outline: 0; cursor: pointer; float: none; width: initial; } /*size*/ .nicdark_toogle_header.small{ padding: 5px 10px; } .nicdark_toogle_header.medium{ padding: 10px 20px; } .nicdark_toogle_header.big{ padding: 15px 20px; } /*icon*/ .nicdark_toogle .ui-accordion-header-active:before { content: '\e9ff' !important; font-family: 'fontello'; margin-right: 10px; } .nicdark_toogle .ui-accordion-header:before { content: '\ea01'; font-family: 'fontello'; margin-right: 10px; } /*END NIKTOOGLE*/ /* 16 - START NIKPROGRESSBAR*/ .nicdark_progressbar{ float:left; width:100%; } .nicdark_progressbar_title{ margin: 0px; padding:0px; min-height: 20px; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } .nicdark_progressbar_title > span{ padding:0px; display:inline-block;} /*animate*/ .animate_progressbar{ width: 0% !important; } /*END NIKPROGRESSBAR*/ /* 17 - START NICDARKTABS*/ .nicdark_tab{ float: left; width: 100%; } .nicdark_tabs{ float: left; width: 100%; } .nicdark_tab > .nicdark_tabslist{ margin: 0px; padding: 0px; list-style: none; float: left; width: 100%; } .nicdark_tab > .nicdark_tabslist > li{ margin: 0px; padding: 0px; float: left; } .nicdark_tab > .nicdark_tabslist > li > a{ outline: 0; } .nicdark_tab > .nicdark_tabslist > .ui-tabs-active > a{ background-color: #f9f9f9 !important; color: #b7b7b7 !important; box-shadow: 0px 4px 0px 0px #f1f1f1; } .nicdark_tab > .nicdark_tabslist.greydark > .ui-tabs-active > a{ background-color: #495052 !important; color: #fff !important; box-shadow: 0px 0px 0px 0px #f1f1f1; } /*END NICDARKTABS*/ /* 18 - START NICDARKLIST*/ .nicdark_list{ float: left; width: 100%; list-style: none; margin: 0px; padding: 0px; } .nicdark_list > li{ float: left; width: 100%; border-top: 0px; border-left: 0px; border-right: 0px; border-width: 1px; } .nicdark_list > li:last-child{ border-bottom-width: 0px; } /*END NICDARKLIST*/ /* 19 - START NICDARKTABLE*/ .nicdark_table{ float:left; width: 100%; border-collapse: collapse; } .nicdark_table thead, .nicdark_table tbody { border-width: 0px; } .nicdark_table tr td, .nicdark_table tr th{ border-width: 1px; } /*size*/ .nicdark_table.small tr td, .nicdark_table.small tr th{ padding: 5px 10px; } .nicdark_table.medium tr td, .nicdark_table.medium tr th{ padding: 10px 20px; } .nicdark_table.big tr td, .nicdark_table.big tr th{ padding: 15px 20px; } .nicdark_table.extrabig tr td, .nicdark_table.extrabig tr th{ padding: 20px 20px; } /*align*/ .nicdark_table.center{ text-align: center; } .nicdark_table.left{ text-align: left; } .nicdark_table.right{ text-align: right; } /*END NICDARKTABLE*/ /* 20 - START NICDARKFILTER*/ .nicdark_filter{ float: left; width: 100%; } .nicdark_filter.greydark { background: rgba(0,0,0,0.2); } .nicdark_filter.green { background: rgba(111,193,145,0.8); } .nicdark_filter.blue { background: rgba(116,206,228,0.8); } .nicdark_filter.violet { background: rgba(195,137,206,0.8); } .nicdark_filter.yellow { background: rgba(237,191,71,0.8); } .nicdark_filter.orange { background: rgba(236,119,75,0.8); } .nicdark_filter.red { background: rgba(225,108,108,0.8); } /*END NICDARKFILTER*/ /* 21 - 22 - START NICDARKLEFTSIDEBAR*/ .nicdark_left_sidebar{ width:300px; height:100%; position:fixed; left:-300px; top:0px; z-index:99999; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } .nicdark_right_sidebar{ width:300px; height:100%; position:fixed; right:-300px; top:0px; z-index:99999; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } /*overlay*/ .nicdark_overlay_on{float: left; width: 100%; height: 100%; background:rgba(0,0,0,0.3); position: fixed; z-index: 999; cursor: crosshair; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } /*END NICDARKLEFTSIDEBAR*/ /* 23 - START NICDARKTRIANGLE*/ .nicdark_triangle{ width: 0px; height: 0px; border-style: solid; border-width: 15px 15px 0 15px; position: absolute; } /*color*/ .nicdark_triangle.grey{ border-color: #f1f1f1 transparent transparent transparent; } .nicdark_triangle.orangedark{ border-color: #404547 transparent transparent transparent; } .nicdark_triangle.green{ border-color: #6ab78a transparent transparent transparent; } .nicdark_triangle.blue{ border-color: #6fc4d9 transparent transparent transparent; } .nicdark_triangle.violet{ border-color: #ac7ab5 transparent transparent transparent;} .nicdark_triangle.orange { border-color: #df764e transparent transparent transparent; } .nicdark_triangle.red{ border-color: #c86969 transparent transparent transparent; } .nicdark_triangle.yellow{ border-color: #e0b84e transparent transparent transparent; } /*END NICDARKTRIANGLE*/ /***************************SOME CLASSES FOR MARGIN/SPACE/POSITION/HEIGHT/DISPLAY BETWEEN ELEMENTS***************************************************/ /* 24 - SOME CLASSES*/ .nicdark_block{ display: block !important; } /* 25 - display*/ .nicdark_displaynone_desktop { display: none; } .nicdark_displaynone { display: none !important; } /* 26 - padding*/ .nicdark_padding0{ padding: 0px !important; } .nicdark_padding50{ padding: 5px 0px !important; } /* 27 - START NIKSPACE: attribuisco la classe nicdark_space ad un div vuoto per fare degli spazi tra gli elementi*/ .nicdark_space3{ height: 3px; width: 100%; float: left; } .nicdark_space5{ height: 5px; width: 100%; float: left; } .nicdark_space10{ height: 10px; width: 100%; float: left; } .nicdark_space15{ height: 15px; width: 100%; float: left; } .nicdark_space20{ height: 20px; width: 100%; float: left; } .nicdark_space30{ height: 30px; width: 100%; float: left; } .nicdark_space40{ height: 40px; width: 100%; float: left; } .nicdark_space50{ height: 50px; width: 100%; float: left; } .nicdark_space60{ height: 60px; width: 100%; float: left; } .nicdark_space70{ height: 70px; width: 100%; float: left; } .nicdark_space80{ height: 80px; width: 100%; float: left; } .nicdark_space90{ height: 90px; width: 100%; float: left; } .nicdark_space100{ height: 100px; width: 100%; float: left; } /*END NIKSPACE*/ /* 28 - START NICDARKMARGIN*/ .nicdark_margin5{ margin: 5px; padding: 0px; display: inline-block; } .nicdark_margin10{ margin: 10px; padding: 0px; display: inline-block; } .nicdark_margin100{ margin: 10px 0px; padding: 0px; display: inline-block; } .nicdark_margin20{ margin: 20px; padding: 0px; display: inline-block; } .nicdark_margin020{ margin: 0px 20px; padding: 0px; display: inline-block; } .nicdark_margin010{ margin: 0px 10px; padding: 0px; display: inline-block; } .nicdark_margin1820{ margin: 18px 20px; padding: 0px; display: inline-block; } .nicdark_margin30{ margin: 30px; padding: 0px; display: inline-block; } .nicdark_margin40{ margin: 40px; padding: 0px; display: inline-block; } .nicdark_margin2040{ margin: 20px 40px; padding: 0px; display: inline-block; } /*left*/ .nicdark_marginleft10{ margin-left: 10px; } .nicdark_marginleft20{ margin-left: 20px; } .nicdark_marginleft50{ margin-left: 50px; } .nicdark_marginleft60{ margin-left: 60px; } .nicdark_marginleft70{ margin-left: 70px; } .nicdark_marginleft80{ margin-left: 80px; } .nicdark_marginleft85{ margin-left: 85px; } .nicdark_marginleft90{ margin-left: 90px; } .nicdark_marginleft100{ margin-left: 100px; } .nicdark_marginleft110{ margin-left: 110px; } .nicdark_marginleft120{ margin-left: 120px; } /*right*/ .nicdark_marginright10{ margin-right: 10px; } .nicdark_marginright20{ margin-right: 20px; } /*END NICDARKMARGIN*/ /* 28 - START MARGIN NEGATIVE*/ /*top*/ .nicdark_margintop10_negative { margin-top: -10px !important; } .nicdark_margintop20_negative { margin-top: -20px !important; } .nicdark_margintop30_negative { margin-top: -30px !important; } .nicdark_margintop40_negative { margin-top: -40px !important; } .nicdark_margintop45_negative { margin-top: -45px !important; } .nicdark_margintop50_negative { margin-top: -50px !important; } .nicdark_margintop60_negative { margin-top: -60px !important; } .nicdark_margintop70_negative { margin-top: -70px !important; } /*bottom*/ .nicdark_marginbottom10_negative { margin-bottom: -10px !important; } .nicdark_marginbottom20_negative { margin-bottom: -20px !important; } .nicdark_marginbottom30_negative { margin-bottom: -30px !important; } .nicdark_marginbottom40_negative { margin-bottom: -40px !important; } .nicdark_marginbottom50_negative { margin-bottom: -50px !important; } .nicdark_marginbottom60_negative { margin-bottom: -60px !important; } .nicdark_marginbottom70_negative { margin-bottom: -70px !important; } .nicdark_marginbottom80_negative { margin-bottom: -80px !important; } .nicdark_marginbottom90_negative { margin-bottom: -90px !important; } /*END MARGIN NEGATIVE*/ /* 29 - NICDARKSIZE: APPLICARE la calsse solo al testo per distanziarlo dal box*/ .nicdark_size_small{ margin: 5px 10px; } .nicdark_size_medium{ margin: 10px 20px; } .nicdark_size_big{ margin: 15px 20px; } /*NICDARKSIZE*/ /* 30 - START NICDARKABSOLUTE*/ .nicdark_absolute{ position:absolute; left: 0;} .nicdark_absolute_left{ position:absolute; margin-top: 20px; margin-left: 20px; } .nicdark_absolute_right{ position:absolute; margin-top: 20px; margin-right: 20px; right:0;} /*10 margin*/ .nicdark_absolute_right10{ position:absolute; margin-top: 10px; margin-right: 10px; right:0;} /*END NICDARKABSOLUTE*/ /* 31 - START NICDARKRELATIVE*/ .nicdark_relative{ position:relative;} /*END NICDARKABSOLUTE*/ /* 32 - START NICDARKHEIGHT*/ .nicdark_height100{ height: 100px; } .nicdark_height150{ height: 150px; } .nicdark_height200{ height: 200px; } .nicdark_height250{ height: 250px; } .nicdark_height300{ height: 300px; } .nicdark_height350{ height: 350px; } .nicdark_height400{ height: 400px; } .nicdark_height450{ height: 450px; } .nicdark_height500{ height: 500px; } /*END NICDARKHEIGHT*/ /**********************************SOME CLASSES FOR DIV ARCHIVE**********************************************************************/ /* 33 - START NIKTEXTEVIDENCE*/ .nicdark_textevidence{ float: left; width: 100%; position: relative; overflow: hidden; } /*align*/ .nicdark_textevidence.center{ text-align: center; } .nicdark_textevidence.left{ text-align: left; } .nicdark_textevidence.right{ text-align: right; } /*overflow*/ .nicdark_textevidence.overflow_scroll { overflow-x:auto !important; } /*END NIKTEXTEVIDENCE*/ /* 34 - START NICDARKFOCUS*/ .nicdark_focus{ float: left; width: 100%; } .nicdark_focus.center{ text-align: center; } .nicdark_focus.right{ text-align: right; } /*END NICDARKFOCUS*/ /* 35 - START NICDARKARCHIVE1*/ .nicdark_archive1{ float: left; width: 100%; position: relative; overflow: hidden; } .nicdark_archive1.center{ text-align: center; } .nicdark_archive1 img{ width: 100%; height: auto; display: block;} /*END NICDARKARCHIVE1*/ /* 36 - START NICDARKACTIVITY*/ .nicdark_activity{ float: left; } .nicdark_activity.center{ text-align: center; } /*END NICDARKACTIVITY*/ /* 37 - START NICDARKMASONRYCONTAINER*/ .nicdark_masonry_btns{ float: left; width: 100%; } .nicdark_masonry_container{ float: left; width: 100%; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } /*END NICDARKMASONRYCONTAINER*/ /***************************************************HOVER CLASSES EFFECT***********************************************************************/ /* 38 - rotate*/ .nicdark_rotate{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .nicdark_rotate:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } /* 39 - press*/ .nicdark_press{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .nicdark_press:hover { box-shadow: 0px 0px 0px 0px transparent !important; margin-top: 4px; margin-bottom: -4px; } /* 40 - nicdark_zoom*/ .nicdark_zoom { -webkit-transition:all 500ms; -o-transition:all 500ms; transition:all 500ms; } .nicdark_zoom:hover { -webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2); } /* 41 - opacity*/ .nicdark_opacity{ opacity: 1; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } .nicdark_opacity:hover{ opacity: 0.8; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transition: opacity; -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } /* 42 - TRANSITION*/ .nicdark_transition{ -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } /* 43 - START NICDARKBGHOVER*/ .nicdark_bg_grey_hover:hover{ background-color: #f9f9f9 !important; } .nicdark_bg_grey2_hover:hover{ background-color: #f1f1f1 !important; } .nicdark_bg_greydark_hover:hover{ background-color: #495052 !important;} .nicdark_bg_greydark2_hover:hover{ background-color: #404547 !important;} .nicdark_bg_green_hover:hover{ background-color: #6fc191 !important; } .nicdark_bg_blue_hover:hover{ background-color: #74cee4 !important; } .nicdark_bg_violet_hover:hover { background-color: #c389ce !important; } .nicdark_bg_orange_hover:hover{ background-color: #ec774b !important; } .nicdark_bg_red_hover:hover{ background-color: #e16c6c !important; } .nicdark_bg_yellow_hover:hover{ background-color: #edbf47 !important; } .nicdark_bg_greendark_hover:hover{ background-color: #6ab78a !important; } .nicdark_bg_bluedark_hover:hover{ background-color: #6fc4d9 !important; } .nicdark_bg_violetdark_hover:hover{ background-color: #ac7ab5 !important; } .nicdark_bg_orangedark_hover:hover{ background-color: #df764e !important; } .nicdark_bg_reddark_hover:hover{ background-color: #c86969 !important; } .nicdark_bg_yellowdark_hover:hover{ background-color: #e0b84e !important; } /***************************************************CSS FOR CUSTOM REV SLIDER***********************************************************************/ .nicdark_slide1 > ul { position: absolute; z-index: 0;} /***************************************************JQUERY UI***********************************************************************/ /* 44 - START NICDARKCALENDAR*/ .ui-datepicker{ float: left; width: 300px; position: relative;} .grid .ui-datepicker{ float: left; width: 100%; } /*header*/ .ui-datepicker-header{ background-color: #495052; float: left; width: 100%; border-radius: 5px 5px 0px 0px; } .ui-datepicker-title { float: left; width: 100%; padding: 15px 0px; text-align: center; font-size: 17px; line-height: 17px; font-family: 'Montserrat', sans-serif; color: #fff; text-transform: uppercase; } /*arrows*/ .ui-datepicker-prev span, .ui-datepicker-next span{ display: none; } .ui-datepicker-prev{ position: absolute; left:0; top: 15px; margin-left: 20px; } .ui-datepicker-prev:before{ content: '\ea73' !important; font-family: 'fontello'; color: #fff; cursor: pointer; } .ui-datepicker-next{ position: absolute; right:0; top: 15px; margin-right: 20px; } .ui-datepicker-next:before{ content: '\ea75' !important; font-family: 'fontello'; color: #fff; cursor: pointer; } /*days*/ .ui-datepicker-calendar{ float: left; width: 100%; border-collapse: collapse; text-align: center; border-radius: 5px; box-shadow: 0px 4px 0px 0px #f1f1f1; background-color: #f9f9f9; } .ui-datepicker-calendar thead{ background-color: #6fc191; color: #fff; font-size: 13px; line-height: 13px; font-family: 'Montserrat', sans-serif; font-weight: normal; text-transform: uppercase; } .ui-datepicker-calendar tbody{ } .ui-datepicker-calendar th{ font-weight: normal; padding: 15px 10px; } .ui-datepicker-calendar td{ font-weight: normal; box-shadow:inset -1px 1px 0px 0px #f1f1f1} .ui-datepicker-calendar td a{ font-size: 13px; padding: 10px 10px; line-height: 15px; color: #b7b7b7; display: block; font-family: 'Raleway', sans-serif;} /*today*/ .ui-datepicker-today a { color: #fff !important; background-color: #6fc191;} .ui-datepicker-other-month { } /*hover*/ .ui-datepicker-calendar .ui-state-hover{ color: #fff !important; background-color: #6fc191; } /*END NICDARKCALENDAR*/ /* 45 - START NICDARKTOOLTIP*/ .ui-tooltip{ font-family: 'Raleway', sans-serif; position: absolute; background: rgba(73,80,82,0.9); color: #fff; margin: 0px; padding: 0px; padding: 10px 20px; font-size: 15px; border-radius: 40px; outline: 0; -webkit-appearance: none; border: 0;} /*END NICDARKTOOLTIP*/ /* 46 - START NICDARKSLIDERRANGE*/ .ui-slider { position: relative; text-align: left; float: left; width: 100%; height: 5px; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2;width: 20px; height: 20px;cursor: pointer; -ms-touch-action: none; touch-action: none; background-color: #edbf47; border-radius: 100%;outline: 0;bottom: -8px;} .ui-slider .ui-slider-range {position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0;background-color: #e0b84e;height: 5px; } /*END NICDARKSLIDERRANGE*/ /********************************************************COLOR************************************************/ .nicdark_menu > li > a:hover { color: #868585; } .nicdark_menu > li > a { color: #a4a4a4; } /*divider and triangle color*/ .nicdark_menu > .grey > a:after, .nicdark_menu > .grey .sub-menu li:first-child:before, .nicdark_menu > .grey .sub-menu li ul li:first-child:before{ color: #f9f9f9; } .nicdark_menu > .greydark > a:after, .nicdark_menu > .greydark .sub-menu li:first-child:before, .nicdark_menu > .greydark .sub-menu li ul li:first-child:before{ color: #495052; } .nicdark_menu > .green > a:after, .nicdark_menu > .green .sub-menu li:first-child:before, .nicdark_menu > .green .sub-menu li ul li:first-child:before{ color: #6fc191; } .nicdark_menu > .blue > a:after, .nicdark_menu > .blue .sub-menu li:first-child:before, .nicdark_menu > .blue .sub-menu li ul li:first-child:before{ color: #74cee4; } .nicdark_menu > .violet > a:after, .nicdark_menu > .violet .sub-menu li:first-child:before, .nicdark_menu > .violet .sub-menu li ul li:first-child:before{ color: #c389ce; } .nicdark_menu > .orange > a:after, .nicdark_menu > .orange .sub-menu li:first-child:before, .nicdark_menu > .orange .sub-menu li ul li:first-child:before{ color: #ec774b; } .nicdark_menu > .red > a:after, .nicdark_menu > .red .sub-menu li:first-child:before, .nicdark_menu > .red .sub-menu li ul li:first-child:before{ color: #e16c6c; } .nicdark_menu > .yellow > a:after, .nicdark_menu > .yellow .sub-menu li:first-child:before, .nicdark_menu > .yellow .sub-menu li ul li:first-child:before{ color: #edbf47; } /*dropdown*/ .nicdark_menu > .yellow > .sub-menu li{ background-color: #edbf47; } .nicdark_menu > .grey > .sub-menu li{ background-color: #f9f9f9; } .nicdark_menu > .greydark > .sub-menu li{ background-color: #495052; } .nicdark_menu > .green > .sub-menu li{ background-color: #6fc191; } .nicdark_menu > .blue > .sub-menu li{ background-color: #74cee4; } .nicdark_menu > .violet > .sub-menu li{ background-color: #c389ce; } .nicdark_menu > .orange > .sub-menu li{ background-color: #ec774b; } .nicdark_menu > .red > .sub-menu li{ background-color: #e16c6c; } /*tinynav*/ .nicdark_bg_grey .tinynav { color: #a4a4a4; background-color: #f1f1f1; box-shadow: 0px 4px 0px 0px #e5e5e5; } .nicdark_bg_greydark .tinynav { color: #fff; background-color: #404547; box-shadow: 0px 4px 0px 0px #353b3d; } .nicdark_bg_yellow .tinynav { color: #fff; background-color: #e0b84e; box-shadow: 0px 4px 0px 0px #d4ae49; } .nicdark_bg_orange .tinynav { color: #fff; background-color: #df764e; box-shadow: 0px 4px 0px 0px #d8734c; } .nicdark_bg_red .tinynav { color: #fff; background-color: #c86969; box-shadow: 0px 4px 0px 0px #bf6363; } .nicdark_bg_green .tinynav { color: #fff; background-color: #6ab78a; box-shadow: 0px 4px 0px 0px #65ae83; } .nicdark_bg_blue .tinynav { color: #fff; background-color: #6fc4d9; box-shadow: 0px 4px 0px 0px #6dc0d5; } .nicdark_bg_violet .tinynav { color: #fff; background-color: #ac7ab5; box-shadow: 0px 4px 0px 0px #a675af; } /*border bottom li*/ .nicdark_menu > .yellow > .sub-menu li, .nicdark_megamenu.yellow ul li ol li a{ border-bottom:1px solid #e0b84e; } .nicdark_menu > .grey > .sub-menu li, .nicdark_megamenu.grey ul li ol li a{ border-bottom:1px solid #f1f1f1; } .nicdark_menu > .greydark > .sub-menu li, .nicdark_megamenu.greydark ul li ol li a{ border-bottom:1px solid #404547; } .nicdark_menu > .green > .sub-menu li, .nicdark_megamenu.green ul li ol li a{ border-bottom:1px solid #6ab78a; } .nicdark_menu > .blue > .sub-menu li, .nicdark_megamenu.blue ul li ol li a{ border-bottom:1px solid #6fc4d9; } .nicdark_menu > .violet > .sub-menu li, .nicdark_megamenu.violet ul li ol li a{ border-bottom:1px solid #ac7ab5; } .nicdark_menu > .orange > .sub-menu li, .nicdark_megamenu.orange ul li ol li a{ border-bottom:1px solid #df764e; } .nicdark_menu > .red > .sub-menu li, .nicdark_megamenu.red ul li ol li a{ border-bottom:1px solid #c86969; } /*text-dropdowncolor*/ .nicdark_menu .yellow .sub-menu a, .nicdark_menu .orange .sub-menu a, .nicdark_menu .red .sub-menu a, .nicdark_menu .blue .sub-menu a, .nicdark_menu .green .sub-menu a, .nicdark_menu .violet .sub-menu a, .nicdark_menu .greydark .sub-menu a { color: #fff; } .nicdark_menu .white .sub-menu a, .nicdark_menu .grey .sub-menu a { color: #a4a4a4; } /*shadow*/ .nicdark_menu > .grey .sub-menu li:last-child{ box-shadow: 0px 4px 0px 0px #f1f1f1; } .nicdark_menu > .greydark .sub-menu li:last-child{ box-shadow: 0px 4px 0px 0px #404547; } .nicdark_menu > .yellow .sub-menu li:last-child{ box-shadow: 0px 4px 0px 0px #e0b84e; } .nicdark_menu > .orange .sub-menu li:last-child{ box-shadow: 0px 4px 0px 0px #df764e; } .nicdark_menu > .red .sub-menu li:last-child{ box-shadow: 0px 4px 0px 0px #c86969; } .nicdark_menu > .blue .sub-menu li:last-child{ box-shadow: 0px 4px 0px 0px #6fc4d9; } .nicdark_menu > .green .sub-menu li:last-child{ box-shadow: 0px 4px 0px 0px #6ab78a; } .nicdark_menu > .violet .sub-menu li:last-child{ box-shadow: 0px 4px 0px 0px #ac7ab5; } /*hover li bgcolor*/ .nicdark_menu > .yellow > .sub-menu li:hover, .nicdark_megamenu.yellow > ul > li > a{ background-color:#e0b84e; } .nicdark_menu > .grey > .sub-menu li:hover, .nicdark_megamenu.grey > ul > li > a{ background-color:#f1f1f1; } .nicdark_menu > .greydark > .sub-menu li:hover, .nicdark_megamenu.greydark > ul > li > a{ background-color:#404547; } .nicdark_menu > .green > .sub-menu li:hover, .nicdark_megamenu.green > ul > li > a{ background-color:#6ab78a; } .nicdark_menu > .blue > .sub-menu li:hover, .nicdark_megamenu.blue > ul > li > a{ background-color:#6fc4d9; } .nicdark_menu > .violet > .sub-menu li:hover, .nicdark_megamenu.violet > ul > li > a{ background-color:#ac7ab5; } .nicdark_menu > .orange > .sub-menu li:hover, .nicdark_megamenu.orange > ul > li > a{ background-color:#df764e; } .nicdark_menu > .red > .sub-menu li:hover, .nicdark_megamenu.red > ul > li > a{ background-color:#c86969; } /*megamenu border color*/ .nicdark_megamenu.grey ol li a{ border-right: 1px solid #f1f1f1; } .nicdark_megamenu.greydark ol li a{ border-right: 1px solid #404547; } .nicdark_megamenu.yellow ol li a{ border-right: 1px solid #e0b84e; } .nicdark_megamenu.orange ol li a{ border-right: 1px solid #df764e; } .nicdark_megamenu.red ol li a{ border-right: 1px solid #c86969; } .nicdark_megamenu.blue ol li a{ border-right: 1px solid #6fc4d9; } .nicdark_megamenu.green ol li a{ border-right: 1px solid #6ab78a; } .nicdark_megamenu.violet ol li a{ border-right: 1px solid #ac7ab5; } /*end color*/ /********************************************************BASIC************************************************/ .nicdark_menu * { margin: 0; padding: 0; list-style: none; } .nicdark_menu { float: right; } /*nicdark select*/ .tinynav{ float: left; font-size: 15px; display:none; padding: 10px; margin-top: 20px; font-family: 'Raleway', sans-serif; } /*for menu fixed*/ .nicdark_navigation{ position:fixed; top:0; left:0; z-index: 99; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } .slowup{ margin-top: -34px; } .slowdown{ margin-top: 0px; } /*style full boxed*/ .nicdark_menu_fullwidth{ float: left; width: 100%; } .nicdark_menu_boxed{ width:1220px; margin:auto; padding: 0px; } /*dropdown position*/ .nicdark_menu .sub-menu li ul{ padding-left: 44px; padding-top: 0px; top: 0; left: 100%; } /*triangle position*/ .nicdark_menu .sub-menu li:first-child:before{ z-index:-1; position: absolute; content: '\e8bf'; font-family: 'fontello'; margin-top: -25px; margin-left: 25px; font-size: 36px; } .nicdark_menu .sub-menu li ul li:first-child:before{ z-index:-1; position: absolute; content: '\e8c0'; font-family: 'fontello'; margin-top: 5px; margin-left: -11px; font-size: 36px; } /*arrow for sub-menu*/ .sf-with-ul:after{ content: '\ea76'; font-family: 'fontello'; margin-left:20px; font-size: 13px; } /*radius and shadow*/ .nicdark_menu .sub-menu li:first-child{ border-radius: 5px 5px 0px 0px; } .nicdark_menu .sub-menu li:last-child{ border-radius: 0px 0px 5px 5px; box-shadow: 0px 4px 0px 0px #e0b84e; } /*first link*/ .nicdark_menu > li > a:after { content: '\e935'; font-family: 'fontello'; vertical-align: middle; font-size: 5px; margin: 0px 20px; } .nicdark_menu > li:last-child > a:after { margin: 0px; display: none; } .nicdark_menu > li > a:last-child{ margin-right: 10px; } /*all link*/ .nicdark_menu a { display: block; position: relative; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;} .nicdark_menu a { text-decoration: none; zoom: 1; font-family: 'Raleway', sans-serif; } /*link in dropdown*/ .nicdark_menu li ul a { padding: 15px 25px; } /*li tag*/ .nicdark_menu > li { float: left; } .nicdark_menu li { white-space: nowrap; -webkit-transition: background .2s; transition: background .2s; position: relative; } /*ul tag*/ .nicdark_menu ul { position: absolute; display: none; top: 100%; margin-left: -25px; z-index: 99; min-width: 12em; padding-top:40px; margin-top:0px; } /*for dropdown active*/ .nicdark_menu li:hover > ul, .nicdark_menu li.sfHover > ul { display: block; } /********************************************************MEGAMENU************************************************/ /*megamenu*/ .nicdark_megamenu{ position: initial !important;} .nicdark_megamenu > ul{ /*position: fixed;*/ left: 50%; width: 1180px; margin-left: -590px; padding: 0px; margin-top: -30px; padding-top: 44px; } .nicdark_megamenu ul > li{ display: inline-block !important; float: left; margin:0px !important; border-width: 0px !important; } /*hide triangle*/ .nicdark_megamenu .sub-menu li:first-child:before{ display: none; } /*first list*/ .nicdark_megamenu > ul > li:first-child > a:first-child{ border-radius: 5px 0px 0px 0px; } .nicdark_megamenu > ul > li:first-child{ border-radius: 5px 0px 0px 0px 0px; } .nicdark_megamenu > ul > li:last-child > a:first-child{ border-radius: 0px 5px 0px 0px; } .nicdark_megamenu > ul > li:last-child{ border-radius: 0px 5px 0px 0px; } /*title li*/ .nicdark_megamenu > ul > li > a{ padding: 15px 25px; text-transform: uppercase; } /*second list ol*/ .nicdark_megamenu ol li{ border-width: 0px !important; border-radius: 0px !important; } .nicdark_megamenu ul .mm_grid:first-child ol li:last-child{ border-radius: 0px 0px 0px 5px !important; } .nicdark_megamenu ul .mm_grid:last-child ol li:last-child{ border-radius: 0px 0px 5px 0px !important; } .nicdark_megamenu ul .mm_grid:last-child ol li a{ border-right-width: 0px !important; } .nicdark_megamenu ol li a{ font-size: 15px; } .nicdark_megamenu ol li a:before{ content: '\ea76'; font-family: 'fontello'; margin-right:20px; font-size: 13px; } /*grid*/ .nicdark_megamenu > .sub-menu > .mm_grid:first-child{ border-radius: 5px 0px 0px 5px !important; } .nicdark_megamenu > .sub-menu > .mm_grid:last-child{ border-radius: 0px 5px 5px 0px !important; } /*grid megamenu*/ .nicdark_megamenu .mm_grid_3{ width: 295px; } .nicdark_megamenu .mm_grid_4{ width: 393px; } .nicdark_megamenu .mm_grid_6{ width: 590px; } @font-face { font-family: 'fontello'; src: url('../themes/ecole/assets/font/fontello/fontello.eot?51086499'); src: url('../themes/ecole/assets/font/fontello/fontello.eot?51086499#iefix') format('embedded-opentype'), url('../themes/ecole/assets/font/fontello/fontello.woff?51086499') format('woff'), url('../themes/ecole/assets/font/fontello/fontello.ttf?51086499') format('truetype'), url('../themes/ecole/assets/font/fontello/fontello.svg?51086499#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('../font/fontello.svg?51086499#fontello') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-emo-happy:before { content: '\e800'; } /* '' */ .icon-emo-wink:before { content: '\e801'; } /* '' */ .icon-emo-wink2:before { content: '\e802'; } /* '' */ .icon-emo-unhappy:before { content: '\e803'; } /* '' */ .icon-emo-sleep:before { content: '\e804'; } /* '' */ .icon-emo-thumbsup:before { content: '\e805'; } /* '' */ .icon-emo-devil:before { content: '\e806'; } /* '' */ .icon-emo-surprised:before { content: '\e807'; } /* '' */ .icon-emo-tongue:before { content: '\e808'; } /* '' */ .icon-emo-coffee:before { content: '\e809'; } /* '' */ .icon-emo-sunglasses:before { content: '\e80a'; } /* '' */ .icon-emo-displeased:before { content: '\e80b'; } /* '' */ .icon-emo-beer:before { content: '\e80c'; } /* '' */ .icon-emo-grin:before { content: '\e80d'; } /* '' */ .icon-emo-angry:before { content: '\e80e'; } /* '' */ .icon-emo-saint:before { content: '\e80f'; } /* '' */ .icon-emo-cry:before { content: '\e810'; } /* '' */ .icon-emo-shoot:before { content: '\e811'; } /* '' */ .icon-emo-squint:before { content: '\e812'; } /* '' */ .icon-emo-laugh:before { content: '\e813'; } /* '' */ .icon-spin1:before { content: '\e814'; } /* '' */ .icon-spin2:before { content: '\e815'; } /* '' */ .icon-spin3:before { content: '\e816'; } /* '' */ .icon-spin4:before { content: '\e817'; } /* '' */ .icon-spin5:before { content: '\e818'; } /* '' */ .icon-spin6:before { content: '\e819'; } /* '' */ .icon-firefox:before { content: '\e81a'; } /* '' */ .icon-chrome:before { content: '\e81b'; } /* '' */ .icon-opera:before { content: '\e81c'; } /* '' */ .icon-ie:before { content: '\e81d'; } /* '' */ .icon-crown:before { content: '\e81e'; } /* '' */ .icon-crown-plus:before { content: '\e81f'; } /* '' */ .icon-crown-minus:before { content: '\e820'; } /* '' */ .icon-marquee:before { content: '\e821'; } /* '' */ .icon-glass:before { content: '\e822'; } /* '' */ .icon-music:before { content: '\e823'; } /* '' */ .icon-search:before { content: '\e824'; } /* '' */ .icon-mail:before { content: '\e825'; } /* '' */ .icon-mail-alt:before { content: '\e826'; } /* '' */ .icon-mail-squared:before { content: '\e827'; } /* '' */ .icon-heart:before { content: '\e828'; } /* '' */ .icon-heart-empty:before { content: '\e829'; } /* '' */ .icon-star:before { content: '\e82a'; } /* '' */ .icon-star-empty:before { content: '\e82b'; } /* '' */ .icon-star-half:before { content: '\e82c'; } /* '' */ .icon-star-half-alt:before { content: '\e82d'; } /* '' */ .icon-user:before { content: '\e82e'; } /* '' */ .icon-users:before { content: '\e82f'; } /* '' */ .icon-male:before { content: '\e830'; } /* '' */ .icon-female:before { content: '\e831'; } /* '' */ .icon-child:before { content: '\e832'; } /* '' */ .icon-video:before { content: '\e833'; } /* '' */ .icon-videocam:before { content: '\e834'; } /* '' */ .icon-picture:before { content: '\e835'; } /* '' */ .icon-camera:before { content: '\e836'; } /* '' */ .icon-camera-alt:before { content: '\e837'; } /* '' */ .icon-th-large:before { content: '\e838'; } /* '' */ .icon-th:before { content: '\e839'; } /* '' */ .icon-th-list:before { content: '\e83a'; } /* '' */ .icon-ok:before { content: '\e83b'; } /* '' */ .icon-ok-circled:before { content: '\e83c'; } /* '' */ .icon-ok-circled2:before { content: '\e83d'; } /* '' */ .icon-ok-squared:before { content: '\e83e'; } /* '' */ .icon-cancel:before { content: '\e83f'; } /* '' */ .icon-cancel-circled:before { content: '\e840'; } /* '' */ .icon-cancel-circled2:before { content: '\e841'; } /* '' */ .icon-plus:before { content: '\e842'; } /* '' */ .icon-plus-circled:before { content: '\e843'; } /* '' */ .icon-plus-squared:before { content: '\e844'; } /* '' */ .icon-plus-squared-alt:before { content: '\e845'; } /* '' */ .icon-minus:before { content: '\e846'; } /* '' */ .icon-minus-circled:before { content: '\e847'; } /* '' */ .icon-minus-squared:before { content: '\e848'; } /* '' */ .icon-minus-squared-alt:before { content: '\e849'; } /* '' */ .icon-help:before { content: '\e84a'; } /* '' */ .icon-help-circled:before { content: '\e84b'; } /* '' */ .icon-info-circled:before { content: '\e84c'; } /* '' */ .icon-info:before { content: '\e84d'; } /* '' */ .icon-home:before { content: '\e84e'; } /* '' */ .icon-link:before { content: '\e84f'; } /* '' */ .icon-unlink:before { content: '\e850'; } /* '' */ .icon-link-ext:before { content: '\e851'; } /* '' */ .icon-link-ext-alt:before { content: '\e852'; } /* '' */ .icon-attach:before { content: '\e853'; } /* '' */ .icon-lock:before { content: '\e854'; } /* '' */ .icon-lock-open:before { content: '\e855'; } /* '' */ .icon-lock-open-alt:before { content: '\e856'; } /* '' */ .icon-pin:before { content: '\e857'; } /* '' */ .icon-eye:before { content: '\e858'; } /* '' */ .icon-eye-off:before { content: '\e859'; } /* '' */ .icon-tag:before { content: '\e85a'; } /* '' */ .icon-tags:before { content: '\e85b'; } /* '' */ .icon-bookmark:before { content: '\e85c'; } /* '' */ .icon-bookmark-empty:before { content: '\e85d'; } /* '' */ .icon-flag:before { content: '\e85e'; } /* '' */ .icon-flag-empty:before { content: '\e85f'; } /* '' */ .icon-flag-checkered:before { content: '\e860'; } /* '' */ .icon-thumbs-up:before { content: '\e861'; } /* '' */ .icon-thumbs-down:before { content: '\e862'; } /* '' */ .icon-thumbs-up-alt:before { content: '\e863'; } /* '' */ .icon-thumbs-down-alt:before { content: '\e864'; } /* '' */ .icon-download:before { content: '\e865'; } /* '' */ .icon-upload:before { content: '\e866'; } /* '' */ .icon-download-cloud:before { content: '\e867'; } /* '' */ .icon-upload-cloud:before { content: '\e868'; } /* '' */ .icon-reply:before { content: '\e869'; } /* '' */ .icon-reply-all:before { content: '\e86a'; } /* '' */ .icon-forward:before { content: '\e86b'; } /* '' */ .icon-quote-left:before { content: '\e86c'; } /* '' */ .icon-quote-right:before { content: '\e86d'; } /* '' */ .icon-code:before { content: '\e86e'; } /* '' */ .icon-export:before { content: '\e86f'; } /* '' */ .icon-export-alt:before { content: '\e870'; } /* '' */ .icon-share:before { content: '\e871'; } /* '' */ .icon-share-squared:before { content: '\e872'; } /* '' */ .icon-pencil:before { content: '\e873'; } /* '' */ .icon-pencil-squared:before { content: '\e874'; } /* '' */ .icon-edit:before { content: '\e875'; } /* '' */ .icon-print:before { content: '\e876'; } /* '' */ .icon-retweet:before { content: '\e877'; } /* '' */ .icon-keyboard:before { content: '\e878'; } /* '' */ .icon-gamepad:before { content: '\e879'; } /* '' */ .icon-comment:before { content: '\e87a'; } /* '' */ .icon-chat:before { content: '\e87b'; } /* '' */ .icon-comment-empty:before { content: '\e87c'; } /* '' */ .icon-chat-empty:before { content: '\e87d'; } /* '' */ .icon-bell:before { content: '\e87e'; } /* '' */ .icon-bell-alt:before { content: '\e87f'; } /* '' */ .icon-attention-alt:before { content: '\e880'; } /* '' */ .icon-attention:before { content: '\e881'; } /* '' */ .icon-attention-circled:before { content: '\e882'; } /* '' */ .icon-location:before { content: '\e883'; } /* '' */ .icon-direction:before { content: '\e884'; } /* '' */ .icon-compass:before { content: '\e885'; } /* '' */ .icon-trash:before { content: '\e886'; } /* '' */ .icon-doc:before { content: '\e887'; } /* '' */ .icon-docs:before { content: '\e888'; } /* '' */ .icon-doc-text:before { content: '\e889'; } /* '' */ .icon-doc-inv:before { content: '\e88a'; } /* '' */ .icon-doc-text-inv:before { content: '\e88b'; } /* '' */ .icon-file-pdf:before { content: '\e88c'; } /* '' */ .icon-file-word:before { content: '\e88d'; } /* '' */ .icon-file-excel:before { content: '\e88e'; } /* '' */ .icon-file-powerpoint:before { content: '\e88f'; } /* '' */ .icon-file-image:before { content: '\e890'; } /* '' */ .icon-file-archive:before { content: '\e891'; } /* '' */ .icon-file-audio:before { content: '\e892'; } /* '' */ .icon-file-video:before { content: '\e893'; } /* '' */ .icon-file-code:before { content: '\e894'; } /* '' */ .icon-folder:before { content: '\e895'; } /* '' */ .icon-folder-open:before { content: '\e896'; } /* '' */ .icon-folder-empty:before { content: '\e897'; } /* '' */ .icon-folder-open-empty:before { content: '\e898'; } /* '' */ .icon-box:before { content: '\e899'; } /* '' */ .icon-rss:before { content: '\e89a'; } /* '' */ .icon-rss-squared:before { content: '\e89b'; } /* '' */ .icon-phone:before { content: '\e89c'; } /* '' */ .icon-phone-squared:before { content: '\e89d'; } /* '' */ .icon-fax:before { content: '\e89e'; } /* '' */ .icon-menu:before { content: '\e89f'; } /* '' */ .icon-cog:before { content: '\e8a0'; } /* '' */ .icon-cog-alt:before { content: '\e8a1'; } /* '' */ .icon-wrench:before { content: '\e8a2'; } /* '' */ .icon-sliders:before { content: '\e8a3'; } /* '' */ .icon-basket:before { content: '\e8a4'; } /* '' */ .icon-calendar:before { content: '\e8a5'; } /* '' */ .icon-calendar-empty:before { content: '\e8a6'; } /* '' */ .icon-login:before { content: '\e8a7'; } /* '' */ .icon-logout:before { content: '\e8a8'; } /* '' */ .icon-mic:before { content: '\e8a9'; } /* '' */ .icon-mute:before { content: '\e8aa'; } /* '' */ .icon-volume-off:before { content: '\e8ab'; } /* '' */ .icon-volume-down:before { content: '\e8ac'; } /* '' */ .icon-volume-up:before { content: '\e8ad'; } /* '' */ .icon-headphones:before { content: '\e8ae'; } /* '' */ .icon-clock:before { content: '\e8af'; } /* '' */ .icon-lightbulb:before { content: '\e8b0'; } /* '' */ .icon-block:before { content: '\e8b1'; } /* '' */ .icon-resize-full:before { content: '\e8b2'; } /* '' */ .icon-resize-full-alt:before { content: '\e8b3'; } /* '' */ .icon-resize-small:before { content: '\e8b4'; } /* '' */ .icon-resize-vertical:before { content: '\e8b5'; } /* '' */ .icon-resize-horizontal:before { content: '\e8b6'; } /* '' */ .icon-move:before { content: '\e8b7'; } /* '' */ .icon-zoom-in:before { content: '\e8b8'; } /* '' */ .icon-zoom-out:before { content: '\e8b9'; } /* '' */ .icon-down-circled2:before { content: '\e8ba'; } /* '' */ .icon-up-circled2:before { content: '\e8bb'; } /* '' */ .icon-left-circled2:before { content: '\e8bc'; } /* '' */ .icon-right-circled2:before { content: '\e8bd'; } /* '' */ .icon-down-dir:before { content: '\e8be'; } /* '' */ .icon-up-dir:before { content: '\e8bf'; } /* '' */ .icon-left-dir:before { content: '\e8c0'; } /* '' */ .icon-right-dir:before { content: '\e8c1'; } /* '' */ .icon-down-open:before { content: '\e8c2'; } /* '' */ .icon-left-open:before { content: '\e8c3'; } /* '' */ .icon-right-open:before { content: '\e8c4'; } /* '' */ .icon-up-open:before { content: '\e8c5'; } /* '' */ .icon-angle-left:before { content: '\e8c6'; } /* '' */ .icon-angle-right:before { content: '\e8c7'; } /* '' */ .icon-angle-up:before { content: '\e8c8'; } /* '' */ .icon-angle-down:before { content: '\e8c9'; } /* '' */ .icon-angle-circled-left:before { content: '\e8ca'; } /* '' */ .icon-angle-circled-right:before { content: '\e8cb'; } /* '' */ .icon-angle-circled-up:before { content: '\e8cc'; } /* '' */ .icon-angle-circled-down:before { content: '\e8cd'; } /* '' */ .icon-angle-double-left:before { content: '\e8ce'; } /* '' */ .icon-angle-double-right:before { content: '\e8cf'; } /* '' */ .icon-angle-double-up:before { content: '\e8d0'; } /* '' */ .icon-angle-double-down:before { content: '\e8d1'; } /* '' */ .icon-down:before { content: '\e8d2'; } /* '' */ .icon-left:before { content: '\e8d3'; } /* '' */ .icon-right:before { content: '\e8d4'; } /* '' */ .icon-up:before { content: '\e8d5'; } /* '' */ .icon-down-big:before { content: '\e8d6'; } /* '' */ .icon-left-big:before { content: '\e8d7'; } /* '' */ .icon-right-big:before { content: '\e8d8'; } /* '' */ .icon-up-big:before { content: '\e8d9'; } /* '' */ .icon-right-hand:before { content: '\e8da'; } /* '' */ .icon-left-hand:before { content: '\e8db'; } /* '' */ .icon-up-hand:before { content: '\e8dc'; } /* '' */ .icon-down-hand:before { content: '\e8dd'; } /* '' */ .icon-left-circled:before { content: '\e8de'; } /* '' */ .icon-right-circled:before { content: '\e8df'; } /* '' */ .icon-up-circled:before { content: '\e8e0'; } /* '' */ .icon-down-circled:before { content: '\e8e1'; } /* '' */ .icon-cw:before { content: '\e8e2'; } /* '' */ .icon-ccw:before { content: '\e8e3'; } /* '' */ .icon-arrows-cw:before { content: '\e8e4'; } /* '' */ .icon-level-up:before { content: '\e8e5'; } /* '' */ .icon-level-down:before { content: '\e8e6'; } /* '' */ .icon-shuffle:before { content: '\e8e7'; } /* '' */ .icon-exchange:before { content: '\e8e8'; } /* '' */ .icon-history:before { content: '\e8e9'; } /* '' */ .icon-expand:before { content: '\e8ea'; } /* '' */ .icon-collapse:before { content: '\e8eb'; } /* '' */ .icon-expand-right:before { content: '\e8ec'; } /* '' */ .icon-collapse-left:before { content: '\e8ed'; } /* '' */ .icon-play:before { content: '\e8ee'; } /* '' */ .icon-play-circled:before { content: '\e8ef'; } /* '' */ .icon-play-circled2:before { content: '\e8f0'; } /* '' */ .icon-stop:before { content: '\e8f1'; } /* '' */ .icon-pause:before { content: '\e8f2'; } /* '' */ .icon-to-end:before { content: '\e8f3'; } /* '' */ .icon-to-end-alt:before { content: '\e8f4'; } /* '' */ .icon-to-start:before { content: '\e8f5'; } /* '' */ .icon-to-start-alt:before { content: '\e8f6'; } /* '' */ .icon-fast-fw:before { content: '\e8f7'; } /* '' */ .icon-fast-bw:before { content: '\e8f8'; } /* '' */ .icon-eject:before { content: '\e8f9'; } /* '' */ .icon-target:before { content: '\e8fa'; } /* '' */ .icon-signal:before { content: '\e8fb'; } /* '' */ .icon-award:before { content: '\e8fc'; } /* '' */ .icon-desktop:before { content: '\e8fd'; } /* '' */ .icon-laptop:before { content: '\e8fe'; } /* '' */ .icon-tablet:before { content: '\e8ff'; } /* '' */ .icon-mobile:before { content: '\e900'; } /* '' */ .icon-inbox:before { content: '\e901'; } /* '' */ .icon-globe:before { content: '\e902'; } /* '' */ .icon-sun:before { content: '\e903'; } /* '' */ .icon-cloud:before { content: '\e904'; } /* '' */ .icon-flash:before { content: '\e905'; } /* '' */ .icon-moon:before { content: '\e906'; } /* '' */ .icon-umbrella:before { content: '\e907'; } /* '' */ .icon-flight:before { content: '\e908'; } /* '' */ .icon-fighter-jet:before { content: '\e909'; } /* '' */ .icon-paper-plane:before { content: '\e90a'; } /* '' */ .icon-paper-plane-empty:before { content: '\e90b'; } /* '' */ .icon-space-shuttle:before { content: '\e90c'; } /* '' */ .icon-leaf:before { content: '\e90d'; } /* '' */ .icon-font:before { content: '\e90e'; } /* '' */ .icon-bold:before { content: '\e90f'; } /* '' */ .icon-italic:before { content: '\e910'; } /* '' */ .icon-header:before { content: '\e911'; } /* '' */ .icon-paragraph:before { content: '\e912'; } /* '' */ .icon-text-height:before { content: '\e913'; } /* '' */ .icon-text-width:before { content: '\e914'; } /* '' */ .icon-align-left:before { content: '\e915'; } /* '' */ .icon-align-center:before { content: '\e916'; } /* '' */ .icon-align-right:before { content: '\e917'; } /* '' */ .icon-align-justify:before { content: '\e918'; } /* '' */ .icon-list:before { content: '\e919'; } /* '' */ .icon-indent-left:before { content: '\e91a'; } /* '' */ .icon-indent-right:before { content: '\e91b'; } /* '' */ .icon-list-bullet:before { content: '\e91c'; } /* '' */ .icon-list-numbered:before { content: '\e91d'; } /* '' */ .icon-strike:before { content: '\e91e'; } /* '' */ .icon-underline:before { content: '\e91f'; } /* '' */ .icon-superscript:before { content: '\e920'; } /* '' */ .icon-subscript:before { content: '\e921'; } /* '' */ .icon-table:before { content: '\e922'; } /* '' */ .icon-columns:before { content: '\e923'; } /* '' */ .icon-crop:before { content: '\e924'; } /* '' */ .icon-scissors:before { content: '\e925'; } /* '' */ .icon-paste:before { content: '\e926'; } /* '' */ .icon-briefcase:before { content: '\e927'; } /* '' */ .icon-suitcase:before { content: '\e928'; } /* '' */ .icon-ellipsis:before { content: '\e929'; } /* '' */ .icon-ellipsis-vert:before { content: '\e92a'; } /* '' */ .icon-off:before { content: '\e92b'; } /* '' */ .icon-road:before { content: '\e92c'; } /* '' */ .icon-list-alt:before { content: '\e92d'; } /* '' */ .icon-qrcode:before { content: '\e92e'; } /* '' */ .icon-barcode:before { content: '\e92f'; } /* '' */ .icon-book:before { content: '\e930'; } /* '' */ .icon-ajust:before { content: '\e931'; } /* '' */ .icon-tint:before { content: '\e932'; } /* '' */ .icon-check:before { content: '\e933'; } /* '' */ .icon-check-empty:before { content: '\e934'; } /* '' */ .icon-circle:before { content: '\e935'; } /* '' */ .icon-circle-empty:before { content: '\e936'; } /* '' */ .icon-circle-thin:before { content: '\e937'; } /* '' */ .icon-circle-notch:before { content: '\e938'; } /* '' */ .icon-dot-circled:before { content: '\e939'; } /* '' */ .icon-asterisk:before { content: '\e93a'; } /* '' */ .icon-gift:before { content: '\e93b'; } /* '' */ .icon-fire:before { content: '\e93c'; } /* '' */ .icon-magnet:before { content: '\e93d'; } /* '' */ .icon-chart-bar:before { content: '\e93e'; } /* '' */ .icon-ticket:before { content: '\e93f'; } /* '' */ .icon-credit-card:before { content: '\e940'; } /* '' */ .icon-floppy:before { content: '\e941'; } /* '' */ .icon-megaphone:before { content: '\e942'; } /* '' */ .icon-hdd:before { content: '\e943'; } /* '' */ .icon-key:before { content: '\e944'; } /* '' */ .icon-fork:before { content: '\e945'; } /* '' */ .icon-rocket:before { content: '\e946'; } /* '' */ .icon-bug:before { content: '\e947'; } /* '' */ .icon-certificate:before { content: '\e948'; } /* '' */ .icon-tasks:before { content: '\e949'; } /* '' */ .icon-filter:before { content: '\e94a'; } /* '' */ .icon-beaker:before { content: '\e94b'; } /* '' */ .icon-magic:before { content: '\e94c'; } /* '' */ .icon-cab:before { content: '\e94d'; } /* '' */ .icon-taxi:before { content: '\e94e'; } /* '' */ .icon-truck:before { content: '\e94f'; } /* '' */ .icon-money:before { content: '\e950'; } /* '' */ .icon-euro:before { content: '\e951'; } /* '' */ .icon-pound:before { content: '\e952'; } /* '' */ .icon-dollar:before { content: '\e953'; } /* '' */ .icon-rupee:before { content: '\e954'; } /* '' */ .icon-yen:before { content: '\e955'; } /* '' */ .icon-rouble:before { content: '\e956'; } /* '' */ .icon-try:before { content: '\e957'; } /* '' */ .icon-won:before { content: '\e958'; } /* '' */ .icon-bitcoin:before { content: '\e959'; } /* '' */ .icon-sort:before { content: '\e95a'; } /* '' */ .icon-sort-down:before { content: '\e95b'; } /* '' */ .icon-sort-up:before { content: '\e95c'; } /* '' */ .icon-sort-alt-up:before { content: '\e95d'; } /* '' */ .icon-sort-alt-down:before { content: '\e95e'; } /* '' */ .icon-sort-name-up:before { content: '\e95f'; } /* '' */ .icon-sort-name-down:before { content: '\e960'; } /* '' */ .icon-sort-number-up:before { content: '\e961'; } /* '' */ .icon-sort-number-down:before { content: '\e962'; } /* '' */ .icon-hammer:before { content: '\e963'; } /* '' */ .icon-gauge:before { content: '\e964'; } /* '' */ .icon-sitemap:before { content: '\e965'; } /* '' */ .icon-spinner:before { content: '\e966'; } /* '' */ .icon-coffee:before { content: '\e967'; } /* '' */ .icon-food:before { content: '\e968'; } /* '' */ .icon-beer:before { content: '\e969'; } /* '' */ .icon-user-md:before { content: '\e96a'; } /* '' */ .icon-stethoscope:before { content: '\e96b'; } /* '' */ .icon-ambulance:before { content: '\e96c'; } /* '' */ .icon-medkit:before { content: '\e96d'; } /* '' */ .icon-h-sigh:before { content: '\e96e'; } /* '' */ .icon-hospital:before { content: '\e96f'; } /* '' */ .icon-building:before { content: '\e970'; } /* '' */ .icon-building-filled:before { content: '\e971'; } /* '' */ .icon-bank:before { content: '\e972'; } /* '' */ .icon-smile:before { content: '\e973'; } /* '' */ .icon-frown:before { content: '\e974'; } /* '' */ .icon-meh:before { content: '\e975'; } /* '' */ .icon-anchor:before { content: '\e976'; } /* '' */ .icon-terminal:before { content: '\e977'; } /* '' */ .icon-eraser:before { content: '\e978'; } /* '' */ .icon-puzzle:before { content: '\e979'; } /* '' */ .icon-shield:before { content: '\e97a'; } /* '' */ .icon-extinguisher:before { content: '\e97b'; } /* '' */ .icon-bullseye:before { content: '\e97c'; } /* '' */ .icon-wheelchair:before { content: '\e97d'; } /* '' */ .icon-language:before { content: '\e97e'; } /* '' */ .icon-graduation-cap:before { content: '\e97f'; } /* '' */ .icon-paw:before { content: '\e980'; } /* '' */ .icon-spoon:before { content: '\e981'; } /* '' */ .icon-cube:before { content: '\e982'; } /* '' */ .icon-cubes:before { content: '\e983'; } /* '' */ .icon-recycle:before { content: '\e984'; } /* '' */ .icon-tree:before { content: '\e985'; } /* '' */ .icon-database:before { content: '\e986'; } /* '' */ .icon-lifebuoy:before { content: '\e987'; } /* '' */ .icon-rebel:before { content: '\e988'; } /* '' */ .icon-empire:before { content: '\e989'; } /* '' */ .icon-bomb:before { content: '\e98a'; } /* '' */ .icon-adn:before { content: '\e98b'; } /* '' */ .icon-android:before { content: '\e98c'; } /* '' */ .icon-apple:before { content: '\e98d'; } /* '' */ .icon-behance:before { content: '\e98e'; } /* '' */ .icon-behance-squared:before { content: '\e98f'; } /* '' */ .icon-bitbucket:before { content: '\e990'; } /* '' */ .icon-bitbucket-squared:before { content: '\e991'; } /* '' */ .icon-codeopen:before { content: '\e992'; } /* '' */ .icon-css3:before { content: '\e993'; } /* '' */ .icon-delicious:before { content: '\e994'; } /* '' */ .icon-deviantart:before { content: '\e995'; } /* '' */ .icon-digg:before { content: '\e996'; } /* '' */ .icon-dribbble:before { content: '\e997'; } /* '' */ .icon-dropbox:before { content: '\e998'; } /* '' */ .icon-drupal:before { content: '\e999'; } /* '' */ .icon-facebook:before { content: '\e99a'; } /* '' */ .icon-facebook-squared:before { content: '\e99b'; } /* '' */ .icon-flickr:before { content: '\e99c'; } /* '' */ .icon-foursquare:before { content: '\e99d'; } /* '' */ .icon-git-squared:before { content: '\e99e'; } /* '' */ .icon-git:before { content: '\e99f'; } /* '' */ .icon-github:before { content: '\e9a0'; } /* '' */ .icon-github-squared:before { content: '\e9a1'; } /* '' */ .icon-github-circled:before { content: '\e9a2'; } /* '' */ .icon-gittip:before { content: '\e9a3'; } /* '' */ .icon-google:before { content: '\e9a4'; } /* '' */ .icon-gplus:before { content: '\e9a5'; } /* '' */ .icon-gplus-squared:before { content: '\e9a6'; } /* '' */ .icon-hacker-news:before { content: '\e9a7'; } /* '' */ .icon-html5:before { content: '\e9a8'; } /* '' */ .icon-instagramm:before { content: '\e9a9'; } /* '' */ .icon-joomla:before { content: '\e9aa'; } /* '' */ .icon-jsfiddle:before { content: '\e9ab'; } /* '' */ .icon-linkedin-squared:before { content: '\e9ac'; } /* '' */ .icon-linux:before { content: '\e9ad'; } /* '' */ .icon-linkedin:before { content: '\e9ae'; } /* '' */ .icon-maxcdn:before { content: '\e9af'; } /* '' */ .icon-openid:before { content: '\e9b0'; } /* '' */ .icon-pagelines:before { content: '\e9b1'; } /* '' */ .icon-pied-piper-squared:before { content: '\e9b2'; } /* '' */ .icon-pied-piper-alt:before { content: '\e9b3'; } /* '' */ .icon-pinterest-circled:before { content: '\e9b4'; } /* '' */ .icon-pinterest-squared:before { content: '\e9b5'; } /* '' */ .icon-qq:before { content: '\e9b6'; } /* '' */ .icon-reddit:before { content: '\e9b7'; } /* '' */ .icon-reddit-squared:before { content: '\e9b8'; } /* '' */ .icon-renren:before { content: '\e9b9'; } /* '' */ .icon-skype:before { content: '\e9ba'; } /* '' */ .icon-slack:before { content: '\e9bb'; } /* '' */ .icon-soundclowd:before { content: '\e9bc'; } /* '' */ .icon-spotify:before { content: '\e9bd'; } /* '' */ .icon-stackexchange:before { content: '\e9be'; } /* '' */ .icon-stackoverflow:before { content: '\e9bf'; } /* '' */ .icon-steam:before { content: '\e9c0'; } /* '' */ .icon-steam-squared:before { content: '\e9c1'; } /* '' */ .icon-stumbleupon:before { content: '\e9c2'; } /* '' */ .icon-stumbleupon-circled:before { content: '\e9c3'; } /* '' */ .icon-tencent-weibo:before { content: '\e9c4'; } /* '' */ .icon-trello:before { content: '\e9c5'; } /* '' */ .icon-tumblr:before { content: '\e9c6'; } /* '' */ .icon-tumblr-squared:before { content: '\e9c7'; } /* '' */ .icon-twitter-squared:before { content: '\e9c8'; } /* '' */ .icon-twitter:before { content: '\e9c9'; } /* '' */ .icon-vimeo-squared:before { content: '\e9ca'; } /* '' */ .icon-vine:before { content: '\e9cb'; } /* '' */ .icon-vkontakte:before { content: '\e9cc'; } /* '' */ .icon-wechat:before { content: '\e9cd'; } /* '' */ .icon-weibo:before { content: '\e9ce'; } /* '' */ .icon-windows:before { content: '\e9cf'; } /* '' */ .icon-wordpress:before { content: '\e9d0'; } /* '' */ .icon-xing:before { content: '\e9d1'; } /* '' */ .icon-xing-squared:before { content: '\e9d2'; } /* '' */ .icon-youtube:before { content: '\e9d3'; } /* '' */ .icon-yahoo:before { content: '\e9d4'; } /* '' */ .icon-youtube-squared:before { content: '\e9d5'; } /* '' */ .icon-youtube-play:before { content: '\e9d6'; } /* '' */ .icon-blank:before { content: '\e9d7'; } /* '' */ .icon-lemon:before { content: '\e9d8'; } /* '' */ .icon-music-outline:before { content: '\e9d9'; } /* '' */ .icon-music-1:before { content: '\e9da'; } /* '' */ .icon-search-outline:before { content: '\e9db'; } /* '' */ .icon-search-1:before { content: '\e9dc'; } /* '' */ .icon-mail-1:before { content: '\e9dd'; } /* '' */ .icon-heart-1:before { content: '\e9de'; } /* '' */ .icon-heart-filled:before { content: '\e9df'; } /* '' */ .icon-star-1:before { content: '\e9e0'; } /* '' */ .icon-star-filled:before { content: '\e9e1'; } /* '' */ .icon-user-outline:before { content: '\e9e2'; } /* '' */ .icon-user-1:before { content: '\e9e3'; } /* '' */ .icon-users-outline:before { content: '\e9e4'; } /* '' */ .icon-users-1:before { content: '\e9e5'; } /* '' */ .icon-user-add-outline:before { content: '\e9e6'; } /* '' */ .icon-user-add:before { content: '\e9e7'; } /* '' */ .icon-user-delete-outline:before { content: '\e9e8'; } /* '' */ .icon-user-delete:before { content: '\e9e9'; } /* '' */ .icon-video-1:before { content: '\e9ea'; } /* '' */ .icon-videocam-outline:before { content: '\e9eb'; } /* '' */ .icon-videocam-1:before { content: '\e9ec'; } /* '' */ .icon-picture-outline:before { content: '\e9ed'; } /* '' */ .icon-picture-1:before { content: '\e9ee'; } /* '' */ .icon-camera-outline:before { content: '\e9ef'; } /* '' */ .icon-camera-1:before { content: '\e9f0'; } /* '' */ .icon-th-outline:before { content: '\e9f1'; } /* '' */ .icon-th-1:before { content: '\e9f2'; } /* '' */ .icon-th-large-outline:before { content: '\e9f3'; } /* '' */ .icon-th-large-1:before { content: '\e9f4'; } /* '' */ .icon-th-list-outline:before { content: '\e9f5'; } /* '' */ .icon-th-list-1:before { content: '\e9f6'; } /* '' */ .icon-ok-outline:before { content: '\e9f7'; } /* '' */ .icon-ok-1:before { content: '\e9f8'; } /* '' */ .icon-cancel-outline:before { content: '\e9f9'; } /* '' */ .icon-cancel-1:before { content: '\e9fa'; } /* '' */ .icon-cancel-alt:before { content: '\e9fb'; } /* '' */ .icon-cancel-alt-filled:before { content: '\e9fc'; } /* '' */ .icon-cancel-circled-outline:before { content: '\e9fd'; } /* '' */ .icon-cancel-circled-1:before { content: '\e9fe'; } /* '' */ .icon-plus-outline:before { content: '\e9ff'; } /* '' */ .icon-plus-1:before { content: '\ea00'; } /* '' */ .icon-minus-outline:before { content: '\ea01'; } /* '' */ .icon-minus-1:before { content: '\ea02'; } /* '' */ .icon-divide-outline:before { content: '\ea03'; } /* '' */ .icon-divide:before { content: '\ea04'; } /* '' */ .icon-eq-outline:before { content: '\ea05'; } /* '' */ .icon-eq:before { content: '\ea06'; } /* '' */ .icon-info-outline:before { content: '\ea07'; } /* '' */ .icon-info-1:before { content: '\ea08'; } /* '' */ .icon-home-outline:before { content: '\ea09'; } /* '' */ .icon-home-1:before { content: '\ea0a'; } /* '' */ .icon-link-outline:before { content: '\ea0b'; } /* '' */ .icon-link-1:before { content: '\ea0c'; } /* '' */ .icon-attach-outline:before { content: '\ea0d'; } /* '' */ .icon-attach-1:before { content: '\ea0e'; } /* '' */ .icon-lock-1:before { content: '\ea0f'; } /* '' */ .icon-lock-filled:before { content: '\ea10'; } /* '' */ .icon-lock-open-1:before { content: '\ea11'; } /* '' */ .icon-lock-open-filled:before { content: '\ea12'; } /* '' */ .icon-pin-outline:before { content: '\ea13'; } /* '' */ .icon-pin-1:before { content: '\ea14'; } /* '' */ .icon-eye-outline:before { content: '\ea15'; } /* '' */ .icon-eye-1:before { content: '\ea16'; } /* '' */ .icon-tag-1:before { content: '\ea17'; } /* '' */ .icon-tags-1:before { content: '\ea18'; } /* '' */ .icon-bookmark-1:before { content: '\ea19'; } /* '' */ .icon-flag-1:before { content: '\ea1a'; } /* '' */ .icon-flag-filled:before { content: '\ea1b'; } /* '' */ .icon-thumbs-up-1:before { content: '\ea1c'; } /* '' */ .icon-thumbs-down-1:before { content: '\ea1d'; } /* '' */ .icon-download-outline:before { content: '\ea1e'; } /* '' */ .icon-download-1:before { content: '\ea1f'; } /* '' */ .icon-upload-outline:before { content: '\ea20'; } /* '' */ .icon-upload-1:before { content: '\ea21'; } /* '' */ .icon-upload-cloud-outline:before { content: '\ea22'; } /* '' */ .icon-upload-cloud-1:before { content: '\ea23'; } /* '' */ .icon-reply-outline:before { content: '\ea24'; } /* '' */ .icon-reply-1:before { content: '\ea25'; } /* '' */ .icon-forward-outline:before { content: '\ea26'; } /* '' */ .icon-forward-1:before { content: '\ea27'; } /* '' */ .icon-code-outline:before { content: '\ea28'; } /* '' */ .icon-code-1:before { content: '\ea29'; } /* '' */ .icon-export-outline:before { content: '\ea2a'; } /* '' */ .icon-export-1:before { content: '\ea2b'; } /* '' */ .icon-pencil-1:before { content: '\ea2c'; } /* '' */ .icon-pen:before { content: '\ea2d'; } /* '' */ .icon-feather:before { content: '\ea2e'; } /* '' */ .icon-edit-1:before { content: '\ea2f'; } /* '' */ .icon-print-1:before { content: '\ea30'; } /* '' */ .icon-comment-1:before { content: '\ea31'; } /* '' */ .icon-chat-1:before { content: '\ea32'; } /* '' */ .icon-chat-alt:before { content: '\ea33'; } /* '' */ .icon-bell-1:before { content: '\ea34'; } /* '' */ .icon-attention-1:before { content: '\ea35'; } /* '' */ .icon-attention-filled:before { content: '\ea36'; } /* '' */ .icon-warning-empty:before { content: '\ea37'; } /* '' */ .icon-warning:before { content: '\ea38'; } /* '' */ .icon-contacts:before { content: '\ea39'; } /* '' */ .icon-vcard:before { content: '\ea3a'; } /* '' */ .icon-address:before { content: '\ea3b'; } /* '' */ .icon-location-outline:before { content: '\ea3c'; } /* '' */ .icon-location-1:before { content: '\ea3d'; } /* '' */ .icon-map:before { content: '\ea3e'; } /* '' */ .icon-direction-outline:before { content: '\ea3f'; } /* '' */ .icon-direction-1:before { content: '\ea40'; } /* '' */ .icon-compass-1:before { content: '\ea41'; } /* '' */ .icon-trash-1:before { content: '\ea42'; } /* '' */ .icon-doc-1:before { content: '\ea43'; } /* '' */ .icon-doc-text-1:before { content: '\ea44'; } /* '' */ .icon-doc-add:before { content: '\ea45'; } /* '' */ .icon-doc-remove:before { content: '\ea46'; } /* '' */ .icon-news:before { content: '\ea47'; } /* '' */ .icon-folder-1:before { content: '\ea48'; } /* '' */ .icon-folder-add:before { content: '\ea49'; } /* '' */ .icon-folder-delete:before { content: '\ea4a'; } /* '' */ .icon-archive:before { content: '\ea4b'; } /* '' */ .icon-box-1:before { content: '\ea4c'; } /* '' */ .icon-rss-outline:before { content: '\ea4d'; } /* '' */ .icon-rss-1:before { content: '\ea4e'; } /* '' */ .icon-phone-outline:before { content: '\ea4f'; } /* '' */ .icon-phone-1:before { content: '\ea50'; } /* '' */ .icon-menu-outline:before { content: '\ea51'; } /* '' */ .icon-menu-1:before { content: '\ea52'; } /* '' */ .icon-cog-outline:before { content: '\ea53'; } /* '' */ .icon-cog-1:before { content: '\ea54'; } /* '' */ .icon-wrench-outline:before { content: '\ea55'; } /* '' */ .icon-wrench-1:before { content: '\ea56'; } /* '' */ .icon-basket-1:before { content: '\ea57'; } /* '' */ .icon-calendar-outlilne:before { content: '\ea58'; } /* '' */ .icon-calendar-1:before { content: '\ea59'; } /* '' */ .icon-mic-outline:before { content: '\ea5a'; } /* '' */ .icon-mic-1:before { content: '\ea5b'; } /* '' */ .icon-volume-off-1:before { content: '\ea5c'; } /* '' */ .icon-volume-low:before { content: '\ea5d'; } /* '' */ .icon-volume-middle:before { content: '\ea5e'; } /* '' */ .icon-volume-high:before { content: '\ea5f'; } /* '' */ .icon-headphones-1:before { content: '\ea60'; } /* '' */ .icon-clock-1:before { content: '\ea61'; } /* '' */ .icon-wristwatch:before { content: '\ea62'; } /* '' */ .icon-stopwatch:before { content: '\ea63'; } /* '' */ .icon-lightbulb-1:before { content: '\ea64'; } /* '' */ .icon-block-outline:before { content: '\ea65'; } /* '' */ .icon-block-1:before { content: '\ea66'; } /* '' */ .icon-resize-full-outline:before { content: '\ea67'; } /* '' */ .icon-resize-full-1:before { content: '\ea68'; } /* '' */ .icon-resize-normal-outline:before { content: '\ea69'; } /* '' */ .icon-resize-normal:before { content: '\ea6a'; } /* '' */ .icon-move-outline:before { content: '\ea6b'; } /* '' */ .icon-move-1:before { content: '\ea6c'; } /* '' */ .icon-popup:before { content: '\ea6d'; } /* '' */ .icon-zoom-in-outline:before { content: '\ea6e'; } /* '' */ .icon-zoom-in-1:before { content: '\ea6f'; } /* '' */ .icon-zoom-out-outline:before { content: '\ea70'; } /* '' */ .icon-zoom-out-1:before { content: '\ea71'; } /* '' */ .icon-popup-1:before { content: '\ea72'; } /* '' */ .icon-left-open-outline:before { content: '\ea73'; } /* '' */ .icon-left-open-1:before { content: '\ea74'; } /* '' */ .icon-right-open-outline:before { content: '\ea75'; } /* '' */ .icon-right-open-1:before { content: '\ea76'; } /* '' */ .icon-down-1:before { content: '\ea77'; } /* '' */ .icon-left-1:before { content: '\ea78'; } /* '' */ .icon-right-1:before { content: '\ea79'; } /* '' */ .icon-up-1:before { content: '\ea7a'; } /* '' */ .icon-down-outline:before { content: '\ea7b'; } /* '' */ .icon-left-outline:before { content: '\ea7c'; } /* '' */ .icon-right-outline:before { content: '\ea7d'; } /* '' */ .icon-up-outline:before { content: '\ea7e'; } /* '' */ .icon-down-small:before { content: '\ea7f'; } /* '' */ .icon-left-small:before { content: '\ea80'; } /* '' */ .icon-right-small:before { content: '\ea81'; } /* '' */ .icon-up-small:before { content: '\ea82'; } /* '' */ .icon-cw-outline:before { content: '\ea83'; } /* '' */ .icon-cw-1:before { content: '\ea84'; } /* '' */ .icon-arrows-cw-outline:before { content: '\ea85'; } /* '' */ .icon-arrows-cw-1:before { content: '\ea86'; } /* '' */ .icon-loop-outline:before { content: '\ea87'; } /* '' */ .icon-loop:before { content: '\ea88'; } /* '' */ .icon-loop-alt-outline:before { content: '\ea89'; } /* '' */ .icon-loop-alt:before { content: '\ea8a'; } /* '' */ .icon-shuffle-1:before { content: '\ea8b'; } /* '' */ .icon-play-outline:before { content: '\ea8c'; } /* '' */ .icon-play-1:before { content: '\ea8d'; } /* '' */ .icon-stop-outline:before { content: '\ea8e'; } /* '' */ .icon-stop-1:before { content: '\ea8f'; } /* '' */ .icon-pause-outline:before { content: '\ea90'; } /* '' */ .icon-pause-1:before { content: '\ea91'; } /* '' */ .icon-fast-fw-outline:before { content: '\ea92'; } /* '' */ .icon-fast-fw-1:before { content: '\ea93'; } /* '' */ .icon-rewind-outline:before { content: '\ea94'; } /* '' */ .icon-rewind:before { content: '\ea95'; } /* '' */ .icon-record-outline:before { content: '\ea96'; } /* '' */ .icon-record:before { content: '\ea97'; } /* '' */ .icon-eject-outline:before { content: '\ea98'; } /* '' */ .icon-eject-1:before { content: '\ea99'; } /* '' */ .icon-eject-alt-outline:before { content: '\ea9a'; } /* '' */ .icon-eject-alt:before { content: '\ea9b'; } /* '' */ .icon-bat1:before { content: '\ea9c'; } /* '' */ .icon-bat2:before { content: '\ea9d'; } /* '' */ .icon-bat3:before { content: '\ea9e'; } /* '' */ .icon-bat4:before { content: '\ea9f'; } /* '' */ .icon-bat-charge:before { content: '\eaa0'; } /* '' */ .icon-plug:before { content: '\eaa1'; } /* '' */ .icon-target-outline:before { content: '\eaa2'; } /* '' */ .icon-target-1:before { content: '\eaa3'; } /* '' */ .icon-wifi-outline:before { content: '\eaa4'; } /* '' */ .icon-wifi:before { content: '\eaa5'; } /* '' */ .icon-desktop-1:before { content: '\eaa6'; } /* '' */ .icon-laptop-1:before { content: '\eaa7'; } /* '' */ .icon-tablet-1:before { content: '\eaa8'; } /* '' */ .icon-mobile-1:before { content: '\eaa9'; } /* '' */ .icon-contrast:before { content: '\eaaa'; } /* '' */ .icon-globe-outline:before { content: '\eaab'; } /* '' */ .icon-globe-1:before { content: '\eaac'; } /* '' */ .icon-globe-alt-outline:before { content: '\eaad'; } /* '' */ .icon-globe-alt:before { content: '\eaae'; } /* '' */ .icon-sun-1:before { content: '\eaaf'; } /* '' */ .icon-sun-filled:before { content: '\eab0'; } /* '' */ .icon-cloud-1:before { content: '\eab1'; } /* '' */ .icon-flash-outline:before { content: '\eab2'; } /* '' */ .icon-flash-1:before { content: '\eab3'; } /* '' */ .icon-moon-1:before { content: '\eab4'; } /* '' */ .icon-waves-outline:before { content: '\eab5'; } /* '' */ .icon-waves:before { content: '\eab6'; } /* '' */ .icon-rain:before { content: '\eab7'; } /* '' */ .icon-cloud-sun:before { content: '\eab8'; } /* '' */ .icon-drizzle:before { content: '\eab9'; } /* '' */ .icon-snow:before { content: '\eaba'; } /* '' */ .icon-cloud-flash:before { content: '\eabb'; } /* '' */ .icon-cloud-wind:before { content: '\eabc'; } /* '' */ .icon-wind:before { content: '\eabd'; } /* '' */ .icon-plane-outline:before { content: '\eabe'; } /* '' */ .icon-plane:before { content: '\eabf'; } /* '' */ .icon-leaf-1:before { content: '\eac0'; } /* '' */ .icon-lifebuoy-1:before { content: '\eac1'; } /* '' */ .icon-briefcase-1:before { content: '\eac2'; } /* '' */ .icon-brush:before { content: '\eac3'; } /* '' */ .icon-pipette:before { content: '\eac4'; } /* '' */ .icon-power-outline:before { content: '\eac5'; } /* '' */ .icon-power:before { content: '\eac6'; } /* '' */ .icon-check-outline:before { content: '\eac7'; } /* '' */ .icon-check-1:before { content: '\eac8'; } /* '' */ .icon-gift-1:before { content: '\eac9'; } /* '' */ .icon-temperatire:before { content: '\eaca'; } /* '' */ .icon-chart-outline:before { content: '\eacb'; } /* '' */ .icon-chart:before { content: '\eacc'; } /* '' */ .icon-chart-alt-outline:before { content: '\eacd'; } /* '' */ .icon-chart-alt:before { content: '\eace'; } /* '' */ .icon-chart-bar-outline:before { content: '\eacf'; } /* '' */ .icon-chart-bar-1:before { content: '\ead0'; } /* '' */ .icon-chart-pie-outline:before { content: '\ead1'; } /* '' */ .icon-chart-pie:before { content: '\ead2'; } /* '' */ .icon-ticket-1:before { content: '\ead3'; } /* '' */ .icon-credit-card-1:before { content: '\ead4'; } /* '' */ .icon-clipboard:before { content: '\ead5'; } /* '' */ .icon-database-1:before { content: '\ead6'; } /* '' */ .icon-key-outline:before { content: '\ead7'; } /* '' */ .icon-key-1:before { content: '\ead8'; } /* '' */ .icon-flow-split:before { content: '\ead9'; } /* '' */ .icon-flow-merge:before { content: '\eada'; } /* '' */ .icon-flow-parallel:before { content: '\eadb'; } /* '' */ .icon-flow-cross:before { content: '\eadc'; } /* '' */ .icon-certificate-outline:before { content: '\eadd'; } /* '' */ .icon-certificate-1:before { content: '\eade'; } /* '' */ .icon-scissors-outline:before { content: '\eadf'; } /* '' */ .icon-scissors-1:before { content: '\eae0'; } /* '' */ .icon-flask:before { content: '\eae1'; } /* '' */ .icon-wine:before { content: '\eae2'; } /* '' */ .icon-coffee-1:before { content: '\eae3'; } /* '' */ .icon-beer-1:before { content: '\eae4'; } /* '' */ .icon-anchor-outline:before { content: '\eae5'; } /* '' */ .icon-anchor-1:before { content: '\eae6'; } /* '' */ .icon-puzzle-outline:before { content: '\eae7'; } /* '' */ .icon-puzzle-1:before { content: '\eae8'; } /* '' */ .icon-tree-1:before { content: '\eae9'; } /* '' */ .icon-calculator:before { content: '\eaea'; } /* '' */ .icon-infinity-outline:before { content: '\eaeb'; } /* '' */ .icon-infinity:before { content: '\eaec'; } /* '' */ .icon-pi-outline:before { content: '\eaed'; } /* '' */ .icon-pi:before { content: '\eaee'; } /* '' */ .icon-at:before { content: '\eaef'; } /* '' */ .icon-at-circled:before { content: '\eaf0'; } /* '' */ .icon-looped-square-outline:before { content: '\eaf1'; } /* '' */ .icon-looped-square-interest:before { content: '\eaf2'; } /* '' */ .icon-sort-alphabet-outline:before { content: '\eaf3'; } /* '' */ .icon-sort-alphabet:before { content: '\eaf4'; } /* '' */ .icon-sort-numeric-outline:before { content: '\eaf5'; } /* '' */ .icon-sort-numeric:before { content: '\eaf6'; } /* '' */ .icon-dribbble-circled:before { content: '\eaf7'; } /* '' */ .icon-dribbble-1:before { content: '\eaf8'; } /* '' */ .icon-facebook-circled:before { content: '\eaf9'; } /* '' */ .icon-facebook-1:before { content: '\eafa'; } /* '' */ .icon-flickr-circled:before { content: '\eafb'; } /* '' */ .icon-flickr-1:before { content: '\eafc'; } /* '' */ .icon-github-circled-1:before { content: '\eafd'; } /* '' */ .icon-github-1:before { content: '\eafe'; } /* '' */ .icon-lastfm-circled:before { content: '\eaff'; } /* '' */ .icon-lastfm:before { content: '\eb00'; } /* '' */ .icon-linkedin-circled:before { content: '\eb01'; } /* '' */ .icon-linkedin-1:before { content: '\eb02'; } /* '' */ .icon-pinterest-circled-1:before { content: '\eb03'; } /* '' */ .icon-pinterest:before { content: '\eb04'; } /* '' */ .icon-skype-outline:before { content: '\eb05'; } /* '' */ .icon-skype-1:before { content: '\eb06'; } /* '' */ .icon-tumbler-circled:before { content: '\eb07'; } /* '' */ .icon-tumbler:before { content: '\eb08'; } /* '' */ .icon-twitter-circled:before { content: '\eb09'; } /* '' */ .icon-twitter-1:before { content: '\eb0a'; } /* '' */ .icon-vimeo-circled:before { content: '\eb0b'; } /* '' */ .icon-vimeo:before { content: '\eb0c'; } /* '' */ .icon-music-2:before { content: '\eb0d'; } /* '' */ .icon-search-2:before { content: '\eb0e'; } /* '' */ .icon-mail-2:before { content: '\eb0f'; } /* '' */ .icon-heart-2:before { content: '\eb10'; } /* '' */ .icon-star-2:before { content: '\eb11'; } /* '' */ .icon-user-2:before { content: '\eb12'; } /* '' */ .icon-videocam-2:before { content: '\eb13'; } /* '' */ .icon-camera-2:before { content: '\eb14'; } /* '' */ .icon-photo:before { content: '\eb15'; } /* '' */ .icon-attach-2:before { content: '\eb16'; } /* '' */ .icon-lock-2:before { content: '\eb17'; } /* '' */ .icon-eye-2:before { content: '\eb18'; } /* '' */ .icon-tag-2:before { content: '\eb19'; } /* '' */ .icon-thumbs-up-2:before { content: '\eb1a'; } /* '' */ .icon-pencil-2:before { content: '\eb1b'; } /* '' */ .icon-comment-2:before { content: '\eb1c'; } /* '' */ .icon-location-2:before { content: '\eb1d'; } /* '' */ .icon-cup:before { content: '\eb1e'; } /* '' */ .icon-trash-2:before { content: '\eb1f'; } /* '' */ .icon-doc-2:before { content: '\eb20'; } /* '' */ .icon-note:before { content: '\eb21'; } /* '' */ .icon-cog-2:before { content: '\eb22'; } /* '' */ .icon-params:before { content: '\eb23'; } /* '' */ .icon-calendar-2:before { content: '\eb24'; } /* '' */ .icon-sound:before { content: '\eb25'; } /* '' */ .icon-clock-2:before { content: '\eb26'; } /* '' */ .icon-lightbulb-2:before { content: '\eb27'; } /* '' */ .icon-tv:before { content: '\eb28'; } /* '' */ .icon-desktop-2:before { content: '\eb29'; } /* '' */ .icon-mobile-2:before { content: '\eb2a'; } /* '' */ .icon-cd:before { content: '\eb2b'; } /* '' */ .icon-inbox-1:before { content: '\eb2c'; } /* '' */ .icon-globe-2:before { content: '\eb2d'; } /* '' */ .icon-cloud-2:before { content: '\eb2e'; } /* '' */ .icon-paper-plane-1:before { content: '\eb2f'; } /* '' */ .icon-fire-1:before { content: '\eb30'; } /* '' */ .icon-graduation-cap-1:before { content: '\eb31'; } /* '' */ .icon-megaphone-1:before { content: '\eb32'; } /* '' */ .icon-database-2:before { content: '\eb33'; } /* '' */ .icon-key-2:before { content: '\eb34'; } /* '' */ .icon-beaker-1:before { content: '\eb35'; } /* '' */ .icon-truck-1:before { content: '\eb36'; } /* '' */ .icon-money-1:before { content: '\eb37'; } /* '' */ .icon-food-1:before { content: '\eb38'; } /* '' */ .icon-shop:before { content: '\eb39'; } /* '' */ .icon-diamond:before { content: '\eb3a'; } /* '' */ .icon-t-shirt:before { content: '\eb3b'; } /* '' */ .icon-wallet:before { content: '\eb3c'; } /* '' */ @charset "UTF-8"; /* Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */ -webkit-backface-visibility: hidden; } .fade-up, .fade-down, .fade-left, .fade-right, .bounce-in, .rotate-In-Down-Left, .rotate-In-Down-Right{ opacity:0; } .animate1{ -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -ms-animation-delay: .5s; animation-delay: .5s; } .animate2{ -webkit-animation-delay: 1.0s; -moz-animation-delay: 1.0s; -ms-animation-delay: 1.0s; animation-delay: 1.0s; } .animate3{ -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -ms-animation-delay: 1.5s; animation-delay: 1.5s; } .animate4{ -webkit-animation-delay: 2.0s; -moz-animation-delay: 2.0s; -ms-animation-delay: 2.0s; animation-delay: 2.0s; } .animated { opacity:1; -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; } .animated.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;} } .animated.flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-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);} } .animated.shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-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);} } .animated.bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-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);} } .animated.tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-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); } } .animated.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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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%); } } .animated.wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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); } } .animated.pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-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; } } .animated.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; } @-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; } } .animated.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; } @-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; } } .animated.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; } @-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; } } .animated.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; } @-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; } } .animated.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; } @-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;} } .animated.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-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); } } .animated.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-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); } } .animated.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-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); } } .animated.fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-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); } } .animated.fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-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); } } .animated.fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-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); } } .animated.fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-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); } } .animated.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-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); } } .animated.fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-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;} } .animated.fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-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); } } .animated.fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-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); } } .animated.fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-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); } } .animated.fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-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); } } .animated.fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-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); } } .animated.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-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); } } .animated.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-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); } } .animated.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-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); } } .animated.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-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); } } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes slideInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes slideInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { -o-transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); } 100% { transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes slideInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { -o-transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; -o-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes slideInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { -o-transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px); } 100% { transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; -moz-animation-name: slideInRight; -o-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes slideOutLeft { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes slideOutLeft { 0% { -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; -moz-animation-name: slideOutLeft; -o-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes slideOutRight { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes slideOutRight { 0% { -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes slideOutRight { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; -moz-animation-name: slideOutRight; -o-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes slideOutUp { 0% { -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes slideOutUp { 0% { -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; -moz-animation-name: slideOutUp; -o-animation-name: slideOutUp; animation-name: slideOutUp; } .animated.bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-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); } } .animated.bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-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); } } .animated.bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-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); } } .animated.bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-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); } } .animated.bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-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); } } .animated.bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-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); } } .animated.bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-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); } } .animated.bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-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); } } .animated.bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-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); } } .animated.bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-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; } } .animated.rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-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; } } .animated.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-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; } } .animated.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-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; } } .animated.rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-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; } } .animated.rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-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; } } .animated.rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-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; } } .animated.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-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; } } .animated.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-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; } } .animated.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-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; } } .animated.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-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; } } .animated.hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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); } } .animated.rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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); } } .animated.rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-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; } } .animated.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; } .animated.lightSpeedIn { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-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; } } .animated.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; } .animated.lightSpeedOut { -webkit-animation-duration: 0.25s; -moz-animation-duration: 0.25s; -o-animation-duration: 0.25s; animation-duration: 0.25s; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; font-family: 'Raleway', sans-serif; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; font-family: 'Montserrat', sans-serif; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; font-family: 'Montserrat', sans-serif; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /** Simple fade transition for video and map popup */ .mfp-fade.mfp-bg { opacity: 0.001; /* Chrome opacity transition bug */ -webkit-transition: all 0.20s ease-out; -moz-transition: all 0.20s ease-out; transition: all 0.20s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8;} .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.20s ease-out; -moz-transition: all 0.20s ease-out; transition: all 0.20s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* Styles for dialog window */ #nicdark_window, #nicdark_window_two { text-align: left; max-width: 400px; margin: 40px auto; position: relative; } /*** Fade-zoom animation for first dialog */ /* start state */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {-webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0;} /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0.001; /* Chrome opacity transition bug */-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;} /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /**************************************************************************** Table of Content *************************************************************************** SOME BASIC CLASSES 1- body 2-container 3-site 4-section 5-grid 6-width section 7-headings tag 8-form elements 9-parallax section /* 1- START NICDARK FRAMEWORK*/ body{ margin:0px; padding:0px; overflow-x:hidden; background-color: #ccc; } body.nicdark_boxed_img{ background-image: url(../themes/ecole/assets/img/slide/img1.jpg) !important; background-size: cover; background-attachment: fixed; } body.nicdark_boxed_pattern{ background-image: url(../themes/ecole/assets/img/patterns/img1.jpg) !important; background-attachment: fixed; } /* 2 - CONTAINER */ .nicdark_container{ width:1200px; margin:auto; padding: 0px; } .nicdark_clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } /* 3- START STJO_SITE*/ .stjo_site{ float: left; width: 100%; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } .stjo_site > .nicdark_site_fullwidth{ float: left; width: 100%; background-color: #fff; } .stjo_site > .nicdark_site_boxed{ width:1220px; margin:auto; padding: 0px; background-color: #fff; } /*START STJO_SITE*/ /* 4 - START NICDARKSECTION*/ .nicdark_section{ width: 100%; float: left; } /*.nicdark_section.nicdark_imgparallax{ background: url(../img/img3.jpg) 50% 0 fixed; background-size: cover;}*/ /*END NICDARKSECTION*/ /* 5 - START NICDARKGRID*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12{ margin:10px; float:left; display:inline; } .grid.nomargin{ margin: 0px; padding: 10px; } .grid.percentage{ margin: 0px; padding: 0px; } .grid_12.percentage {width:100%;} .grid_6.percentage {width:50%;} .grid_4.percentage {width:33.33%;} .grid_3.percentage {width:25%;} .grid_8.percentage {width:66.66%;} .grid_9.percentage {width:75%;} /*size*/ .grid_1 {width:80px;} .grid_2 {width:180px;} .grid_3 {width:280px;} .grid_4 {width:380px;} .grid_5 {width:480px;} .grid_6 {width:580px;} .grid_7 {width:680px;} .grid_8 {width:780px;} .grid_9 {width:880px;} .grid_10 {width:980px;} .grid_11 {width:1080px;} .grid_12 {width:1180px;} /*END NICDARKGRID*/ /* 6 - START NIKDARKWIDTHPERCENTAGE*/ .nicdark_width_percentage1{ width: 1% !important; } .nicdark_width_percentage10{ width: 10% !important; } .nicdark_width_percentage20{ width: 20% !important; } .nicdark_width_percentage25{ width: 25% !important; } .nicdark_width_percentage30{ width: 30% !important; } .nicdark_width_percentage40{ width: 40% !important; } .nicdark_width_percentage50{ width: 50% !important; } .nicdark_width_percentage60{ width: 60% !important; } .nicdark_width_percentage70{ width: 70% !important; } .nicdark_width_percentage80{ width: 80% !important; } .nicdark_width_percentage90{ width: 90% !important; } .nicdark_width_percentage100{ width: 100% !important; } /*END NIKDARKWIDTHPERCENTAGE*/ /* 7 - START NICDARKTEXT*/ p,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight: normal; } /*font*/ h1,h2,h3,h4,h5,h6,input[type="text"],textarea,select{ font-family: 'Montserrat', sans-serif; color: #868585; } h1.subtitle,h2.subtitle,h3.subtitle,h4.subtitle,h5.subtitle,h6.subtitle,input[type="text"].subtitle,textarea.subtitle,select.subtitle, span.subtitle{ font-family: 'Raleway', sans-serif; color:#a4a4a4; } h1.signature,h2.signature,h3.signature,h4.signature,h5.signature,h6.signature, span.signature{ font-family: 'Montez', cursive; } /*color*/ p.white,h1.white,h2.white,h3.white,h4.white,h5.white,h6.white,a.white,i.white,span.white, input[type="text"].white, textarea.white, input[type="submit"].white, select.white{ color:#ffffff; } p.grey,h1.grey,h2.grey,h3.grey,h4.grey,h5.grey,h6.grey,a.grey,i.grey,span.grey, input[type="text"].grey, textarea.grey, input[type="submit"].grey, select.grey, pre.grey{ color:#a4a4a4; } p.greydark,h1.greydark,h2.greydark,h3.greydark,h4.greydark,h5.greydark,h6.greydark,a.greydark,i.greydark,span.greydark, input[type="text"].greydark, textarea.greydark, input[type="submit"].greydark, select.greydark{ color:#868585; } p.greydark2,h1.greydark2,h2.greydark2,h3.greydark2,h4.greydark2,h5.greydark2,h6.greydark2,a.greydark2,i.greydark2,span.greydark2, input[type="text"].greydark2, textarea.greydark2, input[type="submit"].greydark2, select.greydark2{ color:#353b3d; } p.green,h1.green,h2.green,h3.green,h4.green,h5.green,h6.green,a.green,i.green,span.green, input[type="text"].green, textarea.green, input[type="submit"].green, select.green{ color:#6fc191; } p.blue,h1.blue,h2.blue,h3.blue,h4.blue,h5.blue,h6.blue,a.blue,i.blue,span.blue, input[type="text"].blue, textarea.blue, input[type="submit"].blue, select.blue{ color:#74cee4; } p.violet,h1.violet,h2.violet,h3.violet,h4.violet,h5.violet,h6.violet,a.violet,i.violet,span.violet, input[type="text"].violet, textarea.violet, input[type="submit"].violet, select.violet{ color:#c389ce; } p.yellow,h1.yellow,h2.yellow,h3.yellow,h4.yellow,h5.yellow,h6.yellow,a.yellow,i.yellow,span.yellow, input[type="text"].yellow, textarea.yellow, input[type="submit"].yellow, select.yellow{ color:#edbf47; } p.orange,h1.orange,h2.orange,h3.orange,h4.orange,h5.orange,h6.orange,a.orange,i.orange,span.orange, input[type="text"].orange, textarea.orange, input[type="submit"].orange, select.orange{ color:#ec774b; } p.red,h1.red,h2.red,h3.red,h4.red,h5.red,h6.red,a.red,i.red,span.red, input[type="text"].red, textarea.red, input[type="submit"].red, select.red{ color:#e16c6c; } /*align*/ p.center,h1.center,h2.center,h3.center,h4.center,h5.center,h6.center{ text-align: center; } p.right,h1.right,h2.right,h3.right,h4.right,h5.right,h6.right, span.right{ float: right; } /*size*/ p{ font-size:15px; line-height: 22px; color:#a4a4a4; font-family: 'Raleway', sans-serif; } h1{ font-size: 30px; line-height: 30px; } h1.extrasize{ font-size: 45px; line-height: 45px; } h2{ font-size: 25px; line-height: 25px; } h3{ font-size: 20px; line-height: 20px; } h4{ font-size: 17px; line-height: 17px; } h5{ font-size: 15px; line-height: 15px; } h6{ font-size: 14px; line-height: 14px; } a{ text-decoration: none; color: #868585; } /*pre*/ pre{ overflow: auto; float: left; width: 100%; margin:0px; padding: 0px; } pre p{ font-family: monospace; font-size: 13px; line-height: 22px; } /*END NICDARKTEXT*/ /* 8 - START NICDARKFORMELEMENTS*/ input[type="text"]{ float: left; border: 0; outline: 0; } textarea{ float: left; border: 0; outline: 0; } select{ float: left; border: 0; outline: 0; width: 100%; -webkit-appearance: none; cursor: pointer; } input[type="submit"]{ cursor: pointer; outline: 0; border: 0; } /*size*/ input[type="text"].small, textarea.small { font-size: 15px; width: 90%; padding: 10px 5%; } input[type="text"].medium, textarea.medium { font-size: 17px; width: 90%; padding: 10px 5%; } input[type="text"].big, textarea.big { font-size: 17px; width: 80%; padding: 15px 10%; } /*size select*/ select.small { font-size: 15px; padding: 10px 5%; } select.medium { font-size: 17px; padding: 10px 5%; } select.big { font-size: 17px; padding: 15px 10%; } /*END NICDARKFORMELEMENTS*/ /*********************************************CUSTOM FOR BABY KIDS*************************************************************/ /* 9 - START CLASS FOR PARALLAX SECTION*/ .nicdark_parallax_img2 { background:url(../themes/ecole/assets/img/slide/img2.jpg) 50% 0 fixed; background-size:cover; } .nicdark_parallax_img3 { background:url(../themes/ecole/assets/img/slide/img3.jpg) 50% 0 fixed; background-size:cover; } .nicdark_parallax_img1 { background:url(../themes/ecole/assets/img/slide/img1.jpg) 50% 0 fixed; background-size:cover; } .nicdark_parallaxx_img1 { background: url(../themes/ecole/assets/img/parallax/img1.jpg) 50% 0 fixed; background-size:cover; } .nicdark_parallaxx_img2 { background: url(../themes/ecole/assets/img/parallax/img2.jpg) 50% 0 fixed; background-size:cover; } .nicdark_parallaxx_img3 { background: url(../themes/ecole/assets/img/parallax/img3.jpg) 50% 0 fixed; background-size:cover; } .nicdark_parallaxx_img5 { background: url(../themes/ecole/assets/img/parallax/img5.jpg) 50% 0 fixed; background-size:cover; } .nicdark_parallaxx_img6 { background: url(../themes/ecole/assets/img/parallax/img6.jpg) 50% 0 fixed; background-size:cover; } .nicdark_parallaxx_img7 { background: url(../themes/ecole/assets/img/parallax/img7.jpg) 50% 0 fixed; background-size:cover; } .nicdark_parallaxx_img8 { background: url(../themes/ecole/assets/img/parallax/img8.jpg) 50% 0 fixed; background-size:cover; } .nicdark_parallaxx_img-teachers-1 { background: url(../themes/ecole/assets/img/parallax/img-teachers-1.jpg) 50% 0 fixed; background-size:cover; } .nicdark_parallaxx_img-single-teacher-1 { background: url(../themes/ecole/assets/img/parallax/img-single-teacher-1.jpg) 50% 0 fixed; background-size:cover; } .nicdark_parallaxx_img-single-teacher-2 { background: url(../themes/ecole/assets/img/parallax/img-single-teacher-2.jpg) 50% 0 fixed; background-size:cover; } .nicdark_parallaxx_img-excursions { background: url(../themes/ecole/assets/img/parallax/img-excursions.jpg) 50% 0 fixed; background-size:cover; } .nicdark_parallaxx_img-single-excursion { background: url(../themes/ecole/assets/img/parallax/img-single-excursion.jpg) 50% 0 fixed; background-size:cover; } .nicdark_parallaxx_img-courses { background: url(../themes/ecole/assets/img/parallax/img-courses.jpg) 50% 0 fixed; background-size:cover; } .nicdark_parallaxx_img-events { background: url(../themes/ecole/assets/img/parallax/img-events.jpg) 50% 0 fixed; background-size:cover; } .nicdark_parallaxx_img-single-event { background: url(../themes/ecole/assets/img/parallax/img-single-event.jpg) 50% 0 fixed; background-size:cover; } /*END CLASS FOR PARALLAX SECTION*/ /*START CUSTOM CLASS TO AVOID INLINE CSS*/ .nicdark_width60 { width: 60px; } .nicdark_width50 { width: 50px; } .nicdark_copyrightlogo { background-image:url(../themes/ecole/assets/img/footer/copyright.jpg); background-size:95px; background-repeat:no-repeat; background-position:left; } .nicdark_facebook { background-color:#5977b8; box-shadow:0px 4px 0px 0px #4c67a1; } /*END CUSTOM CLASS TO AVOID INLINE CSS*/ /*ipad land*/ @media only screen and (min-width: 960px) and (max-width: 1199px) { .nicdark_container{width:960px;} .grid_1 {width:60px;}.grid_2 {width:140px;}.grid_3 {width:220px;}.grid_4 {width:300px;}.grid_5 {width:380px;}.grid_6 {width:460px;}.grid_7 {width:540px;}.grid_8 {width:620px;}.grid_9 {width:700px;}.grid_10 {width:780px;}.grid_11 {width:860px;}.grid_12 {width:940px;} /*some class*/ .nicdark_disable_marginleft_ipadland, .nicdark_disable_marginleft_responsive{ margin-left: 0px !important; } .nicdark_aligncenter_ipadland, .nicdark_aligncenter_responsive { text-align: center !important; } .nicdark_width100_ipadland, .nicdark_width100_responsive { width: 100% !important; } /*disable float*/ .nicdark_disable_floatleft_ipadland { float: initial !important; } .nicdark_disable_floatright_ipadland { float: initial !important; } /*boxed*/ .nicdark_site_boxed, .nicdark_menu_boxed{ width: 980px !important; } /*display*/ .nicdark_displaynone_ipadland, .nicdark_displaynone_responsive{ display: none; } .nicdark_displaynone_desktop { display: block !important; } /*navigation*/ .slowup{ -webkit-animation: none; animation: none; margin-top: 0px !important; } .slowdown{ -webkit-animation: none; animation: none; margin-top: 0px !important; } .tinynav{ display:none; } /*megamenu*/ .nicdark_megamenu .mm_grid_3{ width: 235px !important; } .nicdark_megamenu .mm_grid_4{ width: 313px !important; } .nicdark_megamenu .mm_grid_6{ width: 470px !important; } .nicdark_megamenu > ul{ width: 940px !important; margin-left: -470px !important; } /*megamenu*/ } /*ipad potr*/ @media only screen and (min-width: 768px) and (max-width: 959px) { .nicdark_container {width:744px;} .grid_1 {width:42px;}.grid_2 {width:104px;}.grid_3 {width:166px;}.grid_4 {width:228px;}.grid_5 {width:290px;}.grid_6 {width:352px;}.grid_7 {width:414px;}.grid_8 {width:476px;}.grid_9 {width:538px;}.grid_10 {width:600px;}.grid_11 {width:662px;}.grid_12 {width:724px;} /*some class*/ .nicdark_disable_marginleft_ipadpotr, .nicdark_disable_marginleft_responsive{ margin-left: 0px !important; } .nicdark_aligncenter_ipadpotr, .nicdark_aligncenter_responsive { text-align: center !important; } .nicdark_width100_ipadpotr, .nicdark_width100_responsive { width: 100% !important; } /*disable float*/ .nicdark_disable_floatleft_ipadpotr { float: initial !important; } .nicdark_disable_floatright_ipadpotr { float: initial !important; } /*boxed*/ .nicdark_site_boxed, .nicdark_menu_boxed{ width: 788px !important; } /*display*/ .nicdark_displaynone_ipadpotr, .nicdark_displaynone_responsive{ display: none !important; } .nicdark_displaynone_desktop { display: block !important; } /*navigation*/ .slowup{ -webkit-animation: none; animation: none; margin-top: 0px !important; } .slowdown{ -webkit-animation: none; animation: none; margin-top: 0px !important; } .tinynav{ display:block; } .nicdark_menu{ display:none; } } /*iphone land*/ @media only screen and (min-width: 480px) and (max-width: 767px) { body{ -webkit-text-size-adjust:none; } .nicdark_container {width:460px;} .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{ width: 440px; } .grid.percentage{ width: 100%; } .nicdark_width_percentage10,.nicdark_width_percentage20,.nicdark_width_percentage25,.nicdark_width_percentage30,.nicdark_width_percentage40,.nicdark_width_percentage50,.nicdark_width_percentage60,.nicdark_width_percentage70,.nicdark_width_percentage80,.nicdark_width_percentage90,.nicdark_width_percentage100 { width: 100% !important; } /*some class*/ .nicdark_disable_marginleft_iphoneland, .nicdark_disable_marginleft_responsive{ margin-left: 0px !important; } .nicdark_marginleft20_iphoneland { margin-left: 20px !important; } .nicdark_aligncenter_iphoneland, .nicdark_aligncenter_responsive { text-align: center !important; } .nicdark_width100_iphoneland, .nicdark_width100_responsive { width: 100% !important; } /*disable float*/ .nicdark_disable_floatleft_iphoneland { float: initial !important; } .nicdark_disable_floatright_iphoneland { float: initial !important; } /*boxed*/ .nicdark_site_boxed, .nicdark_menu_boxed{ width: 500px !important; } /*display*/ .nicdark_displaynone_iphoneland, .nicdark_displaynone_responsive{ display: none; } .nicdark_displaynone_desktop { display: block !important; } /*navigation*/ .slowup{ -webkit-animation: none; animation: none; margin-top: 0px !important; } .slowdown{ -webkit-animation: none; animation: none; margin-top: 0px !important; } .tinynav{ display:block; } .nicdark_menu{ display:none; } } /*iphone potr*/ @media only screen and (min-width: 320px) and (max-width: 479px){ body{ -webkit-text-size-adjust:none; } .nicdark_container{ width:300px;} .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{ width: 280px; } .grid.percentage{ width: 100%; } .nicdark_width_percentage10,.nicdark_width_percentage20,.nicdark_width_percentage25,.nicdark_width_percentage30,.nicdark_width_percentage40,.nicdark_width_percentage50,.nicdark_width_percentage60,.nicdark_width_percentage70,.nicdark_width_percentage80,.nicdark_width_percentage90,.nicdark_width_percentage100 { width: 100% !important; } /*some class*/ .nicdark_disable_marginleft_iphonepotr, .nicdark_disable_marginleft_responsive { margin-left: 0px !important; } .nicdark_marginleft20_iphonepotr { margin-left: 20px !important; } .nicdark_aligncenter_iphonepotr, .nicdark_aligncenter_responsive { text-align: center !important; } .nicdark_width100_iphonepotr, .nicdark_width100_responsive { width: 100% !important; } /*disable float*/ .nicdark_disable_floatleft_iphonepotr { float: initial !important; } .nicdark_disable_floatright_iphonepotr { float: initial !important; } /*boxed*/ .nicdark_site_boxed, .nicdark_menu_boxed{ width: 340px !important; } /*display*/ .nicdark_displaynone_iphonepotr, .nicdark_displaynone_responsive{ display: none; } .nicdark_displaynone_desktop { display: block !important; } /*navigation*/ .slowup{ -webkit-animation: none; animation: none; margin-top: 0px !important; } .slowdown{ -webkit-animation: none; animation: none; margin-top: 0px !important; } .tinynav{ display:block; } .nicdark_menu{ display:none; } }