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

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

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

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

.flag5 { background-image: url("../images/icons/flag5.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("../images/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("../images/cd-icon-1-small.svg");
}
.cd-service.cd-service-2::before {
 background-image: url("../images/cd-icon-2-small.svg");
}
.cd-service.cd-service-3::before {
 background-image: url("../images/cd-icon-3-small.svg");
}
.cd-service.cd-service-4::before {
 background-image: url("../images/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("../images/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("../images/cd-icon-1-large.svg");
}
 .cd-service.cd-service-2::before {
 background-image: url("../images/cd-icon-2-large.svg");
}
 .cd-service.cd-service-3::before {
 background-image: url("../images/cd-icon-3-large.svg");
}
 .cd-service.cd-service-4::before {
 background-image: url("../images/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(../images/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(../images/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(../images/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("../images/icons/list-arrow.png") no-repeat scroll 5px 16px transparent; }

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

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

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

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

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

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

.dash-list { background: url("../images/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("../images/icons/icon-box-error.png") no-repeat 10px 9px; border: 1px solid #f7c7c9; border-left-width: 4px; color: #b3696c; }

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

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

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

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

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

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

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

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

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

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

/*=========================================================================
 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("../images/icons/qoute.png") no-repeat scroll 10px 30px #4A5151; color: #fff; padding: 30px 30px 10px; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; behavior: url(css/PIE.htc); }

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

blockquote.red { background: url("../images/icons/qoute.png") no-repeat scroll 10px 30px #D82B31; color: #fff; float: right; padding: 30px 30px 10px; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; 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("../images/button-shadow.png") repeat-x scroll 50% 0 #eee; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #333; float: left; font: 18px 'OpenSansBold'; margin-right: 15px; padding: 8px 15px; text-shadow: 0 1px 1px #fff; behavior: url(css/PIE.htc); }

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

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

.dropcap8 { background: url("../images/button-shadow.png") repeat-x scroll 50% 0 #D82B31; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #fff; float: left; font: 18px 'OpenSansBold'; margin-right: 15px; padding: 8px 15px; text-shadow: 0 1px 1px #333; 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("images/tipsy.gif"); background-repeat: no-repeat; font-size: 11px; opacity: 0.8; padding: 5px; }

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

.tipsy-inner { border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; 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("../images/icons/info-1.png") no-repeat scroll 15px 50% #E1F2FC; border: 1px solid #68A2CF; color: #64757F; display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding: 30px 20px 30px 105px; }

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

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

.remove a { color: #79725B; }

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

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

.add a { color: #697A58; }

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

/*=========================================================================
 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('../images/icons/ST1-left.png') center bottom no-repeat; position: relative; z-index: 2; }

#site-map li { float: left; background: url('../images/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('../images/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('../images/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('../images/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('../images/icons/ST3-ul-top.png') center top no-repeat; }

#site-map li li li { background: url('../images/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('../images/icons/ST3-li-top.png') left center no-repeat; }

#site-map li li li:last-child { background: url('../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/patterns/2.png") repeat scroll 0 0 #290073; }

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

.price-column .price-tag { background: url("../images/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("../images/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("../images/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%;
}
}