/*=========================================================================
Elements
========================================================================= */
/* Hover effect */
a, .layout-box, .tags a, .box1, .imgs img, .box1 h3, .notify span, .newsletter-button, .price-list-1 li, .post-holder .entry-title a, .categories ul li a, .sf-menu li, input, .pagination ul li a:link, .pagination ul li a:visited, span.link_post, span.zoom { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }

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

/* Latest post list */

.latest-post-list { }

.latest-post-list li { border-bottom: 1px dashed #EEEEEE; display: inline-block; margin-bottom: 15px; }

.latest-post-list li:last-child { border-bottom: none; }

/* Big points list */

.big-point-list { margin-bottom: 8px; }

.big-point-list li { border-bottom: 1px solid #EEEEEE; display: inline-block; margin-bottom: 15px; }

.big-point-list li:last-child { border-bottom: none; }

/* Client Logo list */

.list-banners { margin: 0; padding: 1px; }

.list-banners li {
  background: none repeat scroll 0 0 #2980B9;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: inline-block;
  float: left;
  margin-left: -1px;
  margin-top: -1px;
  width: 155px;
}

.list-banners li a {
  display: block;
  padding: 30px 11px;
}

.list-banners li a img { opacity: 0.6; width: 100%; }

.list-banners li a:hover img { -moz-transition: all 0.5s ease 0s; opacity: 1; }

/* list 1 */
 .list-style-1 { display: block; margin-bottom: 20px; margin-left:0px; list-style-position: inside; }

.list-style-1 li { border-bottom: 1px dotted #E9E9EA; float: none; 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: #F3930A; }

.list-style { display: block; margin-bottom: 20px; }

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

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

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

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

.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("../images/icons/list-arrow.png") no-repeat scroll 5px 9px transparent; }

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

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

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

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

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

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

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

/*=========================================================================
ICON ANIMATION
========================================================================= */


.cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ }

.cf:after { clear: both; }

.ani-icon-wrap { background-color: #2980B9; position: relative; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; float: right; height: 50px; margin-left: 14px; vertical-align: middle; width: 50px; }

.ani-icon-wrap:after { background: -moz-linear-gradient(316deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.07) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%);/* FF3.6+ */ background: -webkit-gradient(linear, 316deg, color-stop(0%, rgba(255, 255, 255, 0.0)), color-stop(50%, rgba(255, 255, 255, 0.07)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(316deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.07) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(316deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.07) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%);/* Opera 11.10+ */ background: -ms-linear-gradient(316deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.07) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 0.07)', endColorstr='rgba(0, 0, 0, 0)', GradientType='1'); /* for IE */
background: linear-gradient(134deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.07) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%);/* W3C */ content: ""; height: 50px; left: 0; position: absolute; top: 0; width: 50px; }

.ani-icon-wrap:last-child { margin-right: 0px; }

/* Timer*/
.timer { width: 24px; height: 24px; background-color: transparent; box-shadow: inset 0px 0px 0px 2px #fff; border-radius: 50%; position: relative; margin: 28px auto;/* Not necessary- its only for layouting*/ }

.timer:after, .timer:before { position: absolute; content:""; background-color: #fff; }

.timer:after { width: 10px; height: 2px; top: 11px; left: 11px; -webkit-transform-origin: 1px 1px; -moz-transform-origin: 1px 1px; transform-origin: 1px 1px; -webkit-animation: minhand 2s linear infinite; -moz-animation: minhand 2s linear infinite; animation: minhand 2s linear infinite; }

.timer:before { width: 8px; height: 2px; top: 11px; left: 11px; -webkit-transform-origin: 1px 1px; -moz-transform-origin: 1px 1px; transform-origin: 1px 1px; -webkit-animation: hrhand 8s linear infinite; -moz-animation: hrhand 8s linear infinite; animation: hrhand 8s linear infinite; }
 @-webkit-keyframes 
minhand { 0% {
-webkit-transform:rotate(0deg)
}
 100% {
-webkit-transform:rotate(360deg)
}
}
@-moz-keyframes 
minhand { 0% {
-moz-transform:rotate(0deg)
}
 100% {
-moz-transform:rotate(360deg)
}
}
@keyframes 
minhand { 0% {
transform:rotate(0deg)
}
 100% {
transform:rotate(360deg)
}
}
 @-webkit-keyframes 
hrhand { 0% {
-webkit-transform:rotate(0deg)
}
 100% {
-webkit-transform:rotate(360deg)
}
}
@-moz-keyframes 
hrhand { 0% {
-moz-transform:rotate(0deg)
}
 100% {
-moz-transform:rotate(360deg)
}
}
@keyframes 
hrhand { 0% {
transform:rotate(0deg)
}
 100% {
transform:rotate(360deg)
}
}

/*Typing Loader*/
.typing_loader { width: 6px; height: 6px; border-radius: 50%; -webkit-animation: typing 1s linear infinite alternate; -moz-animation: Typing 1s linear infinite alternate; animation: typing 1s linear infinite alternate; margin: 46px auto; /* Not necessary- its only for layouting*/ position: relative; left: -12px; }
@-webkit-keyframes 
typing { 0% {
 background-color: rgba(255, 255, 255, 1);
 box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.2), 24px 0px 0px 0px rgba(255, 255, 255, 0.2);
}
 25% {
 background-color: rgba(255, 255, 255, 0.4);
 box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 2), 24px 0px 0px 0px rgba(255, 255, 255, 0.2);
}
 75% {
background-color: rgba(255, 255, 255, 0.4);
 box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.2), 24px 0px 0px 0px rgba(255, 255, 255, 1);
}
}
 @-moz-keyframes 
typing { 0% {
 background-color: rgba(255, 255, 255, 1);
 box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.2), 24px 0px 0px 0px rgba(255, 255, 255, 0.2);
}
 25% {
 background-color: rgba(255, 255, 255, 0.4);
 box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 2), 24px 0px 0px 0px rgba(255, 255, 255, 0.2);
}
 75% {
background-color: rgba(255, 255, 255, 0.4);
 box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.2), 24px 0px 0px 0px rgba(255, 255, 255, 1);
}
}
 @keyframes 
typing { 0% {
 background-color: rgba(255, 255, 255, 1);
 box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.2), 24px 0px 0px 0px rgba(255, 255, 255, 0.2);
}
 25% {
 background-color: rgba(255, 255, 255, 0.4);
 box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 2), 24px 0px 0px 0px rgba(255, 255, 255, 0.2);
}
 75% {
background-color: rgba(255, 255, 255, 0.4);
 box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.2), 24px 0px 0px 0px rgba(255, 255, 255, 1);
}
}

/*Location indicator */
.location_indicator { margin: 14px auto; position: relative; left: -9px; }

.location_indicator:before, .location_indicator:after { position: absolute; content: ""; }

.location_indicator:before { width: 20px; height: 20px; -webkit-border-radius: 100% 100% 100% 0; -moz-border-radius: 100% 100% 100% 0; border-radius: 100% 100% 100% 0; -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1); -moz-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1); box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1); -webkit-animation: mapping 1s linear infinite; -moz-animation: mapping 1s linear infinite; animation: mapping 1s linear infinite; -webkit-transform: rotate(-46deg); -moz-transform: rotate(-46deg); transform: rotate(-46deg); }

.location_indicator:after { width: 30px; height: 10px; -webkit-border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; border-radius: 100% 100% 100% 100%; left: 20px; background-color: rgba(255, 255, 255, 0.2); top: 20px; }
 @-webkit-keyframes 
mapping { 0% {
top: 0;
}
 50% {
top: -5px;
}
 100% {
top:0;
}
}
@-moz-keyframes 
mapping { 0% {
top: 0;
}
 50% {
top: -5px;
}
 100% {
top:0;
}
}
@-keyframes 
mapping { 0% {
top: 0;
}
 50% {
top: -5px;
}
 100% {
top:0;
}
}

