/*------------------------------------------------------------------
[Table of contents]

01. Import Three Css files ( inner.css, font-awesome.css, animate.css )
02. Preloader
03. Icon Shake
04. Icon Flate
05. Icon Parallax
06. Breadcrumbs
07. Header Login , Select Langusge, Cart etc...
08. Login / Register
09. Icon Text Color Filler
10. Countdown
11. Select Range
12. Contact Form Popup bottom of the page
13. Team
14. Grid Portfolio
15. ProBars
16. Pie Chart
17. Animated text
18. LIST ELEMENTS
19. ALER BOXES
20. Testimonial slider
21. Animated circle loader
22. Carousel Start
23. Individual section styles and separators
24. News Ticker
25. Message Boxes
26. Social
27. Blockquotes
28. Dropcap
29. TOOLTIP TIPSY
30. Site big Alert boxes
31. Portfolio
32. Sitemap
33. Pagination
34. Progress Bar 1
35. Progress Bar 2
36. Accordion
37. TABS 1
38. TABS 2
39. Price Circle Start
40. Price Start
41. Cart Table Start
42. Price Table
-------------------------------------------------------------------*/


/*=========================================================================
 01. Import Css
========================================================================= */

@import url('inner.css');
@import url('font-awesome.css');
@import url("animate.css");

/*=========================================================================
 02. Preloader
========================================================================= */

/* Preloader */
#preloader { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.96); position: fixed; top:0; left:0; right:0; bottom:0; z-index:99999999; }

#status { background:none repeat scroll 0 0 #FFFFFF; border: 6px solid #2CA7DF; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); height: 260px; left: 50%; margin: -130px 0 0 -130px; position: absolute; text-align: center; top: 40%; width: 260px; }

#status > img { margin-top: 80px; }

.spinner { margin-top: 30px; text-align: center; width: 100%; }

.spinner > div { width: 18px; height: 18px; background-color: #2ca7df; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }

.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
 @-webkit-keyframes 
bouncedelay { 0%, 80%, 100% {
-webkit-transform: scale(0.0)
}
 40% {
-webkit-transform: scale(1.0)
}
}
 @keyframes 
bouncedelay { 0%, 80%, 100% {
 transform: scale(0.0);
 -webkit-transform: scale(0.0);
}
40% {
 transform: scale(1.0);
 -webkit-transform: scale(1.0);
}
}

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

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

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

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

.icon-center { text-align: center; margin: 0 auto; }

.icon-center .flat-big-circle { float: none; text-align: center; margin: 0 auto 20px; }

.flat-big { display:none; border: 1px solid rgba(0, 0, 0, 0.1); width:96px; height:96px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) !important; text-align:center; font-size:52px; background:#c0392b; overflow:hidden; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; float:left; position: relative; z-index: 2; }

.flat-big-circle { background: none repeat scroll 0 0 #C0392B; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important; display: none; float: left; font-size: 59px; height: 136px; line-height: 127px; overflow: hidden; position: relative; text-align: center; width: 136px; z-index: 2; }
 [class*='flat'] i {
 line-height:1.78em;
 color:#fff;
 cursor:pointer;
}

.flat-big-green:after { position: absolute; top: 95%; left: 50%; margin-left: -20px; width: 0; height: 0; content: ""; border-top: 20px solid rgb(46, 204, 113); border-left: 20px solid transparent; border-right: 20px solid transparent; z-index: -1; }

/*=========================================================================
 04. Icon Flate
========================================================================= */

.fl-icon-wrapper { positoon: relative; width:120px; height: 120px; display: block; margin:20px; float: left; }

.fl-bor-bot-red { position: absolute; left: 0; bottom: -20px; border-right: 20px solid transparent; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid rgb(192, 57, 43); }

.fl-bor-bot-darkblue { position: absolute; left: 0; bottom: -20px; border-right: 20px solid transparent; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid rgb(52, 73, 94); }

.floating { -webkit-animation-name: Floatingx; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: Floating; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; }
 @-webkit-keyframes 
Floatingx { from {
-webkit-transform:translate(0, 0px);
}
 65% {
-webkit-transform:translate(0, 15px);
}

to { -webkit-transform: translate(0, -0px); }
}
 @-moz-keyframes 
Floating { from {
-moz-transform:translate(0, 0px);
}
 65% {
-moz-transform:translate(0, 15px);
}

to { -moz-transform: translate(0, -0px); }
}

.elemento { background: none repeat scroll 0 0 #ED7271; border-radius: 50%; box-shadow: 1px 1px rgba(0, 0, 0, 0.3); color: #FFFFFF; display: inline-block; font-family: 'FontAwesome', sans-serif; height: 150px; line-height: 150px; margin: 0 0 18px; position: relative; text-align: center; width: 150px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

.fa-oranges { background: none repeat scroll 0 0 #FD9500; }

.fa-pinks { background: none repeat scroll 0 0 #ED7271; }

.fa-blues { background: none repeat scroll 0 0 #3498DB; margin-right: 0; }

.thumbnail:hover .fa-oranges { background: none repeat scroll 0 0 #2A3644; }

.thumbnail:hover .fa-pinks { background: none repeat scroll 0 0 #2A3644; }

.thumbnail:hover .fa-blues { background: none repeat scroll 0 0 #2A3644; margin-right: 0; }

.elemento span { color: #FFFFFF; font-size: 80px; line-height: 150px; position: relative; z-index: 1; }

.elemento span:after { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.15) 30%, rgba(0, 0, 0, 0)); content: ""; height: 90%; left: 1rem; position: absolute; top: 0rem; transform: rotate(44deg); transform-origin: left bottom 0; width: 140%; z-index: -1; }

.fa-pinks span:after { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25) 30%, rgba(0, 0, 0, 0)); height: 5.5rem; left: 2.7rem; top: 0rem; transform-origin: left center 0; }

.fa-oranges span:after { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25) 30%, rgba(0, 0, 0, 0)); height: 68px; left: 30px; top: 6px; transform-origin: left center 0; }

.fa-blues span:after { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25) 30%, rgba(0, 0, 0, 0)); height: 95px; left: 36px; top: -5px; transform-origin: left center 0; }

/*=========================================================================
 05. Icon Parallax
========================================================================= */

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

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

h2.short { font-size: 30px; font-weight: 100; margin-top: 0; padding-top: 0; }

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

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

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

.iparallax.enhanced, .iparallax.enhanced:first-child { background:none; }
 @media (min-width: 768px) and (max-width: 979px) {
 .iparallax {
height: 217px;
}
 .iparallax .level {
background-size: 100% auto;
}
#icon-shake .icon {
 margin-left: 15px;
 width: 35px;
}
#icon-shake h2 {
 font-size: 15px;
 line-height: 20px;
}
}
 @media (min-width: 626px) and (max-width: 767px) {
 .iparallax {
height: 217px;
}
 .iparallax .level {
background-size: 100% auto;
}
#icon-shake .icon {
 margin-left: 15px;
 width: 35px;
}
#icon-shake h2 {
 font-size: 15px;
 line-height: 20px;
}
}
 @media (min-width: 482px) and (max-width: 625px) {
 .iparallax {
height: 217px;
}
 .iparallax .level {
background-size: 100% auto;
}
#icon-shake .icon {
 margin-left: 15px;
 width: 35px;
}
#icon-shake h2 {
 font-size: 15px;
 line-height: 20px;
}
}
 @media (min-width: 320px) and (max-width: 481px) {
 .iparallax {
height: 327px;
width: 100%;
}
 .iparallax .level {
background-size: 100% auto;
}
#icon-shake .icon {
 margin-left: 15px;
 width: 35px;
}
#icon-shake h2 {
 font-size: 15px;
 line-height: 20px;
}
}
@media (max-width: 320px) {
 .iparallax {
height: 217px;
width: 100%;
}
 .iparallax .level {
background-size: 100% auto;
}
#icon-shake .icon {
 margin-left: 15px;
 width: 35px;
}
#icon-shake h2 {
 font-size: 15px;
 line-height: 20px;
}
}

/*=========================================================================
 06. Breadcrumbs
========================================================================= */

.breadcrumbs { float: right; list-style: none outside none; margin: 0; padding: 26px 0; position: relative; right: 0; top: 31px; transition-duration: 0.1s; z-index: 1; }

.breadcrumbs li:first-child { padding-right: 10px; }

