@import url("buttons/buttons.css");
@import url("animation/animation.css");
@import url("flatui/flatui.css");

/*=========================================================================
Elements
========================================================================= */



/*=========================================================================
Icon Shake
========================================================================= */
#icon-shake h2 { float: left; line-height: 32px; font-size: 18px; font-weight: 100; }

#icon-shake { display: inline-block; margin:0 auto 60px; text-align: center; width: 100%; }

.icshake-wrapper { display: inline-block; text-align: center; }

#icon-shake .icon { margin-left: 20px; }
 #icon-shake .icon:nth-child(2n) {
 animation-name: keyframes1;
 animation-iteration-count: infinite;
 transform-origin: 50% 10%;
}
 #icon-shake .icon:nth-child(2n-1) {
 animation-name: keyframes2;
 animation-iteration-count: infinite;
 animation-direction: alternate;
 transform-origin: 30% 5%;
}
 @keyframes 
keyframes1 { 0% {
 transform: rotate(-1deg);
 animation-timing-function: ease-in;
}
 50% {
 transform: rotate(1.5deg);
 animation-timing-function: ease-out;
}
}
 @keyframes 
keyframes2 { 0% {
 transform: rotate(1deg);
 animation-timing-function: ease-in;
}
 50% {
 transform: rotate(-1.5deg);
 animation-timing-function: ease-out;
}
}

/*=========================================================================
Icon Parallax
========================================================================= */

canvas { bottom: -90px; position: absolute; right: 90px; }

.example { display: inline-block; width:100%; margin:60px auto 0; position:relative; }

h2.short { font-size: 2.8em; margin-bottom: 15px; font-weight: 100; }

.inverted { background-color: #1ABC9C; color: #FFFFFF; display: inline-block; padding-left: 10px; padding-right: 10px; }

.iparallax { display:block; position:relative; width:33.3%; height:407px; margin:0; /*overflow:hidden;
      padding:30px;*/ text-indent:-999px; float:left; }

.iparallax .level { display:block; position:absolute; width:100%; height:100%; top:0; left:0; background-position:center center; background-repeat:no-repeat; /*background-size: 100% auto;*/ z-index: 1; }

.iparallax.enhanced, .iparallax.enhanced:first-child { background:none; }

@media (min-width: 1300px) {

}
@media (min-width: 980px) and (max-width: 1199px) {

}
@media (max-width: 979px) {

}
@media (min-width: 768px) and (max-width: 979px) {
 .iparallax {
height: 217px;
}
 .iparallax .level {
background-size: 100% auto;
}
#icon-shake .icon {
    margin-left: 15px;
    width: 35px;
}
#icon-shake h2 {
    font-size: 15px;
    line-height: 20px;
}
}
@media (max-width: 767px) {

}
@media (min-width: 626px) and (max-width: 767px) {
 .iparallax {
height: 217px;
}
 .iparallax .level {
background-size: 100% auto;
}
#icon-shake .icon {
    margin-left: 15px;
    width: 35px;
}
#icon-shake h2 {
    font-size: 15px;
    line-height: 20px;
}
}
@media (max-width: 626px) {

}
@media (max-width: 530px) {

}
@media (min-width: 482px) and (max-width: 625px) {
 .iparallax {
height: 217px;
}
 .iparallax .level {
background-size: 100% auto;
}
#icon-shake .icon {
    margin-left: 15px;
    width: 35px;
}
#icon-shake h2 {
    font-size: 15px;
    line-height: 20px;
}
}
@media (max-width: 480px) {

}
@media (min-width: 320px) and (max-width: 481px) {
 .iparallax {
height: 327px;
width: 100%;
}
 .iparallax .level {
background-size: 100% auto;
}
#icon-shake .icon {
    margin-left: 15px;
    width: 35px;
}
#icon-shake h2 {
    font-size: 15px;
    line-height: 20px;
}
}
@media (max-width: 320px) {
 .iparallax {
height: 217px;
width: 100%;
}
 .iparallax .level {
background-size: 100% auto;
}
#icon-shake .icon {
    margin-left: 15px;
    width: 35px;
}
#icon-shake h2 {
    font-size: 15px;
    line-height: 20px;
}
}

















/*=========================================================================
animated text
========================================================================= */
.txt-rotate { font-size: 3.5em; font-weight: 200; line-height: normal; margin: 0 0 18px 0; }

.txt-rotate { }

