/* File: ./e107_web/lib/animate.css/animate.min.css */
@charset "UTF-8";.animated{animation-duration:1s;animation-fill-mode:both} .animated.infinite{animation-iteration-count:infinite} .animated.hinge{animation-duration:2s} .animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s} @keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)} 40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)} 70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)} 90%{transform:translate3d(0,-4px,0)} } .bounce{animation-name:bounce;transform-origin:center bottom} @keyframes flash{0%,50%,to{opacity:1} 25%,75%{opacity:0} } .flash{animation-name:flash} @keyframes pulse{0%{transform:scaleX(1)} 50%{transform:scale3d(1.05,1.05,1.05)} to{transform:scaleX(1)} } .pulse{animation-name:pulse} @keyframes rubberBand{0%{transform:scaleX(1)} 30%{transform:scale3d(1.25,.75,1)} 40%{transform:scale3d(.75,1.25,1)} 50%{transform:scale3d(1.15,.85,1)} 65%{transform:scale3d(.95,1.05,1)} 75%{transform:scale3d(1.05,.95,1)} to{transform:scaleX(1)} } .rubberBand{animation-name:rubberBand} @keyframes shake{0%,to{transform:translateZ(0)} 10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)} 20%,40%,60%,80%{transform:translate3d(10px,0,0)} } .shake{animation-name:shake} @keyframes headShake{0%{transform:translateX(0)} 6.5%{transform:translateX(-6px) rotateY(-9deg)} 18.5%{transform:translateX(5px) rotateY(7deg)} 31.5%{transform:translateX(-3px) rotateY(-5deg)} 43.5%{transform:translateX(2px) rotateY(3deg)} 50%{transform:translateX(0)} } .headShake{animation-timing-function:ease-in-out;animation-name:headShake} @keyframes swing{20%{transform:rotate(15deg)} 40%{transform:rotate(-10deg)} 60%{transform:rotate(5deg)} 80%{transform:rotate(-5deg)} to{transform:rotate(0deg)} } .swing{transform-origin:top center;animation-name:swing} @keyframes tada{0%{transform:scaleX(1)} 10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)} 30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)} 40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)} to{transform:scaleX(1)} } .tada{animation-name:tada} @keyframes wobble{0%{transform:none} 15%{transform:translate3d(-25%,0,0) rotate(-5deg)} 30%{transform:translate3d(20%,0,0) rotate(3deg)} 45%{transform:translate3d(-15%,0,0) rotate(-3deg)} 60%{transform:translate3d(10%,0,0) rotate(2deg)} 75%{transform:translate3d(-5%,0,0) rotate(-1deg)} to{transform:none} } .wobble{animation-name:wobble} @keyframes jello{0%,11.1%,to{transform:none} 22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)} 33.3%{transform:skewX(6.25deg) skewY(6.25deg)} 44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)} 55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)} 66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)} 77.7%{transform:skewX(.390625deg) skewY(.390625deg)} 88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)} } .jello{animation-name:jello;transform-origin:center} @keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:scale3d(.3,.3,.3)} 20%{transform:scale3d(1.1,1.1,1.1)} 40%{transform:scale3d(.9,.9,.9)} 60%{opacity:1;transform:scale3d(1.03,1.03,1.03)} 80%{transform:scale3d(.97,.97,.97)} to{opacity:1;transform:scaleX(1)} } .bounceIn{animation-name:bounceIn} @keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(0,-3000px,0)} 60%{opacity:1;transform:translate3d(0,25px,0)} 75%{transform:translate3d(0,-10px,0)} 90%{transform:translate3d(0,5px,0)} to{transform:none} } .bounceInDown{animation-name:bounceInDown} @keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(-3000px,0,0)} 60%{opacity:1;transform:translate3d(25px,0,0)} 75%{transform:translate3d(-10px,0,0)} 90%{transform:translate3d(5px,0,0)} to{transform:none} } .bounceInLeft{animation-name:bounceInLeft} @keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(3000px,0,0)} 60%{opacity:1;transform:translate3d(-25px,0,0)} 75%{transform:translate3d(10px,0,0)} 90%{transform:translate3d(-5px,0,0)} to{transform:none} } .bounceInRight{animation-name:bounceInRight} @keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;transform:translate3d(0,3000px,0)} 60%{opacity:1;transform:translate3d(0,-20px,0)} 75%{transform:translate3d(0,10px,0)} 90%{transform:translate3d(0,-5px,0)} to{transform:translateZ(0)} } .bounceInUp{animation-name:bounceInUp} @keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)} 50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)} to{opacity:0;transform:scale3d(.3,.3,.3)} } .bounceOut{animation-name:bounceOut} @keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)} 40%,45%{opacity:1;transform:translate3d(0,-20px,0)} to{opacity:0;transform:translate3d(0,2000px,0)} } .bounceOutDown{animation-name:bounceOutDown} @keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)} to{opacity:0;transform:translate3d(-2000px,0,0)} } .bounceOutLeft{animation-name:bounceOutLeft} @keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)} to{opacity:0;transform:translate3d(2000px,0,0)} } .bounceOutRight{animation-name:bounceOutRight} @keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)} 40%,45%{opacity:1;transform:translate3d(0,20px,0)} to{opacity:0;transform:translate3d(0,-2000px,0)} } .bounceOutUp{animation-name:bounceOutUp} @keyframes fadeIn{0%{opacity:0} to{opacity:1} } .fadeIn{animation-name:fadeIn} @keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)} to{opacity:1;transform:none} } .fadeInDown{animation-name:fadeInDown} @keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)} to{opacity:1;transform:none} } .fadeInDownBig{animation-name:fadeInDownBig} @keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)} to{opacity:1;transform:none} } .fadeInLeft{animation-name:fadeInLeft} @keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)} to{opacity:1;transform:none} } .fadeInLeftBig{animation-name:fadeInLeftBig} @keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)} to{opacity:1;transform:none} } .fadeInRight{animation-name:fadeInRight} @keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)} to{opacity:1;transform:none} } .fadeInRightBig{animation-name:fadeInRightBig} @keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)} to{opacity:1;transform:none} } .fadeInUp{animation-name:fadeInUp} @keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)} to{opacity:1;transform:none} } .fadeInUpBig{animation-name:fadeInUpBig} @keyframes fadeOut{0%{opacity:1} to{opacity:0} } .fadeOut{animation-name:fadeOut} @keyframes fadeOutDown{0%{opacity:1} to{opacity:0;transform:translate3d(0,100%,0)} } .fadeOutDown{animation-name:fadeOutDown} @keyframes fadeOutDownBig{0%{opacity:1} to{opacity:0;transform:translate3d(0,2000px,0)} } .fadeOutDownBig{animation-name:fadeOutDownBig} @keyframes fadeOutLeft{0%{opacity:1} to{opacity:0;transform:translate3d(-100%,0,0)} } .fadeOutLeft{animation-name:fadeOutLeft} @keyframes fadeOutLeftBig{0%{opacity:1} to{opacity:0;transform:translate3d(-2000px,0,0)} } .fadeOutLeftBig{animation-name:fadeOutLeftBig} @keyframes fadeOutRight{0%{opacity:1} to{opacity:0;transform:translate3d(100%,0,0)} } .fadeOutRight{animation-name:fadeOutRight} @keyframes fadeOutRightBig{0%{opacity:1} to{opacity:0;transform:translate3d(2000px,0,0)} } .fadeOutRightBig{animation-name:fadeOutRightBig} @keyframes fadeOutUp{0%{opacity:1} to{opacity:0;transform:translate3d(0,-100%,0)} } .fadeOutUp{animation-name:fadeOutUp} @keyframes fadeOutUpBig{0%{opacity:1} to{opacity:0;transform:translate3d(0,-2000px,0)} } .fadeOutUpBig{animation-name:fadeOutUpBig} @keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out} 40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out} 50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in} 80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in} to{transform:perspective(400px);animation-timing-function:ease-in} } .animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip} @keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0} 40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in} 60%{transform:perspective(400px) rotateX(10deg);opacity:1} 80%{transform:perspective(400px) rotateX(-5deg)} to{transform:perspective(400px)} } .flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX} @keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0} 40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in} 60%{transform:perspective(400px) rotateY(10deg);opacity:1} 80%{transform:perspective(400px) rotateY(-5deg)} to{transform:perspective(400px)} } .flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY} @keyframes flipOutX{0%{transform:perspective(400px)} 30%{transform:perspective(400px) rotateX(-20deg);opacity:1} to{transform:perspective(400px) rotateX(90deg);opacity:0} } .flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @keyframes flipOutY{0%{transform:perspective(400px)} 30%{transform:perspective(400px) rotateY(-15deg);opacity:1} to{transform:perspective(400px) rotateY(90deg);opacity:0} } .flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY} @keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0} 60%{transform:skewX(20deg);opacity:1} 80%{transform:skewX(-5deg);opacity:1} to{transform:none;opacity:1} } .lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out} @keyframes lightSpeedOut{0%{opacity:1} to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0} } .lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in} @keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0} to{transform-origin:center;transform:none;opacity:1} } .rotateIn{animation-name:rotateIn} @keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0} to{transform-origin:left bottom;transform:none;opacity:1} } .rotateInDownLeft{animation-name:rotateInDownLeft} @keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0} to{transform-origin:right bottom;transform:none;opacity:1} } .rotateInDownRight{animation-name:rotateInDownRight} @keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0} to{transform-origin:left bottom;transform:none;opacity:1} } .rotateInUpLeft{animation-name:rotateInUpLeft} @keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0} to{transform-origin:right bottom;transform:none;opacity:1} } .rotateInUpRight{animation-name:rotateInUpRight} @keyframes rotateOut{0%{transform-origin:center;opacity:1} to{transform-origin:center;transform:rotate(200deg);opacity:0} } .rotateOut{animation-name:rotateOut} @keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1} to{transform-origin:left bottom;transform:rotate(45deg);opacity:0} } .rotateOutDownLeft{animation-name:rotateOutDownLeft} @keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1} to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0} } .rotateOutDownRight{animation-name:rotateOutDownRight} @keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1} to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0} } .rotateOutUpLeft{animation-name:rotateOutUpLeft} @keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1} to{transform-origin:right bottom;transform:rotate(90deg);opacity:0} } .rotateOutUpRight{animation-name:rotateOutUpRight} @keyframes hinge{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%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1} to{transform:translate3d(0,700px,0);opacity:0} } .hinge{animation-name:hinge} @keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom} 50%{transform:rotate(-10deg)} 70%{transform:rotate(3deg)} to{opacity:1;transform:scale(1)} } .jackInTheBox{animation-name:jackInTheBox} @keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)} to{opacity:1;transform:none} } .rollIn{animation-name:rollIn} @keyframes rollOut{0%{opacity:1} to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)} } .rollOut{animation-name:rollOut} @keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)} 50%{opacity:1} } .zoomIn{animation-name:zoomIn} @keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomInDown{animation-name:zoomInDown} @keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomInLeft{animation-name:zoomInLeft} @keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomInRight{animation-name:zoomInRight} @keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomInUp{animation-name:zoomInUp} @keyframes zoomOut{0%{opacity:1} 50%{opacity:0;transform:scale3d(.3,.3,.3)} to{opacity:0} } .zoomOut{animation-name:zoomOut} @keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomOutDown{animation-name:zoomOutDown} @keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)} to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center} } .zoomOutLeft{animation-name:zoomOutLeft} @keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)} to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center} } .zoomOutRight{animation-name:zoomOutRight} @keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomOutUp{animation-name:zoomOutUp} @keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible} to{transform:translateZ(0)} } .slideInDown{animation-name:slideInDown} @keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible} to{transform:translateZ(0)} } .slideInLeft{animation-name:slideInLeft} @keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible} to{transform:translateZ(0)} } .slideInRight{animation-name:slideInRight} @keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible} to{transform:translateZ(0)} } .slideInUp{animation-name:slideInUp} @keyframes slideOutDown{0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(0,100%,0)} } .slideOutDown{animation-name:slideOutDown} @keyframes slideOutLeft{0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(-100%,0,0)} } .slideOutLeft{animation-name:slideOutLeft} @keyframes slideOutRight{0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(100%,0,0)} } .slideOutRight{animation-name:slideOutRight} @keyframes slideOutUp{0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(0,-100%,0)} } .slideOutUp{animation-name:slideOutUp} 