/* go in*/
.dashboard { border: 2px solid #FFFFFF; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; height: 32px; margin: 9px auto; overflow: hidden; position: relative; width: 32px; z-index: 1; }

.dashboard:after, .dashboard:before { position: absolute; content: ""; }

.dashboard:after { width:14px; height: 2px; top: 22px; -webkit-transform-origin: 1px 1px; -moz-transform-origin: 1px 1px; transform-origin: 1px 1px; background-color: #FFFFFF; -webkit-animation: dashboard_hand 2s linear infinite alternate; -moz-animation: dashboard_hand 2s linear infinite alternate; animation: dashboard_hand 2s linear infinite alternate; }

.dashboard:before { width: 32px; height: 10px; background-color: #FFFFFF; top:22px; left: -2px; }
@-webkit-keyframes 
dashboard_hand { 0% {
-webkit-transform: rotate(-160deg);
}
 100% {
-webkit-transform: rotate(-20deg);
}
}
@-moz-keyframes 
dashboard_hand { 0% {
-moz-transform: rotate(-160deg);
}
 100% {
-moz-transform: rotate(-20deg);
}
}
@keyframes 
dashboard_hand { 0% {
transform: rotate(-160deg);
}
 100% {
transform: rotate(-20deg);
}
}

/*Battery*/
.battery { width: 28px; height: 14px; border: 1px #fff solid; border-radius: 2px; position: relative; -webkit-animation: charge 5s linear infinite; -moz-animation: charge 5s linear infinite; animation: charge 5s linear infinite; top: 40px; margin: 0 auto; }

.battery { border: 1px solid #FFFFFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 14px; margin: 0 auto; position: relative; top: 20px; width: 28px; -webkit-animation: charge 5s linear infinite; -moz-animation: charge 5s linear infinite; animation: charge 5s linear infinite; }

.battery:after { width: 2px; height: 7px; background-color: #fff; border-radius: 0px 1px 1px 0px; position: absolute; content: ""; top: 2px; right: -4px; }
@-webkit-keyframes 
charge { 0% {
box-shadow: inset 0px 0px 0px #fff;
}
 100% {
box-shadow: inset 30px 0px 0px #fff;
}
}
@-moz-keyframes 
charge { 0% {
box-shadow: inset 0px 0px 0px #fff;
}
 100% {
box-shadow: inset 30px 0px 0px #fff;
}
}
@keyframes 
charge { 0% {
box-shadow: inset 0px 0px 0px #fff;
}
 100% {
box-shadow: inset 30px 0px 0px #fff;
}
}

.magnifier { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 2px #FFFFFF; -moz-box-shadow: 0 0 0 2px #FFFFFF; box-shadow: 0 0 0 2px #FFFFFF; color: #FFFFFF; height: 20px; margin: 14px auto; position: relative; width: 20px; -webkit-animation: magnify 1s linear infinite alternate; -moz-animation: magnify 1s linear infinite alternate; animation: magnify 1s linear infinite alternate; }

.magnifier:after, .magnifier:before { position: absolute; content: ""; }

.magnifier:before { content: "me"; font-size: 12px; left: 2px; text-align: center; top: 2px; }

.magnifier:after { width: 2px; height: 8px; background-color: #fff; bottom: -6px; left: 20px; border-radius: 2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
 @-webkit-keyframes 
magnify { 0% {
-webkit-transform: scale(1);
}
 100% {
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes 
magnify { 0% {
-moz-transform: scale(1);
}
 100% {
-moz-transform: scale(1.5);
}
}
@keyframes 
magnify { 0% {
transform: scale(1);
}
 100% {
transform: scale(1.5);
}
}

/*help*/
.help { width: 30px; height: 30px; border: 1px #fff solid; border-radius: 50%; -webkit-animation: rotation 1s ease-in-out infinite; -moz-animation: rotation 1s ease-in-out infinite; animation: rotation 1s ease-in-out infinite; margin: 30px auto; }

.help:after { width: 5px; height: 5px; background-color: rgba(255, 255, 255, 1); border-radius: 100%; position: absolute; content: ""; }
@-webkit-keyframes 
rotation { 0% {
-webkit-transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes 
rotation { 0% {
-moz-transform: rotate(0deg);
}
 100% {
-moz-transform: rotate(360deg);
}
}
@keyframes 
rotation { 0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(360deg);
}
}

/*eye ball*/
.eye { background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 25px 0 0 0 rgba(255, 255, 255, 0.8); -moz-box-shadow: 25px 0 0 0 rgba(255, 255, 255, 0.8); box-shadow: 25px 0 0 0 #fff; height: 15px; margin: 18px 5px; position: relative; width: 15px; }

.eye:after { background-color: #2980B9; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 25px 0 0 0 #2980B9; -moz-box-shadow: 25px 0 0 0 #2980B9; box-shadow: 25px 0 0 0 #2980B9; content: ""; height: 7px; left: 17px; position: absolute; top: 8px; width: 7px; -webkit-animation: eyeball 2s linear infinite alternate; -moz-animation: eyeball 2s linear infinite alternate; animation: eyeball 2s linear infinite alternate; }
@-webkit-keyframes 
eyeball { 0% {
left: 9px;
}
 100% {
left: 1px;
}
}
@-moz-keyframes 
eyeball { 0% {
left: 9px;
}
 100% {
left: 1px;
}
}
@keyframes 
eyeball { 0% {
left: 9px;
}
 100% {
left: 1px;
}
}

/*coffee cup*/
.coffee_cup { border: 1px solid #FFFFFF; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; height: 24px; margin: 21px auto 0; position: relative; width: 20px; }

.coffee_cup:after, .coffee_cup:before { position: absolute; content: ""; }

.coffee_cup:after { width: 5px; height: 12px; border: 1px #fff solid; border-left: none; -webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px; left: 20px; }

.coffee_cup:before { width: 1px; height: 6px; background-color: rgba(255, 255, 255, 1); top: -10px; left: 4px; -webkit-box-shadow: 5px 0px 0px 0px rgba(255, 255, 255, 1), 5px -5px 0px 0px rgba(255, 255, 255, 1), 10px 0px 0px 0px rgba(255, 255, 255, 1); -mooz-box-shadow: 5px 0px 0px 0px rgba(255, 255, 255, 1), 5px -5px 0px 0px rgba(255, 255, 255, 1), 10px 0px 0px 0px rgba(255, 255, 255, 1); box-shadow: 5px 0px 0px 0px rgba(255, 255, 255, 1), 5px -5px 0px 0px rgba(255, 255, 255, 1), 10px 0px 0px 0px rgba(255, 255, 255, 1); -webkit-animation: steam 1s linear infinite alternate; -moz-animation: steam 1s linear infinite alternate; animation: steam 1s linear infinite alternate; }
 @-webkit-keyframes 
steam { 0% {
height: 0px;
}
 100% {
height: 6px;
}
}
@-moz-keyframes 
steam { 0% {
height: 0px
}
 100% {
height: 6px;
}
}
@keyframes 
steam { 0% {
height: 0px
}
 100% {
height: 6px;
}
}

/*square*/
.square { width: 20px; height: 20px; border:1px rgba(255, 255, 255, 1) solid; margin: 36px auto; position: relative; -webkit-animation: fill_color 5s linear infinite; -moz-animation: fill_color 5s linear infinite; animation: fill_color 5s linear infinite; }

.square:after { width: 4px; height: 4px; position: absolute; content: ""; background-color: rgba(255, 255, 255, 1); top: -8px; left: 0px; -webkit-animation: square_check 1s ease-in-out infinite; -moz-animation: square_check 1s ease-in-out infinite; animation: square_check 1s ease-in-out infinite; }
 @-webkit-keyframes 
square_check { 25% {
left: 22px;
top: -8px;
}
 50% {
left: 22px;
top: 22px;
}
 75% {
left: -9px;
top: 22px;
}
 100% {
left: -9px;
top: -7px;
}
}
@-moz-keyframes 
square_check { 25% {
left: 22px;
top: -8px;
}
 50% {
left: 22px;
top: 22px;
}
 75% {
left: -9px;
top: 22px;
}
 100% {
left: -9px;
top: -7px;
}
}
@keyframes 
square_check { 25% {
left: 22px;
top: -8px;
}
 50% {
left: 22px;
top: 22px;
}
 75% {
left: -9px;
top: 22px;
}
 100% {
left: -9px;
top: -7px;
}
}
@-webkit-keyframes 
fill_color { 0% {
box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 0.1);
}
 100% {
box-shadow: inset 0px -20px 0px 0px rgba(255, 255, 255, 1);
}
}
@-moz-keyframes 
fill_color { 0% {
box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 0.1);
}
 100% {
box-shadow: inset 0px -20px 0px 0px rgba(255, 255, 255, 1);
}
}
@keyframes 
fill_color { 0% {
box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 0.1);
}
 100% {
box-shadow: inset 0px -20px 0px 0px rgba(255, 255, 255, 1);
}
}

/*circle classick*/
.circle { margin: 40px auto; position: relative; width: 8px; height: 8px; background-color: rgba(255, 255, 255, .5); ; box-shadow: -14px 0px 0px rgba(255, 255, 255, 1); border-radius: 50%; -webkit-animation: circle_classic 1s ease-in-out infinite alternate; -moz-animation: circle_classic 1s ease-in-out infinite alternate; animation: circle_classic 1s ease-in-out infinite alternate; }
 @-webkit-keyframes 
circle_classic { 0% {
opacity: 0.1;
-webkit-transform: rotate(0deg) scale(0.5);
}
 100% {
opacity: 1;
-webkit-transform: rotate(360deg) scale(1.2);
}
}
@-moz-keyframes 
circle_classic { 0% {
opacity: 0.1;
-moz-transform: rotate(0deg) scale(0.5);
}
 100% {
opacity: 1;
-moz-transform: rotate(360deg) scale(1.2);
}
}
@keyframes 
circle_classic { 0% {
opacity: 0.1;
transform: rotate(0deg) scale(0.5);
}
 100% {
opacity: 1;
transform: rotate(360deg) scale(1.2);
}
}

/*cloud*/

.cloud { margin: 42px 30px; width: 4px; height: 10px; opacity: 0.5; position: relative; box-shadow: 6px 0px 0px 0px rgba(255, 255, 255, 1), 12px 0px 0px 0px rgba(255, 255, 255, 1), 18px 0px 0px 0px rgba(255, 255, 255, 1), 24px 0px 0px 0px rgba(255, 255, 255, 1), 30px 0px 0px 0px rgba(255, 255, 255, 1), 36px 0px 0px 0px rgba(255, 255, 255, 1); -webkit-animation: rain 1s linear infinite alternate; -moz-animation: rain 1s linear infinite alternate; animation: rain 1s linear infinite alternate; }

.cloud:after { width: 40px; height: 10px; position: absolute; content: ""; background-color: rgba(255, 255, 255, 1); top: 0px; opacity: 1; -webkit-animation: line_flow 2s linear infinite reverse; -moz-animation: line_flow 2s linear infinite reverse; animation: line_flow 2s linear infinite reverse; }
 @-webkit-keyframes 
rain { 0% {
 box-shadow: 6px 0px 0px 0px rgba(255, 255, 255, 1), 12px 0px 0px 0px rgba(255, 255, 255, 0.9), 18px 0px 0px 0px rgba(255, 255, 255, 0.7), 24px 0px 0px 0px rgba(255, 255, 255, 0.6), 30px 0px 0px 0px rgba(255, 255, 255, 0.3), 36px 0px 0px 0px rgba(255, 255, 255, 0.2);
}
 100% {
 box-shadow: 6px 0px 0px 0px rgba(255, 255, 255, 0.2), 12px 0px 0px 0px rgba(255, 255, 255, 0.3), 18px 0px 0px 0px rgba(255, 255, 255, 0.6), 24px 0px 0px 0px rgba(255, 255, 255, 0.7), 30px 0px 0px 0px rgba(255, 255, 255, 0.9), 36px 0px 0px 0px rgba(255, 255, 255, 1);
 opacity: 1;
}
}
@-moz-keyframes 
rain { 0% {
 box-shadow: 6px 0px 0px 0px rgba(255, 255, 255, 1), 12px 0px 0px 0px rgba(255, 255, 255, 0.9), 18px 0px 0px 0px rgba(255, 255, 255, 0.7), 24px 0px 0px 0px rgba(255, 255, 255, 0.6), 30px 0px 0px 0px rgba(255, 255, 255, 0.3), 36px 0px 0px 0px rgba(255, 255, 255, 0.2);
}
 100% {
 box-shadow: 6px 0px 0px 0px rgba(255, 255, 255, 0.2), 12px 0px 0px 0px rgba(255, 255, 255, 0.3), 18px 0px 0px 0px rgba(255, 255, 255, 0.6), 24px 0px 0px 0px rgba(255, 255, 255, 0.7), 30px 0px 0px 0px rgba(255, 255, 255, 0.9), 36px 0px 0px 0px rgba(255, 255, 255, 1);
 opacity: 1;
}
}
@keyframes 
rain { 0% {
 box-shadow: 6px 0px 0px 0px rgba(255, 255, 255, 1), 12px 0px 0px 0px rgba(255, 255, 255, 0.9), 18px 0px 0px 0px rgba(255, 255, 255, 0.7), 24px 0px 0px 0px rgba(255, 255, 255, 0.6), 30px 0px 0px 0px rgba(255, 255, 255, 0.3), 36px 0px 0px 0px rgba(255, 255, 255, 0.2);
}
 100% {
 box-shadow: 6px 0px 0px 0px rgba(255, 255, 255, 0.2), 12px 0px 0px 0px rgba(255, 255, 255, 0.3), 18px 0px 0px 0px rgba(255, 255, 255, 0.6), 24px 0px 0px 0px rgba(255, 255, 255, 0.7), 30px 0px 0px 0px rgba(255, 255, 255, 0.9), 36px 0px 0px 0px rgba(255, 255, 255, 1);
 opacity: 1;
}
}
 @-webkit-keyframes 
line_flow { 0% {
width: 0px;
}
 100% {
width: 40px;
}
}
@-moz-keyframes 
line_flow { 0% {
width: 0px;
}
 100% {
width: 40px;
}
}
@keyframes 
line_flow { 0% {
width: 0px;
}
 100% {
width: 40px;
}
}

/* Me */

.aboutme { width: 700px; padding: 50px 0; border-top: 2px rgba(255, 255, 255, 0.03) solid; }

.viduthalai { background: url(../img/viduthalai.png) no-repeat; width: 100px; height: 100px; border-radius: 0 2px 2px 0; float: left; opacity: 0.5; }

.viduthalai:hover { opacity: 1; }

.intro { float: left; width: 400px; padding-left: 20px; color: rgba(255, 255, 255, 0.5); }

.intro a { color: rgba(255, 255, 255, 0.5); }

.intro a:hover { color: rgba(255, 255, 255, 1); }

.intro span { font-size: 15px; font-weight: 200; }

.intro h3 { font-size: 20px; font-weight: 200; margin: 0px; }

.git { color: rgba(255, 255, 255, 0.5); float: right; text-align: right; padding: 10px 20px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.3); font-weight: 200; }

.git:hover { background-color: rgba(0, 0, 0, 0.2); }

/*=========================================================================
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("../images/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("../images/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("../images/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("../images/icons/icon-box-notice.png") no-repeat 10px 9px; border: 1px solid #f5dc7d; border-left-width: 4px; color: #c4a21b; }

/*=========================================================================
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(../images/icons/close-info.png); }

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

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

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

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

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

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

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

blockquote { background: url("../images/icons/qoute.png") no-repeat scroll left top transparent; font-size: 14px; line-height: 1.8em; font-family: 'georgia'; font-style: italic; margin-bottom: 30px; padding-left: 40px; }

blockquote.black { background: url("../images/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; }

blockquote.blue { background: url("../images/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; }

blockquote.red { background: url("../images/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; }

/*=========================================================================
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; }

.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; }

.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; }

.dropcap5 { background: url("../images/button-shadow.png") 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; }

.dropcap6 { background: url("../images/button-shadow.png") 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; }

.dropcap7 { background: url("../images/button-shadow.png") 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; }

.dropcap8 { background: url("../images/button-shadow.png") 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; }

.dropcap-big { background: none repeat scroll 0 0 #2996C9; color: #FFFFFF; display: block; float: right; font: bold 26px/47px 'Open Sans', Arial, sans-serif; height: 49px; margin: 1px 0px 20px 23px; overflow: hidden; text-align: center; text-transform: uppercase; width: 49px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.shade1 { background-color: #F9854E; }

.shade2 { background-color: #F9A24E; }

.shade3 { background-color: #F9B34E; }

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

.tipsy { background-image: url("images/tipsy.gif"); 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; }

.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("../images/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("../images/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("../images/icons/alert-1.png") 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("../images/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; }

/*=========================================================================
Site Buttons
========================================================================= */
.button-continue { display:inline-block; color:#fff; font-size:10px; text-transform: uppercase; padding: 8px 9px; margin: 0 0 15px; background-color:#db520c; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.button-continue:hover { background-color:#3c0f0e; }

.button-red { background: url("../images/button-shadow.png") repeat-x scroll 50% 0 #d82b31; }

.button-green { background: url("../images/button-shadow.png") repeat-x scroll 50% 0 #51A351; }

.button-blue { background: url("../images/button-shadow.png") repeat-x scroll 50% 0 #3d5b99; }

.button-pink { background: url("../images/button-shadow.png") repeat-x scroll 50% 0 #f1039a; }

.button-white { background: url("../images/button-shadow.png") repeat-x scroll 50% 0 #eee; }

.button-black { background: url("../images/button-shadow.png") repeat-x scroll 50% 0 #333; }

.button-red, .button-red:visited, .button-green, .button-green:visited, .button-blue, .button-blue:visited, .button-pink, .button-pink:visited, .button-white, .button-white:visited, .button-black, .button-black:visited { color: #fff; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.3); -webkit-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.3); -moz-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.3); display: inline-block; font-size: 14px; font-family: 'Open Sans', Arial; padding: 10px 15px; text-shadow: 0 1px 1px #555; text-transform: capitalize; }

.button-white, .button-white:visited { color: #333; text-shadow: 0 1px 1px #eee; }

.button-red:hover, .button-green:hover, .button-blue:hover, .button-pink:hover, .button-white:hover, .button-black:hover { background: url("../images/button-shadow.png") repeat-x scroll 50% -42px #444; color: #fff; box-shadow: 0px 1px 0 #000, inset 0px 1px 0px #000; -webkit-box-shadow: 0px 1px 0 #000, inset 0px 1px 0px #000; -moz-box-shadow: 0px 1px 0 #000, inset 0px 1px 0px #000; display: inline-block; text-shadow: 0 1px 1px #000; }
 .button-red:active, .button-green:active, .button-blue:active, .button-pink:active, .button-white:active, .button-black:active, {
background: #000;
}

.button-border { background-color: rgba(0, 0, 0, 0.1); margin: 0 5px 20px 5px; padding: 5px 5px 6px 5px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; display: inline-block; }

.button-radius-50 { border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }

/*=========================================================================
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); }

.pagination li { display: inline; }

.pagination a { 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: #eee; }

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

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

.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; }

.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; }

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

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



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

#skills span {
    top: -19px;
    left: 12px;
    position: relative;
    font-size: 12px;
    font-weight: bolder;
    font-family: 'Open Sans',Arial,sans-serif;
    color: #fff;
}

progress {
    background-color: #eee;
    border: 0;
    height: 20px;
    width: 100%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

progress::progress-bar {
    background-color: #fafafa; -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

progress::progress-value {
    background-color: #ea5c50; -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

progress::-webkit-progress-bar {
    background-color: #fafafa; -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

progress::-webkit-progress-value {
    background-color: #ea5c50; -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

progress::-moz-progress-bar {
    background-color: #ea5c50;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
progress::-moz-progress-value {
    background-color: #ea5c50; -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}






@-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 { overflow: hidden; 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; }

.progress .bar { width: 0%; height: 18px; color: #ffffff; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 17px; padding: 0 0 0 7px; text-align: left; text-transform: uppercase; 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; }

.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; }

.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; }

.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(js/PIE.htc); }

.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); }

.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(js/PIE.htc); }

.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); }

.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(js/PIE.htc); }

.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); }

.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(js/PIE.htc); }

.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); }

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

#accordion { margin-bottom: 20px; width:100%; }

#accordion div { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; margin-top: -1px; padding: 22px 22px 7px; }

#accordion p { color: #777; margin-bottom:15px; border:none; text-decoration:none; }

#accordion a { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; color: #333333; cursor: pointer; display: block; font-weight: bold; margin-top: -1px; padding: 10px 22px; position: relative; text-shadow: 0 1px 1px #FFFFFF; text-align:right  }

#accordion a:after { content: "\f055"; font-family: fontawesome; font-size: 22px; font-weight: normal; height: 35px; line-height: 35px; position: absolute; left: 0; text-align: center; top: 0; width: 35px; }

#accordion a.selected:after { content: "\f056"; }

#accordion a:hover { background: none repeat scroll 0 0 #2980B9; border: 1px solid #1970A9; color: #FFFFFF; text-shadow: 0 1px 1px #333333; }

#accordion a.selected { background: none repeat scroll 0 0 #2980B9; border: 1px solid #1970A9; color: #FFFFFF; text-shadow: 0 1px 1px #333333; text-align:right }

/*=========================================================================
 FAQs Style 1
========================================================================= */

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

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

.faq-accordion .qa { color: #F3930A; float: left; font-weight: 700; }

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

/*=========================================================================
 FAQs Style 2
========================================================================= */

.faq_list { width: 100%; }

.faq_list dt { color:#333; position:relative; padding: 0 0 6px 26px; font-family: 'Open Sans', Arial, sans-serif; font-size:15px; font-weight:normal; margin: 0 0 10px; background:none; }

.faq_list span.marker { display:block; position:absolute; left:0; top:0; font-size:15px; color:#F3930A; font-weight:bold; }

.faq_list dd { padding:0 0 0 26px; position:relative; margin:0 0 2em 0; }

.faq_list dd .marker { top:3px; font-family: 'Open Sans', Arial, sans-serif; }

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

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

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

.treeview .hitarea { background: url("../images/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 { line-height: 12px; margin: 0; padding: 3px 0pt 3px 16px; }

.treeview a.selected { }

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

.treeview .hover { color: #000; cursor: pointer; }

.treeview li { background: url("../images/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("../images/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("../images/icons/treeview-red-line.gif"); }

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

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

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

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

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

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

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

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

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

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

.treeview .placeholder { background: url("../images/icons/ajax-loader.gif") 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("../images/icons/folder.png") 0 0 no-repeat; }

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

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

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

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

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

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

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

.price-table { overflow: hidden; }

.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: rgba(0, 0, 0, 0.03); 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("../images/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 ul li:last-child {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.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.htc); }

.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.htc); }

.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.htc); }

.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.htc); }

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

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

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

.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.htc); margin-right:5px; }

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

.price-column { background-color: #FCFCFC; position: relative; behavior: url(css/PIE.htc); }

.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.htc); 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.htc); z-index: 9; }

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

.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; }

/* ===================================== */
/* Buttons*/
/* ===================================== */
.button { display: inline-block; font-weight: bold; font-family:  Arial, sans-serif; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius: 3px; margin: 0 5px 5px 0; line-height: 17px; *float: left;
-webkit-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, .3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .3); }

.button:active { -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08); box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08); }

.button.medium i { float: left; margin: 2px 5px 0px -5px; }

.button.small i { float: left; margin: 1px 5px 0px -3px; }

.button.medium { padding: 11px 14px; font-size: 14px; }

.button.small { padding: 6px 12px; font-size: 12px; font-family: Arial, sans-serif; line-height: 16px; }

/* Input Button
==========================*/
input[type="button"] { display: inline-block; font-weight: bold; font-family:  Arial, sans-serif; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius: 3px; margin: 0 5px 5px 0; *float: left;
-webkit-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, .3); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .3); padding: 7px 14px !important; font-size: 14px; width: auto !important; float: left; }

input[type="button"]:active { -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08); box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08); }

/* Yellow Button
==========================*/
.button.yellow, input[type="button"] { background-color: #E74C3C; color:#FFFFFF; }

.button.yellow:hover, input[type="button"]:hover { background: #1ABC9C; }

/* White Button
==========================*/
.button.white { border: 1px solid #dddddd; 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: #F7F7F7; color:#444; text-shadow: 1px 1px 0px #fff; filter: dropshadow(color=#ffffff, offx=1, offy=1); }

.button.white:hover { background: #fbfbfb; }

/* Black Button
==========================*/
.button.black { border: 1px solid #464646; background-image: linear-gradient(bottom, #464646 0%, #656565 100%); background-image: -o-linear-gradient(bottom, #464646 0%, #656565 100%); background-image: -moz-linear-gradient(bottom, #464646 0%, #656565 100%); background-image: -webkit-linear-gradient(bottom, #464646 0%, #656565 100%); background-image: -ms-linear-gradient(bottom, #464646 0%, #656565 100%); background-color: #464646; color:#fff; text-shadow: 1px -1px 0px #444; filter: dropshadow(color=#4444444, offx=1, offy=1); }

.button.black:hover { background: #535353; }

/* Red Button
==========================*/
.button.red { border: 1px solid #b23730; background-image: linear-gradient(bottom, #C74039 0%, #E35752 100%); background-image: -o-linear-gradient(bottom, #C74039 0%, #E35752 100%); background-image: -moz-linear-gradient(bottom, #C74039 0%, #E35752 100%); background-image: -webkit-linear-gradient(bottom, #C74039 0%, #E35752 100%); background-image: -ms-linear-gradient(bottom, #C74039 0%, #E35752 100%); background-color: #C74039; color:#fff; text-shadow: 1px -1px 0px #a43b37; filter: dropshadow(color=#a43b37, offx=1, offy=1); }

.button.red:hover { background: #ce4640; }

/* Green Button
==========================*/
.button.green { border: 1px solid #819633; background-image: linear-gradient(bottom, #8DA046 0%, #A3B951 100%); background-image: -o-linear-gradient(bottom, #8DA046 0%, #A3B951 100%); background-image: -moz-linear-gradient(bottom, #8DA046 0%, #A3B951 100%); background-image: -webkit-linear-gradient(bottom, #8DA046 0%, #A3B951 100%); background-image: -ms-linear-gradient(bottom, #8DA046 0%, #A3B951 100%); background-color: #8DA046; color:#fff; text-shadow: 1px -1px 0px #77873b; filter: dropshadow(color=#77873b, offx=1, offy=1); }

.button.green:hover { background: #93a749; }

/* Blue Button
==========================*/
.button.blue { border: 1px solid #1f70ad; background-image: linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%); background-image: -o-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%); background-image: -moz-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%); background-image: -webkit-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%); background-image: -ms-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%); background-color: #2778C8; color:#fff; text-shadow: 1px -1px 0px #1c6396; filter: dropshadow(color=#1c6396, offx=1, offy=1); }

.button.blue:hover { background: #287fc8; }

/* ===================================== */
/* Social Widget*/
/* ===================================== */
.social a { width: 32px; height: 32px; margin: 0 9px 9px 0; display: block; float: left; }

.social a img { border: none; }

#social > a {
  float: left;
  margin-right: 15px;
}

/* ===================================== */
/* Blockquote*/
/* ===================================== */
blockquote { padding-left: 30px; color: #888; line-height: 20px; margin: 5px 0 20px 0; }

/* ===================================== */
/* Breadcrumbs*/
/* ===================================== */

.breadcrumbs { background: none repeat scroll 0 0 #FAFAFA; border-bottom: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; overflow: hidden; position: relative; }

.bd-breadcrumb { margin: 0; padding: 0; }

.bd-breadcrumb, .bd-breadcrumb a { display: inline-block; float:right }

.bd-breadcrumb a { text-rendering: optimizeLegibility; text-decoration: none; font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; height: 42px; line-height: 42px; padding: 0 30px 0 10px ; position: relative; }

.bd-breadcrumb a:first-child { padding-left: 36px; }

.bd-breadcrumb a:last-child { padding-right: 16px; pointer-events: none; cursor: default; }

.bd-breadcrumb a:last-child:after, .bd-breadcrumb a:last-child:before { border: 0; }

.bd-breadcrumb a:after, .bd-breadcrumb a:before { content: " "; display: block; width: 0; height: 0; border-top: 22px solid rgba(255, 255, 255, 0); border-bottom: 22px solid rgba(255, 255, 255, 0); border-right: 10px solid rgba(255, 255, 255, 0); position: absolute; margin: auto; top: 0; bottom: 0; right: 100%; z-index: 2; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }

.bd-breadcrumb a:before { margin-right: 1px; z-index: 1; }

.bd-dark { border-color: #2e3031; }

.bd-dark a { color: #c6c6c6; background-color: #595b5b; text-shadow: 0 -1px rgba(0, 0, 0, 0.7); -webkit-box-shadow: inset 0 1px 0 #727373; -moz-box-shadow: inset 0 1px 0 #727373; box-shadow: inset 0 1px 0 #727373; }

.bd-dark a:after { border-left-color: #595b5b; }

.bd-dark a:before { border-left-color: #2e3031; }

.bd-dark a:hover, .bd-dark a:focus { background: #646666; }

.bd-dark a:hover:after, .bd-dark a:focus:after { border-left-color: #646666; }

.bd-dark a:active:before { border-left-color: #404141; }

.bd-dark a:last-child { background-color: #404141; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }

.bd-light {  }

.bd-light a { color: #454545; background-color: #EEEEEE; text-shadow: 0 -1px rgba(255, 255, 255, 0.7); -webkit-box-shadow: inset 0 1px 0 white; -moz-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; }

.bd-light a:after { border-right-color: #EEEEEE; }

.bd-light a:before { border-right-color: #CCCCCC; }

.bd-light a:hover, .bd-light a:focus { background: #F5F7F7; }

.bd-light a:hover:after, .bd-light a:focus:after { border-right-color: #F5F7F7; }

.bd-light a:active:before { border-right-color: #edf1f1; }

.bd-light a:last-child { background-color: #FAFAFA; }

/* ===================================== */
/* Accordion*/
/* ===================================== */
.acc-trigger { border: 1px solid #ddd; cursor: pointer; display: block; margin: 10px 0; 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; font-size: 12px; line-height: 14px; }

.acc-trigger a { background: url(../images/accordion_plus_ico.png) no-repeat right; border-left: #ddd; display: block; color: #888; outline:  none; padding: 11px 15px; text-decoration: none; font-weight: bold; font-family: Arial, sans-serif; }

.acc-trigger.active a { cursor: default; background: url(../images/accordion_minus_ico.png) no-repeat right; }

.acc-trigger a:hover, .acc-trigger.active a { color: #444; }

.acc-trigger a h3 { font-weight: bold; font-size: 14px; letter-spacing: -0.5px; line-height: 28px; color: #777; }

.acc-container .content { padding: 2px 15px 5px 15px; display: inline-block; line-height: 19px; }

.content p { margin-bottom: 10px; }

/* ===================================== */
/* Accordion FAQ*/
/* ===================================== */
.acc-triggerfaq { border: 1px solid #ddd; cursor: pointer; display: block; margin: 10px 0; 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; font-size: 12px; line-height: 14px; }

.acc-triggerfaq a { background: url(../images/accordion_plus_ico.png) no-repeat right; border-left: #ddd; display: block; color: #888; outline:  none; padding: 11px 34px 11px 0; text-decoration: none; font-weight: bold; font-family: Arial, sans-serif; }

.acc-triggerfaq a span { background: url("../images/q.png") no-repeat scroll 8px 0 transparent; display: inline-block; line-height: 23px; padding: 0 0 0 40px; }

.acc-triggerfaq.active a { cursor: default; background: url(../images/accordion_minus_ico.png) no-repeat right; }

.acc-triggerfaq a:hover, .acc-trigger.active a { color: #444; }

.acc-triggerfaq a h3 { font-weight: bold; font-size: 14px; letter-spacing: -0.5px; line-height: 28px; color: #777; }

.acc-containerfaq .content { background: url("../images/a.png") no-repeat scroll 9px 1px transparent; padding: 2px 34px 5px 41px; display: inline-block; line-height: 19px; }

/* ===================================== */
/* Tabs*/
/* ===================================== */
.widget .tabs-nav, .tabs-nav { list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; }

.widget .tabs-nav li, .tabs-nav li { float: right; line-height: 34px; overflow: hidden; padding: 0; position: relative; margin: 0 0 -1px 0; }

.tabs-nav li { margin: 0 0 0px 0; }

.widget .tabs-nav li { margin: 0 0 -1px 0; }

.widget .tabs-nav li a, .tabs-nav li a { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; margin-right: 5px; }

.widget .tabs-nav li a, .tabs-nav li 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; border: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #888; display: block; letter-spacing: 0; outline: none; padding: 0 7px; text-decoration: none; }

.widget .tabs-nav li:first-child a, .tabs-nav li:first-child a { border-left: 1px solid #ddd; }

.widget .tabs-nav li.active a, .tabs-nav li.active a { color: #34495E; font-weight: 600; }

.widget .tabs-nav li.active a i, .tabs-nav li.active a i { opacity: 0.8 }

.widget .tabs-nav li i, .tabs-nav li i { opacity: .5 }

.widget .tabs-nav li.active a, .tabs-nav li a:hover, .tabs-nav li.active a, .tabs-nav li a:hover { background: #fff; border-bottom: 1px solid #fff; }

.widget .tabs-container, .tabs-container { background-color:#FFFFFF; border: 1px solid #ddd; margin: -1px 0 20px; overflow: hidden; width: 99%; line-height: 19px; -webkit-border-radius: 0 3px 3px 3px; -moz-border-radius: 0 3px 3px 3px; border-radius: 0 3px 3px 3px; }

.tab-content { padding: 20px; text-align:right; direction:rtl }

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

#parallax-1 { background: url("../images/par1.jpg"); background-size: cover; background-position: center center; background-attachment: fixed; }

#parallax-2 { background: url("../images/par2.jpg"); background-size: cover; background-position: center center; background-attachment: fixed; }

#parallax-3 { background: url("../images/par3.jpg"); background-size: cover; background-position: center center; background-attachment: fixed; }

#parallax-4 { background: url("../images/par4.jpg"); background-size: cover; background-position: center center; background-attachment: fixed; }

#parallax-5 { background: url("../images/par5.jpg"); background-size: cover; background-position: center center; background-attachment: fixed; }

.parallax { position: relative; width: 100%; }

.inner { padding: 60px 0; position: relative; }

.parallax .inner { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); }

.parallax .inner-testi { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); padding: 70px 0; }

/* ===================================== */
/* Owl carousel*/
/* ===================================== */

#owl-demo .item { overflow: hidden; }

#owl-demo-1 .item a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); display: inline-block; margin: 3px; padding: 20px 30px; }

#owl-demo-1 .item a:hover { background: none repeat scroll 0 0 rgba(41, 128, 185, 0.9); }

#owl-demo-1 .item a img { display: block; width: 100%; height: auto; }

/* ===================================== */
/* Image Hover*/
/* ===================================== */

.caption-style-2 { list-style-type: none; margin: 0px; padding: 0px; }

.caption-style-2 .item a 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; }

.caption-style-2 .item:hover a 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; }

.caption-style-2 .item:hover .caption { opacity: 1; transform: translateY(-100px); -webkit-transform:translateY(-100px); -moz-transform:translateY(-100px); -ms-transform:translateY(-100px); -o-transform:translateY(-100px); }

.caption-style-2 .caption { cursor: pointer; opacity: 0; position: absolute; top: 90%; width: 100%; -webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out; -o-transition:all 0.15s ease-in-out; -ms-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out; }

.caption-style-2 .blur { background-color: rgba(41, 128, 185, 0.7); height: 300px; width: 100%; z-index: 5; position: absolute; }

.caption-style-2 .caption-text h1 { color: #FFFFFF !important; font-size: 18px; text-transform: uppercase; }

.caption-style-2 .caption-text { z-index: 10; color: #fff; position: absolute; width: 100%; text-align: center; }

/* ===================================== */
/* Div Effect*/
/* ===================================== */

.easyPieChart { text-align: center; font: 400 43px 'Open Sans'; line-height: 1; position: relative; border-radius: 80px; width: 160px; height: 160px; margin: 10px auto; }

.easyPieChart span { color: rgb(255, 255, 255) !important; font-weight: bold; margin-top: -21.5px; position: absolute; top: 43%; width: 100%; }

.body-inverse .easyPieChart span, .body-inverse .easyPieChart p { color:#fff !important; }

.easyPieChart p { color: rgb(255, 255, 255); font-size: 14px; margin-top: -26.5px; padding: 0; position: absolute; text-transform: uppercase; top: 74%; width: 100%; }

.easyPieChart canvas { margin: -7px; }

.skills-section { position: relative; }

.skills-section hgroup { margin: 0 0 40px; }

/* ===================================== */
/* Div Effect*/
/* ===================================== */

[class*=".effect-"] {
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-perspective:1000;
-moz-perspective:1000;
perspective:1000
}

.effect-fade { opacity:0 }

.effect-fade.in { opacity:1 }

.effect-slide-left { -webkit-transform:translate3d(-30%, 0, 0); -moz-transform:translate3d(-30%, 0, 0); -o-transform:translate3d(-30%, 0, 0); transform:translate3d(-30%, 0, 0); opacity:0 }

.effect-slide-left.in { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); opacity:1 }

.effect-slide-right { -webkit-transform:translate3d(30%, 0, 0); -moz-transform:translate3d(30%, 0, 0); -o-transform:translate3d(30%, 0, 0); transform:translate3d(30%, 0, 0); opacity:0 }

.effect-slide-right.in { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); opacity:1 }

.effect-slide-top { -webkit-transform:translate3d(0, -30%, 0); -moz-transform:translate3d(0, -30%, 0); -o-transform:translate3d(0, -30%, 0); transform:translate3d(0, -30%, 0); opacity:0 }

.effect-slide-top.in { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); opacity:1 }

.effect-slide-bottom { -webkit-transform:translate3d(0, 30%, 0); -moz-transform:translate3d(0, 30%, 0); -o-transform:translate3d(0, 30%, 0); transform:translate3d(0, 30%, 0); opacity:0 }

.effect-slide-bottom.in { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); opacity:1 }

.effect-pop { opacity:0 }

.effect-pop.in {
-webkit-animation:pop .6s ease-out .5s both;
-moz-animation:pop .6s ease-out .5s both;
-o-animation:pop .6s ease-out .5s both;
animation:pop .6s ease-out .5s both; opacity:1 \9 }
@-webkit-keyframes 
pop { 0% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
opacity:1
}
100% {
opacity:1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
}
@-moz-keyframes 
pop { 0% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
opacity:1
}
100% {
opacity:1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
}
@-o-keyframes 
pop { 0% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
opacity:1
}
100% {
opacity:1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
}
@keyframes 
pop { 0% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
opacity:1
}
100% {
opacity:1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
}

.effect-fall { opacity:0; -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); transform:scale(1.5) }

.effect-fall.in { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); opacity:1 }

.effect-perspective { -webkit-perspective:1300px; -moz-perspective:1300px; perspective:1300px }

.effect-helix { -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; opacity:0; -webkit-transform:rotateY(-180deg); -ms-transform:rotateY(-180deg); transform:rotateY(-180deg) }

.effect-helix.in { opacity:1; -webkit-transform:rotateY(0); -ms-transform:rotateY(0); transform:rotateY(0) }

/* ===================================== */
/* Flat shadow */
/* ===================================== */

.blue-ft-shadow { text-shadow: rgb(26, 113, 170) 1px 1px 0px, rgb(27, 114, 171) 2px 2px 0px, rgb(27, 114, 171) 3px 3px 0px, rgb(28, 115, 172) 4px 4px 0px, rgb(28, 115, 172) 5px 5px 0px, rgb(29, 116, 173) 6px 6px 0px, rgb(29, 116, 173) 7px 7px 0px, rgb(30, 117, 174) 8px 8px 0px, rgb(30, 117, 174) 9px 9px 0px, rgb(31, 118, 175) 10px 10px 0px, rgb(31, 118, 175) 11px 11px 0px, rgb(32, 119, 176) 12px 12px 0px, rgb(32, 119, 176) 13px 13px 0px, rgb(33, 120, 177) 14px 14px 0px, rgb(33, 120, 177) 15px 15px 0px, rgb(34, 121, 178) 16px 16px 0px, rgb(34, 121, 178) 17px 17px 0px, rgb(35, 122, 179) 18px 18px 0px, rgb(35, 122, 179) 19px 19px 0px, rgb(36, 123, 180) 20px 20px 0px, rgb(36, 123, 180) 21px 21px 0px, rgb(37, 124, 181) 22px 22px 0px, rgb(37, 124, 181) 23px 23px 0px, rgb(38, 125, 182) 24px 24px 0px, rgb(38, 125, 182) 25px 25px 0px, rgb(39, 126, 183) 26px 26px 0px, rgb(39, 126, 183) 27px 27px 0px, rgb(40, 127, 184) 28px 28px 0px, rgb(40, 127, 184) 29px 29px 0px, rgb(41, 128, 185) 30px 30px 0px; }

.black-ft-shadow { text-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(0, 0, 0) 2px 2px 0px, rgb(0, 0, 0) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(0, 0, 0) 5px 5px 0px, rgb(0, 0, 0) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(0, 0, 0) 8px 8px 0px, rgb(0, 0, 0) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px, rgb(0, 0, 0) 11px 11px 0px, rgb(0, 0, 0) 12px 12px 0px, rgb(0, 0, 0) 13px 13px 0px, rgb(0, 0, 0) 14px 14px 0px, rgb(0, 0, 0) 15px 15px 0px, rgb(0, 0, 0) 16px 16px 0px, rgb(0, 0, 0) 17px 17px 0px, rgb(0, 0, 0) 18px 18px 0px, rgb(0, 0, 0) 19px 19px 0px, rgb(0, 0, 0) 20px 20px 0px, rgb(0, 0, 0) 21px 21px 0px, rgb(0, 0, 0) 22px 22px 0px, rgb(0, 0, 0) 23px 23px 0px, rgb(0, 0, 0) 24px 24px 0px, rgb(0, 0, 0) 25px 25px 0px, rgb(0, 0, 0) 26px 26px 0px, rgb(0, 0, 0) 27px 27px 0px, rgb(0, 0, 0) 28px 28px 0px, rgb(0, 0, 0) 29px 29px 0px, rgb(0, 0, 0) 30px 30px 0px; }

.white-fb-shadow { -webkit-box-shadow: rgb(240, 240, 240) 1px 1px, rgb(241, 241, 241) 2px 2px, rgb(241, 241, 241) 3px 3px, rgb(242, 242, 242) 4px 4px, rgb(242, 242, 242) 5px 5px, rgb(243, 243, 243) 6px 6px, rgb(243, 243, 243) 7px 7px, rgb(244, 244, 244) 8px 8px, rgb(244, 244, 244) 9px 9px, rgb(245, 245, 245) 10px 10px, rgb(245, 245, 245) 11px 11px, rgb(246, 246, 246) 12px 12px, rgb(246, 246, 246) 13px 13px, rgb(247, 247, 247) 14px 14px, rgb(247, 247, 247) 15px 15px, rgb(248, 248, 248) 16px 16px, rgb(248, 248, 248) 17px 17px, rgb(249, 249, 249) 18px 18px, rgb(249, 249, 249) 19px 19px, rgb(250, 250, 250) 20px 20px, rgb(250, 250, 250) 21px 21px, rgb(251, 251, 251) 22px 22px, rgb(251, 251, 251) 23px 23px, rgb(252, 252, 252) 24px 24px, rgb(252, 252, 252) 25px 25px, rgb(253, 253, 253) 26px 26px, rgb(253, 253, 253) 27px 27px, rgb(254, 254, 254) 28px 28px, rgb(254, 254, 254) 29px 29px, rgb(255, 255, 255) 30px 30px; -moz-box-shadow: rgb(240, 240, 240) 1px 1px, rgb(241, 241, 241) 2px 2px, rgb(241, 241, 241) 3px 3px, rgb(242, 242, 242) 4px 4px, rgb(242, 242, 242) 5px 5px, rgb(243, 243, 243) 6px 6px, rgb(243, 243, 243) 7px 7px, rgb(244, 244, 244) 8px 8px, rgb(244, 244, 244) 9px 9px, rgb(245, 245, 245) 10px 10px, rgb(245, 245, 245) 11px 11px, rgb(246, 246, 246) 12px 12px, rgb(246, 246, 246) 13px 13px, rgb(247, 247, 247) 14px 14px, rgb(247, 247, 247) 15px 15px, rgb(248, 248, 248) 16px 16px, rgb(248, 248, 248) 17px 17px, rgb(249, 249, 249) 18px 18px, rgb(249, 249, 249) 19px 19px, rgb(250, 250, 250) 20px 20px, rgb(250, 250, 250) 21px 21px, rgb(251, 251, 251) 22px 22px, rgb(251, 251, 251) 23px 23px, rgb(252, 252, 252) 24px 24px, rgb(252, 252, 252) 25px 25px, rgb(253, 253, 253) 26px 26px, rgb(253, 253, 253) 27px 27px, rgb(254, 254, 254) 28px 28px, rgb(254, 254, 254) 29px 29px, rgb(255, 255, 255) 30px 30px; box-shadow: rgb(240, 240, 240) 1px 1px, rgb(241, 241, 241) 2px 2px, rgb(241, 241, 241) 3px 3px, rgb(242, 242, 242) 4px 4px, rgb(242, 242, 242) 5px 5px, rgb(243, 243, 243) 6px 6px, rgb(243, 243, 243) 7px 7px, rgb(244, 244, 244) 8px 8px, rgb(244, 244, 244) 9px 9px, rgb(245, 245, 245) 10px 10px, rgb(245, 245, 245) 11px 11px, rgb(246, 246, 246) 12px 12px, rgb(246, 246, 246) 13px 13px, rgb(247, 247, 247) 14px 14px, rgb(247, 247, 247) 15px 15px, rgb(248, 248, 248) 16px 16px, rgb(248, 248, 248) 17px 17px, rgb(249, 249, 249) 18px 18px, rgb(249, 249, 249) 19px 19px, rgb(250, 250, 250) 20px 20px, rgb(250, 250, 250) 21px 21px, rgb(251, 251, 251) 22px 22px, rgb(251, 251, 251) 23px 23px, rgb(252, 252, 252) 24px 24px, rgb(252, 252, 252) 25px 25px, rgb(253, 253, 253) 26px 26px, rgb(253, 253, 253) 27px 27px, rgb(254, 254, 254) 28px 28px, rgb(254, 254, 254) 29px 29px, rgb(255, 255, 255) 30px 30px; z-index: -1; }

/* ===================================== */
/* List Styles*/
/* ===================================== */



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

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

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); border-radius: 3px; color: #FFFFFF; display: inline-block; font-family: fontawesome; font-size: 13px; margin: 15px; position: absolute; top: 25%; padding: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/* 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 { background: none repeat scroll 0 0 #000000; text-decoration: none; }

#owl-demo .owl-next:before { content: "\f054"; font-family: fontawesome; }

#owl-demo .owl-next { position: absolute; right: 0; }

#owl-demo .owl-prev:before { content: "\f053"; }

#owl-demo .owl-prev { left: 0; position: absolute; }

/* 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: 42px; height: 6px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: none repeat scroll 0 0 #34495E; }

.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.gif) no-repeat center center }

/* 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; 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.png) 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);
}
}

/* Price table Tabs */

.price-tabs .widget .tabs-container, .price-tabs .tabs-container { background-color: #FFFFFF; border-top: 1px solid #eee; border-right: none; border-left: none; border-bottom: none; }

.price-tabs .tab-content { padding: 20px 0; }

/* ===================================== */
/* List Styles*/
/* ===================================== */
.check_list li, .plus_list li, .minus_list li, .star_list li, .arrow_list li, .square_list li, .circle_list li, .cross_list li { list-style: none; margin: 10px 0; }

.check_list ul { margin-bottom: 20px; }

.check_list li { background: url("../images/icons/list-marker-1.png") no-repeat scroll right 50% transparent; font-weight: bold; padding: 0 25px 0 0; }

.plus_list li { background: url(../images/icons/list_plus.png) no-repeat 0% 50%; font-weight: bold; padding: 0 0 0 18px; }

.minus_list li { background: url(../images/icons/list_minus.png) no-repeat 0% 50%; font-weight: bold; padding: 0 0 0 18px; }

.star_list li { background: url(../images/icons/list_star.png) no-repeat 0% 50%; font-weight: bold; padding: 0 0 0 16px; }

.arrow_list li { background: url(../images/icons/list_arrow.png) no-repeat 0% 50%; font-weight: bold; padding: 0 0 0 16px; }

.square_list li { background: url(../images/icons/list_square.png) no-repeat 0% 50%; font-weight: bold; padding: 0 0 0 16px; }

.circle_list li { background: url(../images/icons/list_circle.png) no-repeat 0% 50%; font-weight: bold; padding: 0 0 0 16px; }

.cross_list li { background: url(../images/icons/list_cross.png) no-repeat 0% 50%; font-weight: bold; padding: 0 0 0 16px; }

/* ===================================== */
/* Table*/
/* ===================================== */
table { width:100%; border-radius:3px; border-collapse:separate; border-spacing:0; border:none; margin-bottom:15px; }

table th { border: 1px solid #dddddd; border-right: none; 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: #F7F7F7; text-align:left; padding:10px 15px; color:#444; vertical-align:top; font-size: 14px; font-weight: bold; }

table th:first-child { border-radius: 3px 0 0 0; }

table td:last-child { border-right: 1px solid #ddd; }

table th:last-child { border-radius: 0 3px 0 0; border-right: 1px solid #ddd; }

table td { padding:10px 15px; border:#e7e7e7 1px solid; border-top: none; border-right: none; }

table tr:hover td { background-color:#fafafa; }

/* ===================================== */
/* Alert Boxes*/
/* ===================================== */
.notification { font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 15px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.notification p { margin: 0; }

.post .notification p { margin: 0; }

.notification span { font-weight: bold; }

.notification.success { background-color: #EBF6E0; color: #5f9025; border: 1px solid #b3dc82; padding: 14px 18px; background-image: linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%); background-image: -o-linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%); background-image: -moz-linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%); background-image: -webkit-linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%); background-image: -ms-linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%); }

.notification.error { background-color: #ffe9e9; color: #de5959; border: 1px solid #fbc4c4; padding: 14px 18px; background-image: linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%); background-image: -o-linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%); background-image: -moz-linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%); background-image: -webkit-linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%); background-image: -ms-linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%); }

.notification.warning { background-color: #FBFADD; color: #8f872e; border: 1px solid #ded58a; padding: 14px 18px; background-image: linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%); background-image: -o-linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%); background-image: -moz-linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%); background-image: -webkit-linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%); background-image: -ms-linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%); }

.notification.notice { background-color: #E9F7FE; color: #5091b2; border: 1px solid #b6d7e8; padding: 14px 18px; background-image: linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%); background-image: -o-linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%); background-image: -moz-linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%); background-image: -webkit-linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%); background-image: -ms-linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%); }

.notification.success .close, .notification.error .close, .notification.warning .close, .notification.notice .close { padding: 0px 14px; position: absolute; right: 0; top: 20px; display: block; height: 8px; weight: 8px; }

.notification.success .close { background: url(../images/alert_boxes_close_ico.png) 0 -8px no-repeat; }

.notification.error .close { background: url(../images/alert_boxes_close_ico.png) 0 0 no-repeat; }

.notification.warning .close { background: url(../images/alert_boxes_close_ico.png) 0 -16px no-repeat; }

.notification.notice .close { background: url(../images/alert_boxes_close_ico.png) 0 -24px no-repeat; }

/* ===================================== */
/* Large Notice*/
/* ===================================== */
.large-notice { background: #fcfcfc; border: 1px solid #e4e4e4; padding: 32px 32px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.large-notice h2 { margin-bottom: 10px; }

.large-notice p { font-size: 14px; color: #777; }

/* ===================================== */
/* Tooltip / Popover*/
/* ===================================== */
.tooltip { position: absolute; z-index: 1020; display: block; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); visibility: visible; }

.tooltip.in { opacity: 0.8; filter: alpha(opacity=80); }

.tooltip.top { margin-top: -2px; }

.tooltip.right { margin-left: 2px; }

.tooltip.bottom { margin-top: 2px; }

.tooltip.left { margin-left: -2px; }

.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top: 5px solid #555; border-right: 5px solid transparent; border-left: 5px solid transparent; }

.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #555; }

.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-right: 5px solid transparent; border-bottom: 5px solid #555; border-left: 5px solid transparent; }

.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-right: 5px solid #555; border-bottom: 5px solid transparent; }

.tooltip-inner { max-width: 200px; padding: 4px 10px; color: #ffffff; text-align: center; text-decoration: none; background-color: #555; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.tooltip-arrow { position: absolute; width: 0; height: 0; }

.popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; padding: 2px; }

.popover.top { margin-top: -5px; }

.popover.right { margin-left: 5px; }

.popover.bottom { margin-top: 5px; }

.popover.left { margin-left: -5px; }

.popover-inner { width: 280px; overflow: hidden; border: 1px solid #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.popover-title { padding: 11px 15px; line-height: 1; 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: #F7F7F7; border-bottom: 1px solid #ddd; font-weight: bold; font-size: 14px; }

.popover-content { padding: 14px; background-color: #ffffff; color: #606060 }

.post .popover-content p { color: #606060 }

.popover-content p, .popover-content ul, .popover-content ol { margin-bottom: 0; color: #606060 }

.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }

.fade.in { opacity: 1; }
 @media only screen and (min-width: 768px) and (max-width: 959px) {
 /* Client Logo */
.list-banners li {
 width: 123px;
}
}
 @media only screen and (max-width: 767px) {

 /* Client Logo */
.list-banners li {
 width: 148px;
}
 .price-table-five .price-column {
 width: 100%;
}
.price-table-four .price-column {
 width: 100%;
}
.price-table-three .price-column {
 width: 100%;
}
.price-table-two .price-column {
 width: 100%;
}
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
 
 /* Client Logo */
.list-banners li {
 width: 138px;
}
}