.breadcrumbs li { color: #fff; font-family: 'Open Sans', Arial, Tahoma, sans-serif; float: left; font-size: 13px; font-weight: 600; padding-left: 4px; padding-right: 4px; }

.breadcrumbs li a { color: #fff; font-size: 13px; font-weight: 600; margin-right: 6px; }

.breadcrumbs li a:hover { color: #ccc; text-decoration: none; }

.breadcrumbs li:last-child a { margin-right: 0; }

/*=========================================================================
 07. Header Login , Select Langusge, Cart etc...
========================================================================= */


.flags { background-position: 15px 12px; background-repeat: no-repeat; padding-left: 50px !important; }

.flag1 { background-image: url("../img/icons/flag1.png"); }

.flag2 { background-image: url("../img/icons/flag2.png"); }

.flag3 { background-image: url("../img/icons/flag3.png"); }

.flag4 { background-image: url("../img/icons/flag4.png"); }

.flag5 { background-image: url("../img/icons/flag5.png"); }

.flag6 { background-image: url("../img/icons/flag6.png"); }

/* reset  list style */
.owl-tt-menu, .owl-tt-menu ul { list-style: none; }

/* set menu position; change here to set to relative or float, etc. */
.owl-tt-menu { float: right; margin: 0; padding: 0; position: relative; z-index: 1000; }

#owl-tt-menu a { font-family: 'Open Sans', sans-serif; text-decoration: none; }

/* first level menu items */
.owl-tt-menu > li { border-left: 1px solid #666; display: inline-block; margin: 0 0 0 15px; position: relative; }

.owl-tt-menu > li > a { line-height: 40px; padding: 0 16px; font-size: 12px; display: block; color: #cccccc; }

#owl-tt-menu > li > a:after { content: "\f107"; position: absolute; font-family: FontAwesome; right: 0; }

.no-touch .owl-tt-menu > li > a:hover, .no-touch .owl-tt-menu > li > a:active { color: #fff; }

/* sumbenu with transitions */
.owl-tt-submenu { background: none repeat scroll 0 0 #ffffff; border: 1px solid #e1e1e1; position: absolute; display: block; right: 0; visibility: hidden; opacity: 0; padding: 0; text-align: left; pointer-events: none; -webkit-box-shadow: 0 0px 7px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 0px 7px rgba(0, 0, 0, 0.07); box-shadow: 0 0px 7px rgba(0, 0, 0, 0.07); -webkit-transition: visibility 0s, opacity 0s; -moz-transition: visibility 0s, opacity 0s; transition: visibility 0s, opacity 0s; }

.owl-tt-show .owl-tt-submenu { width: 190px; righ: 0; opacity: 1; visibility: visible; pointer-events: auto; -webkit-transition: visibility 0s, opacity 0.3s; -moz-transition: visibility 0s, opacity 0.3s; transition: visibility 0s, opacity 0.3s; }

.owl-tt-show-above .owl-tt-submenu { bottom: 100%; }

.owl-tt-show-below .owl-tt-submenu { top: 100%; }

/* sumbenu Login Form */

.owl-tt-show .owl-tt-form { width: 290px; padding: 15px; }

.owl-tt-remember-checkbox { float: left; margin-right: 7px !important; margin-top: 5px !important; width: 16px !important; }

.owl-tt-checkbox > label { float: left; }

#quick-register-button { float: right; }

.owl-tt-submenu.owl-tt-form > li { border-bottom: 0 none; }

.owl-tt-form .owl-nav-btn { display: block !important; margin: 0 !important; text-align: center !important; }

.owl-tt-form .owl-nav-btn, .owl-tt-form .owl-tt-cart { display: block; margin: 0; float: none; text-align: center; }

/* extreme cases: not enough space on the sides */
.owl-tt-nospace-right .owl-tt-submenu { right: 0; left: auto; }

.owl-tt-nospace-left .owl-tt-submenu { left: 0; }

/* last menu item has to fit on the screen */
.owl-tt-menu > li:last-child .owl-tt-submenu { right: 0; }

/* 	
arrow: depending on where the menu will be shown, we set 
the right position for the arrow
*/

.owl-tt-submenu:after { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.owl-tt-show-above .owl-tt-submenu:after { top: 100%; margin-top: -6px; }

.owl-tt-show-below .owl-tt-submenu:after { bottom: 100%; margin-bottom: 0; }

.owl-tt-submenu:after { border-color: transparent; background-color: #ffffff; border-image: none; top: -7px; content: ""; display: block; height: 12px; margin-left: -12px; position: absolute; right: 16px; -moz-transform: rotate(45deg);/* FF3.5+ */ -webkit-transform: rotate(45deg);/*Saf3.1+, Chrome*/ -o-transform: rotate(45deg);/* Opera 10.5 */ -ms-transform: rotate(45deg);/* IE 9 */ transform: rotate(45deg); width: 12px; z-index: 8; }

.owl-tt-show-above .owl-tt-submenu:after { border-color: #ffffff #e1e1e1 #e1e1e1 #ffffff; border-width: 0 1px 1px 0; }

.owl-tt-show-below .owl-tt-submenu:after { border-color: #e1e1e1 #ffffff #ffffff #e1e1e1; border-width: 1px 0 0 1px; }

.owl-tt-submenu > li { display: block; border-bottom: 1px solid #f3f3f3; }

.owl-tt-submenu > li > a { padding: 8px 18px; display: block; font-size: 12px; position: relative; color: #777; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.no-touch .owl-tt-submenu > li > a:hover, .no-touch .owl-tt-submenu > li > a:active { color: #333; background-color: #fcfcfc; z-index: 9; }

.owl-tt-show .owl-tt-cart { width: 290px; }

.owl-tt-cart-btn { margin: 12px 18px 0; }

.owl-btn-cart2 { background: none repeat scroll 0 0 #000000; border: 1px solid #000000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff !important; display: block; margin: 0 0 12px; padding: 7px 12px !important; text-transform: uppercase; text-align: center; }

.owl-btn-cart1 { background: none repeat scroll 0 0 #3498db; border: 1px solid #2488cb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff !important; display: block; margin: 0 0 12px; padding: 7px 12px !important; text-transform: uppercase; text-align: center; }

.owl-btn-cart1:hover, .owl-btn-cart2:hover { background: none repeat scroll 0 0 #333 !important; border: 1px solid #000 !important; }

.owl-tt-cart .shop_thumbnail { float: right; height: 48px; width: 48px; }

.owl-tt-cart .quantity { display: block; padding: 0 0 8px; position: relative; width: 160px; }

.owl-tt-cart .amount { display: inline-block; padding: 0 0 0; }

/*=========================================================================
 08. Login / Register
========================================================================= */


#lean_overlay { background: none repeat scroll 0 0 #000000; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 997; }

.popupContainer { background: none repeat scroll 0 0 #FFFFFF; display: none; height: auto; left: 45%; position: absolute; top: 80px; width: 370px; }

.Login-one_half { display: block; float: left; width: 50%; }

.Login-one_half.last { margin-left: 5%; width: 45%; }

.popupHeader { font-size: 16px; text-transform: uppercase; }

.popupHeader { background: none repeat scroll 0 0 #F4F4F2; border-bottom: 1px solid #E2E2E2; color: #000000; font-weight: bold; padding: 20px 30px; position: relative; }

.popupHeader .modal_close { background: none repeat scroll 0 0 #E7E7E7; border-left: 1px solid #D3D3D3; color: #333333; cursor: pointer; font-size: 17px; padding: 20px 22px; position: absolute; right: 0; top: 0; }

.popupBody { padding: 40px 30px; }

.social_login .social_box { background: none repeat scroll 0 0 #F4F4F2; clear: both; color: #FFFFFF; display: block; margin-bottom: 20px; overflow: hidden; padding: 10px; }

.social_login .icon { color: #FFFFFF; display: block; float: left; font-size: 25px; margin-right: 10px; padding: 5px 10px; text-align: center; width: 34px; }

.social_login .fb { background: none repeat scroll 0 0 #3B5998; }

.social_login .google { background: none repeat scroll 0 0 #DD4B39; }

.social_login .icon_title { display: block; float: left; font-size: 16px; font-weight: bold; padding: 5px 0; }

.social_login .social_box:hover { background: none repeat scroll 0 0 #333333; }

.centeredText { clear: both; margin: 20px 0; overflow: hidden; text-align: center; text-transform: uppercase; }

.action_btns { clear: both; overflow: hidden; }

.action_btns a { display: block; }

.user_login { display: none; }

.user_login label { display: block; margin-bottom: 5px; }

.user_login input[type="text"], .user_login input[type="email"], .user_login input[type="password"] { background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #DDDDDD; color: #333333; display: block; height: 50px; padding: 10px; width: 100%; }

.user_login input[type="checkbox"] { float: left; margin: 8px 5px 0 0; }

.user_login input[type="checkbox"] + label { }

.user_login .checkbox { clear: both; margin-bottom: 10px; overflow: hidden; }

.forgot_password { clear: both; color: #ED6347; display: block; font-size: 14px; font-weight: 700; margin: 0 0 10px; overflow: hidden; text-decoration: none; text-transform: uppercase; }

.user_register { display: none; }

.user_register label { color: #333333; display: block; margin-bottom: 5px; }

.user_register input[type="text"], .user_register input[type="email"], .user_register input[type="password"] { background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #DDDDDD; color: #333333; display: block; height: 50px; padding: 10px; width: 100%; }

.user_register input[type="checkbox"] { float: left; margin: 8px 5px 0 0; }

.user_register input[type="checkbox"] + label { }

.user_register .checkbox { clear: both; margin-bottom: 10px; overflow: hidden; }

/* ==============================================
 09. Icon Text Color Filler
=============================================== */


.color-fill-overlay { background: none repeat scroll 0 0 #ED7271; display: block; height: 100%; position: absolute; top: 0; width: 100%; z-index: -2; }

.color-fill { font-size: 100%; font-family: "Open Sans", serif; color: #fff; height: auto; position: relative; display: block; }

.cd-container { /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */ width: 100%; margin: 0 auto; }
.cd-container::after {
  /* clearfix */
  content: '';
 display: table;
 clear: both;
}
 @media only screen and (min-width: 1170px) {
 .color-fill.new-color-1::before {
 background-color: #fff66d;
}
 .color-fill.new-color-2::before {
 background-color: #e3ff8d;
}
 .color-fill.new-color-3::before {
 background-color: #00ffc5;
}
}
.color-fill::before, .color-fill::after {
  /* the 2 underneath colored sections */
  content: '';
 position: fixed;
  /* trick to remove some annoying flickering on webkit browsers */
  width: 89.8%;
 max-width: 1170px;
 left: 50%;
 right: auto;
 -webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 transform: translateX(-50%);
 height: 50%;
 z-index: -1;
}
 .color-fill::before {
 top: 0;
 background-color: #fff66d;
 -webkit-transition: all 0.8s;
 -moz-transition: all 0.8s;
 transition: all 0.8s;
}
 .color-fill::after {
 top: 50%;
 background-color: #fff;
}

.cd-service { position: relative; z-index: 2; min-height: 50px; margin-left: 56px; background-color: #ED7271; padding: 1em 1em 4em; }
.cd-service::before, .cd-service::after {
 content: '';
 position: absolute;
 width: 56px;
 right: 100%;
 z-index: 2;
}
.cd-service::before {
 top: 0;
 height: 50px;
 background-repeat: no-repeat;
}
.cd-service::after {
 top: 50px;
 bottom: 0;
 background-image: url("../img/cd-pattern-small.svg");
 background-repeat: repeat-y;
}
.cd-service.cd-service-divider::after {
 top: 0;
}

.cd-service.cd-service-divider:last-child { display: none; }
.cd-service.cd-service-1::before {
 background-image: url("../img/cd-icon-1-small.svg");
}
.cd-service.cd-service-2::before {
 background-image: url("../img/cd-icon-2-small.svg");
}
.cd-service.cd-service-3::before {
 background-image: url("../img/cd-icon-3-small.svg");
}
.cd-service.cd-service-4::before {
 background-image: url("../img/cd-icon-4-small.svg");
}

.cd-service h2 { text-transform: uppercase; color: white; margin-bottom: 1em; font-family: "Open Sans", sans-serif; }

.cd-service p { font-size: 14px; font-size: 0.875rem; line-height: 1.4; color: rgba(255, 255, 255, 0.5); }
@media only screen and (min-width: 1170px) {
 .cd-service {
 min-height: 345px;
 margin-left: 420px;
 padding: 6em 2em;
}
 .cd-service::before, .cd-service::after {
 width: 420px;
}
 .cd-service::before {
 height: 325px;
}
 .cd-service::after {
 top: 325px;
 background-image: url("../img/cd-pattern-large.svg");
}
 .cd-service.cd-service-divider:first-child, .cd-service.cd-service-divider:last-child {
 min-height: 50px;
 padding: 0;
}
 .cd-service.cd-service-divider:last-child {
 display: block;
}
 .cd-service.cd-service-1::before {
 background-image: url("../img/cd-icon-1-large.svg");
}
 .cd-service.cd-service-2::before {
 background-image: url("../img/cd-icon-2-large.svg");
}
 .cd-service.cd-service-3::before {
 background-image: url("../img/cd-icon-3-large.svg");
}
 .cd-service.cd-service-4::before {
 background-image: url("../img/cd-icon-4-large.svg");
}
 .cd-service h2, .cd-service p {
 color: #c5fcff;
 -webkit-transition: color, 0.5s;
 -moz-transition: color, 0.5s;
 transition: color, 0.5s;
}
.cd-service h2 {
 font-size: 31px;
 margin-bottom: calc();
 margin-top: 0;
}
.cd-service p {
 font-size: 17px;
 line-height: 30px;
}
 .cd-service.focus h2 {
 color: #fff;
}
 .cd-service.focus p {
 color: #fff;
}
}

/* ==============================================
 10. Countdown
=============================================== */
.countdown_row { display: block; }

.countdown_section { border-left: 1px solid #fff; border-color: rgba(255, 255, 255, 0.3); color: #fff; font-family: 'Open Sans', Arial, sans-serif; font-size: 21px; font-weight: 700; letter-spacing: 1px; text-align: center; text-transform: uppercase; display:inline-block; padding:0px 50px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }

.countdown_section:first-child { border-left: 0; }

.countdown_amount { color: #fff; display: block; font-size: 76px; text-align: center; font-weight: 700; letter-spacing: normal; line-height: 1; }

.countdown_row { color:#fff; }
 @media (min-width: 768px) and (max-width: 979px) {
.countdown_section {
 font-size: 18px;
 font-weight: 700;
 padding:0px 40px;
}
.countdown_amount {
 font-size: 56px;
 font-weight: 700;
}
}
 @media(max-width: 767px), (max-height: 767px) {
.countdown_section {
 font-size: 16px;
 font-weight: 700;
 padding:0px 30px;
}
.countdown_amount {
 font-size: 56px;
 font-weight: 700;
}
}
@media (min-width: 320px) and (max-width: 481px) {
.countdown_section {
 font-size: 15px;
 font-weight: 700;
 padding:0px 20px;
}
.countdown_amount {
 font-size: 36px;
 font-weight: 700;
}
}
@media (max-width: 320px) {
.countdown_section {
 font-size: 12px;
 font-weight: 700;
 padding:0px 10px;
}
.countdown_amount {
 font-size: 26px;
 font-weight: 700;
}
}

/*
Showcase
*/


.banner-showcase { margin: 0 0 70px 0; }

.banner-showcase li .showcase-inner { background: -moz-linear-gradient(270deg, #f6f6f6 0%, #ffffff 100%);/* FF3.6+ */ background: -webkit-gradient(linear, 270deg, color-stop(0%, #f6f6f6), color-stop(100%, #ffffff));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(270deg, #f6f6f6 0%, #ffffff 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(270deg, #f6f6f6 0%, #ffffff 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(270deg, #f6f6f6 0%, #ffffff 100%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType='1'); /* for IE */
background: linear-gradient(180deg, #f6f6f6 0%, #ffffff 100%);/* W3C */ -webkit-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.06) inset; -moz-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.06) inset; box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.06) inset; cursor: pointer; display: inline-block; margin-bottom: 30px; min-height: 226px; overflow: hidden; position: relative; width: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }

.banner-showcase li:hover .showcase-inner { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.banner-showcase li.clear { float: none; width: auto; }

.banner-showcase li img { -webkit-transform-origin: 100% 50% 0; -moz-transform-origin: 100% 50% 0; -o-transform-origin: 100% 50% 0; -ms-transform-origin: 100% 50% 0; transform-origin: 100% 50% 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; right: 0; bottom: 0; position: absolute; }

.banner-showcase li:hover img { -moz-transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; bottom: -10px; }

.showcase_block { height: 100%; padding: 0 47% 0 25px; position: relative; width: 100%; }

.showcase_block h3 { font: 700 21px/27px 'Open Sans', Arial, sans-serif; margin-bottom: 18px; margin-top: 27px; text-transform: uppercase; }

.showcase_block .showcase_subtitle { color: #FFFFFF; display: inline-block; font-family: Arial, sans-serif; font-size: 16px; line-height: 22px; margin-bottom: 6px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); font-weight: 700; }

.showcase_block .showcase_text { color: #535353; display: inline-block; font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 16px; }

/*=========================================================================
 11. Select Range
========================================================================= */




  .jslider .jslider-bg i, .jslider .jslider-pointer { background: url(../img/jslider.png) no-repeat 0 0; }

.jslider { display: block; width: 100%; height: 1em; position: relative; top: 0.6em; font-family: Arial, sans-serif; }

.jslider table { width: 100%; border-collapse: collapse; border: 0; }

.jslider td, .jslider th { padding: 0; vertical-align: top; text-align: left; border: 0; }

.jslider table, .jslider table tr, .jslider table tr td { width: 100%; vertical-align: top; }

.jslider .jslider-bg { position: relative; }

.jslider .jslider-bg i { height: 5px; position: absolute; font-size: 0; top: 0; }

.jslider .jslider-bg .l { width: 10%; background-position: 0 0; left: 0; }

.jslider .jslider-bg .f { width: 80%; left: 10%; background-repeat: repeat-x; background-position: 0 -20px; }

.jslider .jslider-bg .r { width: 10%; left: 90%; background-position: right 0; }

.jslider .jslider-bg .v { position: absolute; width: 60%; left: 20%; top: 0; height: 5px; background-repeat: repeat-x; background-position: 0 -40px; }

.jslider .jslider-pointer { width: 13px; height: 15px; background-position: 0 -60px; position: absolute; left: 20%; top: -4px; margin-left: -6px; cursor: pointer; cursor: hand; }

.jslider .jslider-pointer-hover { background-position: -20px -60px; }

.jslider .jslider-pointer-to { left: 80%; }

.jslider .jslider-label { font-size: 9px; line-height: 12px; color: black; opacity: 0.4; white-space: nowrap; padding: 0px 2px; position: absolute; top: -27px; left: 0px; }

.jslider .jslider-label-to { left: auto; right: 0; }

.jslider .jslider-value { color: #333333; font-size: 14px; font-weight: 600; white-space: nowrap; padding: 1px 2px 0; position: absolute; top: -27px; left: 20%; background: none repeat scroll 0 0 #F7F7F7; line-height: 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }

.jslider .jslider-value-to { left: 80%; }

.jslider .jslider-label small, .jslider .jslider-value small { position: relative; top: -0.4em; }

.jslider .jslider-scale { position: relative; top: 9px; }

.jslider .jslider-scale span { position: absolute; height: 5px; border-left: 1px solid #999; font-size: 0; }

.jslider .jslider-scale ins { font-size: 9px; text-decoration: none; position: absolute; left: 0px; top: 5px; color: #999; }

.jslider-single .jslider-pointer-to, .jslider-single .jslider-value-to, .jslider-single .jslider-bg .v, .jslider-limitless .jslider-label { display: none; }

.jslider_plastic .jslider-bg i, .jslider_plastic .jslider-pointer { background-image: url(../img/jslider.plastic.png); }

.layout-slider { margin: 60px 0; }

.layout-slider > span { width: 100% !important; }

/*=========================================================================
 12. Contact Form Popup bottom of the page
========================================================================= */


.cd-nav-trigger { position: fixed; bottom: 50px; right: 50px; width: 44px; height: 44px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden; text-indent: 100%; white-space: nowrap; z-index: 2; visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s; -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s; transition: transform 0.3s, visibility 0s 0.3s; }

.is-fixed .cd-nav-trigger { visibility: visible; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-animation: anim-jelly 0.3s linear forwards; -moz-animation: anim-jelly 0.3s linear forwards; animation: anim-jelly 0.3s linear forwards; }

.cd-nav-trigger span { color: #FFFFFF; display: block; font-size: 23px; left: 0; line-height: 43px; position: absolute; top: 0; }

.cd-nav-trigger span:before { content: '\f00d'; font-family: 'FontAwesome'; height: 100%; left: 14px; opacity: 0; position: absolute; width: 100%; }

.cd-nav-trigger span:after { content: '\f003'; font-family: 'FontAwesome'; height: 100%; left: 11px; opacity: 1; position: absolute; width: 100%; }

.cd-nav-trigger.menu-is-open { box-shadow: none; }

.cd-nav-trigger.menu-is-open span { background: rgba(232, 74, 100, 0); }
 .cd-nav-trigger.menu-is-open span::before {
 opacity:1;
}
.cd-nav-trigger.menu-is-open span::after {
 opacity:0;
}

#cd-pop-form h3 { background: none repeat scroll 0 0 #35AADC; color: #FFFFFF; margin: 0 0 16px; padding: 20px; }

#cd-pop-form .form1 input, #cd-pop-form .form1 textarea { background: none repeat scroll 0 0 #50597B; border: 1px solid #656E90; color: #fff; font-size: 14px; }

#cd-nav .cd-wrap-form { color: #FFFFFF; position: fixed; width: 0; right: 36px; bottom: 30px; padding-bottom: 7px; overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: none repeat scroll 0 0 #394264; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s; -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s; transition: transform 0.3s, visibility 0s 0.3s; }

#cd-nav .cd-wrap-form.is-visible { width: 440px; height: auto; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s; -moz-transition: -moz-transform 0.3s, visibility 0s 0s; transition: transform 0.3s, visibility 0s 0s; -webkit-animation: anim-jelly 0.8s linear forwards; -moz-animation: anim-jelly 0.8s linear forwards; -ms-animation: anim-jelly 0.8s linear forwards; -o-animation: anim-jelly 0.8s linear forwards; animation: anim-jelly 0.8s linear forwards; }

#cd-pop-form .flat { margin: 18px 8px 18px 0; }

#cd-nav { position: relative; z-index: 999; }
 @media (min-width: 320px) and (max-width: 991px) {
#cd-nav .cd-wrap-form.is-visible {
width: 90%;
}
}
@media (max-width: 320px) {
#cd-nav .cd-wrap-form.is-visible {
width: 80%;
}
}






/* Generated with Bounce.js. Edit at http://goo.gl/PJ93gs */

@-webkit-keyframes 
anim-jelly { 0% {
-webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 3.333333% {
-webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 6.666667% {
-webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 10% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 13.333333% {
-webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 16.666667% {
-webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 20% {
-webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 23.333333% {
-webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 26.666667% {
-webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 30% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 33.333333% {
-webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 36.666667% {
-webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 40% {
-webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 43.333333% {
-webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 46.666667% {
-webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 50% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 53.333333% {
-webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 56.666667% {
-webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 60% {
-webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 63.333333% {
-webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 66.666667% {
-webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 70% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 73.333333% {
-webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 76.666667% {
-webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 80% {
-webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 83.333333% {
-webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 86.666667% {
-webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 90% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 93.333333% {
-webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 96.666667% {
-webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}
 @keyframes 
anim-jelly { 0% {
-webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 3.333333% {
-webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 6.666667% {
-webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 10% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 13.333333% {
-webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 16.666667% {
-webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 20% {
-webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 23.333333% {
-webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 26.666667% {
-webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 30% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 33.333333% {
-webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 36.666667% {
-webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 40% {
-webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 43.333333% {
-webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 46.666667% {
-webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 50% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 53.333333% {
-webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 56.666667% {
-webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 60% {
-webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 63.333333% {
-webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 66.666667% {
-webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 70% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 73.333333% {
-webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 76.666667% {
-webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 80% {
-webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 83.333333% {
-webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 86.666667% {
-webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 90% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 93.333333% {
-webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 96.666667% {
-webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}

/*=========================================================================
 13. Team
========================================================================= */

.shape { position:relative; margin:0 auto }

.shape .overlay { display:block; width:310px; height:310px; position:absolute; top:-5px; left:-5px; -webkit-transform:scale(1, 1); -webkit-transition-timing-function:ease-out; -webkit-transition-duration:.6s;
-moz-transform:scale(1, 1); -moz-transition-timing-function:ease-out; -moz-transition-duration:.6s;
transform:scale(1, 1); transition-timing-function:ease-out; transition-duration:.6s;
z-index:500; pointer-events:none; background-repeat:no-repeat; outline:0 }

.shape .overlay.hexagon { background:url(../img/team/shape.png) }

.shape:hover .overlay { -webkit-transform:scale(1.07, 1.07); -webkit-transition-timing-function:ease-out; -webkit-transition-duration:.3s;
-moz-transform:scale(1.07, 1.07); -moz-transition-timing-function:ease-out; -moz-transition-duration:.3s
}

.shape-inner { height: 300px; overflow: hidden; position: relative; width: 300px; margin: 0 auto; }

.shape .base > img { background: -moz-radial-gradient(50% 50%, circle cover, #ffffff 36%, #e3e3e3 100%);/* FF3.6+ */ background: -webkit-radial-gradient(50% 50%, circle cover, #ffffff 36%, #e3e3e3 100%);/* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(50% 50%, circle cover, #ffffff 36%, #e3e3e3 100%);/* Opera 11.10+ */ background: -ms-radial-gradient(50% 50%, circle cover, #ffffff 36%, #e3e3e3 100%);/* IE10+ */ background: radial-gradient(50% 50%, circle cover, #ffffff 36%, #e3e3e3 100%);/* W3C */ left: 0; max-width: 100%; position: absolute; top: 0; }

.shape .base > .team-img2 { background: -moz-radial-gradient(50% 50%, circle cover, #fffca1 0%, #efca4d 100%);/* FF3.6+ */ background: -webkit-radial-gradient(50% 50%, circle cover, #fffca1 0%, #efca4d 100%);/* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(50% 50%, circle cover, #fffca1 0%, #efca4d 100%);/* Opera 11.10+ */ background: -ms-radial-gradient(50% 50%, circle cover, #fffca1 0%, #efca4d 100%);/* IE10+ */ background: radial-gradient(50% 50%, circle cover, #fffca1 0%, #efca4d 100%);/* W3C */ opacity: 0; -webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}

.shape:hover .base > .team-img2 { opacity: 1; }

.shape h3 { color: #333; font-size: 21px; font-weight: 600; margin: 16px 0 21px; position: relative; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-transform: uppercase; }

.shape h3:after { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); bottom: -10px; content: ""; height: 3px; left: 50%; margin-left: -15px; position: absolute; -webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
width: 30px; }

.shape:hover h3:after { margin-left: -25px; width: 50px; }

.shape a { color: #777777; font-family: 'Open Sans', sans-serif; font-size: 14px; }

.shape a:hover { color: #FF5533; }

/*=========================================================================
 14. Grid Portfolio
========================================================================= */


/*-------------------------------------------------------*/
/* 1. Isotope filtering
/*-------------------------------------------------------*/
.isotope-item { z-index: 2; }

.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

.isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; }

.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; }

.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; }
 @keyframes 
pulsate { 0% {
 transform: scale(1);
}
 50% {
 transform: scale(1.1);
}
 100% {
 transform: scale(1);
}
}
@-webkit-keyframes 
pulsate { 0% {
 -webkit-transform: scale(1);
}
 50% {
 -webkit-transform: scale(1.1);
}
 100% {
 -webkit-transform: scale(1);
}
}
@-moz-keyframes 
pulsate { 0% {
 -moz-transform: scale(1);
}
 50% {
 -moz-transform: scale(1.1);
}
 100% {
 -moz-transform: scale(1);
}
}
@-ms-keyframes 
pulsate { 0% {
 -ms-transform: scale(1);
}
 50% {
 -ms-transform: scale(1.1);
}
 100% {
 -ms-transform: scale(1);
}
}
@-o-keyframes 
pulsate { 0% {
 -o-transform: scale(1);
}
 50% {
 -o-transform: scale(1.1);
}
 100% {
 -o-transform: scale(1);
}
}

/*-------------------------------------------------------*/
/* filtering
/*-------------------------------------------------------*/

ul.filter { display: inline-block; margin: 40px 0 0; padding: 0; text-align: center; }

ul.filter li { list-style: none; display: inline-block; float: left; width: auto; }

ul.filter li { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.06); border-top: 1px solid rgba(255, 255, 255, 0.3); display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; font-size: 12px; font-weight: 600; height: auto; color: #333; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; text-transform: uppercase; }

ul.filter li:hover { text-decoration: underline; color: #715788; }

ul.filter li:first-child { -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; }

ul.filter li:last-child { -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; }

ul.filter li.active, ul.filter li:hover { background: none repeat scroll 0 0 #333333; color: #ffffff; text-decoration: none; }

ul.filter li a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #333333; text-decoration: none; }

ul.filter li a:hover, ul.filter li:hover a, ul.filter li.active a { color: #fff; }

/*-------------------------------------------------------*/
/* Grid Portfolio
/*-------------------------------------------------------*/
 

.portfolio-box .project-post img { width: 100%; }

.project-gal { position: relative; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }

.photography-version .portfolio-box.fullwidth { width: 100%; }

.photography-version .portfolio-box.fullwidth .project-post { width: 20%; height: auto; overflow: hidden; padding: 3px; }

.photography-version .portfolio-box.fullwidth .project-post.size-bigger { width: 40%; }

.photography-version .portfolio-box.fullwidth .project-post .project-gal { height: auto; overflow: hidden; }
 @media (max-width: 1199px) {
 .photography-version .portfolio-box.fullwidth .project-post {
width: 24.96%;
}
 .photography-version .portfolio-box.fullwidth .project-post.size-bigger {
width: 49.92%;
}
}
@media (max-width: 991px) {
 .photography-version .portfolio-box.fullwidth .project-post {
width: 33.31%;
}
 .photography-version .portfolio-box.fullwidth .project-post.size-bigger {
width: 66.62%;
}
}
@media (max-width: 767px) {
 .photography-version .portfolio-box.fullwidth .project-post {
width: 49.98%;
}
 .photography-version .portfolio-box.fullwidth .project-post.size-bigger {
width: 49.98%;
}
}
@media (max-width: 440px) {
 .photography-version .portfolio-box.fullwidth .project-post {
width: 100%;
}
 .photography-version .portfolio-box.fullwidth .project-post.size-bigger {
width: 100%;
}
}

/*-------------------------------------------------------*/
/* Colorfull Background Text
/*-------------------------------------------------------*/

.color-textarea { background: none repeat scroll 0 0 #13D9C9; color: #333333; font-family: open sans; font-size: 16px; line-height: 26px; position: relative; padding: 18px; margin-bottom: 10px; }

.color-textarea h3 { color: #ffffff; font-size: 16px; font-weight: 600; margin: 0 0 21px; position: relative; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-transform: uppercase; }

.color-textarea > h3:after { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); bottom: -10px; content: ""; height: 3px; left: 50%; margin-left: -15px; position: absolute; transition: all 0.2s ease-in-out 0s; width: 30px; }

.color-textarea:hover > h3:after { margin-left: -25px; width: 50px; }

.color-textarea p.big { color: #ffffff; }

.color-textarea.red { background: none repeat scroll 0 0 #ee474a; }

.color-textarea.blue { background: none repeat scroll 0 0 #3498db; }

.size-bigger .color-textarea { padding: 35px; min-height: 251px; }

.size-bigger .color-textarea p.big { font-size: 31px; line-height: 49px; }

.photography-version .portfolio-box.fullwidth .project-post.size-bigger { max-height: 380px; min-height: 380px; }

.photography-version .portfolio-box.fullwidth .project-post { max-height: 190px; min-height: 190px; }
 @media (max-width: 1199px) {
.color-textarea p.big {
 font-size: 24px;
 line-height: 1.42857;
}
}
@media (max-width: 991px) {
.color-textarea p.big {
 font-size: 24px;
 line-height: 1.42857;
}
}
@media (max-width: 767px) {
.color-textarea p.big {
 font-size: 19px;
 line-height: 1.42857;
}
}

/*-------------------------------------------------------*/
/* Slider Image with text
/*-------------------------------------------------------*/


.SLslider-wrapper { }

.SLslider-wrapper.OWL-SL>div { display:none; }

.SLslider-wrapper.OWL-SL>div #slides { font-weight:400; color:white; line-height:normal; }

.SLslider-wrapper.OWL-SL>div #slides img { border:0; }

.SLslider-wrapper.OWL-SL>div #slides>a { line-height:0px; }

.SLslider-wrapper.OWL-SL > div #slides h3 { background-color: #fff; bottom: 30px; color: #000; font-size: 16px; left: 40px; line-height: normal; padding: 10px; position: absolute; text-align: center; }

.SLslider-wrapper.OWL-SL>div #slides span, .SLslider-wrapper.OWL-SL>div #slides p { line-height:normal; }

.SLslider-wrapper.OWL-SL>div .social { position:absolute; top:4%; left:3%; z-index:10000; }

.SLslider-wrapper.OWL-SL>div .social div { float:left; margin-right:10px; }

.SLslider-wrapper.OWL-SL > div #bullets { bottom: 30px; height: 10px; margin-left: -25px; left: 50%; position: absolute; margin-left: -25px; z-index: 10000; }

.SLslider-wrapper.OWL-SL>div #bullets .bullet { min-height:12px; min-width:12px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin-left:5px; float:left; cursor:pointer; background-color:#b4b4b4; background-color:rgba(255, 255, 255, 0.6); }

.SLslider-wrapper.OWL-SL>div #bullets .bullet:hover { background-color:#fff; }

.SLslider-wrapper.OWL-SL>div #bullets .bullet.selected { background-color:#fff; }

.SLslider-wrapper.OWL-SL>div #left { position:absolute; width:36px; height:36px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); left:10px; top:50%; margin-top:-18px; z-index:999999; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.SLslider-wrapper.OWL-SL>div #left:before { content: "\f053"; color: #FFFFFF; position:absolute; font-size: 12px; font-family: FontAwesome; right: -15px; top: 18px; width: 36px; height: 36px; }

.SLslider-wrapper.OWL-SL>div #right { position:absolute; width:36px; height:36px; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.8); right:10px; top:50%; margin-top:-18px; z-index:999999; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.SLslider-wrapper.OWL-SL>div #right:before { content: "\f054"; color: #FFFFFF; position:absolute; font-size: 12px; font-family: FontAwesome; right: -15px; top: 18px; width: 36px; height: 36px; }

/* Sslider blog */
.blog-item-wrap .SLslider-wrapper.OWL-SL > div { position: relative; }

.blog-item-wrap .SLslider-wrapper.OWL-SL > div #slides img { width: 100%; }

/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.portfolio-box.masonry { -webkit-perspective: 1300px; perspective: 1300px; }

.portfolio-box.masonry > div.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateX(-80deg); transform: rotateX(-80deg); -webkit-animation: flip .8s ease-in-out forwards;
 animation: flip .8s ease-in-out forwards;
}
 @-webkit-keyframes 
flip { 0% {
}
 100% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
 @keyframes 
flip { 0% {
}
 100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}

/*=========================================================================
 15. ProBars
========================================================================= */


.pro-bar-container { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; width: 100%; height: 30px; margin: 0 0 20px 0; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; background: #F7F7F7; overflow: hidden; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset; }

.pro-bar-container p { color: #fff; font-size: 14px; font-weight: 600; line-height: 30px; padding: 0 12px; margin: 0; }

/* For use in conjunction with the Backbone Responsive Framework */

.pro-bar-container.bm-remove { margin-bottom: 0; }

.pro-bar-container.bm-smaller { margin-bottom: 5px; }

.pro-bar-container.bm-small { margin-bottom: 10px; }

.pro-bar-container.bm-medium { margin-bottom: 20px; }

.pro-bar-container.bm-large { margin-bottom: 30px; }

.pro-bar-container.bm-larger { margin-bottom: 40px; }

.pro-bar-container.color-turquoise { border-color: #1abc9c; background: #1abc9c; }

.pro-bar-container.color-green-sea { border-color: #16a085; background: #16a085; }

.pro-bar-container.color-emerald { border-color: #2ecc71; background: #2ecc71; }

.pro-bar-container.color-nephritis { border-color: #27ae60; background: #27ae60; }

.pro-bar-container.color-peter-river { border-color: #3498db; background: #3498db; }

.pro-bar-container.color-belize-hole { border-color: #2980b9; background: #2980b9; }

.pro-bar-container.color-amethyst { border-color: #9b59b6; background: #9b59b6; }

.pro-bar-container.color-wisteria { border-color: #8e44ad; background: #8e44ad; }

.pro-bar-container.color-wet-asphalt { border-color: #34495e; background: #34495e; }

.pro-bar-container.color-midnight-blue { border-color: #2c3e50; background: #2c3e50; }

.pro-bar-container.color-sun-flower { border-color: #f1c40f; background: #f1c40f; }

.pro-bar-container.color-orange { border-color: #f39c12; background: #f39c12; }

.pro-bar-container.color-carrot { border-color: #e67e22; background: #e67e22; }

.pro-bar-container.color-pumpkin { border-color: #d35400; background: #d35400; }

.pro-bar-container.color-alizarin { border-color: #e74c3c; background: #e74c3c; }

.pro-bar-container.color-pomegranate { border-color: #c0392b; background: #c0392b; }

.pro-bar-container.color-clouds { border-color: #ecf0f1; background: #ecf0f1; }

.pro-bar-container.color-silver { border-color: #bdc3c7; background: #bdc3c7; }

.pro-bar-container.color-concrete { border-color: #95a5a6; background: #95a5a6; }

.pro-bar-container.color-asbestos { border-color: #7f8c8d; background: #7f8c8d; }

.pro-bar { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; width: 0%; height: 30px; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; background: #444; }

.pro-bar.bar-100 { width: 100%; }

.pro-bar.bar-99 { width: 99%; }

.pro-bar.bar-98 { width: 98%; }

.pro-bar.bar-97 { width: 97%; }

.pro-bar.bar-96 { width: 96%; }

.pro-bar.bar-95 { width: 95%; }

.pro-bar.bar-94 { width: 94%; }

.pro-bar.bar-93 { width: 93%; }

.pro-bar.bar-92 { width: 92%; }

.pro-bar.bar-91 { width: 91%; }

.pro-bar.bar-90 { width: 90%; }

.pro-bar.bar-89 { width: 89%; }

.pro-bar.bar-88 { width: 88%; }

.pro-bar.bar-87 { width: 87%; }

.pro-bar.bar-86 { width: 86%; }

.pro-bar.bar-85 { width: 85%; }

.pro-bar.bar-84 { width: 84%; }

.pro-bar.bar-83 { width: 83%; }

.pro-bar.bar-82 { width: 82%; }

.pro-bar.bar-81 { width: 81%; }

.pro-bar.bar-80 { width: 80%; }

.pro-bar.bar-79 { width: 79%; }

.pro-bar.bar-78 { width: 78%; }

.pro-bar.bar-77 { width: 77%; }

.pro-bar.bar-76 { width: 76%; }

.pro-bar.bar-75 { width: 75%; }

.pro-bar.bar-74 { width: 74%; }

.pro-bar.bar-73 { width: 73%; }

.pro-bar.bar-72 { width: 72%; }

.pro-bar.bar-71 { width: 71%; }

.pro-bar.bar-70 { width: 70%; }

.pro-bar.bar-69 { width: 69%; }

.pro-bar.bar-68 { width: 68%; }

.pro-bar.bar-67 { width: 67%; }

.pro-bar.bar-66 { width: 66%; }

.pro-bar.bar-65 { width: 65%; }

.pro-bar.bar-64 { width: 64%; }

.pro-bar.bar-63 { width: 63%; }

.pro-bar.bar-62 { width: 62%; }

.pro-bar.bar-61 { width: 61%; }

.pro-bar.bar-60 { width: 60%; }

.pro-bar.bar-59 { width: 59%; }

.pro-bar.bar-58 { width: 58%; }

.pro-bar.bar-57 { width: 57%; }

.pro-bar.bar-56 { width: 56%; }

.pro-bar.bar-55 { width: 55%; }

.pro-bar.bar-54 { width: 54%; }

.pro-bar.bar-53 { width: 53%; }

.pro-bar.bar-52 { width: 52%; }

.pro-bar.bar-51 { width: 51%; }

.pro-bar.bar-50 { width: 50%; }

.pro-bar.bar-49 { width: 49%; }

.pro-bar.bar-48 { width: 48%; }

.pro-bar.bar-47 { width: 47%; }

.pro-bar.bar-46 { width: 46%; }

.pro-bar.bar-45 { width: 45%; }

.pro-bar.bar-44 { width: 44%; }

.pro-bar.bar-43 { width: 43%; }

.pro-bar.bar-42 { width: 42%; }

.pro-bar.bar-41 { width: 41%; }

.pro-bar.bar-40 { width: 40%; }

.pro-bar.bar-39 { width: 39%; }

.pro-bar.bar-38 { width: 38%; }


.pro-bar.bar-37 { width: 37%; }

.pro-bar.bar-36 { width: 36%; }

.pro-bar.bar-35 { width: 35%; }

.pro-bar.bar-34 { width: 34%; }

.pro-bar.bar-33 { width: 33%; }

.pro-bar.bar-32 { width: 32%; }

.pro-bar.bar-31 { width: 31%; }

.pro-bar.bar-30 { width: 30%; }

.pro-bar.bar-29 { width: 29%; }

.pro-bar.bar-28 { width: 28%; }

.pro-bar.bar-27 { width: 27%; }

.pro-bar.bar-26 { width: 26%; }

.pro-bar.bar-25 { width: 25%; }

.pro-bar.bar-24 { width: 24%; }

.pro-bar.bar-23 { width: 23%; }

.pro-bar.bar-22 { width: 22%; }

.pro-bar.bar-21 { width: 21%; }

.pro-bar.bar-20 { width: 20%; }

.pro-bar.bar-19 { width: 19%; }

.pro-bar.bar-18 { width: 18%; }

.pro-bar.bar-17 { width: 17%; }

.pro-bar.bar-16 { width: 16%; }

.pro-bar.bar-15 { width: 15%; }

.pro-bar.bar-14 { width: 14%; }

.pro-bar.bar-13 { width: 13%; }

.pro-bar.bar-12 { width: 12%; }

.pro-bar.bar-11 { width: 11%; }

.pro-bar.bar-10 { width: 10%; }

.pro-bar.bar-9 { width: 9%; }

.pro-bar.bar-8 { width: 8%; }

.pro-bar.bar-7 { width: 7%; }

.pro-bar.bar-6 { width: 6%; }

.pro-bar.bar-5 { width: 5%; }

.pro-bar.bar-4 { width: 4%; }

.pro-bar.bar-3 { width: 3%; }

.pro-bar.bar-2 { width: 2%; }

.pro-bar.bar-1 { width: 1%; }

.pro-bar.bar-0 { width: 0%; }

.pro-bar.color-turquoise { background: #1abc9c; }

.pro-bar.color-green-sea { background: #16a085; }

.pro-bar.color-emerald { background: #2ecc71; }

.pro-bar.color-nephritis { background: #27ae60; }

.pro-bar.color-peter-river { background: #3498db; }

.pro-bar.color-belize-hole { background: #2980b9; }

.pro-bar.color-amethyst { background: #9b59b6; }

.pro-bar.color-wisteria { background: #8e44ad; }

.pro-bar.color-wet-asphalt { background: #34495e; }

.pro-bar.color-midnight-blue { background: #2c3e50; }

.pro-bar.color-sun-flower { background: #f1c40f; }

.pro-bar.color-orange { background: #f39c12; }

.pro-bar.color-carrot { background: #e67e22; }

.pro-bar.color-pumpkin { background: #d35400; }

.pro-bar.color-alizarin { background: #e74c3c; }

.pro-bar.color-pomegranate { background: #c0392b; }

.pro-bar.color-clouds { background: #ecf0f1; }

.pro-bar.color-silver { background: #bdc3c7; }

.pro-bar.color-concrete { background: #95a5a6; }

.pro-bar.color-asbestos { background: #7f8c8d; }
 @-webkit-keyframes 
progressStripeLTR { to {
background-position: 30px 0;
}
}
 @-moz-keyframes 
progressStripeLTR { to {
background-position: 30px 0;
}
}
 @-ms-keyframes 
progressStripeLTR { to {
background-position: 30px 0;
}
}
 @-o-keyframes 
progressStripeLTR { to {
background-position: 30px 0;
}
}
 @keyframes 
progressStripeLTR { to {
background-position: 30px 0;
}
}
 @-webkit-keyframes 
progressStripeRTL { to {
background-position: -30px 0;
}
}
 @-moz-keyframes 
progressStripeRTL { to {
background-position: -30px 0;
}
}
 @-ms-keyframes 
progressStripeRTL { to {
background-position: -30px 0;
}
}
 @-o-keyframes 
progressStripeRTL { to {
background-position: -30px 0;
}
}
 @keyframes 
progressStripeRTL { to {
background-position: -30px 0;
}
}

.pro-bar-candy { width: 100%; height: 30px; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: 30px 30px; }

.pro-bar-candy.candy-ltr { -webkit-animation: progressStripeLTR .6s linear infinite;
 -moz-animation: progressStripeLTR .6s linear infinite;
 -ms-animation: progressStripeLTR .6s linear infinite;
 -o-animation: progressStripeLTR .6s linear infinite;
 animation: progressStripeLTR .6s linear infinite;
}

.pro-bar-candy.candy-rtl { -webkit-animation: progressStripeRTL .6s linear infinite;
 -moz-animation: progressStripeRTL .6s linear infinite;
 -ms-animation: progressStripeRTL .6s linear infinite;
 -o-animation: progressStripeRTL .6s linear infinite;
 animation: progressStripeRTL .6s linear infinite;
}

/*=========================================================================
 16. Pie Chart
========================================================================= */


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

.pie-chart canvas { position: absolute; z-index: 1; top: 0; left: 0; }

.pie-chart .pie-chart-percent { position: absolute; z-index: 10; top: 60px; left: 0; display: block; width: 100%; text-align: center; }

.pie-chart .pie-chart-percent { font-size: 41px; font-weight: 700; color: #333; }

.dark-box .pie-chart .pie-chart-percent { color: #fff; }

.pie-chart-description { display: block; margin-bottom: 50px; font-size: 24px; text-align: center; font-weight: 400; }

.pie-chart-description i { margin-right: 10px; }

.pie-chart p { color: #000; font-size: 14px; margin-top: -26.5px; padding: 0; position: absolute; text-transform: uppercase; top: 74%; width: 100%; }

.dark-box .pie-chart p { color: #fff; }

.parallax-2 .pie-chart .pie-chart-percent { font-size: 35px; font-weight: 700; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }

.parallax-2 .pie-chart p { color: #fff; font-size: 14px; margin-top: -26.5px; padding: 0; position: absolute; text-transform: uppercase; top: 74%; width: 100%; text-shadow: 0 0px 1px rgba(0, 0, 0, 0.7); }

.counter { margin-top: 30px; }

.parallax-2 .counter.pie-chart .pie-chart-percent { font-size: 46px; }

.parallax-2 .counter.pie-chart p { color: #000000; font-size: 17px; font-weight: 600; margin-top: 0; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); }

.counter i { color: #fff; font-size: 42px; }

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

.txt-rotate { }

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

/*=========================================================================
 18. LIST ELEMENTS
========================================================================= */

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

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

.list-style-1 i { color: #3498DB; font-size: 16px; margin: 0px 15px 0 0; }

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

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

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

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

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

.list-style-2 i { color: #3498DB; font-size: 16px; margin: 0px 7px 0 0; }

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

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

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

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

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

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

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

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

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

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

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

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

/*=========================================================================
 19. ALER BOXES
========================================================================= */

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

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

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

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

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

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

/*=========================================================================
 20. Testimonial slider
========================================================================= */

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

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

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

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

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

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

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

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

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

/*=========================================================================
 21. Animated circle loader
========================================================================= */

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

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

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

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

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

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

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

/*=========================================================================
 22. Carousel Start
========================================================================= */

/* Demo Slides */

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

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

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

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

.item h1 { margin: inherit; }

.orange { background: #ff8a3c; }

.darkCyan { background: #42bdc2; }

.forestGreen { background: #7fc242; }

.yellow { background: #ffd800; }

.dodgerBlue { background: #388bd1; }

.skyBlue { background: #a1def8; }

.zombieGreen { background: #3fbf79; }

.violet { background: #db6ac5; }

.yellowLight { background: #fee664; }

.steelGray { background: #cad3d0; }

/* More Demo Box */

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

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

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

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

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

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

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

.demo-slide { float: left; }

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

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

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

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

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

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

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

/* json */

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

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

/* loading icon */

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

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

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

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

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

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

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

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

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

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


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

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

/* Double Diagonal line */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Big triangle with shadow */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*=========================================================================
 26. Social
========================================================================= */

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

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

#social a img { border: medium none; }

/*=========================================================================
 27. Blockquotes
========================================================================= */

blockquote { color: #333333; font-family: 'georgia'; font-size: 16px; font-style: italic; line-height: 1.8em; }

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

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

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

/*=========================================================================
 28. Dropcap
========================================================================= */

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

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

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

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

.dropcap5 { background: url("../img/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; behavior: url(css/PIE.htc); }

.dropcap6 { background: url("../img/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; behavior: url(css/PIE.htc); }

.dropcap7 { background: url("../img/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; behavior: url(css/PIE.htc); }

.dropcap8 { background: url("../img/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; behavior: url(css/PIE.htc); }

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

/*=========================================================================
 29. TOOLTIP TIPSY
========================================================================= */

.tipsy { background-image: url("img/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; behavior: url(css/PIE.htc); }

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

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

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

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

/*=========================================================================
 30. Site big Alert boxes
========================================================================= */

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

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

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

.add a { color: #697A58; }

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

/*=========================================================================
 31. Portfolio
========================================================================= */


.holder { margin: 0; }

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

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

/*=========================================================================
 32. Sitemap
========================================================================= */

.site-map { margin: 0 0 40px 0; float: left; width: 100%; }

#site-map li { width:25%; }

#site-map li ul li { width:100% !important; }

/* --------	Top Level --------- */

#site-map { margin: 0; float: left; width: 100%; }

#site-map #home { display: block; float: none; background: #ffffff url('../img/icons/ST1-left.png') center bottom no-repeat; position: relative; z-index: 2; }

#site-map li { float: left; background: url('../img/icons/ST1-center.png') center top no-repeat; padding: 30px 0; margin-top: -30px; }

#site-map li a.main { background: none repeat scroll 0 0 #A56AB6; border: 1px solid #854A96; }

#site-map li a.main:hover { background: none repeat scroll 0 0 #BA7FCB; border: 1px solid #A56AB6; }

#site-map li a { margin: 0 20px 0 0; padding: 10px 0; display: block; font-size: 14px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; text-align: center; color: #fff; background: none repeat scroll 0 0 #4AAAD3; border: 1px solid #64B2D3; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }

#site-map li a:hover { background-color: #6ACAF3; border-color: #3A9AC3; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0s); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); }

#site-map li:last-child { background: url('../img/icons/ST1-right.png') center top no-repeat; }

/* --------	Second Level --------- */

#site-map li li { width: 100%; clear: left; margin-top: 0; padding: 10px 0 0 0; background: url('../img/icons/ST-vertical-line.png') center bottom repeat-y; }

#site-map li li a { background-color: #4AD3A7; border-color: #36BF93; }

#site-map li li a:hover { border-color: #3CC599; background-color: #63ECC0; }

#site-map li li:first-child { padding-top: 30px; }

#site-map li li:last-child { background: url('../img/icons/ST-vertical-line.png') center bottom repeat-y; }

/* --------	Third Level --------- */

#site-map li li ul { margin: 10px 0 0 0; width: 100%; float: right; padding: 9px 0 0 0; background: #ffffff url('../img/icons/ST3-ul-top.png') center top no-repeat; }

#site-map li li li { background: url('../img/icons/ST3-center.png') left center no-repeat; padding: 5px 0; }

#site-map li li li a { background-color: #E9CE3B; border-color: #CCB11E; width: 80%; float: right; }

#site-map li li li a:hover { background-color: #FADF4C; border-color: #CDB21F; }

#site-map li li li:first-child { padding: 15px 0 5px 0; background: url('../img/icons/ST3-li-top.png') left center no-repeat; }

#site-map li li li:last-child { background: url('../img/icons/ST3-bottom.png') left center no-repeat; }

/*=========================================================================
 32. Pagination
========================================================================= */

.pagination { height: 36px; }

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

.pagination li { display: inline; }

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

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

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

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

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

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

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

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

/*=========================================================================
 33. Progress Bar 1
========================================================================= */


.skills-holder { padding: 0 11px 20px !important; }

.skill { margin-bottom: 6px; }

.skill label { font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 30px; }

.skill-bar { background-color: #ccc; height: 21px; width: 100%; }

.skill-bar .level { background-color: #444; height: 21px; width: 0; position: relative; }

.level strong:after { border-color: #333333 rgba(0, 0, 0, 0); border-style: solid; border-width: 5px 5px 0; bottom: -5px; content: ""; display: block; left: 12px; position: absolute; width: 0; }

.level strong { background-color: #333333; border-radius: 2px; color: #FFFFFF; display: block; font-family: 'Open Sans', Arial, sans-serif; font-size: 11px !important; line-height: 12px !important; padding: 4px 7px !important; position: absolute; right: -17px; top: -25px; }

.level.html { background-color: #3498DB; }

.level.css { background-color: #0AAC8C; }

.level.jquery { background-color: #009C7C; }

.level.javascript { background-color: #008C6C; }

.level.ajax { background-color: #007C5C; }

.level.php { background-color: #006C4C; }

.level.mysql { background-color: #005C3C; }

/*=========================================================================
 33. Progress Bar 2
========================================================================= */

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

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

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

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

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

to { background-position: 0 0; }
}

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

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

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

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

.progress-danger .bar { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
behavior: url(css/PIE.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); font-size: 11px; font-weight: bold; line-height: 17px; padding: 0 0 0 10px; text-align: left; text-transform: uppercase; behavior: url(css/PIE.htc); }

.progress-success .bar { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(top, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
behavior: url(css/PIE.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); font-size: 11px; font-weight: bold; line-height: 17px; padding: 0 0 0 10px; text-align: left; text-transform: uppercase; behavior: url(css/PIE.htc); }

.progress-info .bar { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(top, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
behavior: url(css/PIE.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); font-size: 11px; font-weight: bold; line-height: 17px; padding: 0 0 0 10px; text-align: left; text-transform: uppercase; behavior: url(css/PIE.htc); }

.progress-warning .bar { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
behavior: url(css/PIE.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); font-size: 11px; font-weight: bold; line-height: 17px; padding: 0 0 0 10px; text-align: left; text-transform: uppercase; behavior: url(css/PIE.htc); }

/*=========================================================================
 36. Accordion
========================================================================= */

/*accordion 1*/

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

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

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

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

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

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

/*not accordion */

.notaccordion { position: relative; margin: 0 auto 60px; }

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

.notaccordion h3:hover { background:#FFFFFF; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*=========================================================================
 37. TABS 1
========================================================================= */

/* top nav */

#tabs, #tabs2, #tabs3, #tabs4, #tabs5, #tabs6, #tabs7, #tabs8, #tabs9, #tabs10, #tabs11, #tabs12, #tabs13, #tabs14, #tabs15, #tabs16 { width: 100%; margin: 0 auto 60px; }

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

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

#tabs li a, #tabs2 li a, #tabs3 li a, #tabs4 li a { display: block; line-height: 53px; padding: 0 23px; background: #f3f3f3; border: 1px solid #dedede; font-size: 17px; font-weight: 400; text-decoration: none; color: #a7a7a7; }

#tabs li a:hover, #tabs2 li a:hover, #tabs3 li a:hover, #tabs4 li a:hover, #tabs5 li a:hover { background: none repeat scroll 0 0 #fcfcfc; color: #000000; }

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

.tabs_container h2 { margin-top: 0; padding-top: 0; }

.tabs_container > div, .tabs_container_right > div { margin-right: 30px; }

#tabs li a.tabulous_active, #tabs2 li a.tabulous_active, #tabs3 li a.tabulous_active, #tabs4 li a.tabulous_active { background: white; color: #333; border-top: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #DEDEDE; }

/* Left nav */

ul.left-tabulus { display: inline-block; float: left; list-style: none outside none; margin-right: -1px; padding: 0px; position: relative; width: 184px; }

ul.left-tabulus li a { background: none repeat scroll 0 0 #f3f3f3; border: 1px solid #dedede; color: #a7a7a7; display: block; font-size: 17px; font-weight: 400; line-height: 53px; margin-bottom: 2px; padding-left: 20px; position: relative; text-decoration: none; transition: all 0.2s linear 0s; width: 100%; z-index: 2; }

ul.left-tabulus li a:hover i { color: #EA4F35; }

ul.left-tabulus i { margin-right: 5px; transition: all 0.2s linear 0s; }

ul.left-tabulus em { background: none repeat scroll 0 0 #ea4f35; border-radius: 3px; color: #ffffff; padding: 3px 6px; float: right; font-size: 11px; font-style: normal; line-height: 16px; margin: 14px 18px 0 0; text-align: center; }

ul.left-tabulus li.active a { background: none repeat scroll 0 0 #FFFFFF; border-right: 1px solid #ffffff !important; color: #333333; }
 @media (max-width: 480px) {

/* Left nav */

ul.left-tabulus {
float: none;
margin: 0 auto -7px;
padding: 0;
width: 100%;
}
ul.left-tabulus li a {
display: inline-block;
float: left;
margin: 0 2px 0 0;
padding: 0 20px;
width: auto;
}
ul.left-tabulus em {
margin: 18px 0 18px 12px;
}
ul.left-tabulus li.active a {
border-bottom: 1px solid #ffffff;
border-right: 1px solid #dedede !important;
color: #333333;
}
ul.left-tabulus em {
float: none;
}
}

/* Right nav */

ul.right-tabulus { display: inline-block; float: right; list-style: none outside none; margin-left: -1px; padding: 0px; position: relative; width: 184px; }

ul.right-tabulus li a { background: none repeat scroll 0 0 #f3f3f3; border: 1px solid #dedede; color: #a7a7a7; display: block; font-size: 17px; font-weight: 400; line-height: 53px; margin-bottom: 2px; padding-right: 20px; position: relative; text-decoration: none; transition: all 0.2s linear 0s; width: 100%; text-align: right; z-index: 2; }

ul.right-tabulus li a:hover i { color: #EA4F35; }

ul.right-tabulus i { margin-left: 5px; transition: all 0.2s linear 0s; }

ul.right-tabulus em { background: none repeat scroll 0 0 #ea4f35; border-radius: 3px; color: #ffffff; padding: 3px 6px; float: left; font-size: 11px; font-style: normal; line-height: 16px; margin: 14px 0 0 18px; text-align: center; }

ul.right-tabulus li.active a { background: none repeat scroll 0 0 #FFFFFF; border-left: 1px solid #ffffff !important; color: #333333; }
 @media (max-width: 480px) {

/* Left nav */

ul.right-tabulus {
float: none;
margin: 0 auto -7px;
padding: 0;
width: 100%;
}
ul.right-tabulus li a {
display: inline-block;
float: left;
margin: 0 2px 0 0;
padding: 0 20px;
width: auto;
}
ul.right-tabulus em {
margin: 18px 0 18px 12px;
}
ul.right-tabulus li.active a {
border-bottom: 1px solid #ffffff;
border-left: 1px solid #dedede !important;
color: #333333;
}
ul.right-tabulus em {
float: none;
}
}

/* Bottom nav */

ul.bottom-tabulus { display: inline-block; float: left; list-style: none outside none; margin-top: -1px; padding: 0px; position: relative; width: 100%; }

ul.bottom-tabulus li a { background: none repeat scroll 0 0 #f3f3f3; border: 1px solid #dedede; color: #a7a7a7; display: block; font-size: 17px; font-weight: 400; float: left; line-height: 53px; margin-right: 2px; padding: 0 20px; position: relative; text-decoration: none; transition: all 0.2s linear 0s; z-index: 2; }

ul.bottom-tabulus li a:hover i { color: #EA4F35; }

ul.bottom-tabulus i { margin-right: 5px; transition: all 0.2s linear 0s; }

ul.bottom-tabulus em { background: none repeat scroll 0 0 #ea4f35; border-radius: 3px; color: #ffffff; padding: 3px 6px; float: right; font-size: 11px; font-style: normal; line-height: 16px; margin: 14px 0 0 18px; text-align: center; }

ul.bottom-tabulus li.active a { background: none repeat scroll 0 0 #FFFFFF; border-top: 1px solid #ffffff !important; color: #333333; }
 @media (max-width: 480px) {
/* Bottom nav */

}

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

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

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

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

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

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

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

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

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

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

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

/*=========================================================================
 38. TABS 2
========================================================================= */

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

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

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

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

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

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

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

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

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

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

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

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


/*=========================================================================
 39. Price Circle Start
========================================================================= */

.cir-price-wrap { height: 310px; }

/* =====[ COLORS ]============================================================================== */
.cir-color-bg { background:#333333!important; }

.cir-color-font { color: #FFFFFF !important; }

.cir-front, .cir-back { font-family: 'Open Sans', sans-serif; float:left; width: 260px; height: 260px; background: none repeat scroll 0 0 #5BB9EF; border: 1px solid #3C9AD0; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}

/* =====[ cir-front ELEMENTS ]============================================================================== */

.cir-front > div { text-align:center; color:#FFFFFF; }

.cir-title { font-size:25px; font-weight: 700; text-transform:uppercase; text-align:center; padding: 37px 10px 12px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }

.cir-price span { display: inline-block; font-weight: 900; line-height: normal; vertical-align: top; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }

.cir-price .currency { font-size: 48px; line-height: 48px; margin-top: 32px; }

.cir-price .total { font-size: 98px; line-height: 98px; }

.cir-price .end { font-size: 27px; line-height: 27px; margin-top: 64px; }

.cir-description { text-align:center; }

.cir-front .cir-description { color: #333 !important; font-size: 16px; font-weight: 600; padding: 13px 49px 0; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.6); }

.cir-price-chart .cir-btn { color: #FFFFFF; display: block; font-size: 16px; font-weight: 700; padding: 17px 10px 12px; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; }

.cir-price-chart .cir-btn:hover { color: #eee; }

/* =====[ cir-back ELEMENTS ]============================================================================== */

.cir-back .cir-title { color:#FFF; }

.cir-back .cir-description ul { width: 62%; margin:auto; }

.cir-back .cir-description ul li { color: #FFFFFF !important; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 26px; list-style: none outside none; text-align: left; }

.cir-description i { margin-right: 9px; }

/* =====[ cir-price-chart ANIMATIONS ]============================================================================== */

.cir-price-chart { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; position:relative; -webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
-webkit-box-shadow: 0 0 0 12px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 0 0 12px rgba(0, 0, 0, 0.07); box-shadow: 0 0 0 12px rgba(0, 0, 0, 0.07); position: absolute; }

.cir-info { position:absolute; border-radius:100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; opacity:0; -moz-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-cir-backface-visibility:hidden; }

.cir-price-chart:hover .cir-front { -moz-transform:scale(1.16); -webkit-transform:scale(1.16); -o-transform:scale(1.16); -ms-transform:scale(1.16); transform:scale(1.16); opacity:1; }

.cir-price-chart:hover .cir-info { -moz-transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); opacity:1; }

.cir-price-chart .cir-back { *display:none;
}

.cir-price-chart .cir-back { z-index:0; }

.cir-price-chart .cir-front { position:relative; z-index:1; }

.cir-price-chart:hover .cir-back { z-index:1; }

.cir-price-chart:hover .cir-front { position:relative; z-index:0; }

.cir-price-chart:hover .cir-back { *display:inline;
}

.cir-price-chart:hover .cir-front { *display:none;
}

.cir-price-chart.green .cir-front { background: none repeat scroll 0 0 #74C32D !important; border: 1px solid #63BA26 !important; }

.cir-price-chart.seagreen .cir-front { background: none repeat scroll 0 0 #32BA55 !important; border: 1px solid #2CB14F !important; }

.cir-price-chart.turq .cir-front { background: none repeat scroll 0 0 #3CC3CB !important; border: 1px solid #33BAC3 !important; }

.cir-price-chart.blue .cir-front { background: none repeat scroll 0 0 #449ED7 !important; border: 1px solid #3A92D0 !important; }

/*=========================================================================
 40. Price Start
========================================================================= */

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

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

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

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

.price-table { }

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

.price-column strong, strong a { font-family: 'Open Sans', Arial; line-height: 22px; }

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

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

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

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

.price-column-featured li.last { padding-bottom: 31px; }
.price-column li:nth-child(2n) {
background: none repeat scroll 0 0 #FCFCFC;
}

.price-column ul li { background: none repeat-x scroll 0 100% transparent; border-bottom: 1px solid #F2F2F2; font-size: 14px; color: #777; padding: 20px 0; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); }

.price-column h4 { border-bottom: 0 none; font-size: 21px; font-weight: 700; line-height: 56px; margin: 0; padding: 0; text-transform: uppercase; }

.price-column-featured h4 { font-size: 31px; line-height: 66px; }

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

.price-column-even h4 { background: url("../img/patterns/2.png") repeat scroll 0 0 #290073; }

.price-column-first h4, .price-column-last h4 { background: url("../img/patterns/2.png") repeat scroll 0 0 #000043; }

.price-column .price-tag { background: url("../img/patterns/3.png") repeat scroll 0 0 #333333; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 6px #000000 inset; -moz-box-shadow: 0 0 6px #000000 inset; box-shadow: 0 0 6px #000000 inset; color: #FFFFFF; height: 140px; margin: 0 auto; text-shadow: 0 0 0; width: 140px; }

.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; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); box-shadow: 0 0 3px rgba(0, 0, 0, 0.17); behavior: url(css/PIE.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: url("../img/patterns/2.png") repeat scroll 0 0 #5917A3; color: #FFFFFF; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; behavior: url(css/PIE.htc); }

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

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

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

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


.price-table .col-md-3 { padding: 0 1px; }
@media (min-width: 768px) and (max-width: 991px) {
.price-table .col-md-3 {
padding: 0 15px;
}
}
@media (min-width: 1200px) {
.price-table .col-md-3 {
padding: 0 1px;
}
}

/* Pricing Tables - Boxes */
.price-table .peice-list { background: none repeat scroll 0 0 #5BB9EF; border: 0; margin: 0 0 1.25em 0; padding:0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.price-table .price-col1 .peice-list { background-color: #F7F7F7; }

.price-table .price-col2 .peice-list { background-color: #5BB9EF; }

.price-table .price-col3 .peice-list { background-color: #D497E7; }

.price-table .price-col4 .peice-list { background-color: #5DD5C6; }

.peice-list * { list-style: none; line-height: 1; }

.peice-list .pack-price { font-family: 'Open Sans', Arial, sans-serif; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1); text-align: center; padding:12px 0 18px; color: #EAEAEA; font-weight: 900; font-size: 15px; }

.peice-list .pack-price span { color: #fff; font-weight: 900; font-size: 53px; display: block; padding:10px 0; }

.peice-list li { padding: 0.9375em; text-align: center; color: #FFFFFF; font-size: 16px; font-weight: 600; border-bottom: 1px solid rgba(255, 255, 255, 0.13); line-height: 27px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }

.peice-list .price-table-btn { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); text-align: center; padding: 4px 0; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }

.peice-list .price-table-btn p { padding: 36px 0 31px; }

.peice-list .price-table-btn a { color:#333; font-size:16px; font-weight:800; background: #fff; padding: 17px; text-shadow: 0 0 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.peice-list .price-table-btn a:hover { background: #333; color:#fff; text-decoration: none; }

.price-table { padding:0 0 50px; overflow: hidden; margin: 0 10px; }

.price-table p { text-align: center; }

.price-table .title-1 { font-family: 'Open Sans', Arial, sans-serif; background: none repeat scroll 0 0 #333333; padding: 21px 0; text-align: center; letter-spacing: .07em; color: #fff; font-weight: 800; font-size: 17px; margin-bottom: 2px; position: relative; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.price-table .title-2 { font-family: 'Open Sans', Arial, sans-serif; background: url("../img/patterns/2.png") repeat scroll 0 0 #1F80B7; padding: 21px 0; text-align: center; letter-spacing: .07em; color: #fff; font-weight: 800; font-size: 17px; margin: 20px 0 2px 0; position: relative; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.price-table .price-col1 .title-2 { background-color: #131313; }

.price-table .price-col2 .title-2 { background-color: #006097; }

.price-table .price-col3 .title-2 { background-color: #9128B3; font-size: 21px; margin: 0 0 2px; padding: 31px 0; }

.price-table .price-col3 .price-table-btn { padding: 14px 0; }

.price-table .price-col4 .title-2 { background-color:  #008975; }

.price-table .price-col1 .peice-list li { text-align: left; color: #575757; font-weight: 400; border-bottom: 1px solid rgba(0, 0, 0, 0.03); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); }

.peice-list .bullet-item i { font-size: 12px }

.peice-list .bullet-item i.fa-check { color:#65454C; }

.peice-list .bullet-item i.fa-times { color:#FEB762; }

.peice-list .pack-price { padding:14px 0 20px; }

.peice-list .pack-price span { font-size: 33px; }

.peice-list .pack-price span sub { font-size: 14px; padding-left:2px; font-weight: 400; text-shadow:none; top:0px; vertical-align: baseline; position: relative; }
 @media only screen and (max-width: 719px) {
 .peice-list .bullet-item i {
margin-bottom:6px;
}
}
 @media only screen and (min-width: 720px) and (max-width: 959px) {
.peice-list .pack-price span {
font-size: 33px;
}
.peice-list .price-table-btn a {
font-size:14px;
padding:9px 17px;
border-radius: 6px
}
}

/*=========================================================================
 41. Cart Table Start
========================================================================= */


.cart-res.cart-big { display: table; }

table.cart-wrapper { border: medium none; border-collapse: separate; border-spacing: 0; width: 100%; }

table .cart-title a { color: #666666; font-weight: 600; }

table .cart-title a:hover { color: #808080; }

.cart-res { width: 100%; }

table.cart-wrapper { border-collapse: separate; border-spacing: 0; }

table.cart-wrapper th { background-color: #F6F6F6; border: medium none; color: #606060; font-size: 14px; font-weight: 600; padding: 10px 20px; text-align: left; vertical-align: top; }

table.cart-wrapper.bottom { margin-top: -1px; }

table.cart-wrapper.bottom th { padding: 15px; }

table.cart-wrapper th { color: #606060; font-size: 14px; font-weight: 600; text-align: left; }

a.button.gray { background-color: #C0C0C0; }

input[type="button"], input[type="submit"], a.button { background-color: #808080; border: medium none; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 13px; font-weight: 700; outline: medium none; overflow: hidden; padding: 7px 14px; position: relative; text-transform: uppercase; transition: background-color 0.2s ease-in-out 0s; z-index: 10; }

.apply-coupon a { display: block; float: left; }

.gray, .gray-bg { background: none repeat scroll 0 0 #808080; }

table.cart-wrapper.bottom .cart-btns { float: right; }

table.cart-wrapper td { border-bottom: 1px solid #EEEEEE; border-right: medium none; border-top: medium none; font-size: 16px; font-weight: 700; padding: 20px; vertical-align: middle; }

.cart-cross:before { display: block; left: 15px; position: relative; top: 7px; }

.cart-add:before { content: ""; }

.cart-less:before { content: ""; }

.cart-cross:before { content: ""; }

a.cart-cross { background-color: #F6F6F6; color: #A0A0A0; }

.cart-add, .cart-less, a.cart-cross { -moz-user-select: none; background: none repeat scroll 0 0 #C0C0C0; border: medium none; color: #FFFFFF; cursor: pointer; float: left; font-family: "FontAwesome"; font-size: 13px; height: 40px; outline: 0 none; transition: all 0.2s ease-in-out 0s; width: 40px; }

a.cart-cross:hover { background: none repeat scroll 0 0 #DF2727; color: #FFFFFF; }

.cart-add:before, .cart-less:before { display: block; left: 15px; position: relative; top: 7px; }

input.qty { background: none repeat scroll 0 0 #F5F5F5; padding: 8px 9px; height: 40px; width: 40px; }

.qty { float: left; height: 22px; padding: 8px 9px; text-align: center; width: 25px; }

.cart-wrapper input[type="text"], .cart-wrapper input[type="password"], .cart-wrapper input[type="email"], .cart-wrapper textarea, .cart-wrapper select { background: none repeat scroll 0 0 #fff; border: 1px solid #F5F5F5; color: #999999; display: block; font-size: 13px; font-weight: 600; margin: 0; max-width: 100%; outline: medium none; padding: 11px 12px; }

.apply-coupon input { background-color: #FFFFFF; border: 0 none; display: inline-block; float: left; margin: 0; }

.cart-prices .cart-wrapper th { border-bottom: 1px solid #FFFFFF; padding: 10px 15px; vertical-align: middle; width: 40%; }

.cart-prices .cart-wrapper td { border-bottom: 1px solid #F0F0F0; padding: 10px 15px; }

.apply-coupon input { background-color: #FFFFFF; border: 0 none; display: inline-block; float: left; margin: 0; }

.top-search input, .apply-coupon input { float: left; font-size: 13px; padding: 10px 13px; width: 192px; }

.cart-wrapper.cart-res.cart-big img { box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.03); }

.checkout-subtotal { color: #808080; float: right; margin: 0px 15px 0px 5px; }

.checkout-subtotal span { color: #606060; margin-left: 5px; }

.checkout-subtotal.summary { border-top: 1px solid #E0E0E0; margin-top: 10px; padding-top: 10px; position: relative; text-align: right; width: 94.5%; }
 @media only screen and (max-width: 767px) {
input.qty {
padding: 8px 7px;
}
.cart-btns {
margin-top: 10px;
}
.cart-res.cart-big {
display: none;
}
table.cart-wrapper.bottom {
margin-top: 25px;
}
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
.apply-coupon input {
width: 233px;
}
}
 @media only screen and (max-width: 479px) {
.apply-coupon input {
width: 112px;
}
}

/*=========================================================================
 42. Price Table
========================================================================= */
@media (max-width: 979px) {
.price-table-two .price-column {
width: 50%;
}
 .price-table-three .price-column {
width: 50%;
}
 .price-table-four .price-column {
width: 50%;
}
 .price-table-five .price-column {
width: 50%;
}
}
@media (max-width: 480px) {
.price-table-two .price-column {
width: 100%;
}
 .price-table-three .price-column {
width: 100%;
}
 .price-table-four .price-column {
width: 100%;
}
 .price-table-five .price-column {
width: 100%;
}
}