/* File: ./e107_web/css/e107.css */
 .left { text-align: left } .right { text-align: right } .center { text-align: center } .justify { text-align: justify } .f-left { float: left } .f-right { float: right } .top { vertical-align: top } .middle { vertical-align: middle } .bottom { vertical-align: bottom } .clear { clear: both } .clear-l { clear: right } .clear-r { clear: left } i.icon-download{ font-size:200%;} .e-footer-info{ margin-top:10px; padding:20px; text-align: center } td.text-center{ text-align:center; } .icon { border: 0px; display: inline-block; margin-right: .3em;} .icon.action { vertical-align: middle } .S16 { width: 16px; height: 16px } .S32 { width: 32px; height: 32px } .S64 { width: 64px; height: 64px } .S128 { width: 128px; height: 128px } .icon-svg { width: 1em; } .icon-svg-2x{ width: 2em; } .icon-svg-3x{ width: 3em; } .icon-svg-4x{ width: 4em; } .icon-svg-5x{ width: 5em; } .odd {} .even { background-color: #F5F5F5 } .first, .last {} .e-list {} ul.e-tabs { list-style-type: none; } ul.e-tabs li { display: inline; margin: 0px; border: 0 none; background-color: transparent; } ul.e-tabs li a { text-decoration: none; padding: 5px; } ul.e-tabs li a:link,ul.e-tabs li a:visited { border: 1px solid #C0C0C0; } ul.e-tabs li a:hover,ul.e-tabs li.active a:link,ul.e-tabs li.active a:visited{ background-color: #EEEEEE; border: 1px solid #808080; } #loading-mask { color: #556B2F; font-size: 1.2em; font-weight:bold; position:absolute; text-align: center; padding: 0; margin: 0; background-color: transparent; } #loading-mask .loader { position: fixed; top: 40%; left: 50%; width: 200px;text-align: center; background: #F0F9E3 none repeat scroll 0 0; border: 2px solid #556B2F; font-weight: bold; padding: 10px 5px; margin-left: -100px; margin-top: 0; } #loading-mask img { margin: 10px auto; } .element-loading-mask { background-repeat: no-repeat; background-position: 50% 50%; background-color: #f5f5f5; } #e-debug-console-cont { position: fixed; top: 0px; left: 5px; margin: 0px; padding: 0px; width: 600px; border: 1px solid #c0c0c0; background-color: white; color: black; } #e-debug-console { padding: 10px; margin: 0px; height: 100px; overflow: auto; text-align: left; } #e-debug-console div div { padding: 5px; } #e-debug-console-controls { text-align: left; padding: 5px; border-top: 1px solid #c0c0c0; background-color: #fff; line-height: 0; } #e-debug-console-controls a { text-decoration: none; color: #000; background-color: #f5f5f5; border: 1px solid #f0f0f0; padding: 5px; margin: 2px 5px; } #e-debug-console-input { width: 480px; border: 1px solid #f5f5f5; } #e-debug-console .console-output { border-bottom: 1px solid #f5f5f5; padding: 5px } .cpage-nav { padding: 5px; margin: 0px 5px 10px 10px; } a.cpage-np { font-size: 14px; } a.cpage-np.current { text-decoration: none; } .s-message { } .validate-result {} .e-info {} .image-preview {} div.bbarea.large, .tbox.large, .helpbox.large { width: 95% } div.bbarea.medium, .tbox.medium, .helpbox.medium { width: 60% !important; } div.bbarea.small, .tbox.small, .helpbox.small { width: 250px !important; } img.bbcode-img { max-width:100%} img.bbcode-img-left { float:left !important;margin: 0 10px 5px 0; } img.bbcode-img-right { float:right !important; margin: 0 0 5px 10px; } .bbcode-panel { width: 100% } .input-block-level { width: 100% !important } p {} p.bbcode { margin: 10px 0px; text-indent: 15px; }  p:first-letter {} h1.bbcode, h2.bbcode, h3.bbcode, h4.bbcode, h5.bbcode, h6.bbcode {} div.bbcode { margin: 15px 0px; clear: both; }  .comments-container { list-style: none outside none; margin:0px } .comments-container > li { padding: 5px 0px } .comment-text { padding: 8px 0 } .e-email:before {content: attr(data-user);} .e-email:after {content: attr(data-dom)} .panel-profile .user-avatar {max-width: 150px;max-height: 150px;margin-top: -90px;margin-bottom: 15px;border: 5px solid #fff;border-radius: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);margin-left:auto;margin-right:auto;} .panel-profile .panel-heading h5.user-id {color:#ffffff;} .panel-profile .panel-body span.padding-left {display:block;} .panel-profile .panel-body p {clear: both;float: none;display: block;} .panel-profile .profile-header { max-width:300px;margin-left: auto;margin-right: auto;} .panel-profile .profile-header h4 {padding-bottom: 30px;} .panel-profile .panel-body p.row {border-top: 1px solid rgba(170,170,170,0.35);padding-top: 10px;} .panel-profile .panel-body div.row {border-top: 1px solid rgba(170,170,170,0.35);padding: 10px 0;} .e-instant-edit { font-size: 10pt; position: absolute; right: 10px; text-align: right; display: inline-block; z-index:1000; margin-right:10px;} ul.checkboxes { display: inline-block; list-style: none; margin: 0; padding: 0;} div.e-comment-edit-save{ margin-top:8px; padding: 5px } .e-comment-edit-active{ -webkit-box-shadow:#CCCCCC 0px 0px 10px; -moz-box-shadow:#CCCCCC0px 0px 10px; box-shadow:#CCCCCC 0px 0px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .e-comment-edit-success{ padding:8px; text-align:center; } .e-comment-edit-error{ padding:8px; text-align:center; } .e-rate-up img{ opacity: 0.4 } .e-rate-down img{ opacity: 0.4 }  .signup-divider{ border-bottom: 1px solid silver;font-size: 18px;margin-bottom: 30px;position: relative;text-align: center; } .signup-divider span { padding: 0 15px; position: relative; top: 10px; } .video-responsive {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;margin-bottom:20px;} .video-responsive iframe,.video-responsive object,.video-responsive embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} div.bbcode-panel {background-color: rgb(245, 245, 245);background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(230, 230, 230));background-repeat: repeat-x;border-width: 1px;border-style: solid;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgb(179, 179, 179);border-radius: 4px;box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);} #search-results li { margin-top:5px; padding: 10px 0; } #search-results li h4 { margin-bottom:0 !important } optgroup.level-1 { padding-left:0.1em } optgroup.level-2 { padding-left:0.7em } optgroup.level-3 { padding-left:2em } optgroup.level-4 { padding-left:3em } optgroup.level-5 { padding-left:4em } .online-menu-extended li, .online-menu li ul li { min-height: 40px; padding-top:8px} .online-menu-extended ul { padding-bottom:20px} .online-menu-extended span.online-menu-user { display:block; font-size:1.1em;margin-top:4px; line-height:1} .online-menu-extended-label { font-size:1.2em; } img.e-emoticon { vertical-align:middle; border:0; width:24px } .e-editable-front { position:relative } .e-editable-front:hover,.e-editable-front a:hover { outline: 1px dashed red; } .e-editable-front.active {-moz-box-shadow: inset 0 0 5px 2px #888;-webkit-box-shadow: inset 0 0 5px 2px#888;box-shadow: inset 0 0 5px 2px #888; } #e-editable-front-controls { position: absolute;top: 0px;font-size: 20px;right: -35px;background-color: #424242;border-radius:4px;padding:5px;cursor: pointer;width:35px;color:white;} #e-editable-front-controls .fa-check { color: lawngreen } .e-editable-front-save { color: lawngreen; width:35px; display:block;} .e-editable-front-cancel {display:block;margin-top:5px; color: red;width:35px;} #uiAlert{ z-index: 10001 } #uiAlert .alert { z-index:10000; box-shadow:1px 4px 5px rgba(0,0,0,0.4) } #uiAlert.notifications { top: 48%; left: 0; width: 100%; } #contactInfo .row { display: flex } #contactInfo iframe.sc-contact-map { width:100%; height:100%; } #login-template { max-width: 330px;margin-right: auto;margin-left: auto; } #login-template h2.caption { text-align:center; font-size:120%; opacity:0.8 } #login-template .logo { padding-top:50px; margin-left:auto; margin-right: auto } #login-template .login-page-footer { margin-bottom:100px; margin-right:auto;margin-left:auto } div.login-page-signup-link, div.login-page-fpw-link { text-align:center } .nav-side.listgroup { padding-left:0; } .nav-side li.list-group-item.active { padding:0} div.search-menu { text-align: center } div.e-debug { margin-top:50px; padding:5px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: rgb(39, 43, 48) !important; color: rgb(200, 200, 200) !important } div.e-debug .table{ background-color: rgb(46, 51, 56) !important; border-collapse: collapse; border-spacing: 0; box-sizing: border-box;color: rgb(200, 200, 200); font-size: 14px; line-height: 20px; margin-bottom: 20px; width: 100%;} div.e-debug .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #353a41 !important; } div.e-debug td, div.e-debug th{ padding: 5px;color: rgb(200, 200, 200) !important; } div.e-debug td{ font-size: 14px; line-height: 20px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #1c1e22; } div.e-debug h4{ text-shadow: -1px -1px 0 rgba(0,0,0,0.3); font-size: 18px; } div.e-debug .label{ display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1;color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } div.e-debug .label-danger { background-color: #ee5f5b; } div.e-debug .btn{ display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle;cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap;padding: 8px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; user-select: none; } .pagination { display: flex !important; } .justify-content-between{ justify-content: space-between !important; } .page-link.disabled { pointer-events: none; opacity: 0.5; color: #959595; } .news-view-pagination > li{ padding-left: 0; padding-right: 0; } .news-view-pagination > li > a{ float:none; display:inline-block } .svg-inline--fa.fa-w-16 { width:1em } .mx-0 { margin-right:0!important; margin-left:0!important} .mx-1 { margin-right:.25rem!important; margin-left:.25rem!important} .mx-2 { margin-right:.5rem!important; margin-left:.5rem!important} .mx-3 { margin-right:1rem!important; margin-left:1rem!important} .mx-4 { margin-right:1.5rem!important; margin-left:1.5rem!important} .mx-5 { margin-right:3rem!important; margin-left:3rem!important} .mx-auto { margin-right:auto!important; margin-left:auto!important} .my-0 { margin-top:0!important; margin-bottom:0!important} .my-1 { margin-top:.25rem!important; margin-bottom:.25rem!important} .my-2 { margin-top:.5rem!important; margin-bottom:.5rem!important} .my-3 { margin-top:1rem!important; margin-bottom:1rem!important} .my-4 { margin-top:1.5rem!important; margin-bottom:1.5rem!important} .my-5 { margin-top:3rem!important; margin-bottom:3rem!important} 

/* File: ./e107_web/js/bootstrap-notify/css/bootstrap-notify.css */
.notifications{position:fixed;} .notifications.top-right{right:10px;top:25px;} .notifications.top-left{left:10px;top:25px;} .notifications.bottom-left{left:10px;bottom:25px;} .notifications.bottom-right{right:10px;bottom:25px;} .notifications>div{position:relative;z-index:9999;margin:5px 0px;} .notifications.center{top:48%;left:0;width:100%;} .notifications.center>div{margin:5px auto;width:20%;text-align:center;} 

/* File: ./e107_web/js/core/all.jquery.css */
a.e-nav { padding:3px; } div.e-rate{ width:100px; display:inline-block} img.e-rate{} .e-rate-status{ vertical-align:middle; padding-right:4px; display:inline-block; text-align:right} .e-rate-status-download { text-align:left; } .e-rate-votes{ vertical-align:middle; display:inline-block; width:100px } select.e-bb{ margin-top:0px; width:100px } .bbcode_buttons{} .bbcode_buttons:hover{} body.e-iframe{ padding:15px; margin:0px; } 

/* File: ./e107_plugins/bullets/css/bullets.css */
.bullet-list-icon {display: table-cell;vertical-align: middle} li .bullet-list-icon .bullet-icon {margin: 0 20px 0 0;margin: 0 2rem 0 0} .bullet-icon {width: 40px;height: 40px;font-size: 18px;color: #fff;border-radius: 2px;display: inline-block;margin: 0 5px 5px 0;text-align: center;line-height: 2.2} .bullet-icon.bullet-icon-square {border-radius: 0} .bullet-icon.bullet-icon-round {border-radius: 5px} .bullet-icon.bullet-icon-circle {border-radius: 50%} .bullet-buttons { padding-right:20px } .text-bold { font-weight: bold; } .bullet-icon.bullet-icon-xlg {width: 60px;height: 60px;line-height: 60px;font-size: 24px} li .bullet-list-text {display: table-cell;vertical-align: middle;font-size: 18px;font-size: 1.8rem;line-height: 30px;line-height: 3rem} #carousel-bullets.carousel {position: relative;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden} #carousel-bullets.carousel .carousel-indicators li {height: 12px;width: 12px;border-radius: 100%;background-color: #424242} #carousel-bullets.carousel .carousel-indicators li.active {background-color: #0288d1} #carousel-bullets.carousel .carousel-indicators {position: static;width: auto;display: inline-block;margin: 0;text-align: left;} #carousel-bullets.carousel .carousel-indicators li {vertical-align: top;display: inline-block;background-color: #78909c;border: none;border: 0;height: 3px;width: 14px;margin: 2px;margin-top: 10px;border-radius: 2px;cursor: pointer} #carousel-bullets.carousel .carousel-indicators li.active {top: 0;background-color: #fff} #carousel-bullets.carousel .carousel-controls {position: absolute;left: 20px;bottom: 20px;width: 160px} #carousel-bullets.carousel .carousel-controls a {display: inline-block;position: static;height: 20px;width: 20px;background: none;font-size: 15px;background-color: #fff;color: #616161;text-shadow: none;border-radius: 100%;opacity: .7;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";text-align: center;cursor: pointer;transition: all ease .5s;margin-right: 10px;margin-right: 1rem} #carousel-bullets.carousel .carousel-controls a:hover {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"} #carousel-bullets.carousel .carousel-controls a i {vertical-align: top;line-height: 20px;font-size: 12px;} #carousel-bullets.carousel .carousel-controls a.right {margin-right: 20px;margin-right: 2rem} #carousel-bullets.carousel .carousel-inner {overflow: visible} #carousel-bullets.carousel .carousel-inner .item .carousel-caption {position: static;text-align: left;} #carousel-bullets.carousel .carousel-inner .item {background-color: #eee;background-size: cover;} #carousel-bullets .bullet-text-container .bullet-title {background-color: rgba(0, 0, 0, .4);box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);padding: 16px;padding: 1.6rem;padding-left: 1.6rem;margin-left: -10000px;padding-left: 10000px;z-index: 6;margin-bottom: 40px;margin-bottom: 4rem;} #carousel-bullets .bullet-list li { padding-bottom: 15px } #carousel-bullets h1, #carousel-bullets h2, #carousel-bullets ul.bullet-list { margin-left: 20px; } #carousel-bullets h2 { font-size: 1.2em} .carousel-fade .carousel-inner .item {-webkit-transition-property: opacity;transition-property: opacity; } .carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {opacity: 0; } .carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1; } .carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {left: 0;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } .carousel-fade .carousel-control {z-index: 2; } .animation-delay-1 {-webkit-animation-delay: .1s !important;animation-delay: .1s !important} .animation-delay-2 {-webkit-animation-delay: .2s !important;animation-delay: .2s !important} .animation-delay-3 {-webkit-animation-delay: .3s !important;animation-delay: .3s !important} .animation-delay-4 {-webkit-animation-delay: .4s !important;animation-delay: .4s !important} .animation-delay-5 {-webkit-animation-delay: .5s !important;animation-delay: .5s !important} .animation-delay-6 {-webkit-animation-delay: .6s !important;animation-delay: .6s !important} .animation-delay-7 {-webkit-animation-delay: .7s !important;animation-delay: .7s !important} .animation-delay-8 {-webkit-animation-delay: .8s !important;animation-delay: .8s !important} .animation-delay-9 {-webkit-animation-delay: .9s !important;animation-delay: .9s !important} .animation-delay-10 {-webkit-animation-delay: 1s !important;animation-delay: 1s !important} .animation-delay-11 {-webkit-animation-delay: 1.1s !important;animation-delay: 1.1s !important} .animation-delay-12 {-webkit-animation-delay: 1.2s !important;animation-delay: 1.2s !important} .animation-delay-13 {-webkit-animation-delay: 1.3s !important;animation-delay: 1.3s !important} .animation-delay-14 {-webkit-animation-delay: 1.4s !important;animation-delay: 1.4s !important} .animation-delay-15 {-webkit-animation-delay: 1.5s !important;animation-delay: 1.5s !important} .animation-delay-16 {-webkit-animation-delay: 1.6s !important;animation-delay: 1.6s !important} .animation-delay-17 {-webkit-animation-delay: 1.7s !important;animation-delay: 1.7s !important} .animation-delay-18 {-webkit-animation-delay: 1.8s !important;animation-delay: 1.8s !important} .animation-delay-19 {-webkit-animation-delay: 1.9s !important;animation-delay: 1.9s !important} .animation-delay-20 {-webkit-animation-delay: 2s !important;animation-delay: 2s !important} .animation-delay-21 {-webkit-animation-delay: 2.1s !important;animation-delay: 2.1s !important} .animation-delay-22 {-webkit-animation-delay: 2.2s !important;animation-delay: 2.2s !important} .animation-delay-23 {-webkit-animation-delay: 2.3s !important;animation-delay: 2.3s !important} .animation-delay-24 {-webkit-animation-delay: 2.4s !important;animation-delay: 2.4s !important} .animation-delay-25 {-webkit-animation-delay: 2.5s !important;animation-delay: 2.5s !important} .animation-delay-26 {-webkit-animation-delay: 2.6s !important;animation-delay: 2.6s !important} .animation-delay-27 {-webkit-animation-delay: 2.6s !important;animation-delay: 2.6s !important} .animation-delay-28 {-webkit-animation-delay: 2.8s !important;animation-delay: 2.8s !important} .animation-delay-29 {-webkit-animation-delay: 2.9s !important;animation-delay: 2.9s !important} .animation-delay-30 {-webkit-animation-delay: 3s !important;animation-delay: 3s !important} .animation-delay-31 {-webkit-animation-delay: 3.1s !important;animation-delay: 3.1s !important} .animation-delay-32 {-webkit-animation-delay: 3.2s !important;animation-delay: 3.2s !important} .animation-delay-33 {-webkit-animation-delay: 3.3s !important;animation-delay: 3.3s !important} .animation-delay-34 {-webkit-animation-delay: 3.4s !important;animation-delay: 3.4s !important} .animation-delay-35 {-webkit-animation-delay: 3.5s !important;animation-delay: 3.5s !important} .animation-delay-36 {-webkit-animation-delay: 3.6s !important;animation-delay: 3.6s !important} .animation-delay-37 {-webkit-animation-delay: 3.7s !important;animation-delay: 3.7s !important} .animation-delay-38 {-webkit-animation-delay: 3.8s !important;animation-delay: 3.8s !important} .animation-delay-39 {-webkit-animation-delay: 3.9s !important;animation-delay: 3.9s !important} .animation-delay-40 {-webkit-animation-delay: 4s !important;animation-delay: 4s !important} .animation-delay-41 {-webkit-animation-delay: 4.1s !important;animation-delay: 4.1s !important} .animation-delay-42 {-webkit-animation-delay: 4.2s !important;animation-delay: 4.2s !important} .animation-delay-43 {-webkit-animation-delay: 4.3s !important;animation-delay: 4.3s !important} .animation-delay-44 {-webkit-animation-delay: 4.4s !important;animation-delay: 4.4s !important} .animation-delay-45 {-webkit-animation-delay: 4.5s !important;animation-delay: 4.5s !important} .animation-delay-46 {-webkit-animation-delay: 4.6s !important;animation-delay: 4.6s !important} .animation-delay-47 {-webkit-animation-delay: 4.7s !important;animation-delay: 4.7s !important} .animation-delay-48 {-webkit-animation-delay: 4.8s !important;animation-delay: 4.8s !important} .animation-delay-49 {-webkit-animation-delay: 4.9s !important;animation-delay: 4.9s !important} .animation-delay-50 {-webkit-animation-delay: 5s !important;animation-delay: 5s !important} .animation-delay-51 {-webkit-animation-delay: 5.1s !important;animation-delay: 5.1s !important} .animation-delay-52 {-webkit-animation-delay: 5.2s !important;animation-delay: 5.2s !important} .animation-delay-53 {-webkit-animation-delay: 5.3s !important;animation-delay: 5.3s !important} .animation-delay-54 {-webkit-animation-delay: 5.4s !important;animation-delay: 5.4s !important} .animation-delay-55 {-webkit-animation-delay: 5.5s !important;animation-delay: 5.5s !important} .animation-delay-56 {-webkit-animation-delay: 5.6s !important;animation-delay: 5.6s !important} .animation-delay-57 {-webkit-animation-delay: 5.7s !important;animation-delay: 5.7s !important} .animation-delay-58 {-webkit-animation-delay: 5.8s !important;animation-delay: 5.8s !important} .animation-delay-59 {-webkit-animation-delay: 5.9s !important;animation-delay: 5.9s !important} .animation-delay-60 {-webkit-animation-delay: 6s !important;animation-delay: 6s !important} .animated-2x {-webkit-animation-duration: .5s;animation-duration: .5s} .animated-3x {-webkit-animation-duration: .25s;animation-duration: .25s} .animated-slow {-webkit-animation-duration: 2s;animation-duration: 2s} 

/* File: ./e107_themes/corlatrix/css/animate.min.css */
@charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} .animated.hinge{-webkit-animation-duration:2s;animation-duration:2s} @-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)} 40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)} 60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)} } @keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)} 60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)} } .bounce{-webkit-animation-name:bounce;animation-name:bounce} @-webkit-keyframes flash{0%,100%,50%{opacity:1} 25%,75%{opacity:0} } @keyframes flash{0%,100%,50%{opacity:1} 25%,75%{opacity:0} } .flash{-webkit-animation-name:flash;animation-name:flash} @-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)} 50%{-webkit-transform:scale(1.1);transform:scale(1.1)} 100%{-webkit-transform:scale(1);transform:scale(1)} } @keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} 50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} 100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} } .pulse{-webkit-animation-name:pulse;animation-name:pulse} @-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)} 30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)} 40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)} 60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)} 100%{-webkit-transform:scale(1);transform:scale(1)} } @keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} 30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)} 40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)} 60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)} 100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} } .rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand} @-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)} 10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)} 20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)} } @keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} 10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)} 20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)} } .shake{-webkit-animation-name:shake;animation-name:shake} @-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)} 40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)} 60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)} 80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)} 100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} } @keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)} 40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)} 60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)} 80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)} 100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)} } .swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing} @-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)} 10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)} 30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)} 40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)} 100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)} } @keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} 10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)} 30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)} 40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)} 100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)} } .tada{-webkit-animation-name:tada;animation-name:tada} @-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)} 15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)} 30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)} 45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)} 60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)} 75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)} 100%{-webkit-transform:translateX(0%);transform:translateX(0%)} } @keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)} 15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)} 30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)} 45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)} 60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)} 75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)} 100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)} } .wobble{-webkit-animation-name:wobble;animation-name:wobble} @-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)} 50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)} 70%{-webkit-transform:scale(.9);transform:scale(.9)} 100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)} } @keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)} 50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)} 70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)} 100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} } .bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn} @-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)} 60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)} 80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)} 100%{-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)} 60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)} 80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)} 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} } .bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown} @-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)} 60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)} 80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)} 100%{-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)} 60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)} 80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)} 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} } .bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft} @-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)} 60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)} 80%{-webkit-transform:translateX(10px);transform:translateX(10px)} 100%{-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)} 60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)} 80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)} 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} } .bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight} @-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)} 60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)} 80%{-webkit-transform:translateY(10px);transform:translateY(10px)} 100%{-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)} 60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)} 80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)} 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} } .bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp} @-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)} 25%{-webkit-transform:scale(.95);transform:scale(.95)} 50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)} 100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)} } @keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} 25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)} 50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} 100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)} } .bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut} @-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)} 20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)} 100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)} } @keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)} 100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)} } .bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown} @-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)} 20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)} 100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)} } @keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} 20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)} 100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)} } .bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft} @-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)} 20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)} 100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)} } @keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} 20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)} 100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)} } .bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight} @-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)} 20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)} 100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)} } @keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)} 100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)} } .bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp} @-webkit-keyframes fadeIn{0%{opacity:0} 100%{opacity:1} } @keyframes fadeIn{0%{opacity:0} 100%{opacity:1} } .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn} @-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)} 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} } .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown} @-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)} 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} } .fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig} @-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)} 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)} 100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} } .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft} @-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)} 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)} 100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} } .fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig} @-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)} 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)} 100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} } .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight} @-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)} 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)} 100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} } .fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig} @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)} 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} } .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp} @-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)} 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} } .fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig} @-webkit-keyframes fadeOut{0%{opacity:1} 100%{opacity:0} } @keyframes fadeOut{0%{opacity:1} 100%{opacity:0} } .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)} } @keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)} } .fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown} @-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)} } @keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)} } .fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig} @-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)} } @keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)} } .fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft} @-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)} } @keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)} } .fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig} @-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)} } @keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)} } .fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight} @-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)} } @keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)} } .fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig} @-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)} } @keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)} } .fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp} @-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)} } @keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)} } .fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig} @-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} } @keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} } .animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip} @-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0} 40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)} 70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)} 100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1} } @keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0} 40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)} 70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)} 100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1} } .flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX} @-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0} 40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)} 70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)} 100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1} } @keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0} 40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)} 70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)} 100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1} } .flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY} @-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1} 100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0} } @keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1} 100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0} } .flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important} @-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1} 100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0} } @keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1} 100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0} } .flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY} @-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0} 60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1} 80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1} 100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1} } @keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0} 60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1} 80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1} 100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1} } .lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} @-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1} 100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0} } @keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1} 100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0} } .lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} @-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0} 100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} } @keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0} 100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} } .rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn} @-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} } @keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} 100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} } .rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft} @-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} } @keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0} 100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} } .rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight} @-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} } @keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0} 100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} } .rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft} @-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} } @keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} 100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} } .rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight} @-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} 100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0} } @keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} 100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0} } .rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut} @-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0} } @keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} 100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0} } .rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft} @-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} } @keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} 100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} } .rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight} @-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} } @keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} 100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} } .rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft} @-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0} } @keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1} 100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0} } .rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight} @-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)} 100%{-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)} 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} } .slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown} @-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)} 100%{-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)} 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} } .slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft} @-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)} 100%{-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)} 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} } .slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight} @-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)} } @keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)} } .slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft} @-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)} } @keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)} } .slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight} @-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)} } @keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)} } .slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} @-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)} 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} } .slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp} @-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)} } @keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)} } .slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown} @-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1} 100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0} } @keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1} 100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0} } .hinge{-webkit-animation-name:hinge;animation-name:hinge} @-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)} 100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)} } @keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)} 100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)} } .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn} @-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)} 100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)} } @keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)} 100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)} } .rollOut{-webkit-animation-name:rollOut;animation-name:rollOut} @-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)} 50%{opacity:1} } @keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)} 50%{opacity:1} } .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn} @-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } @keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } .zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown} @-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } @keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } .zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft} @-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } @keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } .zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight} @-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } @keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} } .zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp} @-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)} 50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)} 100%{opacity:0} } @keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} 50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)} 100%{opacity:0} } .zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut} @-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom} } @keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom} } .zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown} @-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center} } @keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} } .zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft} @-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center} } @keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center} } .zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight} @-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top} } @keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear} 100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top} } .zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp} 

