body { font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:13px; line-height:22px; color:#777; overflow-y:hidden; } .wrapsemibox {padding-top: 40px;} .row { margin-left:0; margin-right:0; } ul,menu,dir { display:block; list-style-type:disc; -webkit-padding-start:0; -moz-padding-start:0; -khtml-padding-start:0px; -o-padding-start:0px; padding-start:0px; padding:0px; } ul.icons { list-style:none; } ul.icons i { margin-right:5px; } a { color:#f54828; } a:hover { text-decoration:none; } ::selection{background:#f54828; color:#fff;} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { color:#444; font-family:Open Sans,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700; } strong, b{ font-weight: 500;} /*-------------------------------------------------- HEADER---------------------------------------------------*/ .toparea { background:#0A3C65; font-size:12px; color:#ccc; padding-top:0px; margin-bottom:0px; height:135px; } .toparea a { color:#ccc; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .toparea .separator { display:inline-block; width:1px; height:10px; border-left:solid 1px #ccc; margin:0 20px 0 20px; } .toparea .pull-left {margin-top: -3px;} .social-icons a { display:inline-block; width:32px; margin:0px 10px; font-size:16px; color:#999; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .social-icons a:hover { color:#fff; } .top-text a:hover { color:#fff; } .navbar-toggle { background:#333; } .nav { margin-top:28px; /* this is a faux center fix for the nav options - adjust this if you wish to change the logo height or the font of the menu items */ } .navbar { background-color:#000; -webkit-box-shadow:0 1px 3px rgba(0,0,0,.12); -moz-box-shadow:0 1px 3px rgba(0,0,0,.12); box-shadow:0 1px 3px rgba(0,0,0,.12); /* background:url(head.png) repeat;*/ background:#31b312; min-height:0; border-radius:0; border:0px; padding-left:0px; padding-right:0px; padding-top:0px; } .navbar-brand { padding:0; } .nav { margin-top:0; } .nav > li > a{ position: relative; display: block; padding: 10px 13px; } .navbar-fixed-top { top:125px; } .navbar>.container .navbar-brand { margin-left:15px; } .navbar-nav>li { margin-left:2px; } .navbar-nav>li>a { color:#FFF; border-radius:0px; margin-top:0px; padding-top:5px; margin-bottom:0px; padding-bottom:5px; line-height:40px; font-weight:700; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .navbar-nav>li.active>a,.navbar-nav>li.active>a:hover,.navbar-nav>li.active>a:focus { background-color:#318CB8; color:#fff; } .navbar-nav>li.active>a:before,.navbar-nav>li>a:hover:before,.navbar-nav>li>a:focus:before,.extra-nav-class a.dropdown-toggle:before { content:""; width:0; height:0; /* border-bottom:6px solid #f54828; border-right:6px solid transparent;*/ position:absolute; top:0px; right:-4px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .navbar-nav>li>a:hover,.navbar-nav>li>a:focus { border-radius:3px 3px 0 0 !Important; background-color:#318CB8; color:#fff; } .navbar-nav>li>.dropdown-menu { margin:0px 0px 0 0px !Important; background-color:#DDD; border:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-background-clip:padding-box; -moz-background-clip:padding; font-size:13px; padding-top:0; padding-bottom:0; min-width:165px; } .dropdown-menu { border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-background-clip:padding-box; -moz-background-clip:padding; font-size:13px; padding-top:0; padding-bottom:0; border:0px; font-size:13px; } .dropdown-menu>li>a { color:#ccc; padding-top:10px; padding-bottom:10px; border:0px !Important; border-bottom:1px solid #3c3c3c!Important; border-top:1px solid #4f4f4f !important; background:#444 !Important; } .dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus { background-color:#f54828 !Important; color:#fff; } .dropdown-menu>li>a:hover,.dropdown-menu>li>a { -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .navbar-nav.pull-right>li>.dropdown-menu,.navbar-nav>li>.dropdown-menu.pull-right { left:0; } .dropdown-toggle i { font-weight:700; } .extra-nav-class a.dropdown-toggle { background-color:#318CB8 !Important; color:#fff !important; border-radius:3px 3px 0 0 !Important; } .dropdown-menu .sub-menu { position:absolute; visibility:hidden; margin-top:-40px; top:auto; display:inline; /*left:-100%;*/ left:-345px; margin-left:5px; } .dropdown-menu .sub-menu li a,.dropdown-menu .sub-menu li a:hover { -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none; transition:margin-left 0.3s linear; } .dropdown-menu li a i { margin-left:5px; } .dropdown-menu li:hover .sub-menu { visibility:visible; display:block; } .navbar .sub-menu:before { /*border-bottom:7px solid transparent;*/ border-left:none; /*border-right:7px solid rgba(0,0,0,0.2);*/ /*border-top:7px solid transparent;*/ left:-7px; top:10px; } .navbar .sub-menu:after { /*border-top:6px solid transparent;*/ border-left:none; /* border-right:6px solid #fff; border-bottom:6px solid transparent; */ left:10px; top:11px; left:-6px; } .wowmenu.tiny { top:0; /* background:rgba(239,149,34,0.97) !important;*/ background:rgba(43, 177, 11, 0.97) !important; padding-top:10px; padding-bottom:0px; max-height: 64px; } .wowmenu.tiny .navbar-nav>li>a { line-height:24px; margin-top:-10px; padding-top:15px; margin-bottom:0px; padding-bottom: 14px; } .navbar-brand img { max-width:85%; display:none; } .logo_index{ max-width:100%; width:340px; height:130px; position:absolute; top:-25px; background-image:url(../img/logo_mtb_index.png); background-repeat:no-repeat; z-index:1000; } .wowmenu.tiny .navbar-brand img { max-width:85%; display:block; } .navbar-brand img,.wowmenu.tiny .navbar-brand img { transition:all 0.7s ease; -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -o-transition:all 0.7s ease; } .wowmenu.tiny .logo_index{ display:none; } .semiboxshadow { display: none; } /*-------------------------------------------------- CAROUSEL SLIDER---------------------------------------------------*/ #c-slide { padding:0px; margin-top:40px; } .carouselvshadow { margin-top:-30px; } .car-highlight1 { font-size:20px; line-height:20px; font-weight:800; color:rgb(255,255,255); text-decoration:none; background-color:#f54828; padding:10px; border-width:0px; border-color:rgb(255,214,88); border-style:none; display:inline-block; } .car-highlight2 { font-size:20px; line-height:20px; font-weight:800; color:rgb(255,255,255); text-decoration:none; background-color:#7f8c8d; padding:10px; border-width:0px; border-color:rgb(255,214,88); border-style:none; display:inline-block; margin-top:10px; } .car-highlight3 { font-size:20px; line-height:20px; font-weight:800; color:rgb(255,255,255); text-decoration:none; background-color:#f39c12; padding:10px; border-width:0px; border-color:rgb(255,214,88); border-style:none; display:inline-block; margin-top:10px; } .car-highlight4 { font-size:20px; line-height:20px; font-weight:800; color:rgb(255,255,255); text-decoration:none; background-color:#34495e; padding:10px; border-width:0px; border-color:rgb(255,214,88); border-style:none; display:inline-block; margin-top:10px; } .car-highlight5 { font-size:20px; line-height:28px; font-weight:800; color:#fff; text-decoration:none; padding:10px; border-width:0px; border-color:rgb(255,214,88); margin-left:-6px; border-style:none; display:inline-block; margin-top:10px; text-shadow:0 1px 0 rgba(0,0,0,0.2); } .car-largetext { font-weight:800; font-family:Open Sans; color:#fff; text-decoration:none; background-color:transparent; text-shadow:0 1px 0 rgba(0,0,0,0.2); margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255,214,88); border-style:none; font-size:50px; } .car-widecircle { background:#222; width:130px; height:130px; color:#fff; border-radius:50%; display:inline-block; position:relative; margin-right:20px; } .car-widecircle span { position:absolute; text-align:center; vertical-align:middle; line-height:130px; width:130px; margin:0px auto; right:0; font-weight:100; font-size:19px; } .car-middlecircle { background:#fff; width:120px; height:120px; color:#555; border-radius:50%; display:inline-block; position:relative; margin-right:20px; } .car-middlecircle span { position:absolute; text-align:center; vertical-align:middle; line-height:120px; width:120px; margin:0px auto; right:0; font-weight:100; font-size:19px; } .car-smallcircle { background:#f54828; width:100px; height:100px; color:#fff; border-radius:50%; display:inline-block; position:relative; } .car-smallcircle span { position:absolute; text-align:center; vertical-align:middle; line-height:100px; width:100px; margin:0px auto; right:0; font-weight:100; font-size:19px; } .carouselText1 { font-weight:800; margin-top:50px; margin-bottom:20px; font-size:25px; background:#333; color:#fff; padding:10px 20px; display:inline-block; text-transform:uppercase; text-shadow:0 1px 0 rgba(0,0,0,0.2); border-radius:0; } .carouselText2 { font-size:19px; background:#f54828; display:inline-block; padding:5px 20px; color:#fff; border-radius:0; margin-bottom:15px; text-shadow:0 1px 0 rgba(0,0,0,0.2); font-weight:600; } .carouselText3 { font-size:14px; display:inline-block; padding:0px 10px; color:#fff; border-radius:5px; font-weight:900; text-transform:uppercase; text-shadow:0 1px 0 rgba(0,0,0,0.2); } .slide1-1 { z-index:0; margin-top:-230px; position:relative; margin-left:0px; left:0px; max-width:85%; } .slide1-2 { z-index:1000; margin-top:-250px; position:relative; right:180px; max-width:22%; } .slide1-3 { position:relative; z-index:1000; float:right; top:135px; left:10px; max-width:35%; } .carousel .carousel-control { width:10%; } .carousel .item { /*padding:30px 0px;*/ padding:0px 0px 30px 0px; height:390px; overflow:hidden; -webkit-background-size:cover !Important; -moz-background-size:cover !Important; -o-background-size:cover !Important; background-size:cover !Important; } .carousel { position:relative; } .carousel p { color:#fff; line-height:30px; } .carousel-inner>.item { display:none; position:relative; -webkit-transition:0.6s ease-in-out left; transition:0.6s ease-in-out left; } .carousel-inner>.item>img,.carousel-inner>.item>a>img { display:block; max-width:100%; height:auto; line-height:1; } .carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev { display:block; } .carousel-inner>.active { left:0; } .carousel-inner>.next,.carousel-inner>.prev { position:absolute; top:0; width:100%; } .carousel-inner>.next { left:100%; } .carousel-inner>.prev { left:-100%; } .carousel-inner>.next.left,.carousel-inner>.prev.right { left:0; } .carousel-inner>.active.left { left:-100%; } .carousel-inner>.active.right { left:100%; } .carousel-control { position:absolute; top:0; left:0; bottom:0; width:15%; opacity:0.5; filter:alpha(opacity=50); font-size:20px; color:#ffffff; text-align:center; text-shadow:0 1px 2px rgba(0,0,0,0.6); } .carousel-fade .carousel-inner .item { opacity:0; -webkit-transition-property:opacity; -moz-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity; } .carousel-fade .carousel-inner .active { opacity:1; } .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right { left:0; opacity:0; z-index:1; } .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right { opacity:1; } .carousel-fade .carousel-control { z-index:2; } .carousel-control.left { background-image:-webkit-gradient(linear,0% top,100% top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.0001))); background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0%),color-stop(rgba(0,0,0,0.0001) 100%)); background-image:-moz-linear-gradient(left,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.0001) 100%); background-image:linear-gradient(to right,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.0001) 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1); } .carousel-control.right { left:auto; right:0; background-image:-webkit-gradient(linear,0% top,100% top,from(rgba(0,0,0,0.0001)),to(rgba(0,0,0,0.5))); background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0%),color-stop(rgba(0,0,0,0.5) 100%)); background-image:-moz-linear-gradient(left,rgba(0,0,0,0.0001) 0%,rgba(0,0,0,0.5) 100%); background-image:linear-gradient(to right,rgba(0,0,0,0.0001) 0%,rgba(0,0,0,0.5) 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1); } .carousel-control:hover,.carousel-control:focus { color:#ffffff; text-decoration:none; opacity:0.9; filter:alpha(opacity=90); } .carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right { position:absolute; top:50%; left:50%; z-index:5; display:inline-block; } .carousel-control .icon-prev,.carousel-control .icon-next { width:20px; height:20px; margin-top:-10px; margin-left:-10px; font-family:serif; } .carousel-control .icon-prev:before { content:'\2039'; } .carousel-control .icon-next:before { content:'\203a'; } .carousel-indicators { position:absolute; left:50%; z-index:999; width:60%; margin-left:-30%; padding-left:0; list-style:none; text-align:center; } .carousel-indicators li { display:inline-block; width:10px; height:10px; margin:1px; text-indent:-999px; border:1px solid #ffffff; border-radius:10px; cursor:pointer; } .carousel-indicators .active { margin:0; width:12px; height:12px; background-color:#ffffff; } .carousel-caption { position:absolute; left:15%; right:15%; bottom:20px; z-index:10; padding-top:20px; padding-bottom:20px; color:#ffffff; text-align:center; text-shadow:0 1px 2px rgba(0,0,0,0.6); } .carousel-caption .btn { text-shadow:none; } .carousel-control { width:40px; color:#fff; text-shadow:none; opacity:1; margin-left:40px; margin-right:40px; } .carousel-control:hover,.carousel-control:focus { color:#ccc; text-decoration:none; opacity:0.9; filter:alpha(opacity=90); } .carousel-control.left,.carousel-control.right { background-image:none; filter:none; background:rgba(0,0,0,.1); height:80px; width:50px; margin-top:25%; margin-left:0px; margin-right:0; } .carousel:hover .carousel-control.left,.carousel:hover .carousel-control.right { } .carousel-control.left { border-top-right-radius:5px; border-bottom-right-radius:5px; } .carousel-control.right { border-top-left-radius:5px; border-bottom-left-radius:5px; } .carousel-control i { position:absolute; top:30px; left:0; z-index:5; display:inline-block; width:50px; height:80px; margin-left:0px; } .carousel-indicators.out { bottom:-5px; } .carousel-control.left,.carousel-control.right { margin-top: 11%; } /*-------------------------------------------------- CAROUSEL FEATURED WORK---------------------------------------------------*/ #carousel-featuredwork .item { padding:0; height:410px; } #carousel-featuredwork .carousel-indicators { margin-left: -31%; } /*-------------------------------------------------- intro-note---------------------------------------------------*/ .intro-note h1 { font-size:25px; margin-top:0; } .intro-note p { font-weight:300; line-height:22px; font-size: 14px; } /*-------------------------------------------------- service-box---------------------------------------------------*/ .service-box h1 { text-transform:uppercase; font-size:16px; line-height:19px; font-weight:700; } .service-box a.readmore { color:#666; } .service-box p { font-family:Open Sans; font-size:13px; line-height:22px; } .grey-box-icon { text-align:center; position:relative; } .icon-box-top i:hover { background-color:#f54828; color:#fff; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); } .fontawesome-icon.medium.circle-center,.fontawesome-icon.medium.circle-white { width:95px; height:95px; line-height:95px; display:inline-block; } .fontawesome-icon.medium { font-size:28px; } .fontawesome-icon.circle-white { -moz-border-radius:95px; -webkit-border-radius:95px; border-radius:95px; background-color:#eee; color:#f54828; text-align:center; margin-bottom:5px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .grey-box-icon:hover .fontawesome-icon.circle-white,.grey-box-icon.active .fontawesome-icon.circle-white,.active i.fontawesome-icon { background-color:#f54828; color: #fff; } /*-------------------------------------------------- NICE SCROLL---------------------------------------------------*/ #ascrail2000 { z-index:99990!important; background-color:#2c2c2c; padding: 0 0 0 1px; } /*-------------------------------------------------- home-features---------------------------------------------------*/ .home-features h4 { font-weight:300; font-size:17px; } .home-features .icon { background:#f54828; display:inline-block; text-align:center; border-radius:50%; width:40px; height:40px; line-height:40px; margin-right:5px; color: #fff; } /*-------------------------------------------------- MISC---------------------------------------------------*/ .show-grid [class^="col-"] { background-color: #ebebeb; text-align: center; min-height: 40px; line-height: 40px; margin-top: 20px; margin-bottom: 20px; border: 1px solid #e1e1e1; } .round-image { border-radius: 50% !Important; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 2px#ccc; box-shadow: 0 0 2px #ccc; } input,button,select,textarea { background-image:none; border:1px solid #e1e1e1; padding:7px; margin-bottom:15px; font-size:12px; } .btn { padding:6px 12px } .btn,.alert,.progress,.form-control,.breadcrumb,.well { border-radius:0; } .alert { font-size:14px; } .progress { height:40px; -webkit-box-shadow:none; box-shadow:none; } .unstyled { list-style:none; -webkit-padding-start:0px; } .leftradius { border-bottom-left-radius:3px; border-top-left-radius:3px; } .rightradius { border-bottom-right-radius:3px; border-top-right-radius:3px; } .allradius { border-radius:3px; } h1.big { font-size:27px; } h1.small { font-size:24px; } .smalltitle span { /*font-family: Open Sans,"Helvetica Neue",Helvetica,Arial,sans-serif !important;*/ display:inline-block; background-color:#fff; padding:1px 12px; position:relative; color:#000; font-size:24px; top:12px; padding-left:3 !important; text-transform:uppercase; font-weight:bold; } .smalltitle { position:relative; /* border-bottom:3px solid #EF9828;*/ border-bottom: 3px solid #318cb8; margin-bottom:35px; } .smalltitleP span { /*font-family: Open Sans,"Helvetica Neue",Helvetica,Arial,sans-serif !important;*/ display:inline-block; background-color:#F7F7F7; padding:1px 12px; position:relative; color:#000; font-size:24px; top:12px; padding-left:3 !important; text-transform:uppercase; font-weight:bold; } .smalltitleP { position:relative; /* border-bottom:3px solid #EF9828;*/ border-bottom:3px solid #318cb8; margin-bottom:35px; } .smalltitleCel span { /*font-family: Open Sans,"Helvetica Neue",Helvetica,Arial,sans-serif !important;*/ display:inline-block; background-color:#F7F7F7; padding:1px 12px; position:relative; color:#000; font-size:18px; top:12px; padding-left:3 !important; text-transform:uppercase; font-weight:bold; } .smalltitleCel { position:relative; border-bottom:3px solid #EF9828; margin-bottom:35px; } .text-center.smalltitle span { padding-left:12px !important; } .text-center.smalltitle { margin-left:15px; margin-right:15px; margin-top: 0; } .colortext { color:#f54828; } .colorbg { background:#f54828; } .br-hr { position:relative; clear:both; margin:25px 0 25px; width:100%; height:1px; } .br-hr.type_short .br-hr-h { left:50%; width:30%; margin-left:-15%; } .br-hr-h { position:absolute; top:50%; left:0; height:0; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #fff; } .br-hr-h i { position:absolute; top:0; left:50%; font-size:16px; height:16px; width:50px; margin-top:-8px; margin-left:-25px; text-align:center; background-color:#fff; color:#ddd; } .grayarea .br-hr-h i { background: #F2D05B; } /*-------------------------------------------------- AREAS---------------------------------------------------*/ .grayarea { background: #F2D05B; padding:30px 0; position:relative; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; background-size:cover !important; border-top:1px solid #ececec; border-bottom:1px solid #ececec; } .bgarea { background:url(../img/1.jpg); position:relative; -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; background-size:cover !important; color:#fff; } .bgarea:before { top:0; background-image:url(../img/sha-up.png); } .bgarea:after { bottom:0; background-image:url(../img/sha-down.png); } .bgarea:before,.bgarea:after { content:""; position:absolute; width:100%; height:20px; left:0; background-repeat:no-repeat; background-size:100% 20px; z-index:100; } .bgarea-semitransparent { background:rgba(245,72,40,0.80) !important; padding:30px 0; } .bgarea h1,.bgarea h2,.bgarea h3,.bgarea h4,.bgarea h5,.bgarea,.bgarea a,.bgarea p { color:#fff; } .title-divide { position:relative; clear:both; margin:25px 0 25px; width:100%; height:1px; } .title-divide-h { left:50%; width:30%; margin-left:-15%; position:absolute; top:50%; height:0; border-bottom:1px solid #fff; z-index:9; } .title-divide-h i { position:absolute; top:0; left:50%; font-size:16px; height:10px; width:10px; margin-top:-4px; margin-left:0; text-align:center; border-radius:50%; background: #fff; } /*-------------------------------------------------- TESTIMONIALS---------------------------------------------------*/ .cbp-qtrotator { position:relative; margin:0px auto 0 auto; max-width:920px; width:100%; min-height:100px; } .cbp-qtrotator .cbp-qtcontent { position:absolute; min-height:180px; border-bottom:1px solid #f4f4f4; top:0; z-index:0; opacity:0; width:100%; } .no-js .cbp-qtrotator .cbp-qtcontent { border-bottom:none; } .cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,.no-js .cbp-qtrotator .cbp-qtcontent { position:relative; z-index:100; pointer-events:auto; opacity:1; } .cbp-qtrotator .cbp-qtcontent:before,.cbp-qtrotator .cbp-qtcontent:after { content:" "; display:table; } .cbp-qtrotator .cbp-qtcontent:after { clear:both; } .cbp-qtprogress { position:absolute; background:#e0e0e0; height:1px; width:0%; bottom:0; z-index:1000; } .cbp-qtrotator blockquote { margin:0; padding:0; border-left:0; background:#fff; } .grayarea .cbp-qtrotator blockquote { background:#f9f9f9; } .cbp-qtrotator blockquote p { font-size:17px; color:#888; font-weight:300; margin:0.4em 0 1em; } .cbp-qtrotator blockquote footer { font-size:1.2em; text-align:center; font-weight:300; margin-bottom:30px; } .cbp-qtrotator blockquote footer:before { content:'― '; } .cbp-qtrotator .cbp-qtcontent img { float:right; margin-left:3em; width:100px; height:100px; border-radius:50%; margin-top:10px; border: 1px solid #ebebeb; } /* Example for media query */ @media screen and (max-width:30.6em) { .cbp-qtrotator { font-size:70%; } .cbp-qtrotator img { width:80px; } } .bigquote { font-size:17px; font-style:italic; color:#999; text-align:center; line-height:30px; } .quoteicon { font-size:36px; margin-right: 10px; } /*-------------------------------------------------- HOME-portfolio---------------------------------------------------*/ .home-portfolio h4 { font-size:15px; text-transform: uppercase; } /*--------------------------------------------------FOOTER---------------------------------------------------*/ .footerarr { text-align:center; margin-top:-59px; margin-bottom:20px; } .footerarr i { color:#fff; font-size:60px; } .footer { /*background:#222 url(../img/bgfooter1.jpg);*/ /* background-image:url(fnd_Direccion.jpg); */ color:#fff; background-color:#1b5b77; margin-top:0px; padding-top:50px; padding-bottom:20px; font-size:13px; line-height:20px; -webkit-background-size:cover !Important; -moz-background-size:cover !Important; -o-background-size:cover !Important; background-size:cover !Important; } .footerbrand { font-family:Pacifico; font-size:30px !Important; font-weight:300 !Important; text-transform:none !Important; margin-bottom:20px !important; border-bottom:0px !Important; letter-spacing:1px; display:block !Important; color:#fff !important; } .footermap { background:url(map.png) no-repeat; } .footerbrand i { color:#555; font-size:15px; } .footer h1 { font-size:18px; color:#fff; text-align:left; display:inline-block; font-weight:700; margin-bottom:25px; margin-top:0; } .footer hr { border-top:1px solid #494949; margin-bottom:25px; } .footer ul.social-icons { list-style:none; margin-left:0px; margin-top:25px; } .copyright { color:#fff; font-size:12px; /* background:#0A3C65 url(../img/foot.png) repeat-x left 0px;*/ background-color:#0A3C65; } .copyright ul.footermenu li a { color:#fff; height:50px; } .copyright p { line-height:50px; margin:0px; } .footer input,.footer textarea,.footer input[type="text"] { background-color:#333; border:1px solid #3c3c3c; font-size:12px; margin-bottom:10px; color:#aaa; padding:10px; } .footer .btn { background:#333; text-shadow:none; padding:6px 12px; font-size:13px; color:#888; } ul.footermenu { list-style:none; margin-top:10px; } ul.footermenu li { float:left; margin-left:5px; margin-right:5px; text-transform:uppercase; line-height:33px; } ul.footermenu li a { -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; color:#999; font-size:11px; } ul.footermenu li a:hover { color:#fff; } .footermenu li:before { content:'|'; color:#fff; display:inline-block; margin-right:7px; } .footermenu li:nth-child(1):before { display:none; } .footer .titlearrow { font-size:30px; color:#444; background:#373737; ; } .footer .wraptitle { margin-bottom:10px; text-align:left; } .done { display:none; } .error input,input.error,.error textarea,textarea.error { background-color:#ffffff; border:1px solid red !Important; -webkit-transition:border linear 0.2s,box-shadow linear 0.2s; -moz-transition:border linear 0.2s,box-shadow linear 0.2s; -o-transition:border linear 0.2s,box-shadow linear 0.2s; transition:border linear 0.2s,box-shadow linear 0.2s; } #back-top { position:fixed; bottom:50px; right:2%; z-index:1000; } #back-top span { width:40px; height:40px; display:block; margin-bottom:7px; background:#333 url(up-arrow.png) no-repeat center center; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:1s; -moz-transition:1s; transition:1s; } #back-top a:hover span { opacity:0.7; } #back-top a { width:44px; display:block; text-align:center; font:11px/100% Arial,Helvetica,sans-serif; text-transform:uppercase; text-decoration:none; color:#666; -webkit-transition:1s; -moz-transition:1s; transition:1s; } #back-top a:hover { color:#999; } ul.social-icons li { display:inline-block; float:none; padding:17px; width:10px; height:10px; position:relative; background:#444; margin-right:5px; border-radius:3px; } ul.social-icons li i { position:absolute; font-size:15px; width:40px; height:40px; text-align:center; line-height:40px; left:50%; top:50%; margin-left:-20px; margin-top:-20px; } ul.social-icons li a { color:#fff; } ul.social-icons li a i { -webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; transition-property:transform; overflow:hidden; } ul.social-icons li a i:hover { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); } ul.social-icons li a:hover { text-decoration:none; color: #fff; } /*--------------------------------------------------FOOTER QUOTES---------------------------------------------------*/ @keyframes fadein { from { opacity:0; } to { opacity: 1; } } @-moz-keyframes fadein { /* Firefox */ from { opacity:0; } to { opacity: 1; } } @-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity:0; } to { opacity: 1; } } @-o-keyframes fadein { /* Opera */ from { opacity:0; } to { opacity:1; } } ​.quote_wrap { height:100% !Important; } .textItem { position:absolute; display:none; animation:fadein 2s; -moz-animation:fadein 2s; -webkit-animation:fadein 2s; -o-animation:fadein 2s; } .avatar { float:left; background:#fff; width:54px; height:54px; padding:10px; border:1px solid #ebebeb; border-radius:50%; box-shadow:0px 1px 1px 1px #fff; margin-right:10px; } .avatar img { display:block; width:100%; border:0; margin:0; border-radius: 50%; } /*-------------------------------------------------- MARGINS,PADDINGS---------------------------------------------------*/ .topspace0 { margin-top:0px !Important; } .topspace10 { margin-top:10px; } .topspace15 { margin-top:15px; } .topspace20 { margin-top:20px !important; } .topspace25 { margin-top:25px; } .topspace30 { /*margin-top:30px;*/ margin-top:0px; } .topspace35 { margin-top:35px; } .topspace40 { margin-top:40px; } .topspace50 { margin-top:50px; } .bottomspace0 { margin-bottom:0px; } .bottomspace10 { margin-bottom:10px; } .bottomspace15 { margin-bottom:15px; } .bottomspace20 { margin-bottom:20px; } .bottomspace25 { margin-bottom:25px; } .bottomspace30 { margin-bottom:30px; } .bottomspace35 { margin-bottom:35px; } .bottomspace40 { margin-bottom: 40px; } /*-------------------------------------------------- FONTS---------------------------------------------------*/ .fontroboto { font-family:Roboto; } .fontopensans { font-family:Open Sans; } .fontpacifico { font-family:Pacifico; } .font100 { font-weight:100; } .font200 { font-weight:200; } .font300 { font-weight:300; } .font400 { font-weight:400; } .font500 { font-weight:500; } .font600 { font-weight:600; } .font700 { font-weight:700; } .font800 { font-weight:800; } .font900 { font-weight:900; } .fontnormal { font-style:normal; } .fontitalic { font-style:italic; } .fontupper { text-transform: uppercase; } /*-------------------------------------------------- PANELS---------------------------------------------------*/ .panel1 { width:100%; padding:30px 30px 15px; background-color:#f6f6f6; border-left:6px solid #f54828; } .bigtext { font-size:24px; text-transform:capitalize; line-height:24px; color:#333; } .buttonblack { background:#333; line-height:40px; padding:7px 20px; border-radius:0; display:inline-block; color:#fff; text-transform:uppercase; font-weight:700; min-width:170px; } .buttoncolor { line-height:40px; background:#f54828; color:#fff; padding:7px 20px; margin-left:-3px; border-radius:0; display:inline-block; text-transform:uppercase; font-weight:700; min-width:170px; } .buttonblack:hover,.buttoncolor:hover { background:#555; color: #fff; } /*================================================== * Panels* ===============================================*/ .panel h1,.panel2 h1 { font-size:18px; font-family:RalewayRegular; margin-top:0; line-height:24px; } .panel ul,.panel2 ul { margin-left:55px; list-style:square; } .panel,.panel2 { padding:5px 0px 5px 0px; background-color:#f7f7f7; position:relative; margin-bottom:5px; border-radius:0; border:0; border-left:8px solid #f54828; } .panel2:after { z-index:-1; position:absolute; content:""; bottom:15px; left:10px; width:50%; top:80%; max-width:300px; background:#777; -webkit-box-shadow:0 15px 10px #777; -moz-box-shadow:0 15px 10px #777; box-shadow:0 15px 10px #777; -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); -ms-transform:rotate(-3deg); transform:rotate(-3deg); } .panel2:after { -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); -ms-transform:rotate(3deg); transform:rotate(3deg); right:10px; left:auto; clear:both; float: none; } /*================================================== * Info Boxes* ===============================================*/ .info-box { background:#eee !important; border:1px solid #e4e4e4; padding:6px; margin-bottom:15px; } .info-box-inner { background-image:linear-gradient(bottom,#fafafa 0%,#fff 100%); background-image:-o-linear-gradient(bottom,#fafafa 0%,#fff 100%); background-image:-moz-linear-gradient(bottom,#fafafa 0%,#fff 100%); background-image:-webkit-linear-gradient(bottom,#fafafa 0%,#fff 100%); background-image:-ms-linear-gradient(bottom,#fafafa 0%,#fff 100%); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #e4e4e4; padding:25px; background:#fff; } .info-box p { margin:0; } .info-box h4 { font-size:20px; line-height:26px; margin:0; } .info-box a { margin:0; } .info-content { float: left; } /*info-box-2*/ .info-box-2 { margin:0 0 10px 0; } .info-box-inner-2 { background-image:linear-gradient(bottom,#fafafa 0%,#fff 100%); background-image:-o-linear-gradient(bottom,#fafafa 0%,#fff 100%); background-image:-moz-linear-gradient(bottom,#fafafa 0%,#fff 100%); background-image:-webkit-linear-gradient(bottom,#fafafa 0%,#fff 100%); background-image:-ms-linear-gradient(bottom,#fafafa 0%,#fff 100%); -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; border-top:0 none; border-right:1px solid #e4e4e4; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:17px; } .info-box-2 p { margin:0; } .info-box-2 h4 { color:#2778C8; font-size:24px; line-height:26px; margin:0; } .info-box-2 a { margin:6px 0 0; } .info-content-2 { float: left; } /*-------------------------------------------------- TRANSITIONS---------------------------------------------------*/ .buttonblack,.buttoncolor { -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /*-------------------------------------------------- BUTTONS,LINKS---------------------------------------------------*/ .checkitems { color:#666; font-style:italic; } .btn-default { color:#fff; background-color:#f54828; border:0; } .btn-default:hover { background:#444; color:#fff; } .btn-wrap {margin-left:10px;} .btn-minimal { background:0 0; padding:13px 25px; font-family:Open sans; font-size:14px; color:#fff; text-align:center; text-transform:uppercase; font-weight:700; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:2px solid #fff; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .btn-minimal:hover { background:#fff; color: #f54828; } /*-------------------------------------------------- ACCORDION---------------------------------------------------*/ #accordion { margin-bottom:0; } #accordion div h4 { position:relative; font-size:15px; color:#444; font-weight:300; padding:15px 0px 15px 70px; border:1px solid #ebebeb; margin-top:0; cursor:pointer; transition:all 0.17s ease-in-out; -moz-transition:all 0.17s ease-in-out; -webkit-transition:all 0.17s ease-in-out; -o-transition:all 0.17s ease-in-out; } #accordion div.active h4 { border:1px solid transparent; color:#fff; background:#444; margin-bottom:0; } #accordion div h4:before { position:absolute; content:''; top:-1px; left:-1px; height:48px; width:48px; background:#f54828 url('plus.png') center center no-repeat; transition:all 0.17s ease-in-out; -moz-transition:all 0.17s ease-in-out; -webkit-transition:all 0.17s ease-in-out; -o-transition:all 0.17s ease-in-out; } #accordion div.active h4:before { background:#f54828 url('minus.png') center center no-repeat; } #accordion div p { display:none; transition:all 0.17s ease-in-out; -moz-transition:all 0.17s ease-in-out; -webkit-transition:all 0.17s ease-in-out; -o-transition:all 0.17s ease-in-out; } #accordion div p span { color:#666666; font-weight:bold; } #accordion div.active p { display:block; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding:20px; margin:0; margin-bottom: 10px; } #accordion div:last-child.active p { border-bottom: 1px solid #ebebeb; } /*--------------------------------------------*/ /*#accordion1 { margin-bottom:0; max-height:150px; } #accordion1 div h4 { position:relative; font-size:15px; color:#444; font-weight:300; padding:15px 0px 15px 70px; border:1px solid #ebebeb; margin-top:0; cursor:pointer; transition:all 0.17s ease-in-out; -moz-transition:all 0.17s ease-in-out; -webkit-transition:all 0.17s ease-in-out; -o-transition:all 0.17s ease-in-out; } #accordion1 div.active h4 { border:1px solid transparent; color:#fff; background:#444; margin-bottom:0; } #accordion1 div h4:before { position:absolute; content:''; top:-1px; left:-1px; height:48px; width:48px; background:#f54828 url('../img/plus.png') center center no-repeat; transition:all 0.17s ease-in-out; -moz-transition:all 0.17s ease-in-out; -webkit-transition:all 0.17s ease-in-out; -o-transition:all 0.17s ease-in-out; } #accordion1 div.active h4:before { background:#f54828 url('../img/minus.png') center center no-repeat; } #accordion1 div p { display:none; transition:all 0.17s ease-in-out; -moz-transition:all 0.17s ease-in-out; -webkit-transition:all 0.17s ease-in-out; -o-transition:all 0.17s ease-in-out; } #accordion1 div p span { color:#666666; font-weight:bold; } #accordion1 div.active p { display:block; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding:20px; margin:0; margin-bottom: 10px; } #accordion1 div:last-child.active p { border-bottom: 1px solid #ebebeb; } */ /*-------------------------------------------------- PAGE HEADER STYLES---------------------------------------------------*/ .breadcr { margin-top:28px; } .pageheader { padding-top:30px; } .pageheader h1 { text-transform:uppercase; font-size:27px; text-align:center; } .page-description { color:#fff; font-size:20px; line-height:30px; font-weight:300; text-align:center; margin-bottom:0; margin:0px auto; margin-top:15px; } .wowbreadcr { color:#fff; font-size:15px; line-height:36px; font-weight:300; text-align:center; margin-bottom:0; margin-top:15px; } .text-left { text-align:left; } .pageheader-default { -webkit-background-size:cover !Important; -moz-background-size:cover !Important; -o-background-size:cover !Important; background-size:cover !Important; /* background:url(../img/demo/3.jpg);*/ color:#fff; background-attachment:fixed; } .pageheader-default h1 { color:#fff; display:inline-block; font-weight:700; margin-top:30px; margin-bottom:0; /*line-height:20;*/ font-size:25px; /*text-shadow:0 2px 0 rgba(0,0,0,0.1);*/ } .pageheader-default .semitransparentbg { background:rgba(245,72,40,0.80) !important; padding-bottom:35px; padding-top:20px; } .semitransparentbg { background: rgba(0,0,0,0.70) !important; } .pageheader-default .semitransparentbg1 { background:rgba(245,72,40,0.80) !important; padding-bottom:35px; padding-top:20px; } .semitransparentbg1 { background: rgba(0,0,0,0.70) !important; } /*-------------------------------------------------- PAGE HEADER STYLES---------------------------------------------------*/ .thumbnail { border:1px solid #f3f3f3; font-size:13px; background:#fff; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; padding:0px; border-bottom:medium double #ddd; text-align:center; line-height:25px; } .thumbnail h4 { font-size:16px; line-height:0.5; margin-top:20px; } .thumbnail .caption { color:#888; padding:10px 20px 15px; background:#f7f7f7; } .thumbnail .caption span { font-style:italic; } .thumbnail img { -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease; } .iconmargin { margin-right: 5px; } /* -------------------------------------------------------- */ /* SIDEBAR */ /* -------------------------------------------------------- */ .sidebar .categories>li { position:relative; display:block; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; background-position:9px 16px; background-repeat:no-repeat; border-bottom:1px solid #EDEDDE; padding:10px 0; transition:all 0.3s; } .sidebar .categories>li a { color:#666; } .sidebar .categories>li a:before { font-family:'FontAwesome'; content:"\f101"; margin-right:5px; } .sidebar .categories>li:hover { background:#f6f6f6; padding-left:15px; } .sidebar h4 { color:#f54828; font-size:19px; } .wowwidget { margin-bottom:35px; clear:both; float:none; } .tab-content .tabbedwidget img { width:50px; height:50px; margin-bottom:0; padding:4px; line-height:1.428571429; background-color:#fff; border:1px solid #ddd; border-radius:4px; margin-right:10px; margin-top:5px; } .tab-content li { float:none; clear: both; } /* -------------------------------------------------------- */ /* Tabs */ /* -------------------------------------------------------- */ .nav-tabs { border:0px; margin-bottom:0px; } .nav-tabs li a { color:#fff; background:#0169B2; font-weight:300; font-size:13px; /* padding:15px 25px;*/ -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; border:1px solid #e5e5e5; border-right:0px !important; text-transform:uppercase; } .nav-tabs li:last-child>a,.nav-tabs li:last-child>a:hover { border-right:1px solid #e5e5e5 !important; } .nav-tabs li a:hover { background: #F09829 !important; border:1px solid #e5e5e5; } .nav-tabs i { padding-right:10px; } .tab-content { background:#ffffff; border:1px solid #0169B2; padding:25px; } .tab-content img { max-width:150px; height:auto; width:auto; margin-right:20px; margin-bottom:5px; float:left; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .nav-tabs>.active>a,.nav-tabs>.active>a:hover { background-color:#ffffff !important; border-color:#e5e5e5 #e5e5e5 transparent; border-style:solid; border-right:1px solid #0169B2 !important; color: #f54828 !important; } /*---------*/ .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #0169B2; border-color: #0169B2 #0169B2 transparent; border-image: none; border-style: solid; border-width: 1px; color: #000; cursor: default; } /* =============================================================== */ /* Blockquote================================================================ */ blockquote { border-left:5px solid #f54828; padding:20px 20px 20px 30px; background:#f8f8f8; } blockquote p { font-size:13px; line-height:22px; font-weight: 400; } /* =============================================================== */ /* Table================================================================ */ th { font-size:14px; background:#f9f9f9; border-bottom:0 !Important; font-weight:normal; color: #444; } /* Skills /* ============================================================== */ ul#skill { list-style:none; } #skill { list-style:none; font-size:12px; position:relative; line-height:2em; } #skill li { margin-bottom:20px; height:45px; background:#f5f5f5; } #skill li:last-child { margin-bottom:0px; } #skill li h3 { position:relative; font-size:14px; color:#fff; padding-left:10px; font-weight:300; margin-top:0; padding:13px; display:inline; line-height:45px; } #skill i { background:#f54828; color:#fff; margin-left:-13px; margin-right:10px; width:45px; display:inline-block; text-align:center; height:45px; padding:18px 0; } .thebar { height:45px; position:absolute; width:100%; } .progressdefault { background-color:#444; } .progresspink { background-color:#f674a4 } .progressorange { background:orange } .progressgreen { background-color:#a1ce5b } .progressblue { background-color: #0E8FAB } /* Video /* ============================================================== */ .flex-video { position:relative; padding-top:25px; padding-bottom:67.5%; height:0; margin-bottom:16px; overflow:hidden; } .flex-video.widescreen { padding-bottom:57.25%; } .flex-video.vimeo { padding-top:0; } .flex-video iframe,.flex-video object,.flex-video embed { position:absolute; top:0; left:0; width:100%; height:100%; } @media only screen and (max-device-width:800px),only screen and (device-width:1024px) and (device-height:600px),only screen and (width:1280px) and (orientation:landscape),only screen and (device-width:800px),only screen and (max-width:767px) { .flex-video { padding-top: 0; } } /* =========================================================== */ /* Box Shadow Effects /* ============================================================== */ .box { background:#f7f7f7; padding: 22px; } /*================================================== * Effect 1 * ===============================================*/ .effect1 { -webkit-box-shadow:0 10px 6px -6px #777; -moz-box-shadow:0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777; } /*================================================== * Effect 2 * ===============================================*/ .effect2 { position:relative; } .effect2:before,.effect2:after { z-index:-1; position:absolute; content:""; bottom:15px; left:10px; width:50%; top:80%; max-width:300px; background:#777; -webkit-box-shadow:0 15px 10px #777; -moz-box-shadow:0 15px 10px #777; box-shadow:0 15px 10px #777; -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); -ms-transform:rotate(-3deg); transform:rotate(-3deg); } .effect2:after { -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); -ms-transform:rotate(3deg); transform:rotate(3deg); right:10px; left: auto; } /*================================================== * Effect 3 * ===============================================*/ .effect3 { position:relative; } .effect3:before { z-index:-1; position:absolute; content:""; bottom:15px; left:10px; width:50%; top:80%; max-width:300px; background:#777; -webkit-box-shadow:0 15px 10px #777; -moz-box-shadow:0 15px 10px #777; box-shadow:0 15px 10px #777; -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); -ms-transform:rotate(-3deg); transform: rotate(-3deg); } /*================================================== * Effect 4 * ===============================================*/ .effect4 { position:relative; } .effect4:after { z-index:-1; position:absolute; content:""; bottom:15px; right:10px; left:auto; width:50%; top:80%; max-width:300px; background:#777; -webkit-box-shadow:0 15px 10px #777; -moz-box-shadow:0 15px 10px #777; box-shadow:0 15px 10px #777; -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); -ms-transform:rotate(3deg); transform: rotate(3deg); } /*================================================== * Effect 5 * ===============================================*/ .effect5 { position:relative; } .effect5:before,.effect5:after { z-index:-1; position:absolute; content:""; bottom:25px; left:10px; width:50%; top:80%; max-width:300px; background:#777; -webkit-box-shadow:0 35px 20px #777; -moz-box-shadow:0 35px 20px #777; box-shadow:0 35px 20px #777; -webkit-transform:rotate(-8deg); -moz-transform:rotate(-8deg); -o-transform:rotate(-8deg); -ms-transform:rotate(-8deg); transform:rotate(-8deg); } .effect5:after { -webkit-transform:rotate(8deg); -moz-transform:rotate(8deg); -o-transform:rotate(8deg); -ms-transform:rotate(8deg); transform:rotate(8deg); right:10px; left: auto; } /*================================================== * Effect 6 * ===============================================*/ .effect6 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset; -moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset; box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset; } .effect6:before,.effect6:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:50%; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .effect6:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } /*================================================== * Effect 7 * ===============================================*/ .effect7 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset; -moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset; box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset; } .effect7:before,.effect7:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:0; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .effect7:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } /*================================================== * Effect 8 * ===============================================*/ .effect8 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset; -moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset; box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset; } .effect8:before,.effect8:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:10px; bottom:10px; left:0; right:0; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .effect8:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } /* =========================================================== */ /* Carousel /* ============================================================== */ .list_carousel { margin-left:-10px; clear:both; } .list_carousel ul { margin:0; padding:0; list-style:none; display:block; } .list_carousel li { display:block; float:left; margin-left:10px; cursor:default !important; height:auto; } .list_carousel.responsive { width:auto; margin-left:-10px; } .clearfix { float:none; clear:both; } .list_carousel .carousel_nav { position:relative; padding-left:8px; padding-right:12px; text-align:center; margin-bottom:20px; float:none; clear:both; display:inline-block; background:#fff; } .grayarea .list_carousel .carousel_nav { background:#f9f9f9; } a.prev,a.next { background:url(carousel_arrows.png) no-repeat #444; width:24px; height:24px; display:block; position:relative; float:left; margin-left:3px; -webkit-background-clip:padding-box; /* for Safari */background-clip:padding-box; box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.1); border-radius:2px; } a.prev:hover,a.next:hover { background-color:#444; } a.prev { background-position:-2px 0 } a.prev.disabled { background-color:#555 } a.next { background-position:-22px 0 } a.next.disabled { background-color:#555 } a.prev.disabled,a.next.disabled { cursor:default } a.prev span,a.next span { display:none } .pager { float:left; width:300px; text-align:center; } .pager a { margin:0 5px; text-decoration:none; } .pager a.selected { text-decoration:underline } .timer { background-color:#999; height:6px; width:0px; } .testimonials .list_carousel li { width:330px } .testavatar { border:1px solid #ebebeb; border-radius:50%; margin-left:15px; } .maxwidth { max-width:100%; } .carousel-content { float:left; width:100%; } .featured-projects { background:#fff; font-size:12px; -moz-box-shadow:0 1px 3px rgba(34,25,25,0.4); text-align:center; overflow:hidden; position:relative; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; border:1px solid #ebebeb; } .featured-projects:hover { } .featured-projects-image { padding:0px } .featured-projects-image img { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } .featured-projects-image a { display:block } .featured-projects-content { padding:0 10px } .featured-projects-content p { margin-bottom:10px } .featured-projects-content h1 { font-size:13px; line-height:1; font-weight:bold; } .featured-projects-content h1 a { padding-bottom:10px; border-bottom:1px solid #ebebeb; display:block; color:#444; font-weight:normal; } .small { font-size:12px } .grayimage { filter:url("data:image/svg+xml;nowhitespace:afterproperty;utf8,#grayscale"); /* Firefox 10+,Firefox on Android */ filter:gray; /* IE6-9 */ -webkit-filter:grayscale(100%); /* Chrome 19+,Safari 6+,Safari 6+iOS */ } .imgproject { float:left; margin-right: 20px; } /*================================================== * Service FancyBoxes* ===============================================*/ .service-fancybox,.service-fancybox i,.service-fancybox p,.service-fancybox h3 { -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .service-fancybox { background:#fff; padding:18px 29px; border-radius:4px; box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.15); border-radius:3px; text-align:center; color:#888; margin-bottom:15px; border:1px solid #ebebeb; } .service-fancybox p { margin-top:20px; } .service-fancybox i { font-size:80px; height:80px; color:#666; margin:10px 0; display:inline; } .service-fancybox:hover,.service-fancybox:hover h3 { color:#fff; } .service-fancybox:hover i { color:#f54828; } .service-fancybox:hover p { -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none; color:#fff; } .service-fancybox:hover { background:#f54828; } .service-fancybox h3 { font-size:16px; margin-bottom:20px; } .circleicon { width:105px; height:105px; border-radius:50%; padding:23px 0; background:#f7f7f7; margin:0px auto; margin-bottom:15px; border:1px solid #ebebeb; } .circleicon i { font-size:60px; } .service-fancybox.featured { background:#f54828; color:#fff; } .service-fancybox.featured h3 { color:#fff; } .service-fancybox.featured .circleicon i { color:#f54828; } .service-fancybox.featured:hover .circleicon i { color:#666; } .service-fancybox.black { background:#333; color:#fff; } .service-fancybox.black h3 { color:#fff; } .service-fancybox.black .circleicon i { color:#f54828; } .service-fancybox.black:hover .circleicon i { color: #444; } /*================================================== * Timeline* ===============================================*/ .cbp_tmtimeline { margin:0; padding:0; list-style:none; position: relative; } /* The line EDU*/ .cbp_tmtimeline:before { content:''; position:absolute; top:0; bottom:0; width:0px; background:#ececec; left:20%; margin-left: -10px; } /* The date/time */ .cbp_tmtimeline>li { position:relative; } .cbp_tmtimeline>li .cbp_tmtime { display:block; width:31%; /*EDU*/ padding-right:100px; position:absolute; margin-top:10px; } .cbp_tmtimeline>li .cbp_tmtime span { display:block; text-align:right; } .cbp_tmtimeline>li .cbp_tmtime span:first-child { font-size:0.9em; color:#bdd0db; } .cbp_tmtimeline>li .cbp_tmtime span:last-child { font-size:15px; color:#999; } .cbp_tmtimeline>li:nth-child(odd) .cbp_tmtime span:last-child { color: #999; } /* Right content */ .cbp_tmtimeline>li .cbp_tmlabel { margin:0 0 15px 25%; padding:2em; position:relative; border-radius:5px; background:#f8f8f8; border:1px solid #ebebeb; } .cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel { background:#fff; border:1px solid #ebebeb; } .cbp_tmtimeline>li .cbp_tmlabel h2 { margin-top:0px; padding:0 0 10px 0; font-family:Open Sans; font-weight:300; text-transform:uppercase; font-size: 25px; } /* The triangle */ .cbp_tmtimeline>li .cbp_tmlabel:after { right:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-right-color:#ebebeb; border-width:10px; top:10px; } .cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after { border-right-color: #ebebeb; } /* The icons */ .cbp_tmtimeline>li .cbp_tmicon { width:40px; height:40px; font-family:'ecoico'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; font-size:1.4em; line-height:40px; -webkit-font-smoothing:antialiased; position:absolute; color:#fff; background:#f54828; border-radius:50%; box-shadow:0 0 0 8px #ececec; text-align:center; left:20%; top:0; margin: 0 0 0 -25px; } /* Example Media Queries */ @media screen and (max-width:65.375em) { .cbp_tmtimeline>li .cbp_tmtime span:last-child { font-size:1.5em; } } @media screen and (max-width:47.2em) { .cbp_tmtimeline:before { display:none; } .cbp_tmtimeline>li .cbp_tmtime { width:100%; position:relative; padding:0 0 20px 0; } .cbp_tmtimeline>li .cbp_tmtime span { text-align:left; } .cbp_tmtimeline>li .cbp_tmlabel { margin:0 0 30px 0; padding:1em; font-weight:400; font-size:95%; } .cbp_tmtimeline>li .cbp_tmlabel:after { right:auto; left:20px; border-right-color:transparent; border-bottom-color:#ebebeb; top:-20px; } .cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after { border-right-color:transparent; border-bottom-color:#ebebeb; } .cbp_tmtimeline>li .cbp_tmicon { position:relative; float:right; left:auto; margin: -55px 5px 0 0px; } } /* make the well swell */ .container.isoport .row { margin-left:-30px; margin-right:0px; } .well { border-color:#ebebeb; } .item h4 a { color:#333; } .item img.image { max-width:100%; margin-top:9px; } .info { padding: 4px; } /* Isotope Transitions------------------------------- */ .services i { color:#f54828; font-size: 30px; } /* - Section headers - */ .section-header { text-align:center; position:relative; border-bottom:0; margin-top:0; padding-bottom:0; margin-bottom:36px; } .section-header h1 { text-align:center; display:inline-block; border-bottom:0; padding:0 24px; background-color:white; position:relative; z-index:1; margin-bottom:0; } .section-header h1 small { font-size:inherit; text-transform:uppercase; } .section-alt .section-header h1 { background-color:#f2f2f4; } .section-header:before,.section-header:after { content:""; position:absolute; width:30%; height:1px; background-color:#f2f2f4; -webkit-box-shadow:0px 1px 0px white; -moz-box-shadow:0px 1px 0px white; box-shadow:0px 1px 0px white; top:50%; z-index:0; } .section-alt .section-header:before,.section-alt .section-header:after { background-color:#d8d8d8; } .section-header:before { left:0; } .section-header:after { right:0; } .section-dark .section-header h1 { background-color:#444444; color:white; } .section-dark .section-header h1 small { color:white; } .section-dark .section-header:before,.section-dark .section-header:after { background-color:#151515; -webkit-box-shadow:0px 1px 0px #656565; -moz-box-shadow:0px 1px 0px #656565; box-shadow: 0px 1px 0px #656565; } /*================================================== * Isotope & Masonry* ===============================================*/ .isotope-item { z-index:2 } .isotope-hidden.isotope-item { pointer-events:none; z-index:1; } .isotope,.isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s; } .isotope { -webkit-transition-property:height,width; -moz-transition-property:height,width; transition-property:height,width; } .isotope .isotope-item { -webkit-transition-property:-webkit-transform,opacity; -moz-transition-property:-moz-transform,opacity; transition-property:transform,opacity; } #content { max-width:1170px; z-index:0; overflow:hidden; margin-left:-4px; } #filter ul { margin-left: 0px; } #filter ul li { list-style:none; float:left; margin-right:10px; margin-bottom:40px; display:initial; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; font-size:14px; } #filter ul li a { color:#444; margin-bottom:23px; background:#ebebeb; padding:10px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; border-radius:2px; text-transform:uppercase; font-weight:500; } #filter ul li a:hover { opacity:0.8; } #filter ul li .selected { background:#e7402f !Important; color: #fff; } /* MASONRY */ .inneritem { border:1px solid #ebebeb; padding:15px; } .boxportfolio4 { float:left; width:22.90%; display:inline-block; margin-bottom:20px; position:relative; z-index:0; margin-left:20px; } .boxportfolio3 { float:left; display:inline-block; margin-bottom:20px; position:relative; z-index:0; width:31.23%; margin-left:20px; } .boxportfolio2 { float:left; margin-left:20px; width:47.50%; display:inline-block; margin-bottom:20px; position:relative; z-index:0; } .roll { position:absolute; font-size:30px; width:100%; margin:0px auto; height:100%; top:-98.0px; display:table-cell; vertical-align:middle; /*background:#000; EDU*/ z-index:10; opacity:0; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:alpha(opacity=0); zoom:1; } .boxcontainer { /* border:1px solid #ededed;*/ border:none; /* border-bottom:double medium #ececec;*/ border-bottom:none; background:none; font-size:13px; text-align:center; transition:border 500ms ease-out; -webkit-transition:border 500ms ease-out; -moz-transition:border 500ms ease-out; -o-transition:border 500ms ease-out; position:relative; overflow:hidden; } .boxcontainer:hover { border-bottom:none; } .boxcontainer p { margin-bottom:10px; color:#666; padding: 0px 10px; } .boxcontainer h1 { font-size:13px; line-height:1; padding-left:10px; padding-right:10px; margin-top:15px; } .boxcontainer h1 a { padding-bottom:10px; border-bottom:1px solid #ebebeb; display:block; color:#F00; line-height:20px; /*text-transform:uppercase;*/ } .boxcontainer img { position:relative; max-width: 100%; } /*+++++++++++++++++++++++++++++++*/ .boxcontainer2 { border:0px; border-bottom:none; background:none; font-size:13px; text-align:center; transition:border 500ms ease-out; -webkit-transition:border 500ms ease-out; -moz-transition:border 500ms ease-out; -o-transition:border 500ms ease-out; position:relative; overflow:hidden; } .recent-projects-home .boxcontainer img { height:185px; } .recent-projects-home .smalltitle { max-width:50%; margin:0px auto; margin-top:30px; margin-bottom:-13px; border-bottom:1px solid #fff; border-top:1px solid #ebebeb; } .wrapcaption { position:absolute; font-size:30px; /*background:transparent;*/ width:100%; margin:0px auto; /* display:table-cell; vertical-align:middle;*/ top:34%; } .captionicons { font-size:20px; padding:13px; background:#e7402f; margin-right:0px; border-radius:50%; color:#fff; position:relative; top:55%; vertical-align:middle; margin-top:0px; margin:0 auto; } .captionicons:hover { opacity:0.9; } .boxportfolio2 .captionicons { top: 57%; } /*================================================== BLOG ===============================================*/ .aligncenter { margin:0px auto; text-align:center; } span.meta { display:block; margin-bottom:20px; } .comments .media-object { display:block; border-radius:50%; width:74px; height:74px; border:1px solid #ebebeb; } .media-body { padding:20px; border:1px solid #ebebeb; display:block; z-index:100; position:relative; } .blogindex .lead { font-size:17px; } .blogindex hr { margin-top:30px; } .blogindex img.pull-left { margin-right:10px; } .pagination>li>a,.pagination>li>span { color:#444; } .pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus { background-color:#f54828; border-color:#f54828; } .comments .smalltitle span { font-size:18px; } .comment-metadata,.comment-metadata a { color:#999; font-size: 12px; } /*================================================== LANDING PAGE ===============================================*/ .landingpage-button { background:#fff; color:#f54828; width:260px; padding:0px 20px; border-bottom:3px solid; } .landingpage-button span { width:50px; margin-left:10px; color:#f54828; position:relative; top:-18px; } .landingpage-button strong { margin-left:34px; font-size:24px; color:#f54828; } .landingpage-button i { padding-right:5px; color:#f54828; position:relative; top:10px; } h1.landingpage { font-size:58px; font-weight:800; line-height:71px; padding:10px 0; color:#fff; margin-top:40px; text-transform:uppercase; font-family:Open Sans; margin-left:0; } h3.landingpage { color:#fff; font-weight:300; margin-bottom:30px; line-height:35px; margin-top:0; } .btn-wrap span { margin:5px 10px; font-size:16px; color: #fff; } /*================================================== PAGE NOT FOUND ===============================================*/ h1.pagenotfound { font-size:140px; font-weight:600; letter-spacing:-10px; line-height: 140px; } /* Responsive Menu */ .tinynav { display: none } /*================================================== * FAQ* ===============================================*/ /* .faqs dl { margin-bottom:0px } .faqs dl,.faqs dt,.faqs dd { padding:0; margin:0; } .faqs { margin-top:-53px; margin-left:10px; padding-top:0px; border:1px solid #ebebeb; padding:0px; border-top:0px; } .faqstitle { color:#444; font-size:18px; padding-bottom:20px; line-height:0; padding-top:20px; background:#f7f7f7; padding-left:20px; padding-right:20px; margin-bottom:-18px; border:1px solid #f1f1f1; font-weight:300; margin-top:0; } .faqs dt { font-size:13px; background:url(../img/plust.png) 0 4px no-repeat; padding:3px 0 10px 30px; position:relative; font-weight:normal; } .faqs dt:hover { cursor:pointer } .faqs dd { padding:0 0 5px 30px; position:relative; line-height:1.8; } .faqs .hover { color:#0E8FAB } .faqsicon { float:left; margin-top:-9px !Important; padding-right:10px; font-size: 18px; } */ .faqs dl { margin-bottom:20px } .faqs dl,.faqs dt,.faqs dd { padding:0; margin:0; } .faqs { margin-top:90px; margin-left:-30px; border:1px solid #ebebeb; padding:0px; border-top:0px; } .faqstitle { color:#444; font-size:18px; padding-bottom:20px; line-height:0; padding-top:20px; background:#f7f7f7; padding-left:20px; padding-right:20px; margin-bottom:-18px; border:1px solid #f1f1f1; font-weight:300; margin-top:0; } .faqs dt { font-size:13px; background:url(plust.png) 0 4px no-repeat; padding:3px 0 10px 30px; position:relative; font-weight:normal; } .faqs dt:hover { cursor:pointer } .faqs dd { border:1px solid #000; padding:0 0 5px 30px; position:relative; line-height:1.8; } .faqs .hover { color:#0E8FAB } .faqsicon { float:left; margin-top:-9px !Important; padding-right:10px; font-size: 18px; } /* =============================================================== */ /*FONT AWESOME ICONS================================================================ */ @font-face { font-family:'FontAwesome'; src:url('font-awesome/fontawesome-webfont.eot?v=3.2.1'); src:url('font-awesome/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('font-awesome/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('font-awesome/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('font-awesome/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'); font-weight:normal; font-style:normal; } [class^="icon-"],[class*=" icon-"] { font-family:FontAwesome; font-weight:normal; font-style:normal; text-decoration:inherit; -webkit-font-smoothing:antialiased; *margin-right:.3em; } [class^="icon-"]:before,[class*=" icon-"]:before { text-decoration:inherit; display:inline-block; speak:none; } .icon-large:before { vertical-align:-10%; font-size:1.3333333333333333em; } a [class^="icon-"],a [class*=" icon-"] { display:inline; } [class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width { display:inline-block; width:1.1428571428571428em; text-align:right; padding-right:0.2857142857142857em; } [class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large { width:1.4285714285714286em; } .icons-ul { margin-left:2.142857142857143em; list-style-type:none; } .icons-ul>li { position:relative; } .icons-ul .icon-li { position:absolute; left:-2.142857142857143em; width:2.142857142857143em; text-align:center; line-height:inherit; } [class^="icon-"].hide,[class*=" icon-"].hide { display:none; } .icon-muted { color:#eee; } .icon-light { color:#ffffff; } .icon-dark { color:#333333; } .icon-border { border:solid 1px #eee; padding:.2em .25em .15em; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .icon-2x { font-size:2em; } .icon-2x.icon-border { border-width:2px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .icon-3x { font-size:3em; } .icon-3x.icon-border { border-width:3px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .icon-4x { font-size:4em; } .icon-4x.icon-border { border-width:4px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .icon-5x { font-size:5em; } .icon-5x.icon-border { border-width:5px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; } .pull-right { float:right; } .pull-left { float:left; } [class^="icon-"].pull-left,[class*=" icon-"].pull-left { margin-right:.3em; } [class^="icon-"].pull-right,[class*=" icon-"].pull-right { margin-left:.3em; } [class^="icon-"],[class*=" icon-"] { display:inline; width:auto; height:auto; line-height:normal; vertical-align:baseline; background-image:none; background-position:0% 0%; background-repeat:repeat; margin-top:0; } .icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"] { background-image:none; } .btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large { line-height:.9em; } .btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin { display:inline-block; } .nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large { line-height:.9em; } .btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x { margin-top:.18em; } .btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large { line-height:.8em; } .btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top:.25em; } .btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"] { margin-top:0; } .btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top:.05em; } .btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right:.2em; } .btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left:.2em; } .nav-list [class^="icon-"],.nav-list [class*=" icon-"] { line-height:inherit; } .icon-stack { position:relative; display:inline-block; width:2em; height:2em; line-height:2em; vertical-align:-35%; } .icon-stack [class^="icon-"],.icon-stack [class*=" icon-"] { display:block; text-align:center; position:absolute; width:100%; height:100%; font-size:1em; line-height:inherit; *line-height:2em; } .icon-stack .icon-stack-base { font-size:2em; *line-height:1em; } .icon-spin { display:inline-block; -moz-animation:spin 2s infinite linear; -o-animation:spin 2s infinite linear; -webkit-animation:spin 2s infinite linear; animation:spin 2s infinite linear; } a .icon-stack,a .icon-spin { display:inline-block; text-decoration:none; } @-moz-keyframes spin { 0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform:rotate(0deg); } 100% { -o-transform:rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform:rotate(0deg); } 100% { -ms-transform:rotate(359deg); } } @keyframes spin { 0% { transform:rotate(0deg); } 100% { transform:rotate(359deg); } } .icon-rotate-90:before { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .icon-rotate-180:before { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .icon-rotate-270:before { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -ms-transform:rotate(270deg); -o-transform:rotate(270deg); transform:rotate(270deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .icon-flip-horizontal:before { -webkit-transform:scale(-1,1); -moz-transform:scale(-1,1); -ms-transform:scale(-1,1); -o-transform:scale(-1,1); transform:scale(-1,1); } .icon-flip-vertical:before { -webkit-transform:scale(1,-1); -moz-transform:scale(1,-1); -ms-transform:scale(1,-1); -o-transform:scale(1,-1); transform:scale(1,-1); } a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before { display:inline-block; } .icon-glass:before { content:"\f000"; } .icon-music:before { content:"\f001"; } .icon-search:before { content:"\f002"; } .icon-envelope-alt:before { content:"\f003"; } .icon-heart:before { content:"\f004"; } .icon-star:before { content:"\f005"; } .icon-star-empty:before { content:"\f006"; } .icon-user:before { content:"\f007"; } .icon-film:before { content:"\f008"; } .icon-th-large:before { content:"\f009"; } .icon-th:before { content:"\f00a"; } .icon-th-list:before { content:"\f00b"; } .icon-ok:before { content:"\f00c"; } .icon-remove:before { content:"\f00d"; } .icon-zoom-in:before { content:"\f00e"; } .icon-zoom-out:before { content:"\f010"; } .icon-power-off:before,.icon-off:before { content:"\f011"; } .icon-signal:before { content:"\f012"; } .icon-gear:before,.icon-cog:before { content:"\f013"; } .icon-trash:before { content:"\f014"; } .icon-home:before { content:"\f015"; } .icon-file-alt:before { content:"\f016"; } .icon-time:before { content:"\f017"; } .icon-road:before { content:"\f018"; } .icon-download-alt:before { content:"\f019"; } .icon-download:before { content:"\f01a"; } .icon-upload:before { content:"\f01b"; } .icon-inbox:before { content:"\f01c"; } .icon-play-circle:before { content:"\f01d"; } .icon-rotate-right:before,.icon-repeat:before { content:"\f01e"; } .icon-refresh:before { content:"\f021"; } .icon-list-alt:before { content:"\f022"; } .icon-lock:before { content:"\f023"; } .icon-flag:before { content:"\f024"; } .icon-headphones:before { content:"\f025"; } .icon-volume-off:before { content:"\f026"; } .icon-volume-down:before { content:"\f027"; } .icon-volume-up:before { content:"\f028"; } .icon-qrcode:before { content:"\f029"; } .icon-barcode:before { content:"\f02a"; } .icon-tag:before { content:"\f02b"; } .icon-tags:before { content:"\f02c"; } .icon-book:before { content:"\f02d"; } .icon-bookmark:before { content:"\f02e"; } .icon-print:before { content:"\f02f"; } .icon-camera:before { content:"\f030"; } .icon-font:before { content:"\f031"; } .icon-bold:before { content:"\f032"; } .icon-italic:before { content:"\f033"; } .icon-text-height:before { content:"\f034"; } .icon-text-width:before { content:"\f035"; } .icon-align-left:before { content:"\f036"; } .icon-align-center:before { content:"\f037"; } .icon-align-right:before { content:"\f038"; } .icon-align-justify:before { content:"\f039"; } .icon-list:before { content:"\f03a"; } .icon-indent-left:before { content:"\f03b"; } .icon-indent-right:before { content:"\f03c"; } .icon-facetime-video:before { content:"\f03d"; } .icon-picture:before { content:"\f03e"; } .icon-pencil:before { content:"\f040"; } .icon-map-marker:before { content:"\f041"; } .icon-adjust:before { content:"\f042"; } .icon-tint:before { content:"\f043"; } .icon-edit:before { content:"\f044"; } .icon-share:before { content:"\f045"; } .icon-check:before { content:"\f046"; } .icon-move:before { content:"\f047"; } .icon-step-backward:before { content:"\f048"; } .icon-fast-backward:before { content:"\f049"; } .icon-backward:before { content:"\f04a"; } .icon-play:before { content:"\f04b"; } .icon-pause:before { content:"\f04c"; } .icon-stop:before { content:"\f04d"; } .icon-forward:before { content:"\f04e"; } .icon-fast-forward:before { content:"\f050"; } .icon-step-forward:before { content:"\f051"; } .icon-eject:before { content:"\f052"; } .icon-chevron-left:before { content:"\f053"; } .icon-chevron-right:before { content:"\f054"; } .icon-plus-sign:before { content:"\f055"; } .icon-minus-sign:before { content:"\f056"; } .icon-remove-sign:before { content:"\f057"; } .icon-ok-sign:before { content:"\f058"; } .icon-question-sign:before { content:"\f059"; } .icon-info-sign:before { content:"\f05a"; } .icon-screenshot:before { content:"\f05b"; } .icon-remove-circle:before { content:"\f05c"; } .icon-ok-circle:before { content:"\f05d"; } .icon-ban-circle:before { content:"\f05e"; } .icon-arrow-left:before { content:"\f060"; } .icon-arrow-right:before { content:"\f061"; } .icon-arrow-up:before { content:"\f062"; } .icon-arrow-down:before { content:"\f063"; } .icon-mail-forward:before,.icon-share-alt:before { content:"\f064"; } .icon-resize-full:before { content:"\f065"; } .icon-resize-small:before { content:"\f066"; } .icon-plus:before { content:"\f067"; } .icon-minus:before { content:"\f068"; } .icon-asterisk:before { content:"\f069"; } .icon-exclamation-sign:before { content:"\f06a"; } .icon-gift:before { content:"\f06b"; } .icon-leaf:before { content:"\f06c"; } .icon-fire:before { content:"\f06d"; } .icon-eye-open:before { content:"\f06e"; } .icon-eye-close:before { content:"\f070"; } .icon-warning-sign:before { content:"\f071"; } .icon-plane:before { content:"\f072"; } .icon-calendar:before { content:"\f073"; } .icon-random:before { content:"\f074"; } .icon-comment:before { content:"\f075"; } .icon-magnet:before { content:"\f076"; } .icon-chevron-up:before { content:"\f077"; } .icon-chevron-down:before { content:"\f078"; } .icon-retweet:before { content:"\f079"; } .icon-shopping-cart:before { content:"\f07a"; } .icon-folder-close:before { content:"\f07b"; } .icon-folder-open:before { content:"\f07c"; } .icon-resize-vertical:before { content:"\f07d"; } .icon-resize-horizontal:before { content:"\f07e"; } .icon-bar-chart:before { content:"\f080"; } .icon-twitter-sign:before { content:"\f081"; } .icon-facebook-sign:before { content:"\f082"; } .icon-camera-retro:before { content:"\f083"; } .icon-key:before { content:"\f084"; } .icon-gears:before,.icon-cogs:before { content:"\f085"; } .icon-comments:before { content:"\f086"; } .icon-thumbs-up-alt:before { content:"\f087"; } .icon-thumbs-down-alt:before { content:"\f088"; } .icon-star-half:before { content:"\f089"; } .icon-heart-empty:before { content:"\f08a"; } .icon-signout:before { content:"\f08b"; } .icon-linkedin-sign:before { content:"\f08c"; } .icon-pushpin:before { content:"\f08d"; } .icon-external-link:before { content:"\f08e"; } .icon-signin:before { content:"\f090"; } .icon-trophy:before { content:"\f091"; } .icon-github-sign:before { content:"\f092"; } .icon-upload-alt:before { content:"\f093"; } .icon-lemon:before { content:"\f094"; } .icon-phone:before { content:"\f095"; } .icon-unchecked:before,.icon-check-empty:before { content:"\f096"; } .icon-bookmark-empty:before { content:"\f097"; } .icon-phone-sign:before { content:"\f098"; } .icon-twitter:before { content:"\f099"; } .icon-facebook:before { content:"\f09a"; } .icon-github:before { content:"\f09b"; } .icon-unlock:before { content:"\f09c"; } .icon-credit-card:before { content:"\f09d"; } .icon-rss:before { content:"\f09e"; } .icon-hdd:before { content:"\f0a0"; } .icon-bullhorn:before { content:"\f0a1"; } .icon-bell:before { content:"\f0a2"; } .icon-certificate:before { content:"\f0a3"; } .icon-hand-right:before { content:"\f0a4"; } .icon-hand-left:before { content:"\f0a5"; } .icon-hand-up:before { content:"\f0a6"; } .icon-hand-down:before { content:"\f0a7"; } .icon-circle-arrow-left:before { content:"\f0a8"; } .icon-circle-arrow-right:before { content:"\f0a9"; } .icon-circle-arrow-up:before { content:"\f0aa"; } .icon-circle-arrow-down:before { content:"\f0ab"; } .icon-globe:before { content:"\f0ac"; } .icon-wrench:before { content:"\f0ad"; } .icon-tasks:before { content:"\f0ae"; } .icon-filter:before { content:"\f0b0"; } .icon-briefcase:before { content:"\f0b1"; } .icon-fullscreen:before { content:"\f0b2"; } .icon-group:before { content:"\f0c0"; } .icon-link:before { content:"\f0c1"; } .icon-cloud:before { content:"\f0c2"; } .icon-beaker:before { content:"\f0c3"; } .icon-cut:before { content:"\f0c4"; } .icon-copy:before { content:"\f0c5"; } .icon-paperclip:before,.icon-paper-clip:before { content:"\f0c6"; } .icon-save:before { content:"\f0c7"; } .icon-sign-blank:before { content:"\f0c8"; } .icon-reorder:before { content:"\f0c9"; } .icon-list-ul:before { content:"\f0ca"; } .icon-list-ol:before { content:"\f0cb"; } .icon-strikethrough:before { content:"\f0cc"; } .icon-underline:before { content:"\f0cd"; } .icon-table:before { content:"\f0ce"; } .icon-magic:before { content:"\f0d0"; } .icon-truck:before { content:"\f0d1"; } .icon-pinterest:before { content:"\f0d2"; } .icon-pinterest-sign:before { content:"\f0d3"; } .icon-google-plus-sign:before { content:"\f0d4"; } .icon-google-plus:before { content:"\f0d5"; } .icon-money:before { content:"\f0d6"; } .icon-caret-down:before { content:"\f0d7"; } .icon-caret-up:before { content:"\f0d8"; } .icon-caret-left:before { content:"\f0d9"; } .icon-caret-right:before { content:"\f0da"; } .icon-columns:before { content:"\f0db"; } .icon-sort:before { content:"\f0dc"; } .icon-sort-down:before { content:"\f0dd"; } .icon-sort-up:before { content:"\f0de"; } .icon-envelope:before { content:"\f0e0"; } .icon-linkedin:before { content:"\f0e1"; } .icon-rotate-left:before,.icon-undo:before { content:"\f0e2"; } .icon-legal:before { content:"\f0e3"; } .icon-dashboard:before { content:"\f0e4"; } .icon-comment-alt:before { content:"\f0e5"; } .icon-comments-alt:before { content:"\f0e6"; } .icon-bolt:before { content:"\f0e7"; } .icon-sitemap:before { content:"\f0e8"; } .icon-umbrella:before { content:"\f0e9"; } .icon-paste:before { content:"\f0ea"; } .icon-lightbulb:before { content:"\f0eb"; } .icon-exchange:before { content:"\f0ec"; } .icon-cloud-download:before { content:"\f0ed"; } .icon-cloud-upload:before { content:"\f0ee"; } .icon-user-md:before { content:"\f0f0"; } .icon-stethoscope:before { content:"\f0f1"; } .icon-suitcase:before { content:"\f0f2"; } .icon-bell-alt:before { content:"\f0f3"; } .icon-coffee:before { content:"\f0f4"; } .icon-food:before { content:"\f0f5"; } .icon-file-text-alt:before { content:"\f0f6"; } .icon-building:before { content:"\f0f7"; } .icon-hospital:before { content:"\f0f8"; } .icon-ambulance:before { content:"\f0f9"; } .icon-medkit:before { content:"\f0fa"; } .icon-fighter-jet:before { content:"\f0fb"; } .icon-beer:before { content:"\f0fc"; } .icon-h-sign:before { content:"\f0fd"; } .icon-plus-sign-alt:before { content:"\f0fe"; } .icon-double-angle-left:before { content:"\f100"; } .icon-double-angle-right:before { content:"\f101"; } .icon-double-angle-up:before { content:"\f102"; } .icon-double-angle-down:before { content:"\f103"; } .icon-angle-left:before { content:"\f104"; } .icon-angle-right:before { content:"\f105"; } .icon-angle-up:before { content:"\f106"; } .icon-angle-down:before { content:"\f107"; } .icon-desktop:before { content:"\f108"; } .icon-laptop:before { content:"\f109"; } .icon-tablet:before { content:"\f10a"; } .icon-mobile-phone:before { content:"\f10b"; } .icon-circle-blank:before { content:"\f10c"; } .icon-quote-left:before { content:"\f10d"; } .icon-quote-right:before { content:"\f10e"; } .icon-spinner:before { content:"\f110"; } .icon-circle:before { content:"\f111"; } .icon-mail-reply:before,.icon-reply:before { content:"\f112"; } .icon-github-alt:before { content:"\f113"; } .icon-folder-close-alt:before { content:"\f114"; } .icon-folder-open-alt:before { content:"\f115"; } .icon-expand-alt:before { content:"\f116"; } .icon-collapse-alt:before { content:"\f117"; } .icon-smile:before { content:"\f118"; } .icon-frown:before { content:"\f119"; } .icon-meh:before { content:"\f11a"; } .icon-gamepad:before { content:"\f11b"; } .icon-keyboard:before { content:"\f11c"; } .icon-flag-alt:before { content:"\f11d"; } .icon-flag-checkered:before { content:"\f11e"; } .icon-terminal:before { content:"\f120"; } .icon-code:before { content:"\f121"; } .icon-reply-all:before { content:"\f122"; } .icon-mail-reply-all:before { content:"\f122"; } .icon-star-half-full:before,.icon-star-half-empty:before { content:"\f123"; } .icon-location-arrow:before { content:"\f124"; } .icon-crop:before { content:"\f125"; } .icon-code-fork:before { content:"\f126"; } .icon-unlink:before { content:"\f127"; } .icon-question:before { content:"\f128"; } .icon-info:before { content:"\f129"; } .icon-exclamation:before { content:"\f12a"; } .icon-superscript:before { content:"\f12b"; } .icon-subscript:before { content:"\f12c"; } .icon-eraser:before { content:"\f12d"; } .icon-puzzle-piece:before { content:"\f12e"; } .icon-microphone:before { content:"\f130"; } .icon-microphone-off:before { content:"\f131"; } .icon-shield:before { content:"\f132"; } .icon-calendar-empty:before { content:"\f133"; } .icon-fire-extinguisher:before { content:"\f134"; } .icon-rocket:before { content:"\f135"; } .icon-maxcdn:before { content:"\f136"; } .icon-chevron-sign-left:before { content:"\f137"; } .icon-chevron-sign-right:before { content:"\f138"; } .icon-chevron-sign-up:before { content:"\f139"; } .icon-chevron-sign-down:before { content:"\f13a"; } .icon-html5:before { content:"\f13b"; } .icon-css3:before { content:"\f13c"; } .icon-anchor:before { content:"\f13d"; } .icon-unlock-alt:before { content:"\f13e"; } .icon-bullseye:before { content:"\f140"; } .icon-ellipsis-horizontal:before { content:"\f141"; } .icon-ellipsis-vertical:before { content:"\f142"; } .icon-rss-sign:before { content:"\f143"; } .icon-play-sign:before { content:"\f144"; } .icon-ticket:before { content:"\f145"; } .icon-minus-sign-alt:before { content:"\f146"; } .icon-check-minus:before { content:"\f147"; } .icon-level-up:before { content:"\f148"; } .icon-level-down:before { content:"\f149"; } .icon-check-sign:before { content:"\f14a"; } .icon-edit-sign:before { content:"\f14b"; } .icon-external-link-sign:before { content:"\f14c"; } .icon-share-sign:before { content:"\f14d"; } .icon-compass:before { content:"\f14e"; } .icon-collapse:before { content:"\f150"; } .icon-collapse-top:before { content:"\f151"; } .icon-expand:before { content:"\f152"; } .icon-euro:before,.icon-eur:before { content:"\f153"; } .icon-gbp:before { content:"\f154"; } .icon-dollar:before,.icon-usd:before { content:"\f155"; } .icon-rupee:before,.icon-inr:before { content:"\f156"; } .icon-yen:before,.icon-jpy:before { content:"\f157"; } .icon-renminbi:before,.icon-cny:before { content:"\f158"; } .icon-won:before,.icon-krw:before { content:"\f159"; } .icon-bitcoin:before,.icon-btc:before { content:"\f15a"; } .icon-file:before { content:"\f15b"; } .icon-file-text:before { content:"\f15c"; } .icon-sort-by-alphabet:before { content:"\f15d"; } .icon-sort-by-alphabet-alt:before { content:"\f15e"; } .icon-sort-by-attributes:before { content:"\f160"; } .icon-sort-by-attributes-alt:before { content:"\f161"; } .icon-sort-by-order:before { content:"\f162"; } .icon-sort-by-order-alt:before { content:"\f163"; } .icon-thumbs-up:before { content:"\f164"; } .icon-thumbs-down:before { content:"\f165"; } .icon-youtube-sign:before { content:"\f166"; } .icon-youtube:before { content:"\f167"; } .icon-xing:before { content:"\f168"; } .icon-xing-sign:before { content:"\f169"; } .icon-youtube-play:before { content:"\f16a"; } .icon-dropbox:before { content:"\f16b"; } .icon-stackexchange:before { content:"\f16c"; } .icon-instagram:before { content:"\f16d"; } .icon-flickr:before { content:"\f16e"; } .icon-adn:before { content:"\f170"; } .icon-bitbucket:before { content:"\f171"; } .icon-bitbucket-sign:before { content:"\f172"; } .icon-tumblr:before { content:"\f173"; } .icon-tumblr-sign:before { content:"\f174"; } .icon-long-arrow-down:before { content:"\f175"; } .icon-long-arrow-up:before { content:"\f176"; } .icon-long-arrow-left:before { content:"\f177"; } .icon-long-arrow-right:before { content:"\f178"; } .icon-apple:before { content:"\f179"; } .icon-windows:before { content:"\f17a"; } .icon-android:before { content:"\f17b"; } .icon-linux:before { content:"\f17c"; } .icon-dribbble:before { content:"\f17d"; } .icon-skype:before { content:"\f17e"; } .icon-foursquare:before { content:"\f180"; } .icon-trello:before { content:"\f181"; } .icon-female:before { content:"\f182"; } .icon-male:before { content:"\f183"; } .icon-gittip:before { content:"\f184"; } .icon-sun:before { content:"\f185"; } .icon-moon:before { content:"\f186"; } .icon-archive:before { content:"\f187"; } .icon-bug:before { content:"\f188"; } .icon-vk:before { content:"\f189"; } .icon-weibo:before { content:"\f18a"; } .icon-renren:before { content: "\f18b"; } /* =============================================================== */ /*OPEN SANS================================================================ */ /* Regular */ @font-face { font-family:'Open Sans'; src:url('fonts/OpenSans-Regular-webfont.eot'); src:url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/OpenSans-Regular-webfont.woff') format('woff'),url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight:normal; font-weight:400; font-style: normal; } /* Italic */ @font-face { font-family:'Open Sans'; src:url('fonts/OpenSans-Italic-webfont.eot'); src:url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/OpenSans-Italic-webfont.woff') format('woff'),url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); font-weight:normal; font-weight:400; font-style: italic; } /* Light */ @font-face { font-family:'Open Sans'; src:url('fonts/OpenSans-Light-webfont.eot'); src:url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/OpenSans-Light-webfont.woff') format('woff'),url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); font-weight:200; font-style: normal; } /* Light Italic */ @font-face { font-family:'Open Sans'; src:url('fonts/OpenSans-LightItalic-webfont.eot'); src:url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg'); font-weight:200; font-style: italic; } /* Semibold */ @font-face { font-family:'Open Sans'; src:url('fonts/OpenSans-Semibold-webfont.eot'); src:url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight:500; font-style: normal; } /* Semibold Italic */ @font-face { font-family:'Open Sans'; src:url('fonts/OpenSans-SemiboldItalic-webfont.eot'); src:url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg'); font-weight:500; font-style: italic; } /* Bold */ @font-face { font-family:'Open Sans'; src:url('fonts/OpenSans-Bold-webfont.eot'); src:url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/OpenSans-Bold-webfont.woff') format('woff'),url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); font-weight:bold; font-weight:700; font-style: normal; } /* Bold Italic */ @font-face { font-family:'Open Sans'; src:url('fonts/OpenSans-BoldItalic-webfont.eot'); src:url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),url('fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg'); font-weight:bold; font-weight:700; font-style: italic; } /* Extra Bold */ @font-face { font-family:'Open Sans'; src:url('fonts/OpenSans-ExtraBold-webfont.eot'); src:url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),url('fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg'); font-weight:900; font-style: normal; } /* Extra Bold Italic */ @font-face { font-family:'Open Sans'; src:url('fonts/OpenSans-ExtraBoldItalic-webfont.eot'); src:url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg'); font-weight:900; font-style:italic; } @font-face { font-family:'Roboto'; font-style:normal; font-weight:400; src:local('Roboto Regular'),local('Roboto-Regular'),url(fonts/Roboto-Regular.woff) format('woff'); } @font-face { font-family:'Roboto'; font-style:normal; font-weight:700; src:local('Roboto Bold'),local('Roboto-Bold'),url(fonts/Roboto-Bold.woff) format('woff'); } @font-face { font-family:'Pacifico'; font-style:normal; font-weight:400; src:local('Pacifico Regular'),local('Pacifico-Regular'),url(fonts/Pacifico.woff) format('woff'); } @font-face { font-family:'Raleway'; font-style:normal; font-weight:400; src:local('Raleway'),url(fonts/Raleway.woff) format('woff'); } @font-face { font-family:'Raleway'; font-style:normal; font-weight:500; src:local('Raleway Medium'),local('Raleway-Medium'),url(fonts/Raleway-Medium.woff) format('woff'); } @font-face { font-family:'Raleway'; font-style:normal; font-weight:700; src: local('Raleway Bold'),local('Raleway-Bold'),url(fonts/Raleway-Bold.woff) format('woff'); } /* =============================================================== */ /*ANIMATIONS================================================================ */ @charset "UTF-8"; /*Animate.css - http://daneden.me/animateLicensed under the ☺ license (http://licence.visualidiot.com/)Copyright (c) 2012 Dan EdenPermission 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.*/ html,body { overflow-x:hidden; } @-webkit-keyframes scaleUp { to { -webkit-transform:scale(1); opacity:1; } } @-moz-keyframes scaleUp { to { -moz-transform:scale(1); opacity:1; } } @keyframes scaleUp { to { transform:scale(1); opacity:1; } } .animated { -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; } } .flashNow { opacity:0; } .flash { -webkit-animation-name:flash; -moz-animation-name:flash; -o-animation-name:flash; animation-name:flash; opacity:1 !important; } @-webkit-keyframes shake { 0%,100% { -webkit-transform:translateX(0); } 10%,30%,50%,70%,90% { -webkit-transform:translateX(-10px); } 20%,40%,60%,80% { -webkit-transform:translateX(10px); } } @-moz-keyframes shake { 0%,100% { -moz-transform:translateX(0); } 10%,30%,50%,70%,90% { -moz-transform:translateX(-10px); } 20%,40%,60%,80% { -moz-transform:translateX(10px); } } @-o-keyframes shake { 0%,100% { -o-transform:translateX(0); } 10%,30%,50%,70%,90% { -o-transform:translateX(-10px); } 20%,40%,60%,80% { -o-transform:translateX(10px); } } @keyframes shake { 0%,100% { transform:translateX(0); } 10%,30%,50%,70%,90% { transform:translateX(-10px); } 20%,40%,60%,80% { transform:translateX(10px); } } .shakeNow { opacity:0; } .shake { -webkit-animation-name:shake; -moz-animation-name:shake; -o-animation-name:shake; animation-name:shake; opacity:1 !Important; } @-webkit-keyframes bounce { 0%,20%,50%,80%,100% { -webkit-transform:translateY(0); } 40% { -webkit-transform:translateY(-30px); } 60% { -webkit-transform:translateY(-15px); } } @-moz-keyframes bounce { 0%,20%,50%,80%,100% { -moz-transform:translateY(0); } 40% { -moz-transform:translateY(-30px); } 60% { -moz-transform:translateY(-15px); } } @-o-keyframes bounce { 0%,20%,50%,80%,100% { -o-transform:translateY(0); } 40% { -o-transform:translateY(-30px); } 60% { -o-transform:translateY(-15px); } } @keyframes bounce { 0%,20%,50%,80%,100% { transform:translateY(0); } 40% { transform:translateY(-30px); } 60% { transform:translateY(-15px); } } .bounceNow { opacity:0; } .bounce { -webkit-animation-name:bounce; -moz-animation-name:bounce; -o-animation-name:bounce; animation-name:bounce; opacity:1 !important; } @-webkit-keyframes tada { 0% { -webkit-transform:scale(1); } 10%,20% { -webkit-transform:scale(0.9) rotate(-3deg); } 30%,50%,70%,90% { -webkit-transform:scale(1.1) rotate(3deg); } 40%,60%,80% { -webkit-transform:scale(1.1) rotate(-3deg); } 100% { -webkit-transform:scale(1) rotate(0); } } @-moz-keyframes tada { 0% { -moz-transform:scale(1); } 10%,20% { -moz-transform:scale(0.9) rotate(-3deg); } 30%,50%,70%,90% { -moz-transform:scale(1.1) rotate(3deg); } 40%,60%,80% { -moz-transform:scale(1.1) rotate(-3deg); } 100% { -moz-transform:scale(1) rotate(0); } } @-o-keyframes tada { 0% { -o-transform:scale(1); } 10%,20% { -o-transform:scale(0.9) rotate(-3deg); } 30%,50%,70%,90% { -o-transform:scale(1.1) rotate(3deg); } 40%,60%,80% { -o-transform:scale(1.1) rotate(-3deg); } 100% { -o-transform:scale(1) rotate(0); } } @keyframes tada { 0% { transform:scale(1); } 10%,20% { transform:scale(0.9) rotate(-3deg); } 30%,50%,70%,90% { transform:scale(1.1) rotate(3deg); } 40%,60%,80% { transform:scale(1.1) rotate(-3deg); } 100% { transform:scale(1) rotate(0); } } .tadaNow { opacity:0; } .tada { -webkit-animation-name:tada; -moz-animation-name:tada; -o-animation-name:tada; animation-name:tada; opacity:1 !Important; } @-webkit-keyframes swing { 20%,40%,60%,80%,100% { -webkit-transform-origin:top center; } 20% { -webkit-transform:rotate(15deg); } 40% { -webkit-transform:rotate(-10deg); } 60% { -webkit-transform:rotate(5deg); } 80% { -webkit-transform:rotate(-5deg); } 100% { -webkit-transform:rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform:rotate(15deg); } 40% { -moz-transform:rotate(-10deg); } 60% { -moz-transform:rotate(5deg); } 80% { -moz-transform:rotate(-5deg); } 100% { -moz-transform:rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform:rotate(15deg); } 40% { -o-transform:rotate(-10deg); } 60% { -o-transform:rotate(5deg); } 80% { -o-transform:rotate(-5deg); } 100% { -o-transform:rotate(0deg); } } @keyframes swing { 20% { transform:rotate(15deg); } 40% { transform:rotate(-10deg); } 60% { transform:rotate(5deg); } 80% { transform:rotate(-5deg); } 100% { transform:rotate(0deg); } } .swingNow { opacity:0; } .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; /* opacity: !important; */ } /* 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%); } } .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); } } .pulse { -webkit-animation-name:pulse; -moz-animation-name:pulse; -o-animation-name:pulse; animation-name:pulse; } @-webkit-keyframes flip { 0% { -webkit-transform:perspective(400px) rotateY(0); -webkit-animation-timing-function:ease-out; } 40% { -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg); -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) rotateY(360deg) scale(.95); -webkit-animation-timing-function:ease-in; } 100% { -webkit-transform:perspective(400px) scale(1); -webkit-animation-timing-function:ease-in; } } @-moz-keyframes flip { 0% { -moz-transform:perspective(400px) rotateY(0); -moz-animation-timing-function:ease-out; } 40% { -moz-transform:perspective(400px) translateZ(150px) rotateY(170deg); -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) rotateY(360deg) scale(.95); -moz-animation-timing-function:ease-in; } 100% { -moz-transform:perspective(400px) scale(1); -moz-animation-timing-function:ease-in; } } @-o-keyframes flip { 0% { -o-transform:perspective(400px) rotateY(0); -o-animation-timing-function:ease-out; } 40% { -o-transform:perspective(400px) translateZ(150px) rotateY(170deg); -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) rotateY(360deg) scale(.95); -o-animation-timing-function:ease-in; } 100% { -o-transform:perspective(400px) scale(1); -o-animation-timing-function:ease-in; } } @keyframes flip { 0% { transform:perspective(400px) rotateY(0); animation-timing-function:ease-out; } 40% { transform:perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function:ease-out; } 50% { transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function:ease-in; } 80% { transform:perspective(400px) rotateY(360deg) scale(.95); animation-timing-function:ease-in; } 100% { transform:perspective(400px) scale(1); animation-timing-function:ease-in; } } .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; } } .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; } } .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; } } .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; } } .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; } } .fadeInNow { opacity:0; } .fadeIn { -webkit-animation-name:fadeIn; -moz-animation-name:fadeIn; -o-animation-name:fadeIn; animation-name:fadeIn; opacity:1 !Important; } @-webkit-keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translateY(40px); } 100% { opacity:1; -webkit-transform:translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity:0; -moz-transform:translateY(40px); } 100% { opacity:1; -moz-transform:translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity:0; -o-transform:translateY(40px); } 100% { opacity:1; -o-transform:translateY(0); } } @keyframes fadeInUp { 0% { opacity:0; transform:translateY(40px); } 100% { opacity:1; transform:translateY(0); } } .fadeInUpNow { opacity:0; } .fadeInUp { -webkit-animation-name:fadeInUp; -moz-animation-name:fadeInUp; -o-animation-name:fadeInUp; animation-name:fadeInUp; opacity:1 !important; } @-webkit-keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translateY(-20px); } 100% { opacity:1; -webkit-transform:translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity:0; -moz-transform:translateY(-20px); } 100% { opacity:1; -moz-transform:translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity:0; -o-transform:translateY(-20px); } 100% { opacity:1; -o-transform:translateY(0); } } @keyframes fadeInDown { 0% { opacity:0; transform:translateY(-20px); } 100% { opacity:1; transform:translateY(0); } } .fadeInDownNow { opacity:0; } .fadeInDown { -webkit-animation-name:fadeInDown; -moz-animation-name:fadeInDown; -o-animation-name:fadeInDown; animation-name:fadeInDown; opacity:1 !Important; } @-webkit-keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translateX(-20px); } 100% { opacity:1; -webkit-transform:translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity:0; -moz-transform:translateX(-20px); } 100% { opacity:1; -moz-transform:translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity:0; -o-transform:translateX(-20px); } 100% { opacity:1; -o-transform:translateX(0); } } @keyframes fadeInLeft { 0% { opacity:0; transform:translateX(-20px); } 100% { opacity:1; transform:translateX(0); } } .fadeInLeftNow { opacity:0; } .fadeInLeft { -webkit-animation-name:fadeInLeft; -moz-animation-name:fadeInLeft; -o-animation-name:fadeInLeft; animation-name:fadeInLeft; opacity:1 !important; } @-webkit-keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translateX(20px); } 100% { opacity:1; -webkit-transform:translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity:0; -moz-transform:translateX(20px); } 100% { opacity:1; -moz-transform:translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity:0; -o-transform:translateX(20px); } 100% { opacity:1; -o-transform:translateX(0); } } @keyframes fadeInRight { 0% { opacity:0; transform:translateX(20px); } 100% { opacity:1; transform:translateX(0); } } .fadeInRightNow { opacity:0; } .fadeInRight { -webkit-animation-name:fadeInRight; -moz-animation-name:fadeInRight; -o-animation-name:fadeInRight; animation-name:fadeInRight; opacity:1 !Important; } @-webkit-keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translateY(2000px); } 100% { opacity:1; -webkit-transform:translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity:0; -moz-transform:translateY(2000px); } 100% { opacity:1; -moz-transform:translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity:0; -o-transform:translateY(2000px); } 100% { opacity:1; -o-transform:translateY(0); } } @keyframes fadeInUpBig { 0% { opacity:0; transform:translateY(2000px); } 100% { opacity:1; transform:translateY(0); } } .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); } } .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); } } .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); } } .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; } } .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); } } .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); } } .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); } } .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); } } .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); } } .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); } } .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); } } .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); } } .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); } } .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); } } .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); } } .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); } } .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); } } .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); } } .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); } } .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); } } .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); } } .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); } } .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; } } .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; } } .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; } } .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; } } .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; } } .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; } } .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; } } .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; } } .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; } } .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; } } .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; } } .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); } } .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); } } .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; } } .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; } } .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; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes wiggle { 0% { -webkit-transform:skewX(9deg); } 10% { -webkit-transform:skewX(-8deg); } 20% { -webkit-transform:skewX(7deg); } 30% { -webkit-transform:skewX(-6deg); } 40% { -webkit-transform:skewX(5deg); } 50% { -webkit-transform:skewX(-4deg); } 60% { -webkit-transform:skewX(3deg); } 70% { -webkit-transform:skewX(-2deg); } 80% { -webkit-transform:skewX(1deg); } 90% { -webkit-transform:skewX(0deg); } 100% { -webkit-transform:skewX(0deg); } } @-moz-keyframes wiggle { 0% { -moz-transform:skewX(9deg); } 10% { -moz-transform:skewX(-8deg); } 20% { -moz-transform:skewX(7deg); } 30% { -moz-transform:skewX(-6deg); } 40% { -moz-transform:skewX(5deg); } 50% { -moz-transform:skewX(-4deg); } 60% { -moz-transform:skewX(3deg); } 70% { -moz-transform:skewX(-2deg); } 80% { -moz-transform:skewX(1deg); } 90% { -moz-transform:skewX(0deg); } 100% { -moz-transform:skewX(0deg); } } @-o-keyframes wiggle { 0% { -o-transform:skewX(9deg); } 10% { -o-transform:skewX(-8deg); } 20% { -o-transform:skewX(7deg); } 30% { -o-transform:skewX(-6deg); } 40% { -o-transform:skewX(5deg); } 50% { -o-transform:skewX(-4deg); } 60% { -o-transform:skewX(3deg); } 70% { -o-transform:skewX(-2deg); } 80% { -o-transform:skewX(1deg); } 90% { -o-transform:skewX(0deg); } 100% { -o-transform:skewX(0deg); } } @keyframes wiggle { 0% { transform:skewX(9deg); } 10% { transform:skewX(-8deg); } 20% { transform:skewX(7deg); } 30% { transform:skewX(-6deg); } 40% { transform:skewX(5deg); } 50% { transform:skewX(-4deg); } 60% { transform:skewX(3deg); } 70% { transform:skewX(-2deg); } 80% { transform:skewX(1deg); } 90% { transform:skewX(0deg); } 100% { transform:skewX(0deg); } } .wiggle { -webkit-animation-name:wiggle; -moz-animation-name:wiggle; -o-animation-name:wiggle; animation-name:wiggle; -webkit-animation-timing-function:ease-in; -moz-animation-timing-function:ease-in; -o-animation-timing-function:ease-in; animation-timing-function:ease-in; } .animated.wiggle { -webkit-animation-duration:0.75s; -moz-animation-duration:0.75s; -o-animation-duration:0.75s; animation-duration: 0.75s; } /* =============================================================== */ /*ANIMATIONS 2================================================================ */ .animated { -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:.3s; -moz-animation-delay:.3s; animation-delay: .3s; } /* Fade */ @-webkit-keyframes anim-fade { 0% { opacity:0; -webkit-transform:scaleY(0) scaleX(0); } 100% { opacity:1; -webkit-transform:scaleY(1) scaleX(1) } } @-moz-keyframes anim-fade { 0% { opacity:0; } 100% { opacity:1; } } @-o-keyframes anim-fade { 0% { opacity:0; } 100% { opacity:1; } } @keyframes anim-fade { 0% { opacity:0; transform:scaleY(0) scaleX(0); } 100% { opacity:1; transform:scaleY(1) scaleX(1) } } .anim-fade { -webkit-animation-name:anim-fade; -moz-animation-name:anim-fade; -o-animation-name:anim-fade; animation-name:anim-fade; -webkit-animation-duration:1s; -moz-animation-duration:1s; -ms-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s; opacity:1!important; } .fade { opacity:0; } html.ie9 .fade { opacity: 1!important; } /* Slide */ @-webkit-keyframes anim-slide { 0% { -webkit-transform:translateY(100%); } 100% { -webkit-transform:translateY(0%); } } @-moz-keyframes anim-slide { 0% { -moz-transform:translateY(100%); } 100% { -moz-transform:translateY(0%); } } @-o-keyframes anim-slide { 0% { -o-transform:translateY(100%); } 100% { -o-transform:translateY(0%); } } @keyframes anim-slide { 0% { transform:translateY(100%); } 100% { transform:translateY(0%); } } .anim-slide { -webkit-animation-name:anim-slide; -moz-animation-name:anim-slide; -o-animation-name:anim-slide; animation-name:anim-slide; -webkit-animation-duration:1s; -moz-animation-duration:1s; -ms-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s; opacity:1!important; } .slidea { opacity:0; } html.ie9 .slidea { opacity: 1!important; } /* Hatch */ @-webkit-keyframes anim-hatch { 0% { -webkit-transform:rotate(0deg) scaleY(0); } 20% { -webkit-transform:rotate(-2deg) scaleY(1.05); } 35% { -webkit-transform:rotate(2deg) scaleY(1); } 50% { -webkit-transform:rotate(-2deg); } 65% { -webkit-transform:rotate(1deg); } 80% { -webkit-transform:rotate(-1deg); } 100% { -webkit-transform:rotate(0deg); } } @-moz-keyframes anim-hatch { 0% { -moz-transform:rotate(0deg) scaleY(0); } 20% { -moz-transform:rotate(-2deg) scaleY(1.05); } 35% { -moz-transform:rotate(2deg) scaleY(1); } 50% { -moz-transform:rotate(-2deg); } 65% { -moz-transform:rotate(1deg); } 80% { -moz-transform:rotate(-1deg); } 100% { -moz-transform:rotate(0deg); } } @-o-keyframes anim-hatch { 0% { -o-transform:rotate(0deg) scaleY(0); } 20% { -o-transform:rotate(-2deg) scaleY(1.05); } 35% { -o-transform:rotate(2deg) scaleY(1); } 50% { -o-transform:rotate(-2deg); } 65% { -o-transform:rotate(1deg); } 80% { -o-transform:rotate(-1deg); } 100% { -o-transform:rotate(0deg); } } @keyframes anim-hatch { 0% { transform:rotate(0deg) scaleY(0); } 20% { transform:rotate(-2deg) scaleY(1.05); } 35% { transform:rotate(2deg) scaleY(1); } 50% { transform:rotate(-2deg); } 65% { transform:rotate(1deg); } 80% { transform:rotate(-1deg); } 100% { transform:rotate(0deg); } } .anim-hatch { -webkit-animation-name:anim-hatch; -moz-animation-name:anim-hatch; -o-animation-name:anim-hatch; animation-name:anim-hatch; -webkit-animation-duration:1.6s; -moz-animation-duration:1.6s; -ms-animation-duration:1.6s; -o-animation-duration:1.6s; animation-duration:1.6s; opacity:1!important; } .hatch { opacity:0; } html.ie9 .hatch { opacity: 1!important; } /* Entrance */ @-webkit-keyframes anim-entrance { 0% { -webkit-transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity:0.2; } 30% { -webkit-transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity:1; } 45% { -webkit-transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity:1; } 60% { -webkit-transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity:1; } 75% { -webkit-transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity:1; } 90% { -webkit-transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity:1; } 100% { -webkit-transform:scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity:1; } } @-moz-keyframes anim-entrance { 0% { -moz-transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity:0.2; } 30% { -moz-transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity:1; } 45% { -moz-transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity:1; } 60% { -moz-transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity:1; } 75% { -moz-transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity:1; } 90% { -moz-transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity:1; } 100% { -moz-transform:scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity:1; } } @-o-keyframes anim-entrance { 0% { -o-transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity:0.2; } 30% { -o-transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity:1; } 45% { -o-transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity:1; } 60% { -o-transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity:1; } 75% { -o-transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity:1; } 90% { -o-transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity:1; } 100% { -o-transform:scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity:1; } } @keyframes anim-entrance { 0% { transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity:0.2; } 30% { transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity:1; } 45% { transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity:1; } 60% { transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity:1; } 75% { transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity:1; } 90% { transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity:1; } 100% { transform:scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity:1; } } .anim-entrance { -webkit-animation-name:anim-entrance; -moz-animation-name:anim-entrance; -o-animation-name:anim-entrance; animation-name:anim-entrance; -webkit-animation-duration:1.6s; -moz-animation-duration:1.6s; -ms-animation-duration:1.6s; -o-animation-duration:1.6s; animation-duration:1.6s; opacity:1!important; } .entrance { opacity:0; } html.ie9 .entrance { opacity: 1!important; } /*yummi-loader.css - V.1.1 http://gummibearlab.github.io/Yummi-loader/ Licensed under the MIT licenseCopyright (c) 2013 Daniele Tabanella (gummibearlab)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.*/ /* we have 8 elements in this demo with a delay of 0.15ms this css is just a pre-compiled sample,you should compile your own .less file. */ /* if you have trubles with less compilers that uses versions <1.4 use this loop FROM .anim_@{index}{TO (~".anim_@{index}"){*/ body { overflow-x:hidden; } .off .fadein,.fadein.off { -webkit-opacity:0; -moz-opacity:0; opacity:0; -webkit-transition-timing-function:cubic-bezier(0,0,1,1); -moz-transition-timing-function:cubic-bezier(0,0,1,1); -o-transition-timing-function:cubic-bezier(0,0,1,1); transition-timing-function:cubic-bezier(0,0,1,1); -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s; } .on .fadein,.fadein.on { -webkit-opacity:1; -moz-opacity:1; opacity:1; -webkit-transition-timing-function:cubic-bezier(0,0,1,1); -moz-transition-timing-function:cubic-bezier(0,0,1,1); -o-transition-timing-function:cubic-bezier(0,0,1,1); transition-timing-function:cubic-bezier(0,0,1,1); -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s; } .scale,scaleInv { -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform-origin:center center; -moz-transform-origin:center center; -o-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center; } .off .scale,.off scaleInv,.scale.off,scaleInv.off { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); -webkit-transition-timing-function:cubic-bezier(0.6,-0.28,0.735,0.045); -moz-transition-timing-function:cubic-bezier(0.6,-0.28,0.735,0.045); -o-transition-timing-function:cubic-bezier(0.6,-0.28,0.735,0.045); transition-timing-function:cubic-bezier(0.6,-0.28,0.735,0.045); -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s; } .on .scale,.on scaleInv,.scale.on,scaleInv.on { -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275); -moz-transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275); -o-transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275); transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275); -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s; } .off .scaleInv,.scaleInv.on { -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9); -webkit-transition-timing-function:cubic-bezier(0.6,-0.28,0.735,0.045); -moz-transition-timing-function:cubic-bezier(0.6,-0.28,0.735,0.045); -o-transition-timing-function:cubic-bezier(0.6,-0.28,0.735,0.045); transition-timing-function:cubic-bezier(0.6,-0.28,0.735,0.045); } .on .scaleInv,.scaleInv.on { -webkit-transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275); -moz-transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275); -o-transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275); transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275); } .off .anim_8,.anim_8.off { -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s; } .on .anim_8,.anim_8.on { -webkit-transition-delay:1.7s; -moz-transition-delay:1.7s; -o-transition-delay:1.7s; transition-delay:1.7s; } .off .anim_7,.anim_7.off { -webkit-transition-delay:0.15s; -moz-transition-delay:0.15s; -o-transition-delay:0.15s; transition-delay:0.15s; } .on .anim_7,.anim_7.on { -webkit-transition-delay:1.55s; -moz-transition-delay:1.55s; -o-transition-delay:1.55s; transition-delay:1.55s; } .off .anim_6,.anim_6.off { -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s; } .on .anim_6,.anim_6.on { -webkit-transition-delay:1.4s; -moz-transition-delay:1.4s; -o-transition-delay:1.4s; transition-delay:1.4s; } .off .anim_5,.anim_5.off { -webkit-transition-delay:0.44999999999999996s; -moz-transition-delay:0.44999999999999996s; -o-transition-delay:0.44999999999999996s; transition-delay:0.44999999999999996s; } .on .anim_5,.anim_5.on { -webkit-transition-delay:1.25s; -moz-transition-delay:1.25s; -o-transition-delay:1.25s; transition-delay:1.25s; } .off .anim_4,.anim_4.off { -webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -o-transition-delay:0.6s; transition-delay:0.6s; } .on .anim_4,.anim_4.on { -webkit-transition-delay:1.1s; -moz-transition-delay:1.1s; -o-transition-delay:1.1s; transition-delay:1.1s; } .off .anim_3,.anim_3.off { -webkit-transition-delay:0.75s; -moz-transition-delay:0.75s; -o-transition-delay:0.75s; transition-delay:0.75s; } .on .anim_3,.anim_3.on { -webkit-transition-delay:0.95s; -moz-transition-delay:0.95s; -o-transition-delay:0.95s; transition-delay:0.95s; } .off .anim_2,.anim_2.off { -webkit-transition-delay:0.8999999999999999s; -moz-transition-delay:0.8999999999999999s; -o-transition-delay:0.8999999999999999s; transition-delay:0.8999999999999999s; } .on .anim_2,.anim_2.on { -webkit-transition-delay:0.8s; -moz-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s; } .off .anim_1,.anim_1.off { -webkit-transition-delay:1.05s; -moz-transition-delay:1.05s; -o-transition-delay:1.05s; transition-delay:1.05s; } .on .anim_1,.anim_1.on { -webkit-transition-delay:0.65s; -moz-transition-delay:0.65s; -o-transition-delay:0.65s; transition-delay: 0.65s; } /* Accordion Simple 1 (Valentiono)================================================== */ #accordion-container { font-size:13px; background:#ffffff; } .accordion-header { font-size:16px; background:#fff; margin:5px 0 0 0; padding:15px 20px; border:1px solid #ebebeb; cursor:pointer; color:#666666; font-weight:300; } .active-header { background:#f54828; background-repeat:no-repeat; background-position:right 50%; color:#fff; } .active-header:hover { background:#f54828; color:#fff; background-repeat:no-repeat; background-position:right 50%; } .inactive-header { background:#fff; background-repeat:no-repeat; background-position:right 50%; } .inactive-header:hover { background:#f5f5f5; background-repeat:no-repeat; background-position:right 50%; } .accordion-content { display:none; padding:20px; background:#ffffff; border:1px solid #ebebeb; border-top:0; width: auto !Important; } /* Responsive Tabs================================================== */ ul.resp-tabs-list,ul.resp-tabs-list p { margin:0px; padding:0px; } .resp-tabs-list li { color:#fff; font-weight:bold; font-weight:300; font-size:14px; display:inline-block; padding:13px 15px; margin:0; list-style:none; cursor:pointer; background-color: #0169B2; } .resp-tabs-container { border:2px solid #f0f0f0; padding:0px; background-color:#fff; clear:left; } h2.resp-accordion { cursor:pointer; padding:5px; display:none; } .resp-tab-content { display:none; padding:15px; } .resp-tab-active { border-bottom:none; margin-bottom:-1px !important; padding:12px 14px 14px 14px !important; background-color:#EB8810 !important;; color:#FFF; } .resp-tab-active { border-bottom:none; background-color:#fff; } .resp-content-active,.resp-accordion-active { display:block; } .resp-tab-content { border:0px solid #F3F3F3; } h2.resp-accordion { font-size:13px; border:1px solid #f0f0f0; border-top:1px solid #f0f0f0; margin:0px; padding:10px 15px; } h2.resp-tab-active { border-bottom:1px solid #f0f0f0 !important; margin-bottom:1px !important; padding:10px 15px !important; } h2.resp-tab-title:last-child { border-bottom:12px solid #f0f0f0 !important; /*background: blue;*/ } /*-----------Vertical tabs-----------*/ .resp-vtabs ul.resp-tabs-list { float:left; width:30%; } .resp-vtabs .resp-tabs-list li { display:block; padding:15px 15px !important; margin:0; cursor:pointer; float:none; } .resp-vtabs .resp-tabs-container { padding:0px; background-color:#fff; border:1px solid #ebebeb; float:left; width:69.6%; min-height:157px; border-radius:4px; clear:none; } .resp-vtabs .resp-tab-content { border:none; } .resp-vtabs li.resp-tab-active { border:1px solid #ebebeb; border-right:none; background-color:#fff; position:relative; z-index:1; margin-right:-1px !important; padding:14px 15px 15px 14px !important; } .resp-arrow { width:0; height:0; float:right; margin-top:3px; border-left:6px solid transparent; border-right:6px solid transparent; border-top:12px solid #ebebeb; } h2.resp-tab-active span.resp-arrow { border:none; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom: 12px solid #9B9797; } /*-----------Accordion styles-----------*/ h2.resp-tab-active { background:#0169B2 !important; } .resp-easy-accordion h2.resp-accordion { display:block; } .resp-easy-accordion .resp-tab-content { border:1px solid #ebebeb; } .resp-easy-accordion .resp-tab-content:last-child { border-bottom:1px solid #ebebeb !important; } .resp-jfit { width:100%; margin:0px; } .resp-tab-content-active { display:block; } h2.resp-accordion:first-child { border-top: 1px solid #ebebeb !important; } /*Here your can change the breakpoint to set the accordion,when screen resolution changed*/ @media only screen and (max-width:768px) { ul.resp-tabs-list { display:none; } h2.resp-accordion { display:block; } .resp-vtabs .resp-tab-content { border:1px solid #ebebeb; } .resp-vtabs .resp-tabs-container { border:none; float:none; width:100%; min-height:initial; clear:none; } .resp-accordion-closed { display:none !important; } .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #ebebeb !important; } } /*================================================== * Pricing Tables* ===============================================*/ .vuzz-pricing-table { list-style:none; margin:0; padding:0; font-size:16px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; } .vuzz-pricing-table div { list-style:none } .vuzz-pricing-table>div { border-top:#666 3px solid; list-style:none; text-shadow:none; margin-bottom:0; box-shadow:0 0 10px rgba(0,0,0,0.05); -moz-box-shadow:0 0 10px rgba(0,0,0,0.05); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.05); border-top:#0E8FAB 3px solid; border:1px solid #e6e6e6; margin-left:10px; margin-right:10px; } .vuzz-pricing-table:hover {opacity:0.8;} .vuzz-pricing.popular { webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.4); -moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.4); box-shadow:0 0 20px 0 rgba(0,0,0,0.4); z-index:1; } .vuzz-pricing-table .vuzz-pricing-header { text-align:center; padding:20px 0 0px; } .vuzz-pricing-table .vuzz-pricing-header h5 { color:#333; font-size:1.313em; margin:0; padding:0 20px 20px; } .vuzz-pricing-table .vuzz-pricing-cost { color:#fff; font-size:1.500em; line-height:1em; padding-top:20px; background:#666; } .vuzz-pricing-table .vuzz-pricing-per { font-size:0.786em; color:#fff; background:#666; padding-bottom:10px; } .vuzz-pricing-table .vuzz-pricing-content { background:#fff; font-size:0.857em; text-align:center; } .vuzz-pricing-table .vuzz-pricing-content ul { margin:0 !important; list-style:none !important; } .vuzz-pricing-table .vuzz-pricing-content ul li { margin:0 !important; padding:10px 20px !important; border-bottom:1px solid #ebebeb; list-style:none !important; } .vuzz-pricing-table .vuzz-pricing-content ul li:nth-child(2n+2) { background:#F9F9F9 } .vuzz-pricing-table .vuzz-pricing-button { background:#fff; text-align:center; border-top:1px solid #fff; padding:20px; } .vuzz-pricing-table .vuzz-pricing-button .vuzz-button { float:none; margin:0 auto; background:#444; color:#fff; padding:7px 15px; } .vuzz-pricing-table>div { border-top:#444 3px solid; } .vuzz-pricing-table .vuzz-pricing-cost { background:#444; } .vuzz-pricing-table .vuzz-pricing-per { background:#444; } .vuzz-pricing-table>div.popular { border-top:#e7402f 3px solid; } .popular .vuzz-pricing-cost { background:#e7402f; } .popular .vuzz-pricing-per { background:#e7402f; } .popular .vuzz-button { background:#e7402f; } .popular .vuzz-button.buttonprice { background: #e7402f; } /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background:url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background:url(btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background:url(sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background:url(sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background:url(sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background:url(sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width:75px; height:22px; background:url(sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .pp_details { position:relative; } div.dark_rounded .pp_description { margin-right:85px; } div.dark_rounded .currentTextHolder { color:#c4c4c4; } div.dark_rounded .pp_description { color:#fff; font-size:12px; } div.dark_rounded #pp_full_res .pp_inline { color:#fff; } div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top:12px !important; } div.dark_rounded .pp_nav .pp_play { background:url(sprite.png) -1px -100px no-repeat; height:15px; width:14px; } div.dark_rounded .pp_nav .pp_pause { background:url(sprite.png) -24px -100px no-repeat; height:15px; width:14px; } div.dark_rounded .pp_arrow_previous { background: url(sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position:0 -87px; cursor:default; } div.dark_rounded .pp_arrow_next { background: url(sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position:-22px -87px; cursor:default; } div.dark_rounded .pp_bottom .pp_left { background: url(sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content { background:#000; } div.dark_square .currentTextHolder { color:#c4c4c4; } div.dark_square .pp_description { color:#fff; } div.dark_square .pp_loaderIcon { background: url(../img/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_expand { background:url(sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background:url(sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background:url(sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background:url(sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width:75px; height:22px; background:url(sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_details { position:relative; } div.dark_square .pp_description { margin:0 85px 0 0; } div.dark_square #pp_full_res .pp_inline { color:#fff; } div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next { margin-top:12px !important; } div.dark_square .pp_nav { clear:none; } div.dark_square .pp_nav .pp_play { background:url(sprite.png) -1px -100px no-repeat; height:15px; width:14px; } div.dark_square .pp_nav .pp_pause { background:url(sprite.png) -24px -100px no-repeat; height:15px; width:14px; } div.dark_square .pp_arrow_previous { background: url(sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position:0 -87px; cursor:default; } div.dark_square .pp_arrow_next { background: url(sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position:-22px -87px; cursor:default; } div.dark_square .pp_next:hover { background:url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background:url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ------------------------------------------------------------------------ DO NOT CHANGE------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background:#000; display:none; left:0; position:absolute; top:0; width:100%; z-index:9500; } div.pp_pic_holder { display:none; position:absolute; width:100px; z-index:10000; } .pp_top { height:20px; position:relative; } * html .pp_top { padding:0 20px; } .pp_top .pp_left { height:20px; left:0; position:absolute; width:20px; } .pp_top .pp_middle { height:20px; left:20px; position:absolute; right:20px; } * html .pp_top .pp_middle { left:0; position:static; } .pp_top .pp_right { height:20px; left:auto; position:absolute; right:0; top:0; width:20px; } .pp_content { height:40px; min-width:40px; } * html .pp_content { width:40px; } .pp_fade { display:none; } .pp_content_container { position:relative; text-align:left; width:100%; } .pp_content_container .pp_left { padding-left:20px; } .pp_content_container .pp_right { padding-right:20px; } .pp_content_container .pp_details { float:left; margin:10px 0 2px 0; } .pp_description { display:none; margin:0; } .pp_social { float:left; margin:7px 0 0 0; } .pp_social .facebook { float:left; position:relative; top:-1px; margin-left:5px; width:55px; overflow:hidden; } .pp_social .twitter { float:left; } .pp_nav { clear:right; float:left; margin:3px 10px 0 0; font-size:12px; } .pp_nav p { float:left; margin:-3px 7px -3px 5px; } .pp_nav .pp_play, .pp_nav .pp_pause { float:left; margin-right:4px; text-indent:-10000px; } a.pp_arrow_previous, a.pp_arrow_next { display:block; float:left; height:15px; margin-top:3px; overflow:hidden; text-indent:-10000px; width:14px; } .pp_hoverContainer { position:absolute; top:0; width:100%; z-index:2000; } .pp_gallery { display:none; left:50%; margin-top:-50px; position:absolute; z-index:10000; } .pp_gallery div { float:left; overflow:hidden; position:relative; } .pp_gallery ul { float:left; height:35px; margin:0 0 0 5px; padding:0; position:relative; white-space:nowrap; } .pp_gallery ul a { border:1px #000 solid; border:1px rgba(0,0,0,0.5) solid; display:block; float:left; height:33px; overflow:hidden; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color:#fff; } .pp_gallery ul a img { border:0; } .pp_gallery li { display:block; float:left; margin:0 5px 0 0; padding:0; } .pp_gallery li.default a { background:url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display:block; height:33px; width:50px; } .pp_gallery li.default a img { display:none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top:7px !important; } a.pp_next { background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display:block; float:right; height:100%; text-indent:-10000px; width:49%; } a.pp_previous { background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display:block; float:left; height:100%; text-indent:-10000px; width:49%; } a.pp_expand, a.pp_contract { cursor:pointer; display:none; height:20px; position:absolute; right:30px; text-indent:-10000px; top:10px; width:20px; z-index:20000; } a.pp_close { position:absolute; right:0; top:0; display:block; line-height:22px; text-indent:-10000px; } .pp_bottom { height:20px; position:relative; } * html .pp_bottom { padding:0 20px; } .pp_bottom .pp_left { height:20px; left:0; position:absolute; width:20px; } .pp_bottom .pp_middle { height:20px; left:20px; position:absolute; right:20px; } * html .pp_bottom .pp_middle { left:0; position:static; } .pp_bottom .pp_right { height:20px; left:auto; position:absolute; right:0; top:0; width:20px; } .pp_loaderIcon { display:block; height:24px; left:50%; margin:-12px 0 0 -12px; position:absolute; top:50%; width:24px; } #pp_full_res { line-height:1 !important; } #pp_full_res .pp_inline { text-align:left; } #pp_full_res .pp_inline p { margin:0 0 15px 0; } div.ppt { color:#fff; display:none; font-size:17px; margin:0 0 5px 15px; z-index: 9999; } /* =========================================================== *//* OTHER ANIMATIONS /* ============================================================== */ @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari and Chrome */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }​ /* Opera */ /* @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } */ .simplefade{ -webkit-animation: fadein 2s; /* Safari and Chrome */ -moz-animation: fadein 2s; /* Firefox */ -ms-animation: fadein 2s; /* Internet Explorer */ -o-animation: fadein 2s; /* Opera */ animation: fadein 2s;} /* =========================================================== */ /*List Styles /* ============================================================== */ ul.checklist li:before { content:"\f00c "; font-family:FontAwesome; margin-right:5px; } ul.circleoklist li:before { content:"\f058 "; font-family:FontAwesome; margin-right:5px; } ul.arrowlist li:before { content:"\f061 "; font-family:FontAwesome; margin-right:5px; } ul.starlist li:before { content:"\f005 "; font-family:FontAwesome; margin-right:5px; } ul.doublearrowlist li:before { content:"\f101 "; font-family:FontAwesome; margin-right:5px; } ul.chevronlist li:before { content:"\f054 "; font-family:FontAwesome; margin-right:5px; } ul.handlist li:before { content:"\f0a4 "; font-family:FontAwesome; margin-right:5px; } ul.thumblist li:before { content:"\f087 "; font-family:FontAwesome; margin-right:5px; } ul.asterisklist li:before { content:"\f069 "; font-family:FontAwesome; margin-right:5px; } ul.circlearrowlist li:before { content:"\f0a9 "; font-family:FontAwesome; margin-right:5px; } ul.circlepluslist li:before { content:"\f055 "; font-family:FontAwesome; margin-right:5px; } ul.longarrowlist li:before { content:"\f178 "; font-family:FontAwesome; margin-right: 5px; } /* =============================================================== */ /* Dropcaps ================================================================ */ .drop-cap { width:50px; height:50px; margin:3px 10px 4px 0; float:left; text-align:center; font-size:36px; font-weight:bold; line-height:50px;/* box-shadow:0px 1px 0px #FFF*/ text-transform:uppercase; color:#fff; background:#f54828; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .drop-cap.round { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .drop-cap.circle { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } /*================================================== * Fancy Boxes * ===============================================*/ .fancyy-box,.fancyy-box i,.fancyy-box p,.fancyy-box h3 { -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .fancyy-box { background:#f5f5f5; padding:18px 29px; border-radius:4px; box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.05); border-radius:3px; text-align:center; color:#888; margin-bottom:15px; } } .fancyy-box p { margin-top:20px; } .fancyy-box i { font-size:80px; height:80px; color:#666; margin:10px 0; display:inline; } .fancyy-box:hover,.fancyy-box:hover h3 { color:#fff; } .fancyy-box:hover i { color:#e7402f; } .fancyy-box:hover p { -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none; color:#fff; } .fancyy-box:hover { background:#e7402f; } .fancyy-box h3 { font-size:16px; } .fancyy-box .circleicon { width:105px; height:105px; border-radius:50%; padding:27px 0; background:#fff; margin:0px auto; margin-bottom:15px; } .fancyy-box .circleicon i { font-size:60px; } .fancyy-box.featured { background:#e7402f; color:#fff; } .fancyy-box.featured h3 { color:#fff; } .fancyy-box.featured .circleicon i { color:#e7402f; } .fancyy-box.featured:hover .circleicon i { color:#666; } .fancyy-box.black { background:#333; color:#fff; } .fancyy-box.black h3 { color:#fff; } .fancyy-box.black .circleicon i { color:#e7402f; } .fancyy-box.black:hover .circleicon i { color:#444; } /******************************************************************************************************************** Animated Boxes *******************************************************************************************************************/ .ca-menu { padding:0; margin-top:25px; } .ca-menu li { position:relative; text-align:center; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; margin-bottom:10px; } .ca-menu li:last-child { margin-right:0px; } .ca-menu li a { height:100%; display:block; color:#333; position:relative; box-shadow:0 1px 4px rgba(0,0,0,0.1); } .ca-menu li a:hover { background:#333;} .ca-menu li a:hover .ca-sub, .ca-menu li:hover .ca-main { color:#fff; } .ca-icon { font-size:60px; color:#333; text-shadow:0px 0px 1px #333; line-height:120px; position:absolute; width:100%; height:50%; left:0px; top:0px; text-align:center; -webkit-transition:all 400ms linear; -moz-transition:all 400ms linear; -o-transition:all 400ms linear; -ms-transition:all 400ms linear; transition:all 400ms linear; } .ca-content { } .ca-main { font-size:16px; opacity:1; text-align:center; -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -ms-transition:all 200ms linear; transition:all 200ms linear; line-height:22px; font-weight:700; padding:0px 10px; } .ca-sub { text-align:center; font-size:13px; color:#333; line-height:24px; opacity:0.8; -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -ms-transition:all 200ms linear; transition:all 200ms linear; padding:0px 20px; font-weight:400; } .ca-menu li { margin-bottom:0; } .ca-menu li:hover .ca-icon { color:#fff; font-size:60px; } .ca-menu li:hover .ca-main { -webkit-animation:moveFromLeftRotate 300ms ease; -moz-animation:moveFromLeftRotate 300ms ease; -ms-animation:moveFromLeftRotate 300ms ease; } .ca-menu li:hover .ca-sub { -webkit-animation:moveFromBottom 500ms ease; -moz-animation:moveFromBottom 500ms ease; -ms-animation:moveFromBottom 500ms ease; } @-webkit-keyframes moveFromLeftRotate { from { -webkit-transform:translateX(-100%) rotate(-90deg); } to { -webkit-transform:translateX(0%) rotate(0deg); } } @-moz-keyframes moveFromLeftRotate { from { -moz-transform:translateX(-100%) rotate(-90deg); } to { -moz-transform:translateX(0%) rotate(0deg); } } @-ms-keyframes moveFromLeftRotate { from { -ms-transform:translateX(-100%) rotate(-90deg); } to { -ms-transform:translateX(0%) rotate(0deg); } } @-webkit-keyframes moveFromBottom { from { -webkit-transform:translateY(100%); } to { -webkit-transform:translateY(0%); } } @-moz-keyframes moveFromBottom { from { -moz-transform:translateY(100%); } to { -moz-transform:translateY(0%); } } @-ms-keyframes moveFromBottom { from { -ms-transform:translateY(100%); } to { -ms-transform:translateY(0%); } } .ca-menu .grey-box-icon { text-align: center; position: relative; padding-top: 20px; padding-bottom: 10px; } ul.ca-menu {list-style:none;} @media only screen and (max-width:799px) { .wow { visibility: visible !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } } /*++++++++++++++++++++++++++++++++*/ .container { padding-right: 5px; padding-left: 5px; margin-right: auto; margin-left: auto; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; } .height_space{ padding-bottom:15px; } .well { min-height: 20px; padding: 7px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); } .TextoC { font-size: 0.8em; text-align: left; color: #999; } #contFoto { height:130px; width:224px; border:#ddd solid 1px; background-color:#F0F0F0; } #contFoto img { max-width:100%; max-height:100%; margin:auto; display:block; } #contFotoGal { height:405px; width:580px; background-color:#F0F0F0; } #contFotoGal img { max-width:100%; max-height:100%; margin:auto; display:block; } .detalleAviso{ font-size:14px; color:#777; } .precioAviso{ color:#FFF; background-color:#C00; display:block; padding:5px; } .top-les{ margin-top:-20px; } .label-navisos { background-color: #F0F0F0; color:#999; } .label-navisos[href]:hover, .label-navisos[href]:focus { background-color: #A0A0A0; } .categoria-full2{ display:none; } /*@media screen (min-width: 768px){ .categ-full{ display:block; } }*/ @media (min-width: 1200px) { .categoria-full{ display:block; } .categoria-full2{ display:none; } } @media (max-device-width: 980px){ .categoria-full{ display:none; } .categoria-full2{ display:block; } #contFoto { height:100%; width:100%; border:#ddd solid 1px; background-color:#F0F0F0; } #contFoto img { max-width:100%; max-height:100%; margin:auto; display:block; } } /*-------------------------*/ .ancho_submenu{ max-width:340px; width:340px; background-color:#333; } .ancho_submenu a:hover{ color:#fff; } .ancho_submenu a{ color:#ccc; cursor:pointer; } .ancho_submenu h4{ font-size:15px; font-weight:400; background-color:#222; padding:5px; text-transform:uppercase; } a.pie_page:link { color:#aaa; } a.pie_page:hover { color:#f00; } /***************************************/ /*--------------------------*/ A.Enlace_Curso_Main{ z-index:20000; font-size:12px; color: #000; line-height:13px; max-height100px text-align: left; text-decoration: none; font-weight: normal; } A.Enlace_Curso_Main:hover { color: #034C9B; text-decoration:none; } A.Enlace_Curso_Main_Cel{ padding-top:20px; z-index:20000; font-size:12px; color: #000; line-height:14px; max-height100px text-align: left; text-decoration: none; font-weight: normal; } A.Enlace_Curso_Main_Cel:hover { color: #034C9B; text-decoration:none; } /*--------------------------*/ .Curso_Main_Titulo_Paquete{ min-height:40px; margin-top:7px; z-index:20000; color: #000; text-align: left; text-decoration: none; font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:17px; line-height:25px; margin-bottom:7px; } .Curso_Main_Titulo_Paquete_Cel{ margin-top:5px; z-index:20000; color: #000; text-align: left; text-decoration: none; font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:15px; line-height:20px; margin-bottom:5px; } .Main_Titulo_Paquete_Costo{ z-index:20000; color: #000; text-align: left; text-decoration: none; font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:11px; font-weight:bold; } A.Enlace_Curso_Main_Titulo_Cel_Paquete{ padding-top:40px; z-index:20000; font-size:13px; color: #000; line-height:20px; text-align: left; text-decoration: none; font-weight: normal; } A.Enlace_Curso_Main_Titulo_Cel_Paquete:hover { color: #034C9B; text-decoration:none; } /**********************************************************/ A.Enlace_Curso_Main_Titulo{ margin-top:30px; z-index:20000; font-size:18px; color: #000; line-height:20px; text-align: left; text-decoration: none; font-weight: normal; } A.Enlace_Curso_Main_Titulo:hover { color: #034C9B; text-decoration:none; } A.Enlace_Curso_Main_Titulo_Cel{ padding-top:40px; z-index:20000; font-size:13px; color: #000; line-height:20px; text-align: left; text-decoration: none; font-weight: normal; } A.Enlace_Curso_Main_Titulo_Cel:hover { color: #034C9B; text-decoration:none; } .tope_boton_cel_1{ height:20px !important; } .tope_boton_cel2{ height:60px !important; } .tope{ margin-top:8px;} .izq2{ padding-left:20px; } .izq4{ padding-left:40px; } .b0{ border:0; } /******/ .buttonlink { line-height:23px; background:#FF9900; color:#fff; padding:4px 4px 4px 3px; margin-top:5px; margin-left:-13px; border-radius:0; display:inline-block; text-transform:uppercase; font-weight:700; min-width:100px; text-align:center; transition:.2s; } .buttonblack:hover,.buttonlink:hover { background:#F1F1F1; /* color: #f04343;*/ color: #258fad; transition:.2s; } .buttonlinkpaquete { line-height:23px; background:#FF9900; color:#fff; padding:4px 4px 4px 3px; margin-top:5px; margin-left:-13px; border-radius:0; display:inline-block; text-transform:uppercase; font-weight:700; min-width:100px; text-align:center; } .buttonblack:hover,.buttonlinkpaquete:hover { background:#EFEFEF; color: #666666; font-weight: normal; } .rojo { background-color: #f04343; /* background-color: #258fad; */ border-radius: 4px; } .orangecel { background-color: #f04343; border-radius: 4px; } .buttonlinkcel { line-height:20px; background:#f04343; color:#fff; padding:2px 2px 2px 2px; margin-top:10px; /*margin-left:-13px;*/ margin-left:0px; border-radius:1; display:inline-block; text-transform:uppercase; font-weight:700; /*min-width:70px;*/ min-width:100%; text-align:center; } .buttonblack:hover,.buttonlinkcel:hover { background:#F1F1F1; color: #f04343; /*font-weight: normal;*/ } .toBottom { position: absolute; bottom: 0; width: 93%; height: 23% } .toBottom_0 { position: absolute; bottom: 0; width: 93%; height: 75% }