.txt-rotate-sub { color: #333; font-size: 2em; line-height: normal; margin: 0 0 18px 0; }

/*=========================================================================
LIST ELEMENTS
========================================================================= */

.list-style-1 { display: block; margin: 0 0 30px; list-style-position: inside; }

.list-style-1 li { border-bottom: 1px dotted #E9E9EA; float: none; list-style-type: decimal; margin: 0 !important; padding: 4px 0 4px 4px; }

.list-style-1 li a img { padding-right: 12px; width: auto !important; }

.list-style-1 li a { color: #777777; }

.list-style-1 li a:hover { color: #2F96B4; }

.list-style-2 { display: block; margin: 0 0 30px; }

.list-style-2 li { border-bottom: 1px dotted #E9E9EA; display: block; float: none; margin: 0 !important; padding: 4px 0 4px 24px; }

.list-style-2 li a img { padding-right: 12px; width: auto !important; }

.list-style-2 li a { color: #777777; }

.list-style-2 li a:hover { color: #2F96B4; }

.arrow-list, .arrow-list-2, .circle-list, .check-list, .check-list-2, .star-list, .plus-list, .dash-list { list-style: none; margin: 0; padding: 0 0 0 24px; }

.arrow-list { background: url("../img/icons/list-arrow.png") no-repeat scroll 5px 9px transparent; }

.arrow-list-2 { background: url("../img/icons/list-arrow-2.png") no-repeat 2px 8px; }

.circle-list { background: url("../img/icons/list-circle.png") no-repeat 4px 9px; }

.check-list { background: url("../img/icons/list-check.png") no-repeat 3px 7px; }

.check-list-2 { background: url("../img/icons/list-check-2.png") no-repeat 0 7px; }

.star-list { background: url("../img/icons/list-star.png") no-repeat 0 5px; }

.plus-list { background: url("../img/icons/list-plus.png") no-repeat 3px 7px; }

.dash-list { background: url("../img/icons/list-dash.png") no-repeat 3px 12px; }

/*=========================================================================
ALER BOXES
========================================================================= */

.message-box-error, .message-box-success, .message-box-info, .message-box-notice { display: block; padding: 10px 20px 10px 44px; }

.message-box-error strong, .message-box-success strong, .message-box-info strong, .message-box-notice strong { float: left; font-size: 12px; line-height: 1.8em; font-family: 'Open Sans', Arial, Tahoma, sans-serif; font-weight: 800; text-shadow: 0 0; text-transform: capitalize; }

.message-box-error { background: #f9e5e6 url("../img/icons/icon-box-error.png") no-repeat 10px 9px; border: 1px solid #f7c7c9; border-left-width: 4px; color: #b3696c; }

.message-box-success { background: #e3ebc6 url("../img/icons/icon-box-success.png") no-repeat 12px 8px; border: 1px solid #c2d288; border-left-width: 4px; color: #8fa442; }

.message-box-info { background: #d8ecf5 url("../img/icons/icon-box-info.png") no-repeat 10px 8px; border: 1px solid #9ac9df; border-left-width: 4px; color: #528da9; }

.message-box-notice { background: #fcf7d9 url("../img/icons/icon-box-notice.png") no-repeat 10px 9px; border: 1px solid #f5dc7d; border-left-width: 4px; color: #c4a21b; }

/*=========================================================================
Testimonial slider
========================================================================= */

#quote-main-wraper .quote-text p { margin-bottom: 10px; font-style: italic; }

#quote-main-wraper .quote-text .quote-name { font-style: normal; display: block; text-align: right; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; }

#quote-main-wraper .quote-text { font-family: Georgia, Times, serif; margin: 0 auto; }

#quote_wrap { background: #FCFCFC url( ../img/quote-mark.png) no-repeat 20px 20px; margin: 110px 0 40px; padding: 20px; border: 1px solid #e7e7e7; position: relative; -webkit-box-sizing:  content-box !important; -moz-box-sizing:  content-box !important; box-sizing:  content-box !important; }

#quote_wrap { -moz-box-sizing: content-box !important; background: url("../img/quote-mark.png") no-repeat scroll 20px 20px #FFFFFF; border: 1px solid #DEDEDE; margin: 10px 0 130px; padding: 30px; position: relative; }

#quote_wrap:after { border-color: #FFFFFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 12px; bottom: -24px; content: ""; display: block; height: 0; left: 30px; margin-left: 16px; position: absolute; width: 0; }

#quote_wrap .qu_media img { border: 2px solid #1ABC9C; border-radius: 50%; float: left; margin-bottom: 20px; margin-right: 10px; padding: 3px; width: 80px; }

#quote_wrap .qu_media { bottom: -150px; color: #1ABC9C; font-style: italic; left: 20px; margin-bottom: 20px; position: absolute; width: 100%; }

#quote_wrap .qu_media h3 { font-size: 20pt; line-height: normal; margin: 0; padding-bottom: 5px; }

/*=========================================================================
Animated circle loader
========================================================================= */

.stats-container {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}

.stats-container li {
display: inline-block;
margin: 30px 4% 55px;
position: relative;
}

.circular-stat {
position: relative;
line-height: normal;
}

.circular-stat .digit-label {
color:  #1ABC9C;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 3.2em;
text-align: center;
display: inline-block;
position: absolute;
top: 11.5%;
width: 75%;
left: 12.5%;
padding: 30px 0 0 30px;
  text-shadow:-1px 1px 0px #fff 
white-space: nowrap;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.circular-stat .text-label {
font-family:'Open Sans', Arial, sans-serif;
color: #333;
font-size:1.5em;
top: 50%;
left: 21.875%;
width: 56.25%;
padding-top: 6px;
display: inline-block;
position: absolute;
text-align: center;
border-top: 1px solid #999;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

span.text-title {
color:  #444;
font-family: 'Open Sans', Arial, sans-serif;
text-align: center;
letter-spacing: -1px;
font-size: 1.3em;
font-weight: 400;
text-shadow: -1px 1px 0px #FFF;
padding: 40px 10px 0 0px;
margin-top: 240px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
z-index: 99999;
display: block;
text-shadow: -1px 1px 0px #fff;
}

span.text-dates{
font-size: 1.5em;
font-family: 'Open Sans', Arial, sans-serif;
color: #999;
text-shadow: -1px 1px 0px #fff;
}


/*=========================================================================
Mac screenshots Start
========================================================================= */

.mac { box-sizing: border-box; width: 78%; height: 241.25px; background: #FFFFFF; border-radius: 10px; padding: 20px; margin: 34px auto 0; position: relative; }

.mac .viewport { height: 100%; position: relative; -webkit-backface-visibility: hidden; }

.mac .viewport .menubar { background: url("../img/mac-menubar.jpg"); width: 100%; height: 3%; position: absolute; top: 0; background-repeat: no-repeat; background-size: 100%; opacity: 1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

.mac .viewport .screen { width: 100%; height: 100%; background: url("../img/mac-desktop.jpg"); background-size: 100%; position: absolute; bottom: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

.mac .viewport .screenshots img { position: absolute; width: 40%; cursor: pointer; top: 50px; box-shadow: 0px 1px 7px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.mac .viewport .screenshots img:nth-child(1) {
 left: 90px;
}
.mac .viewport .screenshots img:nth-child(2) {
 right: 90px;
}

.mac .viewport:hover .menubar { opacity: 0; }

.mac .viewport:hover .screen { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }
.mac .viewport:hover .screenshots img:nth-child(1) {
 left: 20px;
}
.mac .viewport:hover .screenshots img:nth-child(2) {
 right: 20px;
}

.mac:before { content: ""; display: block; position: absolute; top: 7px; left: 49%; width: 7px; height: 7px; border-radius: 50%; background: #C5C9D0; }

.mac .bottom { position: absolute; background: #C3C7CE; width: 125%; height: 13px; bottom: 0; left: -12.5%; border-radius: 0 0 30px 30px; }

.mac .bottom:after { display: block; content: ""; width: 92px; height: 7px; background: #ACB0B7; margin: 0 auto; border-radius: 0px 0px 10px 10px; }


@media (min-width: 1300px) {
.mac { height: 294.25px; margin-top: 0; }
}
@media (min-width: 980px) and (max-width: 1199px) {
.mac { height: 241.25px; margin-top: 34px; }
}
@media (max-width: 979px) {
.mac { height: 294.25px; }
}
@media (min-width: 768px) and (max-width: 979px) {
.mac { height: 189.25px; margin-top: 42px; }
}
@media (max-width: 767px) {
.mac { height: 294.25px; }
}
@media (min-width: 626px) and (max-width: 767px) {
.mac {
    height: 166.25px;
    margin-bottom: 30px;
    margin-top: 0;
    width: 240px;
}
}
@media (max-width: 626px) {
.mac {
    height: 166.25px;
    margin-bottom: 30px;
    margin-top: 0;
    width: 240px;
}
}
@media (max-width: 530px) {
.mac {
    height: 166.25px;
    margin-bottom: 30px;
    margin-top: 0;
    width: 240px;
}
}
@media (min-width: 482px) and (max-width: 625px) {
.mac {
    height: 166.25px;
    margin-bottom: 30px;
    margin-top: 0;
    width: 240px;
}
}
@media (max-width: 480px) {
.mac {
    height: 166.25px;
    margin-bottom: 30px;
    margin-top: 0;
    width: 240px;
}
}
@media (min-width: 320px) and (max-width: 481px) {
.mac {
    height: 166.25px;
    margin-bottom: 30px;
    margin-top: 0;
    width: 240px;
}
}
@media (max-width: 320px) {
.mac {
    height: 166.25px;
    margin-bottom: 30px;
    margin-top: 0;
    width: 240px;
}
}






/*=========================================================================
Carousel Start
========================================================================= */

/* Demo Slides */

#owl-example .item { padding: 30px 0px; margin: 10px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; }

#owl-example .item img { width: auto; margin: 0 auto; display: block; }

#owl-example .item h3 { font-size: 28px; font-weight: 300; margin: 25px 0 0; }

#owl-example .item h4 { margin: 5px 0 0; font-size: 18px; }

.item h1 { margin: inherit; }

.orange { background: #ff8a3c; }

.darkCyan { background: #42bdc2; }

.forestGreen { background: #7fc242; }

.yellow { background: #ffd800; }

.dodgerBlue { background: #388bd1; }

.skyBlue { background: #a1def8; }

.zombieGreen { background: #3fbf79; }

.violet { background: #db6ac5; }

.yellowLight { background: #fee664; }

.steelGray { background: #cad3d0; }

/* More Demo Box */

#example-info h1, #more h1 { margin-top: 40px; }

.demos-row { margin-top: 30px; margin-bottom: 30px; }

.demo-page { margin-top: 0px; margin-bottom: 100px; }

.demo-box { display: block; background: #f3f3f3; text-align: center; font-size: 18px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.demo-box h3 { padding-bottom:20px; margin: 0px; color: #869690; }

.demo-box:hover { text-decoration: none; }

.demo-wrapper { padding: 30px 0px 20px 0px; padding-left: 30px; padding-right: 30px; }

.demo-slide { float: left; }

.demo-slide .bg { background: #aebab6; margin-right: 1px; height: 100%; }

.demo-box:hover .demo-slide .bg { background: #7fc242; }

/* Images */
.demo-images .demo-slide { height: 40px; width: 33.3333333%; }

/* Full */
.demo-full { padding-left: 0px; padding-right: 0px; }

.demo-full .demo-slide { height: 40px; width: 25%; }

/* Custom */
.demo-custom .demo-slide { height: 40px; width: 10%; }

/* One */
.demo-one .demo-slide { height: 40px; width: 100%; }

/* json */

.demo-Json .demo-slide { height: 40px; width: 20%; }

.demo-Json-custom .demo-slide { height: 40px; width: 33.3333333%; }

/* loading icon */

.demo-lazy .demo-slide { height: 40px; width: 33.3333333%; }

.demo-lazy .demo-slide .bg { background: url('../img/AjaxLoader.html') no-repeat center center #aebab6; }

/* Auto Height */
.demo-height .demo-slide { height: 40px; width: 100%; }

/* Changelog  */
#changelog { margin-bottom: 40px; }

#changelog .label { margin-bottom:10px; }

#changelog .log { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e1e6dd; }

/* Faq */
#faq dt { line-height: 26px; }

#faq dd { line-height: 22px; margin-bottom: 20px; }

/* 
 * 	Core Owl Carousel CSS File
 *	v1.24
 */
/* ===================================== */
/* owl carousel*/
/* ===================================== */
    #owl-demo .item { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); border: 1px solid #ECECEC; display: block; padding: 40px 23px; margin: 3px 3px 3px 30px; -moz-box-shadow: 1px 1px 3px 0 rgba(180, 180, 180, 0.2);/*FF 3.5+*/ -webkit-box-shadow: 1px 1px 3px 0 rgba(180, 180, 180, 0.2);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#eeeeee)";/*IE 8*/ box-shadow: 1px 1px 3px 0 rgba(180, 180, 180, 0.2);  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#eeeeee);/*IE 5.5-7*/
-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }

#owl-demo .item:hover { background: none repeat scroll 0 0 rgba(247, 247, 247, 0.8); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.0);/*FF 3.5+*/ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.0);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#ffffff)";/*IE 8*/ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.0);  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#ffffff);/*IE 5.5-7*/
}

#owl-demo .item img { transform: scale(1, 1); -ms-transform: scale(1, 1); /* IE 9 */ -webkit-transform: scale(1, 1); /* Safari and Chrome */ -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }

#owl-demo .item:hover img { transform: scale(1.21, 1.21); -ms-transform: scale(1.21, 1.21); /* IE 9 */ -webkit-transform: scale(1.21, 1.21); /* Safari and Chrome */ -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }

/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; margin: 30px 0; width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel .owl-item { float: left; }

.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }

.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* mouse grab icon */
.grabbing { cursor:url(grabbing.html) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

/* CSS3 Transitions */

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; }

/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease;
 -moz-animation: fadeOut .7s both ease;
 animation: fadeOut .7s both ease;
}

.owl-fade-in { -webkit-animation: fadeIn .7s both ease;
 -moz-animation: fadeIn .7s both ease;
 animation: fadeIn .7s both ease;
}

/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }

.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }

/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both;
 -moz-animation: scaleToFade .7s ease both;
 animation: scaleToFade .7s ease both;
}

.owl-goDown-in { -webkit-animation: goDown .6s ease both;
 -moz-animation: goDown .6s ease both;
 animation: goDown .6s ease both;
}

/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both;
 -moz-animation: scaleUpFrom .5s ease both;
 animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both;
 -moz-animation: scaleUpTo .5s ease both;
 animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes 
empty { 0% {
opacity: 1
}
}
@-moz-keyframes 
empty { 0% {
opacity: 1
}
}
@keyframes 
empty { 0% {
opacity: 1
}
}
@-webkit-keyframes 
fadeIn { 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-moz-keyframes 
fadeIn { 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@keyframes 
fadeIn { 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-webkit-keyframes 
fadeOut { 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@-moz-keyframes 
fadeOut { 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@keyframes 
fadeOut { 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@-webkit-keyframes 
backSlideOut { 25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes 
backSlideOut { 25% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes 
backSlideOut { 25% {
opacity: .5;
transform: translateZ(-500px);
}
 75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes 
backSlideIn { 0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}
@-moz-keyframes 
backSlideIn { 0%, 25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0);
}
}
@keyframes 
backSlideIn { 0%, 25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
transform: translateZ(-500px);
}
 100% {
opacity: 1;
transform: translateZ(0) translateX(0);
}
}
@-webkit-keyframes 
scaleToFade { to {
opacity: 0;
-webkit-transform: scale(.8);
}
}
@-moz-keyframes 
scaleToFade { to {
opacity: 0;
-moz-transform: scale(.8);
}
}
@keyframes 
scaleToFade { to {
opacity: 0;
transform: scale(.8);
}
}
@-webkit-keyframes 
goDown { from {
-webkit-transform: translateY(-100%);
}
}
@-moz-keyframes 
goDown { from {
-moz-transform: translateY(-100%);
}
}
@keyframes 
goDown { from {
transform: translateY(-100%);
}
}
 @-webkit-keyframes 
scaleUpFrom { from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes 
scaleUpFrom { from {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes 
scaleUpFrom { from {
opacity: 0;
transform: scale(1.5);
}
}
 @-webkit-keyframes 
scaleUpTo { to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes 
scaleUpTo { to {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes 
scaleUpTo { to {
opacity: 0;
transform: scale(1.5);
}
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.24
*/

.owl-theme .owl-controls { margin-top: 10px; text-align: center; }

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; }

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span { display: block; width: 26px; height: 6px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.2; background: #000; }

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; }

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(AjaxLoader.html) no-repeat center center }

.com { color: #93a1a1; }

.lit { color: #195f91; }

.pun, .opn, .clo { color: #93a1a1; }

.fun { color: #dc322f; }

.str, .atv { color: #ff8a3c; }

.kwd, .prettyprint .tag { color: #195f91; }

.typ, .atn, .dec, .var { color: #3fbf79; }

.pln { color: #48484c; }

.pun { color:#48484c; }

pre.prettyprint { padding: 20px; background-color: #f3f3f3; border: 0px solid #e1e1e8; }

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin: 0 0 0 40px; /* IE indents via margin-left */ }

ol.linenums li { padding-left: 12px; color: #bebec5; line-height: 20px; text-shadow: 0 1px 0 #fff; }

/*=========================================================================
Carousel End
========================================================================= */



/*=========================================================================
Individual section styles and separators
========================================================================= */

.separators { position: relative; background: #ECEFF1; padding: 60px 0; }


/* Common style for pseudo-elements */
.separators::before, .separators::after {
 position: absolute;
 content: '';
 pointer-events: none;
}

/* Triangles */
.ss-style-triangles::before, .ss-style-triangles::after {
 left: 50%;
 width: 100px;
 height: 100px;
 -webkit-transform: translateX(-50%) rotate(45deg);
 transform: translateX(-50%) rotate(45deg);
}
 .ss-style-triangles::before {
 top: -50px;
 background: #ECEFF1;
}
 .ss-style-triangles::after {
 bottom: -50px;
 z-index: 10;
 background: inherit;
}

/* Double Diagonal line */

.ss-style-doublediagonal { z-index: 1; padding-top: 6em; background: #2072a7; }
 .ss-style-doublediagonal::before, .ss-style-doublediagonal::after {
 top: 0;
 left: -25%;
 z-index: -1;
 width: 150%;
 height: 75%;
 background: inherit;
 -webkit-transform: rotate(-2deg);
 transform: rotate(-2deg);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
 .ss-style-doublediagonal::before {
 height: 50%;
 background: #116094;
 -webkit-transform: rotate(-3deg);
 transform: rotate(-3deg);
 -webkit-transform-origin: 3% 0;
 transform-origin: 3% 0;
}

/* Half Circle */
.ss-style-halfcircle::before, .ss-style-halfcircle::after {
 left: 50%;
 z-index: 10;
 width: 100px;
 height: 100px;
 border-radius: 50%;
 background: inherit;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
}
 .ss-style-halfcircle::before {
 top: -50px;
}
 .ss-style-halfcircle::after {
 bottom: -50px;
}

/* Big Triangle */
svg#bigTriangleColor { pointer-events: none; }

#bigTriangleColor path { fill: #3498db; stroke: #3498db; stroke-width: 2; }

/* Curves */
#curveUpColor path, #curveDownColor path { fill: #3498db; stroke: #3498db; }

/* Multiple Triangles */
.ss-style-multitriangles::before, .ss-style-multitriangles::after {
 left: 50%;
 width: 50px;
 height: 50px;
 -webkit-transform: translateX(-50%) rotate(45deg);
 transform: translateX(-50%) rotate(45deg);
}
 .ss-style-multitriangles::before {
 top: -25px;
 background: inherit;
 box-shadow: -50px 50px 0 #3498db, 50px -50px 0 #3498db;
}
 .ss-style-multitriangles::after {
 bottom: -25px;
 z-index: 10;
 background: inherit;
 box-shadow: -50px 50px 0 #3498db, 50px -50px 0 #3498db;
}

/* Rounded corners */
.ss-style-roundedcorners::before {
 top: 100%;
 left: 0;
 z-index: 10;
 width: 100%;
 height: 60px;
 border-radius: 0 0 60px 60px;
 background: inherit;
}

/* Rounded center split and bottom rounded */
.ss-style-roundedsplit { margin-top: 70px; }
 .ss-style-roundedsplit::before, .ss-style-roundedsplit::after {
 top: -70px;
 left: 0;
 z-index: 10;
 width: 50%;
 height: 70px;
 background: inherit;
 border-top: 1px solid #DDE5EA;
}
 .ss-style-roundedsplit::before {
 border-radius: 0 80px 0 0;
}
 .ss-style-roundedsplit::after {
 left: 50%;
 border-radius: 80px 0 0 0;
}

/* Inverted rounded corners */
.ss-style-invertedrounded { margin-bottom: 90px; padding: 13em 10% 10em; border-radius: 0 0 0 90px; }
 .ss-style-invertedrounded::before, .ss-style-invertedrounded::after {
 left: 0;
 z-index: -1;
 height: 90px;
 background: #3498db;
}
 .ss-style-invertedrounded::before {
 top: 100%;
 width: 100%;
 border-radius: 0 90px 0 0;
}
 .ss-style-invertedrounded::after {
 bottom: 0;
 z-index: -1;
 width: 50%;
}

/* Boxes */
.ss-style-boxes { padding-top: 4em; padding-bottom: 13em; }
 .ss-style-boxes::before {
 bottom: 0;
 left: 0;
 width: 100%;
 height: 50px;
 background-image: -webkit-gradient(linear, 100% 0, 0 100%, color-stop(0.5, #3498db), color-stop(0.5, #2980b9));
 background-image: linear-gradient(to right, #3498db 50%, #2980b9 50%);
 -webkit-background-size: 130px 100%;
 background-size: 130px 100%;
}

/* Zig Zag (3d up and simple down) */
.ss-style-zigzag::before, .ss-style-zigzag::after {
 right: 0;
 left: 0;
 z-index: 10;
 display: block;
 height: 90px;
 background-size: 50px 100%;
}
 .ss-style-zigzag::before {
 top: -90px;
 background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, transparent), color-stop(0.25, #3498db));
 background-image:
 linear-gradient(315deg, #3093d5 25%, transparent 25%), linear-gradient( 45deg, #3498db 25%, transparent 25%);
 background-position: 50%;
}
 .ss-style-zigzag::after {
 top: 100%;
 background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #3498db), color-stop(0.25, #2980b9));
 background-image: 
 linear-gradient(135deg, #3498db 25%, transparent 25%), linear-gradient(225deg, #3498db 25%, transparent 25%);
 background-position: 50%;
}

/* Edges */
.ss-style-roundedges { padding-bottom: 16em; }
 .ss-style-roundedges::before, .ss-style-roundedges::after {
 width: 200px;
 height: 200px;
 border-radius: 50%;
 background: #ECEFF1;
 top: -100px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
 .ss-style-roundedges::before {
 left: -100px;
}
 .ss-style-roundedges::after {
 right: -100px;
}

/* Slit */
.ss-style-slit { padding-top: 5em; }
 .ss-style-slit::before, .ss-style-slit::after {
 width: 50.5%;
 width: -webkit-calc(50% + 10px);
 width: -moz-calc(50% + 10px);
 width: calc(50% + 10px);
 height: 160px;
 background: #ECEFF1;
 top: -160px;
}
 .ss-style-slit::before {
 left: -20px;
 -webkit-transform: skewX(10deg);
 transform: skewX(10deg);
 box-shadow: -10px -20px #3192d3;
}
 .ss-style-slit::after {
 right: -20px;
 -webkit-transform: skewX(-10deg);
 transform: skewX(-10deg);
 box-shadow: 10px -20px #3192d3;
}

/* Big half circle */
#bigHalfCircle path { fill: #3498db; stroke: #3498db; }

/* Big triangle with shadow */

#trianglePath1 { fill: #3498db; stroke: #3498db; }

#trianglePath2 { fill: #2072a7; stroke: #2072a7; }

/* Inclined Zig Zag */
.ss-style-inczigzag::before, .ss-style-inczigzag::after {
 left: 0;
 width: 100%;
 height: 50px;
 background-size: 100px 100%;
}
 .ss-style-inczigzag::before {
 top: 0;
 background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #2980b9), color-stop(0.5, #3498db));
 background-image: linear-gradient(15deg, #3498db 50%, #2980b9 50%);
}
 .ss-style-inczigzag::after {
 bottom: 0;
 background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #3498db), color-stop(0.5, #2980b9));
 background-image: linear-gradient(15deg, #2980b9 50%, #3498db 50%);
}

/* Castle */
.ss-style-castle::before {
 left: 0;
 width: 100%;
 height: 50px;
 background-size: 200px 100%;
 top: 0;
 background-image: -webkit-linear-gradient(40deg, #3498db 50%, #2980b9 50%);
 background-image: linear-gradient(40deg, #3498db 50%, #2980b9 50%);
}

/* Alternative slit with inner shadow */
#slitPath1 { fill: #3498db; stroke: red; stroke-width: 0; }

#slitPath2, #slitPath3 { fill: #2072a7; }

/* Folded corner */
.ss-style-foldedcorner::before, .ss-style-foldedcorner::after {
 bottom: 0;
 width: 100px;
 height: 100px;
}
 .ss-style-foldedcorner::before {
 right: 0;
 background-image: -webkit-linear-gradient(top left, #37a2ea 50%, #3498db 50%);
 background-image: linear-gradient(315deg, #3498db 50%, #37a2ea 50%);
}
 .ss-style-foldedcorner::after {
 right: 100px;
 background-image: -webkit-linear-gradient(top left, transparent 50%, #236fa1 50%);
 background-image: linear-gradient(315deg, #236fa1 50%, transparent 50%);
}

/* Dots */
.ss-style-dots::before {
 bottom: 20px;
 width: 14px;
 height: 14px;
 border-radius: 50%;
 left: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 background: #2072a7;
 box-shadow: 30px 0 #2072a7, -30px 0 #2072a7;
}

/* Double Line */
.ss-style-doubleline::before {
 bottom: 30px;
 width: 140px;
 height: 2px;
 left: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 background: #2072a7;
 box-shadow: 0 30px 0 #2072a7;
}

/* Cross */
.ss-style-cross { padding-bottom: 15em; }
 .ss-style-cross::before, .ss-style-cross::after {
 background: #2072a7;
 bottom: 70px;
 width: 200px;
 height: 2px;
 left: 50%;
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
}
 .ss-style-cross::before {
 -webkit-transform: translateX(-50%) rotate(45deg);
 transform: translateX(-50%) rotate(45deg);
}
 .ss-style-cross::after {
 -webkit-transform: translateX(-50%) rotate(-45deg);
 transform: translateX(-50%) rotate(-45deg);
}

/* Stamp */
#stamp path { fill: #3498db; stroke: #3498db; /* avoid gap in FF */ }

/* Clouds */
#clouds path { fill: #ecf0f1; stroke: #ecf0f1; }

/*=========================================================================
News Ticker
========================================================================= */
#news_ticker { height: 31px; margin: 20px auto; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 3px; position: relative; }

#news_ticker span { float: left; color: rgba(0, 0, 0, .8); color: #fff; background: #00425a; padding: 2px 16px; position: relative; border-radius: 4px; font-size: 12px; -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.5); background: #4A5664; background: -moz-linear-gradient(top, #4A5664 0%, #3A4654 100%); background: -webkit-linear-gradient(top, #4A5664 0%, #3A4654 100%); background: -o-linear-gradient(top, #4A5664 0%, #3A4654 100%); background: -ms-linear-gradient(top, #4A5664 0%, #3A4654 100%); background: linear-gradient(top, #4A5664 0%, #3A4654 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4A5664', endColorstr='#3A4654', GradientType=0 );
}

/* Next Button */
#news_ticker span.next { border-right: none; }

#news_ticker span.next:after { content: ''; position: absolute; height: 48%; width: 15px; background: #414d5b; background: -moz-linear-gradient(top, #414d5b 0%, #3A4654 100%); background: -webkit-linear-gradient(top, #414d5b 0%, #3A4654 100%); background: -o-linear-gradient(top, #414d5b 0%, #3A4654 100%); background: -ms-linear-gradient(top, #414d5b 0%, #3A4654 100%); background: linear-gradient(top, #414d5b 0%, #3A4654 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414d5b', endColorstr='#3A4654', GradientType=0 );
right: -5px; bottom: 1px; -webkit-transform: skew(-35deg, 0); -moz-transform: skew(-35deg, 0); -o-transform: skew(-35deg, 0); -ms-transform: skew(-35deg, 0); transform: skew(-35deg, 0); }

#news_ticker span.next:before { content: ''; position: absolute; background: #4A5664; background: -moz-linear-gradient(top, #4A5664 0%, #414d5b 100%); background: -webkit-linear-gradient(top, #4A5664 0%, #414d5b 100%); background: -o-linear-gradient(top, #4A5664 0%, #414d5b 100%); background: -ms-linear-gradient(top, #4A5664 0%, #414d5b 100%); background: linear-gradient(top, #4A5664 0%, #414d5b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4A5664', endColorstr='#414d5b', GradientType=0 );
height: 50%; width: 15px; border-right: 1px solid #646e7a; top: 1px; right: -5px; -webkit-transform: skew(35deg, 0); -moz-transform: skew(35deg, 0); -o-transform: skew(35deg, 0); -ms-transform: skew(35deg, 0); transform: skew(35deg, 0); }

#news_ticker ul { float: left; padding-left: 20px; -webkit-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite; -moz-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite; -ms-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite; animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite; }

#news_ticker ul:hover { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -ms-animation-play-state: paused; animation-play-state: paused; }

#news_ticker li { line-height: 26px; }

#news_ticker a { color: #fff; text-decoration: none; font-size: 13px; }
 @-webkit-keyframes 
ticker { 0% {
margin-top: 0;
}
 25% {
margin-top: -26px;
}
 50% {
margin-top: -52px;
}
 75% {
margin-top: -78px;
}
 100% {
margin-top: 0;
}
}
@-moz-keyframes 
ticker { 0% {
margin-top: 0;
}
 25% {
margin-top: -26px;
}
 50% {
margin-top: -52px;
}
 75% {
margin-top: -78px;
}
 100% {
margin-top: 0;
}
}
@-ms-keyframes 
ticker { 0% {
margin-top: 0;
}
 25% {
margin-top: -26px;
}
 50% {
margin-top: -52px;
}
 75% {
margin-top: -78px;
}
 100% {
margin-top: 0;
}
}
@keyframes 
ticker { 0% {
margin-top: 0;
}
 25% {
margin-top: -26px;
}
 50% {
margin-top: -52px;
}
 75% {
margin-top: -78px;
}
 100% {
margin-top: 0;
}
}

/*=========================================================================
Message Boxes
========================================================================= */
.message-box { position: relative; margin: 0 0 20px; padding: 10px 20px; font-size: 14px; line-height: 1.2em; border-width: 1px; border-style: solid; }

.message-box strong { float: left; font-size: 12px; line-height:16px; font-family: 'Open Sans', Arial, Tahoma, sans-serif; font-weight: 800; text-shadow: 0 0; padding: 0 7px 0 0; text-transform: capitalize; }

.message-box .closemsg { position: absolute; display: block; width: 9px; height: 10px; right: 12px; top: 14px; background-position: 0 0; background-repeat: no-repeat; cursor: pointer; }

.message-box.info { background-color: #dff2fa; color: #2e7893; border-color: #85cfec; }

.message-box.info .closemsg { background-image: url(../img/icons/close-info.png); }

.message-box.note { background-color: #f8f2cb; color: #8f5c0b; border-color: #edca42; }

.message-box.note .closemsg { background-image: url(../img/icons/close-note.png); }

.message-box.confirm { background-color: #e5f2c0; color: #4a630e; border-color: #aacf49; }

.message-box.confirm .closemsg { background-image: url(../img/icons/close-confirm.png); }

.message-box.error { background-color: #ffd4d4; color: #cd0a0a; border-color: #d97676; }

.message-box.error .closemsg { background-image: url(../img/icons/close-error.png); }

/*=========================================================================
social
========================================================================= */

ul#social { display: inline-block; list-style: none outside none; margin: 0; width: 100%; }

#social a { display: block; float: left; height: 32px; margin: 0 9px 9px 0; width: 32px; }

#social a img { border: medium none; }

/*=========================================================================
blockquotes
========================================================================= */

blockquote { font-size: 14px; line-height: 1.8em; font-family: 'georgia'; font-style: italic; margin-bottom: 30px; padding-left: 40px; }

blockquote.black { background: url("../img/icons/qoute.png") no-repeat scroll 10px 30px #4A5151; color: #fff; padding: 30px 30px 10px; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; behavior: url(css/PIE.html); }

blockquote.blue { background: url("../img/icons/qoute.png") no-repeat scroll 10px 30px #3D5B99; color: #fff; float: right; padding: 30px 30px 10px; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; behavior: url(css/PIE.html); }

blockquote.red { background: url("../img/icons/qoute.png") no-repeat scroll 10px 30px #D82B31; color: #fff; float: right; padding: 30px 30px 10px; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; behavior: url(css/PIE.html); }

/*=========================================================================
dropcap
========================================================================= */

.dropcap { float: left; font: 30px 'OpenSansBold'; margin-right: 15px; }

.dropcap2 { background: none repeat scroll 0 0 #222; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; color: #fff; float: left; font: 18px 'OpenSansBold'; margin-right: 15px; padding: 8px 15px; text-shadow: 0 1px 1px #333; behavior: url(css/PIE.html); }

.dropcap3 { background: none repeat scroll 0 0 #3D5B99; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; color: #fff; float: left; font: 18px 'OpenSansBold'; margin-right: 15px; padding: 8px 15px; text-shadow: 0 1px 1px #333; behavior: url(css/PIE.html); }

.dropcap4 { background: none repeat scroll 0 0 #D82B31; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; color: #fff; float: left; font: 18px 'OpenSansBold'; margin-right: 15px; padding: 8px 15px; text-shadow: 0 1px 1px #333; behavior: url(css/PIE.html); }

.dropcap5 { background: url("../img/button-shadow.html") repeat-x scroll 50% 0 #eee; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #333; float: left; font: 18px 'OpenSansBold'; margin-right: 15px; padding: 8px 15px; text-shadow: 0 1px 1px #fff; behavior: url(css/PIE.html); }

.dropcap6 { background: url("../img/button-shadow.html") repeat-x scroll 50% 0 #777; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #fff; float: left; font: 18px 'OpenSansBold'; margin-right: 15px; padding: 8px 15px; text-shadow: 0 1px 1px #333; behavior: url(css/PIE.html); }

.dropcap7 { background: url("../img/button-shadow.html") repeat-x scroll 50% 0 #3D5B99; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #fff; float: left; font: 18px 'OpenSansBold'; margin-right: 15px; padding: 8px 15px; text-shadow: 0 1px 1px #333; behavior: url(css/PIE.html); }

.dropcap8 { background: url("../img/button-shadow.html") repeat-x scroll 50% 0 #D82B31; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #fff; float: left; font: 18px 'OpenSansBold'; margin-right: 15px; padding: 8px 15px; text-shadow: 0 1px 1px #333; behavior: url(css/PIE.html); }

.dropcap9 { background: none repeat scroll 0 0 #40AED7; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #fff; float: left; font: 18px 'OpenSansBold'; margin-right: 15px; padding: 8px; text-shadow: 0 1px 1px #333; behavior: url(css/PIE.html); }

/*=========================================================================
TOOLTIP TIPSY
========================================================================= */

.tipsy { background-image: url("images/tipsy.html"); background-repeat: no-repeat; font-size: 11px; opacity: 0.8; padding: 5px; }

.tipsy-inner { background-color: black; color: #FFFFFF; max-width: 200px; padding: 0 6px; text-align: center; }

.tipsy-inner { border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; behavior: url(css/PIE.html); }

.tipsy-north { background-position: center top; }

.tipsy-south { background-position: center bottom; }

.tipsy-east { background-position: right center; }

.tipsy-west { background-position: left center; }

/*=========================================================================
Site big Alert boxes
========================================================================= */

.connected { background: url("../img/icons/info-1.png") no-repeat scroll 15px 50% #E1F2FC; border: 1px solid #68A2CF; color: #64757F; display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding: 30px 20px 30px 105px; }

.failed { background: url("../img/icons/error-1.png") no-repeat scroll 15px 50% #FEEBEB; border: 1px solid #7E6C6C; color: #697A58; display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding: 30px 20px 30px 105px; }

.remove { background: url("../img/icons/alert-1.html") no-repeat scroll 15px 50% #FEF7E0; border: 1px solid #E6C555; color: #79725B; display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding: 30px 20px 30px 105px; }

.remove a { color: #79725B; }

.remove a:hover { color: #000; }

.add { background: url("../img/icons/download-1.png") no-repeat scroll 15px 50% #EEFFDD; border: 1px solid #A3C159; color: #697A58; display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding: 30px 20px 30px 105px; }

.add a { color: #697A58; }

.add a:hover { color: #000; }

/* ===================================== */
/* Portfolio*/
/* ===================================== */

.holder { margin: 0; }

.holder .featured-thumbnail { margin: 0 0 30px; }

.holder .featured-thumbnail .portfolio-overlay img { width: 100%; }

/*=========================================================================
Sitemap
========================================================================= */

.treeview, .treeview ul { padding: 0; margin: 0; list-style: none; }

.treeview ul { margin-top: 4px; }

.treeview .hitarea { background: url("../img/icons/treeview-default.gif") -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; }

/* fix for IE6 */
* html .hitarea { display: inline; float:none; }

.treeview li { margin: 0; padding: 3px 0pt 3px 16px; }

.treeview a.selected { }

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: #1ABC9C; cursor: pointer; }

.treeview li { background: url("../img/icons/treeview-default-line.gif") 0 0 no-repeat; }

.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }

.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url("../img/icons/treeview-default.gif"); }

.treeview li.lastCollapsable { background-position: 0 -111px }

.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url("../img/icons/treeview-red-line.gif"); }

.filetree span, .treeview li a, .treeview-red li span { line-height: 13px; padding-left: 3px; }

.treeview-black li span, .treeview-gray li span { line-height: 13px; padding-left: 3px; }

#treecontrol a { color: #1ABC9C; font-size: 11px; line-height: 9px; padding-right: 10px; }

.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url("../img/icons/treeview-red.gif"); }

.treeview-black li { background-image: url("../img/icons/treeview-black-line.gif"); }

.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url("../img/icons/treeview-black.gif"); }

.treeview-gray li { background-image: url("../img/icons/treeview-gray-line.gif"); }

.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url("../img/icons/treeview-gray.gif"); }

.treeview-famfamfam li { background-image: url("../img/icons/treeview-famfamfam-line.gif"); }

.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url("../img/icons/treeview-famfamfam.gif"); }

.treeview .placeholder { background: url("../img/icons/ajax-loader.html") 0 0 no-repeat; height: 16px; width: 16px; display: block; }

.filetree li { padding: 3px 0 2px 16px; }

.filetree span.folder, .filetree span.file { padding: 1px 0 1px 21px; display: block; }

.filetree span.folder { background: url("../img/icons/folder.png") 0 0 no-repeat; }

.filetree li.expandable span.folder { background: url("../img/icons/folder-closed.png") 0 0 no-repeat; }

.filetree span.file { background: url("../img/icons/file.png") 0 0 no-repeat; }

/*=========================================================================
Pagination
========================================================================= */

.pagination { height: 36px; }

.pagination ul { display: inline-block; *display: inline;
margin-bottom: 0; margin-left: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; *zoom: 1;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); behavior: url(css/PIE.html); }

.pagination li { display: inline; }

.pagination a { background-color: #eee; float: left; padding: 0 14px; line-height: 34px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; }

.pagination a:hover, .pagination .active a { background-color: #fff; }

.pagination .active a { background-color: #fff; color: #888; cursor: default; }

.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover { background-color: #eee; color: #888; cursor: default; }

.pagination li:first-child a { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; behavior: url(css/PIE.html); }

.pagination li:last-child a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; behavior: url(css/PIE.html); }

.pagination-centered { text-align: center; }

.pagination-right { text-align: right; }



/*=========================================================================
Progress Bar
========================================================================= */

@-webkit-keyframes 
progress-bar-stripes { from {
 background-position: 40px 0;
}

to { background-position: 0 0; }
}
 @-moz-keyframes 
progress-bar-stripes { from {
 background-position: 40px 0;
}

to { background-position: 0 0; }
}
 @-ms-keyframes 
progress-bar-stripes { from {
 background-position: 40px 0;
}

to { background-position: 0 0; }
}
 @-o-keyframes 
progress-bar-stripes { from {
 background-position: 0 0;
}

to { background-position: 40px 0; }
}
 @keyframes 
progress-bar-stripes { from {
 background-position: 40px 0;
}

to { background-position: 0 0; }
}

.progress { height: 18px; margin-bottom: 18px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(top, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(css/PIE.html); }

.progress .bar { width: 0%; height: 18px; color: #ffffff; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -ms-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(top, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -ms-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; behavior: url(css/PIE.html); }

.progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; behavior: url(css/PIE.html); }

.progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; behavior: url(css/PIE.html); }

.progress-danger .bar { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
behavior: url(css/PIE.html); }

.progress-danger.progress-striped .bar { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); font-size: 11px; font-weight: bold; line-height: 17px; padding: 0 0 0 10px; text-align: left; text-transform: uppercase; behavior: url(css/PIE.html); }

.progress-success .bar { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(top, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
behavior: url(css/PIE.html); }

.progress-success.progress-striped .bar { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); font-size: 11px; font-weight: bold; line-height: 17px; padding: 0 0 0 10px; text-align: left; text-transform: uppercase; behavior: url(css/PIE.html); }

.progress-info .bar { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(top, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
behavior: url(css/PIE.html); }

.progress-info.progress-striped .bar { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); font-size: 11px; font-weight: bold; line-height: 17px; padding: 0 0 0 10px; text-align: left; text-transform: uppercase; behavior: url(css/PIE.html); }

.progress-warning .bar { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
behavior: url(css/PIE.html); }

.progress-warning.progress-striped .bar { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); font-size: 11px; font-weight: bold; line-height: 17px; padding: 0 0 0 10px; text-align: left; text-transform: uppercase; behavior: url(css/PIE.html); }

/*=========================================================================
Accordion
========================================================================= */

/*accordion 1*/

#f-accordion { position: relative; margin: 0 auto 60px; }

#f-accordion h3 { margin:5px 0 0; padding:15px; font-size:17px; font-weight: 400; color:#0CAF8F; position: relative; overflow: hidden; background-color: #FFFFFF; -webkit-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); -moz-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); border:1px solid #DEDEDE; text-shadow: 0 1px 1px #FFFFFF; outline: 0; cursor:pointer; }

#f-accordion h3:hover { background:#FFFFFF; }

#f-accordion .ui-accordion-header-active span { background: url("../img/accordion-close.png") no-repeat scroll right center rgba(0, 0, 0, 0); display: inline-block; width: 39px; position: absolute; height: 80px; right: 0; top: -14px; }

#f-accordion h3 span { background: url("../img/accordion-open.png") no-repeat scroll right center rgba(0, 0, 0, 0); display: inline-block; width: 39px; position: absolute; height: 80px; right: 0; top: -14px; }

#f-accordion div { position:relative; margin:-1px 0 0; padding:15px; background:#fff; border:1px solid #DEDEDE; }

#f-accordion div:after { position: absolute; top: -14px; left: 25px; display: block; width: 0; height: 0; margin-left: -7px; border-width: 7px; border-style: solid; border-color: transparent transparent #fff transparent; content: ''; }

/*accordion 2*/
#accordion { width:100%; }

#accordion .accordion-wrapper { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #F3F3F3; padding:22px 22px 7px 22px; }

#accordion .accordion-wrapper .img-border { display: inline-block; float: left; margin: 4px 20px 0 0; }

#accordion p { border:none; text-decoration:none; }

#accordion a { background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-color: #F9F9F9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); -moz-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); cursor:pointer; color: #999; display:block; padding: 0; margin-top:-1px; font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; font-weight:bold; border:1px solid #DDDDDD; text-shadow: 0 1px 1px #FFFFFF; text-transform: uppercase; }

#accordion a:hover { color:#333; background: #eee; }

#accordion a.selected { color:#333; }

#accordion a span { background: url("../img/accordion-open.png") no-repeat scroll right center transparent; display:block; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; font-weight: 700; padding:10px 22px; }

#accordion a.selected span { background: url("../img/accordion-close.png") no-repeat scroll right center transparent; display:block; padding:10px 22px; }

.faq-accordion span { font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; font-weight: 700; }

.faq-accordion .qa-text { display: block; padding-left: 30px; }

.faq-accordion .qa { color: #D73604; float: left; font-weight: 700; padding-right: 12px; }

.faq-accordion p { padding: 0 0 0 30px; }

/*=========================================================================
TABS 1
========================================================================= */

/* Left nav */

#tabs3-left-dark #tabs_container_dark p { color: #616161; text-shadow: 0 0 0; }

#tabs3-left-dark > ul { float: left; position: relative; width: 25%; -moz-box-shadow:  0 1px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow:  0 1px 6px rgba(0, 0, 0, 0.2); box-shadow:  0 1px 6px rgba(0, 0, 0, 0.2); }

#tabs3-left-dark ul li a { background: none repeat scroll 0 0 #2F343A; border: 0 none; -moz-box-shadow: 0 1px 0 #21262C inset;/*FF 3.5+*/ -webkit-box-shadow: 0 1px 0 #21262C inset;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 0 1px 0 #21262C inset; color: #FFFFFF; display: block; margin-bottom: -1px; padding: 20px; }

#tabs3-left-dark .tabulous_active { background: none repeat scroll 0 0 white !important; border: 0 none !important; -moz-box-shadow: 3px 0px 0px #D13636 inset !important;/*FF 3.5+*/ -webkit-box-shadow: 3px 0px 0px #D13636 inset !important;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 3px 0px 0px #D13636 inset !important; color: #D13636 !important; margin-right: -1px; position: relative; z-index: 10; }

#tabs_container_dark { padding: 40px; overflow: hidden; position: relative; background: white; -moz-box-shadow:  0 1px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow:  0 1px 6px rgba(0, 0, 0, 0.2); box-shadow:  0 1px 6px rgba(0, 0, 0, 0.2); z-index: 1; }

/* top nav */

#tabs, #tabs2, #tabs3, #tabs4, #tabs5 { width: 100%; margin: 0 auto 60px; }

#tabs > ul, #tabs2 > ul, #tabs2 > ul, #tabs3 > ul, #tabs4 > ul { display: inline-block; margin: 0 0 -7px; position: relative; z-index: 2; }

#tabs li, #tabs2 li, #tabs3 li, #tabs4 li, #tabs5 li { float: left; margin-right: 2px; }

#tabs li a, #tabs2 li a, #tabs3 li a, #tabs4 li a, #tabs5 li a { display: block; padding: 17px 30px; background: #1ABC9C; border: 1px solid #1ABC9C; font-size: 17px; font-weight: 400; text-decoration: none; color: #FFFFFF; }

#tabs li a:hover, #tabs2 li a:hover, #tabs3 li a:hover, #tabs4 li a:hover, #tabs5 li a:hover { background: none repeat scroll 0 0 #333333; border: 1px solid #111111; }

#tabs_container { padding: 40px; overflow: hidden; position: relative; background: white; border: 1px solid #DEDEDE;  -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 1; }

#tabs_container div { margin-right: 40px; }

.transition { -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
 -webkit-transition-delay: .3s;
 -moz-transition-delay: .3s;
 -o-transition-delay: .3s;
 -ms-transition-delay: .3s;
 transition-delay: .3s;
}

.make_transist { -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}

.hidescale { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); filter: alpha(opacity=0); opacity: 0; }

.showscale { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s;
 -moz-transition-delay: .3s;
 -o-transition-delay: .3s;
 -ms-transition-delay: .3s;
 transition-delay: .3s;
}

.hideleft { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }

.showleft { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s;
 -moz-transition-delay: .3s;
 -o-transition-delay: .3s;
 -ms-transition-delay: .3s;
 transition-delay: .3s;
}

.hidescaleup { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }

.showscaleup { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s;
 -moz-transition-delay: .3s;
 -o-transition-delay: .3s;
 -ms-transition-delay: .3s;
 transition-delay: .3s;
}

.hideflip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: rotatey(-90deg) scale(1.1); -moz-transform: rotatey(-90deg) scale(1.1); -o-transform: rotatey(-90deg) scale(1.1); -ms-transform: rotatey(-90deg) scale(1.1); transform: rotatey(-90deg) scale(1.1); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }

.showflip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s;
 -moz-transition-delay: .3s;
 -o-transition-delay: .3s;
 -ms-transition-delay: .3s;
 transition-delay: .3s;
-webkit-transform: rotatey(0deg) scale(1); -moz-transform: rotatey(0deg) scale(1); -o-transform: rotatey(0deg) scale(1); -ms-transform: rotatey(0deg) scale(1); transform: rotatey(0deg) scale(1); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }

.tabulous_active { background: white !important; color: #1ABC9C !important; border-top: 1px solid #DEDEDE !important; border-right: 1px solid #DEDEDE !important; border-bottom: 1px solid #FFFFFF !important; border-left: 1px solid #DEDEDE !important; }

.tabulousclear { display: block; clear: both; }

/*=========================================================================
TABS 2
========================================================================= */

.tabs { padding:30px; height:auto!important; position:relative; border-bottom: 1px solid #f3f3f3; }

.tab-menu { margin: 0; padding: 0; float: left; list-style: none; height: 40px; border-bottom: 1px solid #f3f3f3; width: 100% !important; }

.tab-menu li { float: left; margin:0 1px 0 0 !important; padding:0; line-height: 31px; border-top: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; border-bottom: 1px solid #fff; margin-bottom: -1px; overflow: hidden; position: relative; background: none repeat scroll 0 0 #f3f3f3; width: auto !important; }

.tab-menu li a { text-decoration: none; color: #333; display: block; font-size:12px; font-weight:bold; padding:4px 15px 4px 15px; outline: none; text-shadow:0 1px 1px #fff; }

.tab-menu li a:hover { background: none repeat scroll 0 0 #e7e7e7; }

html .tab-menu li.active, html .tab-menu li.active a:hover { background: none repeat scroll 0 0 #fff; width: auto; }

/*TAB CONTAINER*/
.tab-container { border:1px solid #f3f3f3; border-top: none; overflow: hidden; clear:both; float: left; width:99.7%; margin-bottom:30px; background: none repeat scroll 0 0 #FFFFFF; }

.tab-content-1 { padding:22px 22px 7px 22px; position:relative; }

.tab-container-two { border:1px solid #f3f3f3; border-top: none; overflow: hidden; clear:both; float: left; width:442px; margin-bottom: 0; background: none repeat scroll 0 0 #fff; }

.tab-content-img1 { background: none repeat scroll 0 0 #fff; border: 1px solid #f3f3f3; padding: 4px; margin: 4px 10px 10px 0; float: left; }

.tab-content-img2 { background: none repeat scroll 0 0 #fff; border: 1px solid #f3f3f3; padding: 4px; margin: 4px 0 10px 10px; float: right; }


/****************TAB CONTAINER 2****************/






/*=========================================================================
Price Start
========================================================================= */

.price-table-two .price-column { width: 50%; }

.price-table-three .price-column { width: 33%; }

.price-table-four .price-column { width: 25%; }

.price-table-five .price-column { width: 20%; }

.price-table { }

.price-column { float: left; margin: 10px 0; }

.price-column strong, strong a { font-size: 12px; font-family: 'OpenSansBold', Arial; line-height: 22px; }

.price-column ul li, .price-column h4 { text-align: center; }

.price-column .first { background-color: #FAFAFA; margin: 0 0 0; padding-bottom: 17px; }

.price-column ul { list-style-type: none; margin: 0; }

.price-column .last { background: none repeat scroll 0 0 transparent; padding: 17px 10px 17px 10px; }

.price-column ul li { background: url("../img/price-list.png") repeat-x scroll 0 100% transparent; color: #666666; padding: 10px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); }

.price-column h4 { border-bottom: 0 none; font-size: 18px; line-height: 36px; margin: 0; padding: 0; text-transform: uppercase; }

.price-column-featured h4 { font-size: 26px; line-height: 46px; }

.price-column-featured ul { padding-bottom: 11px; }

.price-column-first h4, .price-column-first { border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; -webkit-border-radius: 3px 0 0 0; behavior: url(css/PIE.html); }

.price-column-first { border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; behavior: url(css/PIE.html); }

.price-column-last h4, .price-column-last { border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; -webkit-border-radius: 0 3px 0 0; behavior: url(css/PIE.html); }

.price-column-last { border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; behavior: url(css/PIE.html); }

.price-column h4 { background-color: #1a80b3; color: #fff; }

.price-column-even h4 { background-color: #333333; }

.price-column-first h4, .price-column-last h4 { background-color: #444444; }

.price-column .price-tag { color: #333; text-shadow: 0 0 0; }

.price-column .button { display:inline-block; padding:8px 14px; color:#333; text-decoration:none; font-size:11px; line-height:1.2em; background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #fff, #f3f3f3); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #fff, #f3f3f3); /* FF3.6 */ background-image: -ms-linear-gradient(top, #fff, #f3f3f3); /* IE10 */ background-image: -o-linear-gradient(top, #fff, #f3f3f3); /* Opera 11.10+ */ background-image: linear-gradient(top, #fff, #f3f3f3); font-weight:bold; font-family:Arial, Helvetica, sans-serif; box-shadow:1px 1px 2px rgba(0, 0, 0, .2); -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; behavior: url(css/PIE.html); margin-right:5px; }

.price-column .button:hover { background:#303030; color:#fff; text-decoration:none; }

.price-column { background-color: #FCFCFC; position: relative; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); behavior: url(css/PIE.html); }

.price-column-even { background-color: #FEFEFE; box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); behavior: url(css/PIE.html); z-index: 3; }

.price-column li.even { color: #555555; }

.price-column-featured { background-color: #fff; margin: 0; position: relative; margin-bottom: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; behavior: url(css/PIE.html); z-index: 9; }

.price-column-featured h4 { background-color: #1ABC9C; color: #FFFFFF; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; behavior: url(css/PIE.html); }

.price-tag .price-value { display: block; font-family: 'Open Sans', Arial, sans-serif; font-size: 40px; line-height: 40px; margin-bottom: 8px; }

.price-tag .big { font-size: 46px; line-height: 43px; margin-bottom: 5px; }

.price-tag .price-period { font-size: 14px; line-height: 16px; }

/*=========================================================================
Price Table
========================================================================= */

table { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); border: 4px solid rgba(0, 0, 0, 0.3); margin-bottom: 25px; width: 99.999%; }

table tr th { background: none repeat scroll 0 0 #FDDD04; border-right: 1px solid #31530d; color: #000; font: italic 20px 'georgia' !important; margin: 0; padding: 6px 0px; text-align: left; text-shadow: 0 1px 1px #ffea59; text-align: center; vertical-align: middle; }

table tr td { border-bottom: 1px solid #31530d; border-right: 1px solid #31530d; padding: 6px 6px; vertical-align: middle; }

table tr td img { vertical-align: middle; }

table tr th { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.1); color: #FFFFFF; font: italic 20px 'georgia' !important; margin: 0; text-shadow: 0 1px 1px #6A93AD; text-align: center; vertical-align: middle; }

table tr td { color: #fff; border-bottom: 1px dashed rgba(255, 255, 255, 0.1); border-right: 1px dashed rgba(255, 255, 255, 0.1); }

table tr { height: 60px; }

td.rates { font: italic 20px 'georgia' !important; margin: 0; text-align: center; }

a.table-button:link, a.table-button:visited { padding: 6px !important; }

table .text { font-size: 12px; text-transform: uppercase; color: #FFFF92; font-family: 'OpenSansBold'; font-weight: normal; text-shadow: 0 1px 1px #fff; }

.tr-none-1 { display: none; }

table.table-red { background: none repeat scroll 0 0 #D82B31; }

table.table-green { background: none repeat scroll 0 0 #51A351; }

table.table-blue { background: none repeat scroll 0 0 #3D5B99; }

table.table-black { background: none repeat scroll 0 0 #777; }

/*=========================================================================
Price List
========================================================================= */
.price-list-1 { padding:0 0 20px 1px; }

.price-list-1 li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); color: #EB4D3A; font-size: 13px; font-weight: bold; line-height: 17px; margin: 1px 0; overflow: hidden; padding: 10px 0; vertical-align: top; width: 100%; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; behavior: url(js/PIE.html) }

.price-list-1 li:hover { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); }

.price-list-1 li span { float: right; color: #40AED7; padding-right: 30px; }

.price-list-1 li a { background: url("images/arrow.html") no-repeat scroll 10px 5px transparent; float: left; padding-left: 30px; text-decoration: none; color: #777; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; behavior: url(css/PIE.html); }

.price-list-1 li a:hover, .price-list-1 li:hover a { color:#40AED7; }
 @media (min-width: 1300px) {
}
@media (min-width: 980px) and (max-width: 1199px) {
}
@media (max-width: 979px) {
.price-table-two .price-column {
width: 50%;
}
 .price-table-three .price-column {
width: 50%;
}
 .price-table-four .price-column {
width: 50%;
}
 .price-table-five .price-column {
width: 50%;
}
}
@media (min-width: 768px) and (max-width: 979px) {
}
@media (max-width: 767px) {
}
@media (min-width: 626px) and (max-width: 767px) {
}
@media (max-width: 626px) {
}
@media (max-width: 530px) {
}
@media (min-width: 482px) and (max-width: 625px) {
}
@media (max-width: 480px) {
.price-table-two .price-column {
width: 100%;
}
 .price-table-three .price-column {
width: 100%;
}
 .price-table-four .price-column {
width: 100%;
}
 .price-table-five .price-column {
width: 100%;
}
}
@media (min-width: 320px) and (max-width: 481px) {
}
@media (max-width: 320px) {
}