/* File: ./e107_themes/corlatrix/css/main.css */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);body {background: #fff;font-family: 'Open Sans', sans-serif;color:#4e4e4e;line-height: 22px;} h1,h2,h3,h4,h5,h6 {font-weight: 600; font-family: 'Open Sans', sans-serif;color:#4e4e4e;} h1{font-size: 36px;color:#fff;} h2{font-size: 20px;} h3{font-size: 16px;color: #787878;font-weight: 400;line-height: 24px;} h4{font-size: 16px;} a {color: #c52d2f;-webkit-transition: color 300ms, background-color 300ms;-moz-transition: color 300ms, background-color 300ms;-o-transition:color 300ms, background-color 300ms;transition:color 300ms, background-color 300ms;} a:hover, a:focus {color: #d43133;} hr {border-top: 1px solid #e5e5e5;border-bottom: 1px solid #fff;} .btn-primary {padding: 8px 20px;background: #c52d2f;color: #fff;border-radius: 4px;border:none;} .btn-primary:hover, .btn-primary:focus{background: #c52d2f;outline: none;box-shadow: none;}  .btn-transparent {border: 3px solid #fff;background: transparent;color: #fff;} .btn-transparent:hover {border-color: rgba(255, 255, 255, 0.5);} a:hover,a:focus {color: #111;text-decoration: none;outline: none;} .dropdown-menu {margin-top: -1px;min-width: 180px;} .center h2{font-size: 36px;margin-top: 0;margin-bottom: 20px;} .media>.pull-left{margin-right: 20px;} .media>.pull-right{margin-left: 20px;} body > section {padding: 70px 0;} .center {text-align: center;padding-bottom: 55px;} .scaleIn {-webkit-animation-name: scaleIn;animation-name: scaleIn;} .lead{font-size: 16px;line-height: 24px;font-weight: 400;} .transparent-bg {background-color: transparent !important;margin-bottom: 0;} @-webkit-keyframes scaleIn {0% {opacity: 0;-webkit-transform: scale(0);transform: scale(0);} 100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} } @keyframes scaleIn {0% {opacity: 0;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);} 100% {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} } #header .search{display: inline-block;} .navbar>.container .navbar-brand{margin-left: 0;} .top-bar {padding: 10px 0;background: #191919;border-bottom: 1px solid #222;line-height: 28px;} .top-number{color: #fff;} .top-number p{margin: 0} .social{text-align: right;} .social-share{ display: inline-block; list-style: none; padding: 0; margin: 0;} ul.social-share li {display: inline-block;} ul.social-share li a {display: inline-block;color: #fff;background: #404040;width: 25px;height: 25px;line-height: 25px;text-align: center;border-radius: 2px;} ul.social-share li a:hover {background: #c52d2f;color: #fff;} .search i {color: #fff;} input.search-form{background: transparent;border: 0 none;width: 60px;padding: 0 10px;color: #FFF;-webkit-transition: all 400ms;-moz-transition: all 400ms;-ms-transition: all 400ms;-o-transition: all 400ms;transition: all 400ms;} input.search-form::-webkit-input-placeholder{color: transparent;} input.search-form:hover::-webkit-input-placeholder {color: #fff;} input.search-form:hover {width: 180px;} .navbar-brand {padding: 0;margin:0;} .navbar {border-radius: 0;margin-bottom: 0;background: #151515;padding: 15px 0;padding-bottom: 0;}  .navbar-nav{margin-top: 12px; } .navbar-nav>li{margin-left: 35px;padding-bottom: 28px;} .navbar-inverse .navbar-nav > li > a {padding: 5px 12px;margin: 0;border-radius: 3px;color: #fff;line-height: 24px;display: inline-block;} .navbar-inverse .navbar-nav > li > a:hover{background-color: #c52d2f;color: #fff;} .navbar-inverse {border: none;} .navbar-inverse .navbar-brand {font-size: 36px;line-height: 50px;color: #fff;} .navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover,.navbar-inverse .navbar-nav > .active > a:focus,.navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:hover,.navbar-inverse .navbar-nav > .open > a:focus {background-color: #c52d2f;color: #fff;} .navbar-inverse .navbar-nav .dropdown-menu {background-color: rgba(0,0,0,.85);-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);border: 0;padding: 0;margin-top: 0;border-top: 0;border-radius: 0;left: 0;} .navbar-inverse .navbar-nav .dropdown-menu:before{position: absolute;top:0;} .navbar-inverse .navbar-nav .dropdown-menu > li > a {padding: 8px 15px;color: #fff;} .navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {background-color: #c52d2f;color: #fff;} .navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {border-radius: 0 0 3px 3px;} .navbar-inverse .navbar-nav .dropdown-menu > li.divider {background-color: transparent;} .navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {border-top: 0;padding-bottom: 0;} #main-slider {position: relative;} .no-margin {margin: 0;padding: 0;} #main-slider .carousel .carousel-content {margin-top: 150px;} #main-slider .carousel .slide-margin{margin-top: 140px;} #main-slider .carousel h2 {color: #fff;} #main-slider .carousel .btn-slide {padding: 8px 20px;background: #c52d2f;color: #fff;border-radius: 4px;margin-top: 25px;display: inline-block;} #main-slider .carousel .slider-img{text-align: right;position: absolute;} #main-slider .carousel .item {background-position: 50%;background-repeat: no-repeat;background-size: cover;left: 0 !important;opacity: 0;top: 0;position: absolute;width: 100%;display: block !important;height: 730px;-webkit-transition: opacity ease-in-out 500ms;-moz-transition: opacity ease-in-out 500ms;-o-transition: opacity ease-in-out 500ms;transition: opacity ease-in-out 500ms;} #main-slider .carousel .item:first-child {top: auto;position: relative;} #main-slider .carousel .item.active {opacity: 1;-webkit-transition: opacity ease-in-out 500ms;-moz-transition: opacity ease-in-out 500ms;-o-transition: opacity ease-in-out 500ms;transition: opacity ease-in-out 500ms;z-index: 1;} #main-slider .prev,#main-slider .next {position: absolute;top: 50%;background-color: #c52d2f;color: #fff;display: inline-block;margin-top: -25px;height: 40px;line-height: 40px;width: 40px;line-height: 40px;text-align: center;border-radius: 4px;z-index: 5;} #main-slider .prev:hover,#main-slider .next:hover {background-color: #000;} #main-slider .prev {left: 10px;} #main-slider .next {right: 10px;} #main-slider .carousel-indicators li {width: 20px;height: 20px;background-color: #fff;margin: 0 15px 0 0;position: relative;} #main-slider .carousel-indicators li:after {position: absolute;content: "";width: 24px;height: 24px;border-radius: 100%;background: rgba(0, 0, 0, 0);border: 1px solid #FFF;left: -3px;top: -3px;} #main-slider .carousel-indicators .active{width: 20px;height: 20px;background-color: #c52d2f; margin: 0 15px 0 0; border: 1px solid #c52d2f; position: relative;} #main-slider .carousel-indicators .active:after {position: absolute;content: "";width: 24px;height: 24px;border-radius: 100%;background: #c52d2f;border: 1px solid #c52d2f;left: -3px;top: -3px;} #main-slider .active .animation.animated-item-1 {-webkit-animation: fadeInUp 300ms linear 300ms both;-moz-animation: fadeInUp 300ms linear 300ms both;-o-animation: fadeInUp 300ms linear 300ms both;-ms-animation: fadeInUp 300ms linear 300ms both;animation: fadeInUp 300ms linear 300ms both;} #main-slider .active .animation.animated-item-2 {-webkit-animation: fadeInUp 300ms linear 600ms both;-moz-animation: fadeInUp 300ms linear 600ms both;-o-animation: fadeInUp 300ms linear 600ms both;-ms-animation: fadeInUp 300ms linear 600ms both;animation: fadeInUp 300ms linear 600ms both;} #main-slider .active .animation.animated-item-3 {-webkit-animation: fadeInUp 300ms linear 900ms both;-moz-animation: fadeInUp 300ms linear 900ms both;-o-animation: fadeInUp 300ms linear 900ms both;-ms-animation: fadeInUp 300ms linear 900ms both;animation: fadeInUp 300ms linear 900ms both;} #main-slider .active .animation.animated-item-4 {-webkit-animation: fadeInUp 300ms linear 1200ms both;-moz-animation: fadeInUp 300ms linear 1200ms both;-o-animation: fadeInUp 300ms linear 1200ms both;-ms-animation: fadeInUp 300ms linear 1200ms both;animation: fadeInUp 300ms linear 1200ms both;} #feature {background: #f2f2f2;padding-bottom: 40px;} .features{padding: 0;} .feature-wrap {margin-bottom: 35px;overflow: hidden;} .feature-wrap h2{margin-top: 10px;} .feature-wrap .pull-left {margin-right: 25px;} .feature-wrap i{font-size: 48px;height: 110px;width: 110px;margin: 3px;border-radius: 100%;line-height: 110px;text-align:center;background: #ffffff;color: #c52d2f;border: 3px solid #ffffff;box-shadow: inset 0 0 0 5px #f2f2f2;-webkit-box-shadow: inset 0 0 0 5px #f2f2f2;-webkit-transition: 500ms;-moz-transition: 500ms;-o-transition: 500ms;transition: 500ms;float: left;margin-right: 25px;} .feature-wrap i:hover {background: #c52d2f;color: #fff;box-shadow: inset 0 0 0 5px #c52d2f;-webkit-box-shadow: inset 0 0 0 5px #c52d2f;border: 3px solid #c52d2f;} #recent-works .col-xs-12.col-sm-4.col-md-3{padding: 0;} #recent-works{padding-bottom: 70px;} .recent-work-wrap {position: relative;} .recent-work-wrap img{width: 100%;} .recent-work-wrap .recent-work-inner{top: 0;background: transparent;opacity: .8;width: 100%;border-radius: 0;margin-bottom: 0;} .recent-work-wrap .recent-work-inner h3{margin: 10px 0;} .recent-work-wrap .recent-work-inner h3 a{font-size: 24px;color: #fff;} .recent-work-wrap .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;border-radius: 0;background: #c52d2f;color: #fff;vertical-align: middle;-webkit-transition: opacity 500ms;-moz-transition: opacity 500ms;-o-transition: opacity 500ms;transition: opacity 500ms;padding: 30px;} .recent-work-wrap .overlay .preview {bottom: 0;display: inline-block;height: 35px;line-height: 35px;border-radius: 0;background: transparent;text-align: center;color: #fff;} .recent-work-wrap:hover .overlay {opacity: 1;} #services {background: #000 url(/e107_themes/corlatrix/images/services/bg_services.png);background-size: cover;} #services .lead,#services h2{color: #fff;} .services-wrap {padding: 40px 30px;background: #fff;border-radius: 4px;margin: 0 0 40px;} .services-wrap h3 {font-size: 20px;margin: 10px 0;} .services-wrap .pull-left {margin-right: 20px;} #middle {background: #f2f2f2;} .skill h2{margin-bottom: 25px;} .progress-wrap{position: relative;} .progress .color1,.progress .color1 .bar-width{background: #2d7da4;} .progress .color2,.progress .color2 .bar-width{background: #6aa42f;} .progress .color3,.progress .color3 .bar-width{background: #ffcc33;} .progress .color4,.progress .color4 .bar-width{background: #db3615;} .progress, .progress-bar {height: 15px;line-height: 15px;background: #e6e6e6;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border-radius: 0;overflow: visible;text-align: right;} .progress{position: relative;} .progress .bar-width{position: absolute;width: 40px;height: 20px;line-height: 20px;text-align: center;font-size: 12px;font-weight: 700;top: -30px;border-radius: 2px;margin-left: -30px;} .progress span{position: relative;} .progress span:before{content: " ";position: absolute;width: auto;height: auto;border-width: 8px 5px;border-style: solid;bottom: -15px;right: 8px;} .progress .color1 span:before{border-color: #2d7da4 transparent transparent transparent;} .progress .color2 span:before{border-color: #6aa42f transparent transparent transparent;} .progress .color3 span:before{border-color: #ffcc33 transparent transparent transparent;} .progress .color4 span:before{border-color: #db3615 transparent transparent transparent;} .accordion h2{margin-bottom: 25px;} .panel-default{border-color: transparent;} .panel-default>.panel-heading,.panel{background-color: #e6e6e6; border:0 none;box-shadow:none;} .panel-default>.panel-heading+.panel-collapse .panel-body{background: #fff;color: #858586;} .panel-body{padding: 20px 20px 10px;} .panel-group .panel+.panel{margin-top: 0;border-top: 1px solid #d9d9d9;} .panel-group .panel{border-radius: 0;} .panel-heading{border-radius: 0;} .panel-title>a{color: #4e4e4e;} .accordion-inner img{border-radius: 4px;} .accordion-inner h4{margin-top: 0;} .panel-heading.active{background: #1f1f20;} .panel-heading.active .panel-title>a{color:#fff;} a.accordion-togglei{width: 45px;line-height: 44px;font-size: 20px;margin-top: -10px;text-align: center;margin-right: -15px;background: #c9c9c9;} .panel-heading.active a.accordion-toggle i{background: #c52d2f;color: #fff;} .panel-heading.active a.accordion-toggle.collapsed i{background: #c52d2f;color: #fff;} .nav-tabs>li{margin-bottom: 0px;border-bottom: 1px solid #e6e6e6;} .nav-tabs{border-bottom: transparent;border-right: 1px solid #e6e6e6;} .nav-tabs>li>a {background: #f5f5f5;color: #666;border-radius: 0;border: 0 none;line-height: 24px;margin-right:0;padding: 13px 15px;} .nav-tabs li:last-child{border-bottom: 0 none;}  .nav-stacked>li+li{margin-top: 0;} .nav-tabs>li>a:hover{background: #1f1f20;color:#fff;} .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {border: 0;color:#fff;background: #1f1f20;position: relative;} .nav-tabs>li.active>a:after {position: absolute;content:"";width: auto;height: auto;border-style:solid;border-color: transparent transparent transparent #1f1f20;border-width: 25px 22px;right: -44px;top:0;} .tab-wrap{border:1px solid #e6e6e6;margin-bottom: 20px;} .tab-content{padding: 20px;} .tab-content h2{margin-top: 0;} .tab-content img{border-radius: 4px;} .testimonial h2{margin-top: 0;} .testimonial-inner {color:#858586;font-size: 14px;} .testimonial-inner .pull-left{border-right: 1px solid #e7e7e7;padding-right: 15px;position: relative;} .testimonial-inner .pull-left:after{content: "";position: absolute;width: 9px;height: 9px;top: 50%;margin-top: -5px;background: #FFF;-webkit-transform: rotate(45deg);border: 1px solid #e7e7e7;right: -5px;border-left: 0 none;border-bottom: 0 none;} #partner {background: url(/e107_themes/corlatrix/images/partners/partner_bg.png) 50% 50% no-repeat;background-size: cover;} #partner {color: #fff;text-align: center;} #partner h2, #partner h3 {color: #fff;} .partners ul {list-style: none;margin: 0;padding: 0;} .partners ul li{display: inline-block;float: left;width: 20%;} #conatcat-info{background: #fff url(/e107_themes/corlatrix/images/contact.png) no-repeat 90% 0;padding: 30px 0;} .contact-info i{width: 60px;height: 60px;font-size: 40px;line-height: 60px;color: #fff;background: #000;text-align: center;border-radius: 10px;} .contact-info h2{margin-top: 0;color: #000;} .contact-info{color:#000;} .about-us {margin-top: 110px;margin-bottom: -110px;} .about-us h2, .skill_text h2 {color:#4e4e4e;font-size: 30px;font-weight: 600;} .about-us p {color:#4e4e4e;} #carousel-slider {position: relative;} #carousel-slider .carousel-indicators {bottom: -25px;} #carousel-slider .carousel-indicators li {border: 1px solid #ffbd20;} #carousel-slider a i {border: 1px solid #777;border-radius:50%;font-size: 28px;height: 50px;padding: 8px;position: absolute;top: 50%;width: 50px;color:#777;} #carousel-slider a i:hover {background:#bfbfbf;color:#fff;border: 1px solid #bfbfbf;} #carousel-slider .carousel-control {width:inherit;} #carousel-slider .carousel-control.left i {left:-25px} #carousel-slider .carousel-control.right i {right: -25px;} #carousel-slider.carousel-control.left, #carousel-slider.carousel-control.right {background: none;} .skill_text {display: block;margin-bottom: 60px;margin-top: 25px;overflow: hidden;} .sinlge-skill {background:#f2f2f2;border-radius: 100%;color: #FFFFFF;font-size: 22px;font-weight: bold;height: 200px;position: relative;width: 200px;text-transform: uppercase;overflow: hidden;margin: 30px 0;} .sinlge-skill p em {color: #FFFFFF;font-size: 38px;} .sinlge-skill p {line-height: 1;} .joomla-skill, .html-skill, .css-skill, .wp-skill {position: absolute;height: 100%;bottom: 0;width:100%;border-radius: 100%;padding: 70px 0;text-align: center;} .joomla-skill {background: rgb(242,242,242); background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 28%, rgba(45,125,164,1) 28%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(28%,rgba(242,242,242,1)), color-stop(28%,rgba(45,125,164,1))); background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#2d7da4',GradientType=0 ); } .html-skill {background: rgb(242,242,242); background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 9%, rgba(106,164,47,1) 9%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(9%,rgba(242,242,242,1)), color-stop(9%,rgba(106,164,47,1))); background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#6aa42f',GradientType=0 ); } .css-skill {background: rgb(242,242,242); background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 32%, rgba(255,189,32,1) 32%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(32%,rgba(242,242,242,1)), color-stop(32%,rgba(255,189,32,1))); background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffbd20',GradientType=0 ); } .wp-skill {background: rgb(242,242,242); background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 19%, rgba(219,54,21,1) 19%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(19%,rgba(242,242,242,1)), color-stop(19%,rgba(219,54,21,1))); background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#db3615',GradientType=0 ); } .skill-wrap {display: block;overflow: hidden;margin: 60px 0;} .team h4 {margin-top: 0;text-transform: uppercase;} .team h5 {font-weight: 300;} .single-profile-top, .single-profile-bottom {font-weight: 400;line-height: 24px;} .single-profile-top, .single-profile-bottom{border: 1px solid #ddd;padding: 15px;position: relative;} .media_image {margin-bottom: 10px;} .team .btn {background:transparent;font-size: 12px;font-weight: 300;margin-bottom: 3px;padding: 1px 5px;text-transform: uppercase;border:1px solid#ddd;margin-right: 3px;} ul.social_icons,ul.tag {list-style: none;padding: 0;margin: 10px 0;display: block;} ul.social_icons li,ul.tag li {display: inline-block;margin-right: 5px;} ul.social_icons lia i{border-radius: 50%;color: #FFFFFF;height: 25px;line-height: 25px;font-size: 12px;padding: 0;text-align: center;width: 25px;opacity:.8;} .team .social_icons .fa-facebook:hover, .team .social_icons .fa-twitter:hover, .team .social_icons .fa-google-plus:hover {transform: rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg); transition-duration:2s;transition-property: all;transition-timing-function: ease;opacity:1;transition: all 0.9s ease 0s;-moz-transition: all 0.9s ease 0s;-webkit-transition: all 0.9s ease 0s;-o-transition: all 0.9s ease 0s;} .team .social_icons .fa-facebook {background: #0182c4;} .team .social_icons .fa-twitter {background: #20B8FF} .team .social_icons .fa-google-plus {background: #D34836} .team-bar .first-one-arrow {float: left;margin-right: 30px;width: 2%;} .team-bar .first-arrow {float: left;margin-left: 5px;margin-right: 35px;width: 22%;} .team-bar .second-arrow {float: left;margin-left: 5px;width: 21%;} .team-bar .third-arrow {float: left;margin-left: 40px;margin-right: 12px;width: 22%;} .team-bar .fourth-arrow {float: left;margin-left: 25px;width: 20%;} .team-bar .first-one-arrow hr {border-bottom: 1px solid #2D7DA4;border-top: 1px solid #2D7DA4; } .team-bar .first-arrow hr {border-bottom: 1px solid #2D7DA4;border-top: 1px solid #2D7DA4; } .team-bar .second-arrow hr {border-bottom: 1px solid #6aa42f;border-top: 1px solid #6aa42f;} .team-bar .third-arrow hr {border-bottom: 1px solid #FFBD20;border-top: 1px solid #FFBD20;} .team-bar .fourth-arrow hr {border-bottom: 1px solid #db3615;border-top: 1px solid #db3615;} .team-bar {margin-bottom: 15px;margin-top: 30px;position: relative;} .team-bar i {border-radius: 50%;color: #FFFFFF;display: block;height: 24px;line-height: 24px;margin-top: -32px;overflow: hidden;padding: 0;text-align: center;width: 24px;position: absolute;} .team-bar .first-arrow .fa-angle-up {background:#2D7DA4;margin-left:-33px } .team-bar .second-arrow .fa-angle-down {background:#6AA42F;margin-left: -33px;} .team-bar .third-arrow .fa-angle-up {background:#FFBD20;margin-left: -32px;} .team-bar .fourth-arrow .fa-angle-down {background:#db3615;margin-left: -32px;} .team .single-profile-top:before, .team .single-profile-top:after {content: "";position: absolute;width: 0;height: 0;border-style: solid;} .team .single-profile-top:before {left:26px;bottom: -20px;border-width: 10px;border-color:#fff transparent transparent transparent;z-index: 1;} .team .single-profile-top:after {left: 25px;bottom: -22px;border-style: solid;border-width: 11px;border-color:#ddd transparent transparent transparent;z-index: 0;} .team .single-profile-bottom:before,.team .single-profile-bottom:after {position: absolute;content:"";width: 0;height: 0;border-style: solid;} .team .single-profile-bottom:before {left:30px;top: -20px;border-width: 10px;border-color: transparent transparent #fff transparent;z-index: 1;} .team .single-profile-bottom:after {left: 29px;top: -22px;border-style: solid;border-width: 11px;border-color: transparent transparent #DDD transparent;z-index: 0;} .services {padding: 0;} .get-started {background: none repeat scroll 0 0 #F3F3F3;border-radius: 3px;padding-bottom: 30px;position: relative;margin-bottom: 18px;margin-top: 60px;} .get-started h2 {padding-top: 30px;margin-bottom: 20px;} .request {bottom: -15px;left: 50%;position: absolute;margin-left: -110px;} .request h4 {position: absolute;width: 220px;position:relative;} .request h4 a{background:#c52d2f;color: #fff;font-size: 14px;font-weight: normal;border-radius: 3px;padding: 5px 15px;} .request h4:after {border-color: #c52d2f transparent transparent;border-style: solid;border-width: 12px;bottom: -18px;content: "";height: 0;position: absolute;right: 13px;z-index: -99999;} .request h4:before {border-color: #c52d2f transparent transparent;border-style: solid;border-width: 12px;bottom: -18px;content: "";height: 0;left: 13px;position: absolute;z-index: -99999;} .clients-area {padding: 60px;} .clients-comments {background-image: url(/e107_themes/corlatrix/images/image_bg.png);background-position: center 118px;background-repeat: no-repeat;margin-bottom: 100px;} .clients-comments img {background:#DDDDDD;border: 1px solid #DDDDDD;height: 182px;padding: 3px;width: 182px;transition: all 0.9s ease 0s;-moz-transition: all 0.9s ease 0s;-webkit-transition: all 0.9s ease 0s;-o-transition: all 0.9s ease 0s;} .clients-comments h3 {margin-top: 55px;font-weight: 300;padding: 0 40px;} .clients-comments h4 {font-weight: 300;margin-top: 15px;} .clients-commentsh4span {font-weight: 700;font-style: oblique;} .footer {background: none repeat scroll 0 0 #2E2E2E;border-top: 5px solid #C52D2F;height: 84px;margin-top: 110px;} .footer_left {padding: 10px;} .text-left {color: #FFFFFF;font-size: 12px;margin-top: 15px;} #portfolio_page {margin-top: 115px;padding-bottom: 0;} .portfolio-items, .portfolio-filter {list-style: none outside none;margin: 0 0 40px 0;padding: 0;} .portfolio-filter > li {display: inline-block;} .portfolio-filter > li a {background: none repeat scroll 0 0 #FFFFFF;font-size: 14px;font-weight: 400;margin-right: 20px;text-transform: uppercase;transition: all 0.9s ease 0s;-moz-transition: all 0.9s ease 0s;-webkit-transition: all 0.9s ease 0s;-o-transition: all 0.9s ease 0s;border: 1px solid #F2F2F2;outline: none;border-radius: 3px;} .portfolio-filter > li a:hover,.portfolio-filter > li a.active{color:#fff;background: #c52d2f;border: 1px solid #c52d2f;box-shadow: none;-webkit-box-shadow: none;} .portfolio-items > li {float: left;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .portfolio-item {margin: 0;padding:0;} .isotope-item {z-index: 2;} .isotope-hidden.isotope-item {pointer-events: none;z-index: 1;} .isotope,.isotope .isotope-item {-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;} .isotope {-webkit-transition-property: height, width;-moz-transition-property: height, width;-ms-transition-property: height, width;-o-transition-property: height, width;transition-property: height, width;} .isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property: -moz-transform, opacity;-ms-transition-property: -ms-transform, opacity;-o-transition-property: -o-transform, opacity;transition-property: transform, opacity;} .isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {-webkit-transition-duration: 0s;-moz-transition-duration: 0s;-ms-transition-duration: 0s;-o-transition-duration: 0s;transition-duration: 0s;} .isotope.infinite-scrolling {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;} .pricing_heading {margin-top: 120px} .pricing_heading h2, .pricing_heading p {color:#4e4e4e;} .pricing-area h1 {font-weight: 300;margin-top: 0;margin-bottom: 15px;} .pricing-area span {font-weight: 700;font-size: 18px;} .pricing-area h3, .pricing-area span{color: #fff;} .plan {position: relative;margin-bottom: 70px;} .pricing-area ul {background:#FAFAFA;padding: 0;margin: 0;} .pricing-area ul li {list-style: none;padding: 15px 0;font-size: 16px;font-weight: 400;} .pricing-area ul li:nth-child(even){background:#f5f5f5} .pricing-area .price-three img, .pricing-area .price-six img {position: absolute;right: 15px;top: 0;} .pricing-area .heading-one, .pricing-area .heading-two, .pricing-area .heading-three {padding:17px 0;border-radius:2px 2px 0 0;}  .pricing-area .heading-one, .pricing-area .heading-two, .pricing-area .heading-three, .pricing-area .heading-four, .pricing-area .heading-five, .pricing-area .heading-six, .pricing-area .heading-seven {margin-left: -10px} .pricing-area .heading-one, .pricing-area .price-one .plan-action .btn-primary {background: #e24f43} .pricing-area .heading-two, .pricing-area .price-two .plan-action .btn-primary {background:#27AE60;} .pricing-area .heading-three,.pricing-area .price-three .plan-action .btn-primary {background: #f39c12;} .pricing-area .heading-four, .pricing-area .price-four .plan-action .btn-primary {background: #5c5c5c} .pricing-area .heading-five, .pricing-area .price-five .plan-action .btn-primary {background: #5c5c5c} .pricing-area .heading-six, .pricing-area .price-six .plan-action .btn-primary {background: #e24f43;} .pricing-area .heading-seven, .pricing-area .price-seven .plan-action .btn-primary {background: #5c5c5c} .pricing-area .bg{ background: #fafafa } .pricing-area .heading-one h3:before {border-color: #bf4539 transparent transparent;} .pricing-area .heading-two h3:before {border-color: #1f8c4d transparent transparent;} .pricing-area .heading-three h3:before {border-color: #d4880f transparent transparent;} .pricing-area .heading-four h3:before {border-color: #424242 transparent transparent;} .pricing-area .heading-five h3:before {border-color: #424242 transparent transparent;} .pricing-area .heading-six h3:before {border-color: #bf4539 transparent transparent;} .pricing-area .heading-seven h3:before {border-color: #424242 transparent transparent;} .pricing-area h3:before {border-color: #D4880F transparent transparent;border-radius: 5px 0 0 0px;border-style: solid;border-width: 12px;content: "";height: 0;left: 4px;position: absolute;top: 78px;width: 0;z-index: -999;} .small-pricing h3:after {height:94px;} .small-pricing h3:before {top: 74px;} .plan-action {height: 40px;} .pricing-area .plan-action .btn-primary {position: relative;padding:5px 20px;color: #fff;margin-top: 5px;} .pricing-area .plan-action .btn-primary:before {border-color: #E24F43 transparent transparent;border-radius: 5px 0 0 0;border-style: solid;border-width: 12px;bottom: -12px;content: "";height: 0;left: -9px;position: absolute;width: 0;z-index: -1;} .pricing-area .plan-action .btn-primary:after {border-color: #E24F43 transparent transparent;border-radius: 5px 0 0 0;border-style: solid;border-width: 12px;bottom: -12px;content: "";height: 0;position: absolute;right: -9px;width: 0;z-index: -1;} .pricing-area .price-two .plan-action .btn-primary:before, .pricing-area .price-two .plan-action .btn-primary:after {border-color: #1f8c4d transparent transparent;} .pricing-area .price-three .plan-action .btn-primary:before, .pricing-area .price-three .plan-action .btn-primary:after {border-color: #d4880f transparent transparent;} .pricing-area .price-four .plan-action .btn-primary:before, .pricing-area .price-four .plan-action .btn-primary:after, .pricing-area .price-five .plan-action .btn-primary:before, .pricing-area .price-five .plan-action .btn-primary:after, .pricing-area .price-seven .plan-action .btn-primary:before, .pricing-area .price-seven .plan-action .btn-primary:after{border-color: #424242 transparent transparent;right: -9px;} .pricing-area .price-six .plan-action .btn-primary:before, .pricing-area .price-six .plan-action .btn-primary:after {border-color: #bf4539 transparent transparent;right: -9px;} .gmap-area {background-image: url(/e107_themes/corlatrix/images/map.jpg);background-position: 0 0;background-repeat: no-repeat;background-size: cover;padding: 70px 0;} .gmap-area .gmap iframe {border-radius: 50%;height: 280px;width: 300px;} .gmap{border: 10px solid #f6f5f0;border-radius: 50%;height: 300px;width: 300px;box-shadow: 0px 0px 3px 3px #e7e4dc;overflow: hidden;position: relative;margin: 0 auto;} .gmap-area .map-content ul {list-style: none; } .gmap-area .map-content address h5{font-weight: 700;} #contact-page{padding-top: 0;} #contact-page .contact-form .form-group label {color: #4E4E4E;font-size: 16px;font-weight: 300;} .form-group .form-control {padding: 7px 12px;border-color:#f2f2f2;box-shadow: none;} textarea#message{resize: none;padding: 10px;} #contact-page .contact-wrap {margin-top: 20px;} .widget {margin-bottom: 60px;padding-left: 0;} .single_comments {margin-bottom: 20px;} .single_comments img {float: left;margin-right: 10px;margin-top: 5px;} .single_comments p {margin-bottom: 0;} .widget .entry-meta span {display: inline-block;margin-right: 10px;} .widget h3 {color: #000;text-transform: uppercase;margin-bottom: 20px;} .blog_category{list-style:none;margin:0;padding:0;} .blog_category li{float:none;margin-bottom:20px;} .blog_category li a {background:#f5f5f5;border-radius: 4px;color: #888;display: inline-block;padding: 5px 15px;} .blog_category li a:hover{background:#c52d2f;color: #fff;}  .badge:before {border-color: transparent transparent transparent #c52d2f;border-style: solid;border-width: 10px;bottom: -8px;content: "";height: 0;left: 5px;position: absolute;z-index: -99999;} .badge {background-color: #c52d2f;border-radius: 5px;color: #fff;padding: 8px;position: relative;left: 60px;top: -18px;font-weight: normal;} .blog_archieve {list-style: none outside none;margin: 0;padding: 0;} .blog_archieve li {padding: 10px 0;border-bottom: 1px solid #f5f5f5;} .blog_archieve li:first-child {padding-top: 0;} ul.gallery {list-style: none;padding: 0;margin: 0;} ul.gallery li {display: block;width: 60px;padding: 0;margin: 0 4px 4px 0;float: left;} ul.faq {list-style: none;margin: 0;} ul.faq li {margin-top: 30px;} ul.faq li:first-child {margin-top: 0;} ul.faq li span.number {display: block;float: left;width: 50px;height: 50px;line-height: 50px;text-align: center;background: #34495e;color: #fff;font-size: 24px;} ul.faq li > div {margin-left: 70px;} ul.faq li > div h3 {margin-top: 0;} .embed-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;} .embed-container iframe,.embed-container object,.embed-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .blog-item {border-radius: 0;overflow: hidden;margin-bottom: 50px;} .blog .blog-item .img-blog {border-radius: 5px;margin-bottom: 45px;} .blog .blog-item .blog-content {padding-bottom: 25px;} .blog .blog-item .blog-content h2 {margin-top: 0;font-size: 30px;} .readmore{margin-top: 0;} .blog .blog-item .blog-content h3 {color: #858586;margin-bottom: 40px;} .blog .blog-item .blog-content h4 {font-size: 14px;} .post-tags {} .blog .blog-item .entry-meta {border-radius: 5px;overflow: hidden;} .blog .blog-item .entry-meta > span {background: #f5f5f5;border-top: 1px solid #fff;display: block;font-size: 12px;overflow: hidden;padding: 5px;text-align: left;} #publish_date {background: #c52d2f;border-bottom: 5px solid #4e4e4e;color: #fff;padding: 5px 0;text-align: center;} .blog .blog-item .entry-meta > span {color: #ccc;} .blog .blog-item .entry-meta > span a {font-size: 12px;margin-left: 3px;font-weight: 300;color: #888;} ul.pagination > li > a {border: 1px solid #F1F1F1;margin-right:5px;border-radius: 5px;font-size: 16px;padding: 5px 14px;} ul.pagination > li > a i{margin-left:5px;margin-right:5px;} ul.pagination > li.active > a, ul.pagination > li:hover > a {background-color: #c52d2f !important;border-color: #c52d2f !important;color: #fff;} .search_box {background-image: url(/e107_themes/corlatrix/images/search_icon.png);background-position: 314px 15px;background-repeat: no-repeat;border-color: #DEDEDE;height: 48px;outline: medium none;box-shadow: none;} .form-control:focus {box-shadow:none;outline: 0 none;} ul.tag-cloud, ul.sidebar-gallery {list-style: none;padding: 0;margin: 0;} .tag-cloud li{display: inline-block;margin-bottom: 3px;} .tag-cloud li a {background: #f5f5f5;color: #888;border: 0;border-radius: 4px;padding: 8px 15px;} .tag-cloud li a:hover{background:#c52d2f;color: #fff;} .sidebar-gallery li{display: inline-block;margin: 0 10px 10px 0;} .sidebar-gallery li a {border-radius: 4px;display: inline-block;} .reply_section {background: #f5f5f5;border-radius: 5px;} .post_reply {margin-left: 10px;margin-top: 45px;} .post_reply img {width: 85px;height: 85px;border: 5px solid #D5D8DD;} .post_reply ul {list-style: none outside none;margin: 0;padding: 0;margin-top: 5px;} .post_reply ul li{float:left;} .post_reply ul li a {display: block;} .post_reply ul li a i {border: 1px solid #DDDDDD;border-radius: 39px;color: #FFFFFF;font-size: 20px;height: 30px;margin-right: 3px;padding-top: 7px;text-align: center;width: 30px;} .post_reply ul li a i.fa-facebook {background: #0182C4;} .post_reply ul li a i.fa-twitter {background: none repeat scroll 0 0 #3FC1FE;} .post_reply ul li a i.fa-google-plus{ background: none repeat scroll 0 0 #D34836;} .post_reply ul li a i:hover{opacity:.5;} .post_reply_content {margin: 30px;} .post_reply_content h1 a:hover{color:#FFC800;} .post_reply_content h4 {margin-bottom: 50px;} .reply_section .media-body{display:inherit;} .comment_section .media-body{display:inherit;} #comments_title{ color:#4e4e4e; font-weight:700px; font-size:20px; margin-top:60px; margin-bottom:40px;} .comment_section {margin-top: 30px;position: relative;} .post_comments img {width: 85px;height: 85px;margin-top: 35px;} .post_reply_comments {background:#f5f5f5;border-radius: 4px;padding: 30px;} .post_reply_comments:before {border-color: transparent #F0F0F0 transparent transparent;border-style: solid;border-width: 15px;content: " ";height: 0;left: 75px;position: absolute;top: 20px;} .post_reply_comments h3, .post_reply_content h3{margin-top: 0;} .post_reply_comments h1 a:hover{color:#c52d2f;} .post_reply_comments h4{color:#c4c4c5;font-weight:400;} .post_reply_comments p {padding-bottom: 30px;} .post_reply_comments a {bottom: 15px;position: absolute;right: 30px;background: #c52d2f;color: #fff;border-radius: 5px;padding: 8px 20px;} .post_reply_comments a:before {border-color: #c52d2f transparent transparent;border-style: solid;border-width: 16px;bottom: -11px;content: "";height: 0;left: -12px;position: absolute;z-index: 99999;} .post_reply_comments h2 a{ } .message_heading {margin-bottom: 50px;margin-top: 60px;} #error .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success:hover {background-color: #EBEBEB;border-color: #EBEBEB;color: #4E4E4E;} #error h1{color: #4e4e4e;text-transform: uppercase;} .shortcode-item {padding-bottom: 0;} .shortcode-item h2 {color: #4E4E4E;font-size: 24px;margin-bottom: 22px;margin-top: 0;font-weight: 600} #bottom {background: #f5f5f5;border-bottom: 5px solid #c52d2f;font-size: 14px;} #bottom h3 {margin-top: 0;margin-bottom: 10px;text-transform: uppercase;font-size:22px;color: #000;} #bottom ul {list-style: none;padding: 0;margin: 0;} #bottom ul li {display: block;padding: 5px 0;} #bottom ul li a {color: #808080;} #bottom ul li a:hover {color: #c52d2f;} #bottom .widget {margin-bottom: 0;} #footer {padding-top: 30px;padding-bottom: 30px;color: #fff;background: #2e2e2e;} #footer a {color: #fff;} #footer a:hover {color: #c52d2f;} #footer ul {list-style: none;padding: 0;margin: 0;} #footer ul > li {display: inline-block;margin-left: 15px;} 

/* File: ./e107_themes/corlatrix/css/responsive.css */
 @media (min-width: 1200px) { .dropdown:hover .dropdown-menu {display: block;-webkit-animation: fadeInUp 400ms;animation: fadeInUp 400ms;} #portfolio .row {margin-left: -10px;margin-right: -10px;} } @media (min-width: 992px) and (max-width: 1199px) { .dropdown:hover .dropdown-menu {display: block;-webkit-animation: fadeInUp 400ms;animation: fadeInUp 400ms;} .navbar-nav > li {margin-left: 10px;} .navbar-collapse {padding-left: 0;padding-right: 0;} .recent-work-wrap .recent-work-inner h3 a {font-size: 20px;} .recent-work-wrap .overlay{padding: 15px;} .services-wrap {padding: 40px 10px 40px 30px;} .feature-wrap h2, .single-services h2 {font-size: 18px;} .feature-wrap h3, .single-services h3{font-size: 14px;} .tab-wrap .media .parrent.pull-left{clear: both;width: 100%;} .tab-wrap .media .parrent.media-body{clear: both;} #portfolio .row {margin-left: -10px;margin-right: -10px;} .recent-work-wrap .overlay .preview{line-height: inherit;} .team-bar .first-arrow {width: 21%;} .team-bar .second-arrow {width: 20%;} .team-bar .third-arrow {width: 21%;} .team-bar .fourth-arrow {width: 20%;} ul.social_icons li{margin-right: 0;} } @media (min-width: 768px) and (max-width: 991px) {.dropdown:hover .dropdown-menu {display: block;-webkit-animation: fadeInUp 400ms;animation: fadeInUp 400ms;} .navbar-collapse {padding-left: 0;padding-right: 0;} .navbar-nav > li {margin-left: 0;} #main-slider .carousel h1 {font-size: 25px;} #main-slider .carousel h2 {font-size: 20px;} .tab-wrap .media .parrent.pull-left, .media.accordion-inner .pull-left{clear: both;width: 100%;} .tab-wrap .media .parrent.media-body, .media.accordion-inner .media-body{clear: both;} .services-wrap {padding: 40px 0 40px 30px;} .recent-work-wrap .overlay{ padding: 15px;} .recent-work-wrap .recent-work-inner h3 a {font-size: 20px;} .sinlge-skill{width: 150px;height: 150px;}  .sinlge-skill p em {font-size: 25px;} .sinlge-skill p {font-size: 16px;} .team-bar .first-one-arrow {width: 2%;} .team-bar .first-arrow {width: 18%;} .team-bar .second-arrow {width: 24%;} .team-bar .third-arrow {width: 15%;} .team-bar .fourth-arrow {width: 20%;} .blog .blog-item .entry-meta > span a{font-size: 10px;} } @media (max-width: 767px) {.container > .navbar-header, .container > .navbar-collapse{margin-left: 0;} .top-number{font-size: 14px;} input.search-form:hover {width: 120px;} .navbar-nav > li {padding-bottom: 0;} #main-slider .carousel h1 {font-size: 25px;} #main-slider .carousel h2 {font-size: 16px;} .feature-wrap h2, .single-services h2 {font-size: 18px;} .feature-wrap h3, .single-services h3{font-size: 14px;} .media.accordion-inner .pull-left, .media.accordion-inner .media-body{clear: both;} .accordion-inner h4 {margin-top: 10px;} .tab-wrap .media .pull-left{clear: both;width: 100%;} .tab-wrap .media .media-body{clear: both;} .nav-tabs > li.active > a:after{display: none;} #footer .col-sm-6{text-align:center;}  #footer .pull-right{float: none !important;} .sinlge-skill {margin: 0 auto;margin-top: 30px;margin-bottom: 30px;} .team .single-profile-top, .team .single-profile-bottom {margin-bottom: 30px;} .clients-area {padding: 60px 0;} .clients-area h1 {font-size: 25px;} .portfolio-item, #recent-works .col-xs-12.col-sm-4.col-md-3{padding:0 15px;} ul.social_icons li{margin-right: 0;} .blog .blog-item .entry-meta{margin-bottom: 20px;} .blog .blog-item .blog-content h3 {margin-bottom: 20px;} .post_reply_comments {padding-left: 20px;} } @media (max-width: 480px) {} 

/* File: ./e107_themes/corlatrix/css/prettyPhoto.css */
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(/e107_themes/corlatrix/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(/e107_themes/corlatrix/images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(/e107_themes/corlatrix/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(/e107_themes/corlatrix/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(/e107_themes/corlatrix/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(/e107_themes/corlatrix/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(/e107_themes/corlatrix/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(/e107_themes/corlatrix/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(/e107_themes/corlatrix/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(/e107_themes/corlatrix/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(/e107_themes/corlatrix/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(/e107_themes/corlatrix/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(/e107_themes/corlatrix/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(/e107_themes/corlatrix/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(/e107_themes/corlatrix/images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(/e107_themes/corlatrix/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} 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 .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(/e107_themes/corlatrix/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(/e107_themes/corlatrix/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(/e107_themes/corlatrix/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(/e107_themes/corlatrix/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(/e107_themes/corlatrix/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(/e107_themes/corlatrix/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(/e107_themes/corlatrix/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(/e107_themes/corlatrix/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(/e107_themes/corlatrix/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(/e107_themes/corlatrix/images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(/e107_themes/corlatrix/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(/e107_themes/corlatrix/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(/e107_themes/corlatrix/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(/e107_themes/corlatrix/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(/e107_themes/corlatrix/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(/e107_themes/corlatrix/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(/e107_themes/corlatrix/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(/e107_themes/corlatrix/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} 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_content{height:40px;min-width:40px} * html .pp_content{width:40px} .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} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .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;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .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(/e107_themes/corlatrix/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(/e107_themes/corlatrix/images/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(/e107_themes/corlatrix/images/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_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #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} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(/e107_themes/corlatrix/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(/e107_themes/corlatrix/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} 

/* File: ./e107_themes/corlatrix/style.css */
.login{text-align: left;} .social{text-align: left;} .login-buttons{ display: inline-block; list-style: none; padding: 0; margin: 0;} ul.login-buttons li {display: inline-block;} ul.login-buttons li a {display: inline-block;color: #fff;background: #404040;width: 25px;height: 25px;line-height: 25px;text-align: center;border-radius: 2px;} #login-dp{min-width: 230px;padding: 14px 20px 0px 20px;overflow:hidden;background-color: rgba(0,0,0,.85);} #login-dp .help-block{text-align: center;font-size:12px} #login-dp .bottom{border-top:1px solid #ddd;clear:both;padding:1px;} #login-dp .social-buttons{margin:12px 0} #login-dp .social-buttons a{width: 49%;} #login-dp .form-group {margin-bottom: 10px;} .btn-fb{color: #fff;background-color:#3b5998;} .btn-fb:hover{color: #fff;background-color:#496ebc } .btn-tw{color: #fff;background-color:#55acee;} .btn-tw:hover{color: #fff;background-color:#59b5fa;} @media(max-width:768px){#login-dp{background-color: inherit;color: #fff;} #login-dp .bottom{background-color: inherit;border-top:0 none;} } .top-right-nav {float:right;} .top-right-nav ul {list-style-type: none;margin: 0;padding: 0;} .top-right-nav li {float: left;marigin-right:10px;} .top-right-nav li a {float:left;color: white;text-align: center;padding: 4px 10px 4px 10px;text-decoration: none;} .top-right-nav li a:hover {background-color: #c52d2f;-webkit-transition: color 300ms, background-color 300ms;-moz-transition: color 300ms, background-color 300ms;-o-transition: color 300ms, background-color 300ms;transition: color 400ms, background-color 400ms;} .top-right-nav p {color: #cecece;} .top-right-nav .checkbox {line-height: 18px;color: #cecece;} .navbar-nav>li {margin-left: 35px;padding-bottom: 28px;font-weight: bold;} .news-archive-menu {list-style: none outside none;margin-right: 0px;margin-left: 20px;padding: 0;} .news-archive-menu li {padding: 10px 0;border-bottom: 1px solid #f5f5f5;} .news-archive-menu li li {padding: 10px 0;border-bottom: none;} .news-archive-menu-months {padding-top: 7px;margin-top: 7px;display: block;border-top: 1px solid #f5f5f5;} .reply_section .media-body{ padding: 30px 15px 10px 0px; display: inline;} .border-bottom {border-bottom: solid 2px #fa9f9f;} .border-bottom-grad {position: relative;} .border-bottom-grad:before, .border-bottom-grad:after {content: "";position: absolute;bottom: -4px;left: -3px;} .border-bottom-grad:after {right: -3px;height: 2px;background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(197, 45, 47, 0.54)), to(transparent));background-image: -webkit-linear-gradient(left, rgba(197, 45, 47, 0.54), transparent);background-image: -moz-linear-gradient(left, rgba(197, 45, 47, 0.54), transparent);background-image: -o-linear-gradient(left, rgba(197, 45, 47, 0.54), transparent);} #gototop {position:fixed;right: 10px;bottom: 10px;z-index:99;cursor:pointer;font-size:22px;background-color:rgba(0,0,0,.8);border-radius: 3px;display: none;animation: none;} #gototop span {width: 40px;height: 40px;text-align:center;line-height: 38px;display:block;color:#fff;} #gototop span:hover {color:#c52d2f;} #carousel-bullets.carousel .carousel-controls {position:relative;bottom:50px;left:auto;right:auto;} #carousel-bullets.carousel .carousel-indicators {text-align: center;} #carousel-bullets.carousel .carousel-controls a {margin-right: 20px;} a.navbar-brand { height: auto; padding-bottom:15px; max-width: 75%; } #layout-default section#content { min-height: 600px; } .cpage-body#services { background: none } @media all and (max-width: 767px) {#bottom .widget { margin-bottom: 30px;} }