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

01. Import Three Css files ( inner.css, font-awesome.css, animate.css )
02. Main elements ( margins, paddings, specings, float... etc... )
03. List
04. Message Boxes
05. Blockquotes
06. Alert Boxes
07. Buttons
08. Icon Style
09. Breadcrumbs
10. Pagination
11. Price Styles
12. Countdown
13. Counters
14. Progressbar
15. Accordion
16. Tabs
17. Image Hover Effects and Popuos
18. Owl Carousels
-------------------------------------------------------------------*/

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

 @import url('menu.css');
 @import url('plugins.css');
 @import url('font-awesome.css');
 @import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,500,700,700italic,900,900italic|Raleway:400,100,300,200,500,600,700,800);
 @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800|Open+Sans+Condensed:300,700|Dosis:400,200,300,500,600,700,800);

/*=========================================================================

 02. Main elements ( margins, paddings, specings, float... etc... )
 
=========================================================================*/


/***** Float Left and right *****/

.fleft { float: left; }

.fright { float: right; }

/***** Text left, right and center *****/

.center { text-align: center !important; }

.tleft { text-align: left !important; }

.tright { text-align: right !important; }

.o-hidden { overflow: hidden !important; }

/***** margin top *****/

.top-0 { margin-top: 0 !important; }

.top-20 { margin-top: 20px !important; }

.top-30 { margin-top: 30px !important; }

.top-40 { margin-top: 40px !important; }

.top-60 { margin-top: 60px !important; }

.top-80 { margin-top: 80px !important; }

/***** margin right *****/

.mright-0 { margin-right: 0 !important; }

.mright-20 { margin-right: 20px !important; }

.mright-30 { margin-right: 30px !important; }

.mright-40 { margin-right: 40px !important; }

.mright-60 { margin-right: 60px !important; }

.mright-80 { margin-right: 80px !important; }

/***** margin Left *****/

.mleft-0 { margin-left: 0 !important; }

.mleft-20 { margin-left: 20px !important; }

.mleft-30 { margin-left: 30px !important; }

.mleft-40 { margin-left: 40px !important; }

.mleft-60 { margin-left: 60px !important; }

.mleft-80 { margin-left: 80px !important; }

/***** margin bottom *****/

.bot-0 { margin-bottom: 0 !important; }

.bot-10 { margin-bottom: 10px !important; }

.bot-20 { margin-bottom: 20px !important; }

.bot-30 { margin-bottom: 30px !important; }

.bot-40 { margin-bottom: 40px !important; }

.bot-50 { margin-bottom: 50px !important; }

.bot-60 { margin-bottom: 60px !important; }

.bot-80 { margin-bottom: 80px !important; }

.port-pad { padding: 15px; }

.row-pad { padding: 80px 0 60px; }

.sperator-res-20 { display: inline-block; height:20px; width: 100%; }

.sperator-res-50 { display: inline-block; height:50px; width: 100%; }

.no-border { border: 0 none !important; }

@media (max-width: 980px) {
.sperator-res-20 { display: none; }

.sperator-res-50 { display: none; }

.fright { float: none; }

.fleft { float: none; }

}


/*=========================================================================

 03. LIST ELEMENTS
 
========================================================================= */

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

.list-style-1 li { border-bottom: 1px solid rgba(0, 0, 0, 0.03); float: none; list-style-type: decimal; margin: 0 !important; }

.list-style-1 > li:last-child { border-bottom: 0 none; }

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

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

.list-style-1 li a { color: #777777; display: inline-block; font-size: 14px; padding: 12px 0 12px 10px; }

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

.list-style-1 li a:hover i { color: #e74c3c; }

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

.list-style-2 li { border-bottom: 1px solid rgba(0, 0, 0, 0.07); display: block; float: none; margin: 0 !important; }

.list-style-2 > li:last-child { border-bottom: 0 none; }

.list-style-2 i { color: #e74c3c; font-size: 14px; margin: 0 14px 0 0; }

.list-style-2 span { display: inline-block; font-size: 14px; font-weight: 600; width: 70px; }

.list-style-2 em { border-bottom: 1px solid #eeeeee; display: inline-block; font-size: 13px; font-weight: 600; margin: 6px 20px; text-align: center; width: 20px; }

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

.list-style-2 li a { color: #777777; display: block; font-size: 14px; padding: 12px 0 12px 10px; }

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

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

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

.list-style-3 li { float: none; list-style-type: decimal; margin: 0 !important; }

.list-style-3 > li:last-child { border-bottom: 0 none; }

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

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

.list-style-3 li a { color: #777777; display: inline-block; font-size: 14px; padding: 7px 0 7px 10px; }

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

.list-style-3 li a:hover i { color: #e74c3c; }

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

.list-style-4 li { display: block; float: none; margin: 0 !important; }

.list-style-4 > li:last-child { border-bottom: 0 none; }

.list-style-4 i { color: #e74c3c; font-size: 14px; margin: 0 14px 0 0; }

.list-style-4 span { display: inline-block; font-size: 13px; font-weight: 600; width: 70px; }

.list-style-4 em { display: inline-block; font-size: 13px; font-weight: 600; margin: 6px 20px; text-align: center; width: 20px; }

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

.list-style-4 li a { color: #777777; display: block; font-size: 14px; padding: 7px 0 7px 10px; }

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

.list-style-4 li a:hover i { color: #e74c3c; }

.ticklist { display: inline-block; list-style: outside none none; margin: 0 0 20px; padding: 0; }

.ticklist li { background: url("../img/icons/check.png") no-repeat scroll 10px center rgba(0, 0, 0, 0); float: left; font-size: 14px; padding: 10px 5px 10px 42px; width: 50%; }

@media (max-width: 480px) { 
.ticklist li { width: 100%; }
}


/*=========================================================================

 04. Message Boxes
 
========================================================================= */

.message-box { position: relative; margin: 0 0 20px; padding: 31px 26px; font-size: 16px; line-height: 1.2em; border-width: 1px; border-style: solid; }

.message-box strong { float: left; font-weight: 800; text-shadow: 0 0; padding: 0 7px 0 0; text-transform: capitalize; }

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

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

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

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

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

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

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

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

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

/*=========================================================================

 05. Blockquotes
 
========================================================================= */


blockquote { border-left: 5px solid #777; font-size: 18px; margin: 0 0 20px; padding: 10px 20px; }

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

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

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

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

/*=========================================================================

 06. ALERt BOXES
 
========================================================================= */

.message-box-error,
.message-box-success,
.message-box-info,
.message-box-notice { display: block; font-size: 16px; padding: 31px 26px 31px 50px; }

.message-box-error strong,
.message-box-success strong,
.message-box-info strong,
.message-box-notice strong { float: left; font-weight: 800; text-shadow: 0 0; text-transform: capitalize; }

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

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

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

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

/*=========================================================================

 07. Buttons
 
=========================================================================*/

/* ===================================== */
/* Buttons                               */
/* ===================================== */

.btn { border:none; color:#fff; cursor:pointer; padding:0 30px; white-space:nowrap; text-transform: capitalize; font-weight:600; background:#3451c6; font-size: 14px; line-height: 33px; -webkit-border-radius: 33px; -moz-border-radius: 33px; -ms-border-radius: 33px; border-radius: 33px; margin-right:5px; -moz-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s; -ms-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s; box-shadow:none; vertical-align:baseline }

.btn i { margin-right:5px }

.btn:last-child { margin-right:0 }

.btn:focus,
.btn:active:focus { outline:none }

.btn.btn-sm { height:29px; line-height:23px; font-weight:400; padding:0 20px; font-size:12px; -webkit-border-radius: 23px; -moz-border-radius: 23px; -ms-border-radius: 23px; border-radius: 23px; }

.btn.btn-lg { height:47px; line-height:47px; font-size:1em; padding:0 36px; -webkit-border-radius:24px 24px 24px 24px; -moz-border-radius:24px 24px 24px 24px; -ms-border-radius:24px 24px 24px 24px; border-radius:24px 24px 24px 24px }

.btn.style1:hover,
.btn.style1:active,
.btn.style1:focus { background:#ff7d26; color:#fff }

.btn.style2 { background:#20466c }

.btn.style2:hover,
.btn.style2:active,
.btn.style2:focus { background:#1b4268; color:#fff }

.btn.style4 { background:none; border:2px solid rgba(0, 0, 0, 0.1); color: #000000; margin-bottom: 20px; }

.btn.style4.btn-sm { line-height:23px; }

.btn.style4:hover,
.btn.style4:active,
.btn.style4:focus { color:#fff; border-color:#000000; background:#000000; }

.btn.style4.hover-blue:hover,
.btn.style4.hover-blue:active,
.btn.style4.hover-blue:focus { border-color:#000000; background:#000000; }

.btn.style4.bg-white { background:#fff; }

.btn.style4.bg-white:hover,
.btn.style4.bg-white:active,
.btn.style4.bg-white:focus { background:#3451c6; }

/* ===================================== */
/* BUTTONS DARK                          */
/* ===================================== */


.btn-dark2 { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid rgba(0, 0, 0, 0.4); color: #777; display: inline-block; font-family: 'Roboto', sans-serif; margin-bottom: 20px; padding: 8px 10px; position: relative; top: 10px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.btn-dark2:hover { border-color: #3498DB; color: #3498DB; }

/* ===================================== */
/* BUTTONS FLAT                          */
/* ===================================== */


.flat { font-family: 'Roboto', Arial, sans-serif; display: inline-block; font-weight: 400; text-decoration: none; text-transform: capitalize; margin-bottom: 20px; text-align: center; outline: none; cursor: pointer; color: #fafafa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 1s ease; /* Safari 3.2+, Chrome */ -moz-transition: all 0.3s ease; /* Firefox 4-15 */ -o-transition: all 0.3s ease; /* Opera 10.5-12.00 */ transition: all 0.3s ease;/* Firefox 16+, Opera 12.50+ */ }

.flat:hover,
.flat:focus { color: #ffffff; text-decoration: none; }

.flat.xs { padding: 4px 14px; font-size: 12px; }

.flat.sm { padding: 8px 18px; font-size: 14px; }

.flat.md { padding: 12px 26px; font-size: 16px; }

.flat.lg { padding: 15px 36px; font-size: 21px; }

.flat:active { position: relative; top: 1px; }

.fl-round { -webkit-border-radius: 20px !important; -moz-border-radius: 30px !important; border-radius: 30px !important; }

.fl-with-border { border: 6px solid #ffffff !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.13) !important; -moz- box-shadow: 0 0 1px rgba(0, 0, 0, 0.13) !important;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.13) !important; }

.fl-round-border { border: 6px solid #ffffff !important; -webkit-border-radius: 30px !important; -moz-border-radius: 30px !important; border-radius: 30px !important; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important; -moz- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important; }

.flbtn-with-border { border-color: rgba(0, 0, 0, 0.6) !important; border-width: 0 0 4px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.13) !important; -moz- box-shadow: 0 0 1px rgba(0, 0, 0, 0.13) !important;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.13) !important; }

.flbtn-round-border { border-color: rgba(0, 0, 0, 0.6) !important; border-width: 0 0 4px !important; -webkit-border-radius: 30px !important; -moz-border-radius: 30px !important; border-radius: 30px !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important; }

/* Grey */

.flat.grey { background: #000000 none repeat scroll 0 0; }

.flat.grey:hover { background: #444444 none repeat scroll 0 0; }

/* Green */

.flat.green { background: #099d91 none repeat scroll 0 0; }

.flat.green:hover { background: #007d71 none repeat scroll 0 0; }

/* Purple */

.flat.purple { background: #5b4881 none repeat scroll 0 0; }

.flat.purple:hover { background: #3b2861 none repeat scroll 0 0; }

/* Red */

.flat.red { background: #c40e11 none repeat scroll 0 0; }

.flat.red:hover { background: #a40000 none repeat scroll 0 0; }

/* Pink */

.flat.pink { background: #eb5c94 none repeat scroll 0 0; }

.flat.pink:hover { background: #cb3c74 none repeat scroll 0 0; }

/* Blue */

.flat.blue { background: #0093d8 none repeat scroll 0 0; }

.flat.blue:hover { background: #0073b8 none repeat scroll 0 0; }

/* Yellow */

.flat.yellow { background: #febc10 none repeat scroll 0 0; }

.flat.yellow:hover { background: #de9c00 none repeat scroll 0 0; }

/* Border Grey */

.flat.border-grey { border: 2px solid #000000; color: #000000; }

.flat.border-grey:hover { background: #000000 none repeat scroll 0 0; color: #fff; }

/* Border Green */

.flat.border-green { border: 2px solid #099d91; color: #099d91; }

.flat.border-green:hover { background: #099d91 none repeat scroll 0 0; color: #fff; }

/* Border Purple */

.flat.border-purple { border: 2px solid #5b4881; color: #5b4881; }

.flat.border-purple:hover { background: #5b4881 none repeat scroll 0 0; color: #fff; }

/* Border Red */

.flat.border-red { border: 2px solid #c40e11; color: #c40e11; }

.flat.border-red:hover { background: #c40e11 none repeat scroll 0 0; color: #fff; }

/* Border Pink */

.flat.border-pink { border: 2px solid #eb5c94; color: #eb5c94; }

.flat.border-pink:hover { background: #eb5c94 none repeat scroll 0 0; color: #fff; }

/* Border Blue */

.flat.border-blue { border: 2px solid #0093d8; color: #0093d8; }

.flat.border-blue:hover { background: #0093d8 none repeat scroll 0 0; color: #fff; }

/* Border Yellow */

.flat.border-yellow { border: 2px solid #febc10; color: #febc10; }

.flat.border-yellow:hover { background: #febc10 none repeat scroll 0 0; color: #fff; }

.dis-block { display: block; padding-left: 0; padding-right: 0; width: 100%; }

/*=========================================================================

 08. ICON STYLE ( Rotate Shine )
 
=========================================================================*/



/*** a. Icon Shake ***/

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

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

#icon-shake .icon { 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: 50% 0 0;
}
@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 { background: #c0392b none repeat scroll 0 0; -webkit-border-radius: 53px; -moz-border-radius: 53px; border-radius: 53px; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) !important; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) !important; box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) !important; display: none; float: left; font-size: 24px; height: 70px; line-height: 70px; overflow: hidden; position: relative; text-align: center; width: 70px; 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: 42px; height: 106px; line-height: 97px; overflow: hidden; position: relative; text-align: center; width: 106px; 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; }

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

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

/*** d. Icon Parallax ***/

.rotate-shine { position: relative; float: left; left: 0; top: 0; background: #fff; width: 70px; height: 70px; border-radius: 100%; -moz-border-radius: 100%; /*Firefox*/ -webkit-border-radius: 100%; /*Safari, Chrome*/ border-radius: 100%; -moz-box-shadow: 0 2px 3px #ffffff; /*FF 3.5+*/ -webkit-box-shadow: 0 2px 3px #ffffff; /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 0 2px 3px #ffffff); /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; }

.icon-shine:hover .rotate-shine:after { content: ''; background: trasparent; width: 120%; height: 120%; position: absolute; -moz-border-radius: 100%; /*Firefox*/ -webkit-border-radius: 100%; /*Safari, Chrome*/ border-radius: 100%; margin: -7px; top: 0; left: 0; opacity: 0.7; -moz-box-shadow: 4px 6px 9px -4px #fff; /*FF 3.5+*/ -webkit-box-shadow: 4px 6px 9px -4px #fff; /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 4px 6px 9px -4px #fff; animation: rotate 2s infinite linear; }
@keyframes 
rotate { 0% {
 transform: rotateZ(0deg);
}
 100% {
 transform: rotateZ(360deg);
}
}

.icon-shine:hover .rotate-shine { background-color: #000; }

.rotate-shine i { color: #000; display: inline-block; font-size: 31px; height: 70px !important; line-height: 70px; max-width: 100%; position: relative; text-align: center; vertical-align: middle; width: 70px !important; word-spacing: 1px; text-shadow: 0 0 0 rgba(0, 0, 0, 0.3) transition: all 0.3s linear;
-webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; }

.icon-shine:hover .rotate-shine i { color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3) }
$n: 36;
$m: 12;
$d: 1.65em;
$r: 45em;
$unit--animation-cutecircleanimation: 20.37s;
@mixin size($r) {
 width: $r;
 height: $r;
 margin: -($r / 2) 0 0 -($r / 2);
}

.cutecircleanimation { position: absolute; top: 50%; left: 50%; animation: animation--cutecircleanimation $unit--animation-cutecircleanimation ease-in-out infinite forwards;
background: transparent; border-radius: 50%; @include size($d);
 @include transition(box-shadow .45s ease-in-out);
}
@keyframes 
animation--cutecircleanimation { @for $i from 0 through $n {
 # {
 $i * 100% / $n
} {
 $sh: ();
 @for $j from 0 to $n {
 $cr: (($i + $j)%($n/$m))*2*$r/$n;
 $cr: 2*$d + min($cr, 2*$r/$m - $cr);
 $offx: $cr*cos($j*2*pi()/$n);
 $offy: $cr*sin($j*2*pi()/$n);
 $sh: $sh, $offx $offy hsla($j*360/$n, 100%, 50%, (random(10) * .1));
}
 box-shadow: $sh;
}
}
 0% {
 @include transform( rotate(0));
}
 100% {
 @include transform( rotate(940deg));
}
}

/*** e. Social ***/

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

#social a { display: block; float: left; height: 48px; width: 48px; }

#social a img { border: medium none; }

/*** f. Icons List ***/

.icons-list { display: inline-block; margin: 0 auto; }

.icons-list > li { float: left; }

.icons-list i { margin-right: 0 !important; }

/***************** Icon col style *****************/

.col-center { display: inline-block; margin: 0 5px 20px; text-align: center; }

.col-left { float: left !important; margin: 0 30px 30px 0 !important; text-align: center; }

.col-right { float: right !important; margin: 0 0 30px 30px !important; text-align: center; }

.ic-text-rt { overflow: hidden !important; text-align: right !important; }

.ico-right { float: right !important; }
@media (max-width: 768px) {
 .col-right {
 float: left !important;
 margin: 0 30px 30px 0 !important;
 text-align: center;
}
 .ic-text-rt {
 overflow: hidden !important;
 text-align: left !important;
}
 .ico-right {
 float: none !important;
}
}
/***************** Icons ******************/

[class^="icon-"].icon-3x {
 background-color: #e74c3c !Important;
}
[class^="icon-"].icon-3x, .circle-border {
 background-color: #F7F7F7;
 border-radius: 36px;
 -moz-border-radius: 36px;
 -webkit-border-radius: 36px;
 -o-border-radius: 36px;
 color: #fff;
 display: inline-block;
 font-size: 26px;
 height: 70px !important;
 line-height: 70px;
 max-width: 100%;
 position: relative;
 text-align: center;
 vertical-align: middle;
 width: 70px !important;
 word-spacing: 1px;
 transition: all 0.1s linear;
 -webkit-transition: all 0.1s linear;
 -o-transition: all 0.1s linear;
 -moz-transition: all 0.1s linear;
}
[class^="icon-"].icon-3x {
 margin-bottom: 11px;
 margin-right: 0;
 float: none;
}

.icon-hover-zoom:hover .circle-border { border: 2px solid #e74c3c; transform: scale(1.38); -moz-transform: scale(1.38); -o-transform: scale(1.38); -webkit-transform: scale(1.38); -ms-transform: scale(1.38); transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73); -moz-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73); -webkit-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73); -o-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73); }
.icon-hover-zoom:hover [class^="icon-"].icon-3x {
 color: #fff !important;
 background-color: #e74c3c !important;
}

.circle-border { background: none repeat scroll 0 0 transparent; border: 0 solid #fff; height: 88px; left: 0; position: absolute; top: 0; transition-duration: 225ms; -moz-transition-duration: 225ms; -webkit-duration: 225ms; -o-transition-duration: 225ms; transition-property: all; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7); -moz-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7); -o-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7); -webkit-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7); width: 88px; }

.circle-icon i { background: #000000 none repeat scroll 0 0; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #ffffff; font-size: 22px; height: 55px; line-height: 55px; text-align: center; width: 55px; -webkit-transition: all 0.3s ease; /* Safari 3.2+, Chrome */ -moz-transition: all 0.3s ease; /* Firefox 4-15 */ -o-transition: all 0.3s ease; /* Opera 10.5-12.00 */ transition: all 0.3s ease;/* Firefox 16+, Opera 12.50+ */ }

.circle-icon:hover i { background: #e74c3c none repeat scroll 0 0; }

.circle-border-icon i { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #000000; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #000000; font-size: 22px; height: 55px; line-height: 53px; text-align: center; width: 55px; -webkit-transition: all 0.3s ease; /* Safari 3.2+, Chrome */ -moz-transition: all 0.3s ease; /* Firefox 4-15 */ -o-transition: all 0.3s ease; /* Opera 10.5-12.00 */ transition: all 0.3s ease;/* Firefox 16+, Opera 12.50+ */ }

.circle-border-icon:hover i { border: 2px solid #e74c3c; color: #e74c3c; }

.circle-oval-icon i { background: #000000 none repeat scroll 0 0; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #ffffff; font-size: 22px; height: 55px; line-height: 55px; text-align: center; width: 75px; -webkit-transition: all 0.3s ease; /* Safari 3.2+, Chrome */ -moz-transition: all 0.3s ease; /* Firefox 4-15 */ -o-transition: all 0.3s ease; /* Opera 10.5-12.00 */ transition: all 0.3s ease;/* Firefox 16+, Opera 12.50+ */ }

.circle-oval-icon:hover i { background: #e74c3c none repeat scroll 0 0; }

.circle-border-oval-icon i { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #000000; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #000000; font-size: 22px; height: 55px; line-height: 53px; text-align: center; width: 75px; -webkit-transition: all 0.3s ease; /* Safari 3.2+, Chrome */ -moz-transition: all 0.3s ease; /* Firefox 4-15 */ -o-transition: all 0.3s ease; /* Opera 10.5-12.00 */ transition: all 0.3s ease;/* Firefox 16+, Opera 12.50+ */ }

.circle-border-oval-icon:hover i { border: 2px solid #e74c3c; color: #e74c3c; }

.sim-icon i { color: #000000; font-size: 32px; -webkit-transition: all 0.3s ease; /* Safari 3.2+, Chrome */ -moz-transition: all 0.3s ease; /* Firefox 4-15 */ -o-transition: all 0.3s ease; /* Opera 10.5-12.00 */ transition: all 0.3s ease;/* Firefox 16+, Opera 12.50+ */ }

.sim-icon:hover i { color: #e74c3c; }

.circle-only-border .circle-border { border: 2px solid #e74c3c; }
.circle-only-border [class^="icon-"].icon-3x {
 background-color: rgba(0, 0, 0, 0) !Important;
}
.circle-only-border [class^="icon-"].icon-3x, .circle-only-border .circle-border {
 color: #e74c3c;
}
.oval-icon .icon-3x[class^="icon-"], .oval-icon .circle-border {
 font-size: 21px;
 height: 48px !important;
 line-height: 48px;
 width: 80px !important;
}

/* ===================================== */
/* ICON BOX                              */
/* ===================================== */


.icon-box.box { margin-bottom:20px; }

.icon-box.block { margin-bottom:40px; }

.icon-box .box-content>*:last-child { margin-bottom:0 }
.icon-box.style-side-2[class*=" style-side-"] > img {
 float: left;
 width: 51px;
}
.icon-box[class*=" style-side-"]>i {
float:left
}
.icon-box[class*=" style-side-"].style-side-1 {
position:relative
}
.icon-box[class*=" style-side-"].style-side-1>i {
font-size:40px;
color:#3b97d3
}
.icon-box[class*=" style-side-"].style-side-1>i:after {
content:"";
display:block;
position:absolute;
left:62px;
top:5px;
bottom:5px;
width:1px;
background:#edf6ff
}
.icon-box[class*=" style-side-"].style-side-1 .box-content {
padding-left:90px
}
.icon-box[class*=" style-side-"].style-side-2 .box-content {
padding-left: 84px;
}
.icon-box[class*=" style-side-"].style-side-6 {
display:table
}
.icon-box[class*=" style-side-"].style-side-6 .icon-container {
font-size:25px;
width:130px;
text-align:center;
padding-right:20px
}
.icon-box[class*=" style-side-"].style-side-6 i {
font-size:inherit;
width:3.6em;
height:3.6em;
text-align:center;
line-height:3.6em;
color:#fff;
background:#d4dde5;
-webkit-border-radius:50% 50% 50% 50%;
-moz-border-radius:50% 50% 50% 50%;
-ms-border-radius:50% 50% 50% 50%;
border-radius:50% 50% 50% 50%;
-moz-transition:font-size 0.3s ease 0s;
-o-transition:font-size 0.3s ease 0s;
-webkit-transition:font-size 0.3s ease 0s;
-ms-transition:font-size 0.3s ease 0s;
transition:font-size 0.3s ease 0s;
position:relative;
overflow:hidden
}
.icon-box[class*=" style-side-"].style-side-6 i:before {
position:relative;
z-index:1
}
.icon-box[class*=" style-side-"].style-side-6 .icon-container {
text-align:left;
width:auto;
padding-right:25px
}
.icon-box[class*=" style-side-"].style-side-6 i {
border:2px solid #d4dde5;
background:#fff;
color:#3451c6;
font-size:35px;
width:2.8em;
height:2.8em;
line-height:2.8em
}
.icon-box[class*=" style-side-"].style-side-6 i:hover {
background:#3451c6;
border-color:#3451c6;
color:#fff
}
.icon-box[class*=" style-side-"].style-side-6 i:hover:after {
filter:alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity:1;
-khtml-opacity:1;
opacity:1
}
.icon-box[class*=" style-side-"].style-side-7>i {
font-size:24px;
color:#3451c6;
width:50px;
height:50px;
-webkit-border-radius:50% 50% 50% 50%;
-moz-border-radius:50% 50% 50% 50%;
-ms-border-radius:50% 50% 50% 50%;
border-radius:50% 50% 50% 50%;
text-align:center;
line-height:49px;
border:1px solid #3451c6;
position:relative;
overflow:hidden
}
.icon-box[class*=" style-side-"].style-side-7>i:before {
position:relative;
z-index:1
}
.icon-box[class*=" style-side-"].style-side-7>i:hover {
color:#fff;
background:#3451c6
}
.icon-box[class*=" style-side-"].style-side-7>i:hover:after {
display:block
}
.icon-box[class*=" style-side-"].style-side-7 .box-content {
padding-left:70px
}
.icon-box[class*=" style-boxed-"].style-boxed-3 {
text-align:center;
position:relative;
border:1px solid #d4dde5
}
.icon-box[class*=" style-boxed-"].style-boxed-3 .icon-container {
font-size:41px
}
.icon-box[class*=" style-boxed-"].style-boxed-3 .icon-container i {
width:2.5em;
height:2.5em;
text-align:center;
line-height:2.5em;
-webkit-border-radius:50% 50% 50% 50%;
-moz-border-radius:50% 50% 50% 50%;
-ms-border-radius:50% 50% 50% 50%;
border-radius:50% 50% 50% 50%;
background:#3b97d3;
color:#fff;
position:relative;
cursor:default;
 -webkit-transition: all 0.6s ease;/* Safari 3.2+, Chrome */
 -moz-transition: all 0.6s ease;/* Firefox 4-15 */
 -o-transition: all 0.6s ease;/* Opera 10.5-12.00 */
 transition: all 0.6s ease;/* Firefox 16+, Opera 12.50+ */
}
.icon-box[class*=" style-boxed-"].style-boxed-3 .icon-container i:before {
position:relative;
z-index:1
}
.icon-box[class*=" style-boxed-"].style-boxed-3 {
border-color:#e7e7e7;
padding:40px;
-moz-transition:background 0.2s ease-in 0s;
-o-transition:background 0.2s ease-in 0s;
-webkit-transition:background 0.2s ease-in 0s;
-ms-transition:background 0.2s ease-in 0s;
transition:background 0.2s ease-in 0s
}
.icon-box[class*=" style-boxed-"].style-boxed-3 .icon-container {
margin-bottom:20px
}
.icon-box[class*=" style-boxed-"].style-boxed-3:hover {
color:#fff;
background:#3b97d3;
border-color:#3b97d3
}
.icon-box[class*=" style-boxed-"].style-boxed-3:hover .box-title a, .icon-box[class*=" style-boxed-"].style-boxed-3:hover p, .icon-box[class*=" style-boxed-"].style-boxed-3:hover h3, .icon-box[class*=" style-boxed-"].style-boxed-3:hover h4 {
color:#fff
}
.icon-box[class*=" style-boxed-"].style-boxed-3:hover .icon-container i {
background:#ffffff;
color:#3b97d3;
}
.icon-box[class*=" style-boxed-"].style-boxed-3:hover .icon-container i:after {
background:#fff
}
 .icon-box[class*=" style-boxed-"].style-boxed-5 {
text-align:center;
position:relative;
background: none repeat scroll 0 0 #343844 ;
}
.icon-box[class*=" style-boxed-"].style-boxed-5 .icon-container {
font-size:41px
}
.icon-box[class*=" style-boxed-"].style-boxed-5 .icon-container i {
width:2.5em;
height:2.5em;
text-align:center;
line-height:2.5em;
-webkit-border-radius:50% 50% 50% 50%;
-moz-border-radius:50% 50% 50% 50%;
-ms-border-radius:50% 50% 50% 50%;
border-radius:50% 50% 50% 50%;
background:#3b97d3;
color:#fff;
position:relative;
cursor:default;
 -webkit-transition: all 0.6s ease;/* Safari 3.2+, Chrome */
 -moz-transition: all 0.6s ease;/* Firefox 4-15 */
 -o-transition: all 0.6s ease;/* Opera 10.5-12.00 */
 transition: all 0.6s ease;/* Firefox 16+, Opera 12.50+ */
}
.icon-box[class*=" style-boxed-"].style-boxed-5 .icon-container i:before {
position:relative;
z-index:1
}
.icon-box[class*=" style-boxed-"].style-boxed-5.icon-color-red .icon-container i {
 background-color: #f26252;
}
.icon-box[class*=" style-boxed-"].style-boxed-5.icon-color-bluelt .icon-container i {
 background-color: #72d1e5;
}
.icon-box[class*=" style-boxed-"].style-boxed-5.icon-color-yellow .icon-container i {
 background-color: #f8b34f;
}
 .icon-box[class*=" style-boxed-"].style-boxed-5 {
padding:72px 30px 30px;
margin-top: 71px;
margin-bottom: 20px;
}
.icon-box[class*=" style-boxed-"].style-boxed-5 .icon-container {
position:absolute;
left:50%;
top: -1.25em;
margin-left: -1.25em;
}
.icon-box[class*=" style-boxed-"].style-boxed-5 .icon-container:before {
content:"";
display:block;
position:absolute;
left: -0.35em;
top: -0.35em;
width: 3.2em;
height: 3.2em;
-webkit-border-radius: 2.2em;
-moz-border-radius: 2.2em;
-ms-border-radius: 2.2em;
border-radius: 2.2em;
background:#fff
}
.icon-box[class*=" style-boxed-"].style-boxed-5:hover .icon-container i {
background:#434c5b;
}
.icon-box[class*=" style-boxed-"].style-boxed-5:hover .icon-container i:after {
background:#434c5b;
}
 .icon-box.style-side-6[class*=" style-side-"] .icon-container {
 display: table-cell;
 vertical-align: middle;
}

/* ===================================== */
/* Icon Support                          */
/* ===================================== */

.icon-support img { margin-bottom: 20px; }

.icon-support h4 { font-size: 21px; font-weight: 600; }

.icon-support p { font-size: 18px; }

.support-que { margin-bottom: 20px; }

.support-que i { color: rgb(255, 255, 255); line-height: 30px; width: 30px; text-align: center; border-radius: 30px; margin-right: 20px; background: none repeat scroll 0px 0px rgb(52, 81, 198); float: left; }

.sup-wrp { overflow: hidden; }

.support-que .sup-wrp h4 { font-size: 18px; font-weight: 600; padding-top: 2px; }

.style-boxed-5 h4.box-title { color: #ffffff; font-size: 18px; font-weight: 600; margin-top: 14px; text-transform: uppercase; }

.style-boxed-5 .box-content p { color: #c6ccd8; }

/*=========================================================================

 09. Breadcrumbs
 
=========================================================================*/

.owl-breadcrumb,
.owl-multi-steps { width: 90%; max-width: 768px; padding: 0.5em 1em; margin: 0 auto 20px; background-color: #edeff0; border-radius: .25em; }

.owl-breadcrumb:after,
.owl-multi-steps:after { content: ""; display: table; clear: both; }

.owl-breadcrumb li,
.owl-multi-steps li { display: inline-block; float: left; margin: 0.5em 0; }
 .owl-breadcrumb li::after, .owl-multi-steps li::after {
 display: inline-block;
 content: '\00bb';
 margin: 0 .6em;
 color: #e74c3c;
}
.owl-breadcrumb li:last-of-type::after, .owl-multi-steps li:last-of-type::after {
 display: none;
}

.owl-breadcrumb li > *,
.owl-multi-steps li > * { /* single step */ display: inline-block; color: #000; }

.owl-breadcrumb li.current > *,
.owl-multi-steps li.current > * { /* selected step */ color: #e74c3c; }

.no-touch .owl-breadcrumb a:hover,
.no-touch .owl-multi-steps a:hover { /* steps already visited */ color: #e74c3c; }
.owl-breadcrumb.custom-separator li::after, .owl-multi-steps.custom-separator li::after {
 content: '';
 height: 16px;
 width: 16px;
 background: url(../img/icons/owl-arrow.svg) no-repeat center center;
 vertical-align: middle;
}
.owl-breadcrumb.custom-icons li > *::before, .owl-multi-steps.custom-icons li > *::before {
 content: '';
 display: inline-block;
 height: 20px;
 width: 20px;
 margin-right: .4em;
 margin-top: -2px;
 background: url(../img/icons/owl-custom-icons-01.svg) no-repeat 0 0;
 vertical-align: middle;
}
.owl-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .owl-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
 background-position: -20px 0;
}
.owl-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .owl-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
 background-position: -40px 0;
}
.owl-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .owl-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
 background-position: -60px 0;
}
.owl-breadcrumb.custom-icons li.current:first-of-type > *::before, .owl-multi-steps.custom-icons li.current:first-of-type > *::before {
 background-position: 0 -20px;
}
.owl-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .owl-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
 background-position: -20px -20px;
}
.owl-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .owl-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
 background-position: -40px -20px;
}
.owl-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .owl-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
 background-position: -60px -20px;
}
@media only screen and (min-width: 768px) {
 .owl-breadcrumb, .owl-multi-steps {
 padding: 0 1.2em;
}
 .owl-breadcrumb li, .owl-multi-steps li {
 margin: 1.2em 0;
}
 .owl-breadcrumb li::after, .owl-multi-steps li::after {
 margin: 0 1em;
}
 .owl-breadcrumb li > *, .owl-multi-steps li > * {
 font-size: 15px;
}
}
/* -------------------------------- 

Triangle breadcrumb

-------------------------------- */

@media only screen and (min-width: 768px) {
 .owl-breadcrumb.triangle {
 background-color: transparent;
 padding: 0;
}
 .owl-breadcrumb.triangle li {
 position: relative;
 padding: 0;
 margin: 4px 4px 4px 0;
}
 .owl-breadcrumb.triangle li:last-of-type {
 margin-right: 0;
}
 .owl-breadcrumb.triangle li > * {
 position: relative;
 padding: 1em .8em 1em 2.5em;
 color: #2c3f4c;
 background-color: #edeff0;
 border-color: #edeff0;
}
 .owl-breadcrumb.triangle li.current > * {
 color: #ffffff;
 background-color: #e74c3c;
 border-color: #e74c3c;
}
 .owl-breadcrumb.triangle li:first-of-type > * {
 padding-left: 1.6em;
 border-radius: .25em 0 0 .25em;
}
 .owl-breadcrumb.triangle li:last-of-type > * {
 padding-right: 1.6em;
 border-radius: 0 .25em .25em 0;
}
 .no-touch .owl-breadcrumb.triangle a:hover {
 color: #ffffff;
 background-color: #000000;
 border-color: #000000;
}
 .owl-breadcrumb.triangle li::after, .owl-breadcrumb.triangle li > *::after {
 content: '';
 position: absolute;
 top: 0;
 left: 100%;
 content: '';
 height: 0;
 width: 0;
 border: 24px solid transparent;
 border-right-width: 0;
 border-left-width: 20px;
}
 .owl-breadcrumb.triangle li::after {
 z-index: 1;
 -webkit-transform: translateX(4px);
 -moz-transform: translateX(4px);
 -ms-transform: translateX(4px);
 -o-transform: translateX(4px);
 transform: translateX(4px);
 border-left-color: #ffffff;
 margin: 0;
}
 .owl-breadcrumb.triangle li > *::after {
 z-index: 2;
 border-left-color: inherit;
}
 .owl-breadcrumb.triangle li:last-of-type::after, .owl-breadcrumb.triangle li:last-of-type > *::after {
 display: none;
}
 .owl-breadcrumb.triangle.custom-separator li::after {
 background-image: none;
}
 .owl-breadcrumb.triangle.custom-icons li::after, .owl-breadcrumb.triangle.custom-icons li > *::after {
 border-top-width: 25px;
 border-bottom-width: 25px;
}
 @-moz-document url-prefix() {
 .owl-breadcrumb.triangle li::after, .owl-breadcrumb.triangle li > *::after {
 border-left-style: dashed;
}
}
}
/* -------------------------------- 

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */

@media only screen and (min-width: 768px) {
 .no-touch .owl-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .owl-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .owl-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .owl-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
 background-position: 0 -40px;
}
 .no-touch .owl-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .owl-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .owl-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .owl-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
 background-position: -20px -40px;
}
 .no-touch .owl-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .owl-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .owl-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .owl-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
 background-position: -40px -40px;
}
 .no-touch .owl-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .owl-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .owl-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .owl-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
 background-position: -60px -40px;
}
}
/* -------------------------------- 

Multi steps indicator 

-------------------------------- */

@media only screen and (min-width: 768px) {
 .owl-multi-steps {
 background-color: transparent;
 padding: 0;
 text-align: center;
}
 .owl-multi-steps li {
 position: relative;
 float: none;
 margin: 0.4em 40px 0.4em 0;
}
 .owl-multi-steps li:last-of-type {
 margin-right: 0;
}
 .owl-multi-steps li::after {
 position: absolute;
 content: '';
 height: 4px;
 background: #edeff0;
 margin: 0;
}
 .owl-multi-steps li.visited::after {
 background-color: #e74c3c;
}
 .owl-multi-steps li > *, .owl-multi-steps li.current > * {
 position: relative;
 color: #2c3f4c;
}
 .owl-multi-steps.custom-separator li::after {
 height: 4px;
 background: #edeff0;
}
 .owl-multi-steps.text-center li::after {
 width: 100%;
 top: 50%;
 left: 100%;
 -webkit-transform: translateY(-50%) translateX(-1px);
 -moz-transform: translateY(-50%) translateX(-1px);
 -ms-transform: translateY(-50%) translateX(-1px);
 -o-transform: translateY(-50%) translateX(-1px);
 transform: translateY(-50%) translateX(-1px);
}
 .owl-multi-steps.text-center li > * {
 z-index: 1;
 padding: .6em 1em;
 border-radius: .25em;
 background-color: #edeff0;
}
 .no-touch .owl-multi-steps.text-center a:hover {
 background-color: #000000;
}
 .owl-multi-steps.text-center li.current > *, .owl-multi-steps.text-center li.visited > * {
 color: #ffffff;
 background-color: #e74c3c;
}
 .owl-multi-steps.text-center.custom-icons li.visited a::before {
 background-position: 0 -60px;
}
 .owl-multi-steps.text-top li, .owl-multi-steps.text-bottom li {
 width: 80px;
 text-align: center;
}
 .owl-multi-steps.text-top li::after, .owl-multi-steps.text-bottom li::after {
 position: absolute;
 left: 50%;
 width: calc(100% + 40px);
}
 .owl-multi-steps.text-top li > *::before, .owl-multi-steps.text-bottom li > *::before {
 content: '';
 position: absolute;
 z-index: 1;
 left: 50%;
 right: auto;
 -webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 transform: translateX(-50%);
 height: 12px;
 width: 12px;
 border-radius: 50%;
 background-color: #edeff0;
}
 .owl-multi-steps.text-top li.visited > *::before, .owl-multi-steps.text-top li.current > *::before, .owl-multi-steps.text-bottom li.visited > *::before, .owl-multi-steps.text-bottom li.current > *::before {
 background-color: #e74c3c;
}
 .no-touch .owl-multi-steps.text-top a:hover, .no-touch .owl-multi-steps.text-bottom a:hover {
 color: #e74c3c;
}
 .no-touch .owl-multi-steps.text-top a:hover::before, .no-touch .owl-multi-steps.text-bottom a:hover::before {
 -webkit-box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.3);
 -moz-box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.3);
 box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.3);
}
 .owl-multi-steps.text-top li::after {
 bottom: 4px;
}
 .owl-multi-steps.text-top li > * {
 padding-bottom: 20px;
}
 .owl-multi-steps.text-top li > *::before {
 bottom: 0;
}
 .owl-multi-steps.text-bottom li::after {
 top: 3px;
}
 .owl-multi-steps.text-bottom li > * {
 padding-top: 20px;
}
 .owl-multi-steps.text-bottom li > *::before {
 top: 0;
}
}

/* -------------------------------- 

Add a counter to the multi-steps indicator 

-------------------------------- */

.owl-multi-steps.count li { counter-increment: steps; }
.owl-multi-steps.count li > *::before {
 content: counter(steps) " - ";
}
@media only screen and (min-width: 768px) {
 .owl-multi-steps.text-top.count li > *::before, .owl-multi-steps.text-bottom.count li > *::before {
 content: counter(steps);
 height: 26px;
 width: 26px;
 line-height: 26px;
 font-size: 15px;
 color: #ffffff;
}
 .owl-multi-steps.text-top.count li:not(.current) em::before, .owl-multi-steps.text-bottom.count li:not(.current) em::before {
 color: #2c3f4c;
}
 .owl-multi-steps.text-top.count li::after {
 bottom: 11px;
}
 .owl-multi-steps.text-top.count li > * {
 padding-bottom: 34px;
}
 .owl-multi-steps.text-bottom.count li::after {
 top: 11px;
}
 .owl-multi-steps.text-bottom.count li > * {
 padding-top: 34px;
}
}

/*=========================================================================

 10. Pagination
 
========================================================================= */

/* -------------------------------- 

Basic style

-------------------------------- */
nav[role="navigation"] { text-align: center; }

.owl-pagination { width: 90%; margin: 0 auto 20px; text-align: center; }

.owl-pagination li { /* hide numbers on small devices */ display: none; margin: 0 .2em; }

.owl-pagination li.button { /* make sure prev next buttons are visible */ display: inline-block; }

.owl-pagination a,
.owl-pagination span { display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* use padding and font-size to change buttons size */ padding: .6em .8em; font-size: 14px; }

.owl-pagination a { border: 1px solid #cccccc; border-radius: 0.25em; }

.no-touch .owl-pagination a:hover { background-color: #f2f2f2; }

.owl-pagination a:active { /* click effect */ -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }

.owl-pagination a.disabled { /* button disabled */ color: rgba(46, 64, 87, 0.4); pointer-events: none; }
.owl-pagination a.disabled::before, .owl-pagination a.disabled::after {
 opacity: .4;
}
.owl-pagination .button:first-of-type a::before {
 content: '\00ab  ';
}
.owl-pagination .button:last-of-type a::after {
 content: ' \00bb';
}

.owl-pagination .current { /* selected number */ background-color: #e74c3c; border-color: #e74c3c; color: #ffffff; pointer-events: none; }
@media only screen and (min-width: 768px) {
 .owl-pagination li {
 display: inline-block;
}
}
@media only screen and (min-width: 1170px) {
 .owl-pagination {
 margin: 0 auto 20px;
}
}

/* -------------------------------- 

No space - remove distance between list items

-------------------------------- */
.owl-pagination.no-space { width: auto; max-width: none; display: inline-block; border-radius: 0.25em; border: 1px solid #e6e6e6; }

.owl-pagination.no-space:after { content: ""; display: table; clear: both; }

.owl-pagination.no-space li { margin: 0; float: left; border-right: 1px solid #e6e6e6; }

.owl-pagination.no-space li:last-of-type { border-right: none; }

.owl-pagination.no-space a,
.owl-pagination.no-space span { float: left; border-radius: 0; padding: .8em 1em; border: none; }

.owl-pagination.no-space li:first-of-type a { border-radius: 0.25em 0 0 0.25em; }

.owl-pagination.no-space li:last-of-type a { border-radius: 0 0.25em 0.25em 0; }

/* -------------------------------- 

move buttons - move prev and next buttons to the sides

-------------------------------- */
.owl-pagination.move-buttons:after { content: ""; display: table; clear: both; }

.owl-pagination.move-buttons .button:first-of-type { float: left; }

.owl-pagination.move-buttons .button:last-of-type { float: right; }

.owl-pagination.no-space.move-buttons { width: 90%; max-width: 768px; display: block; overflow: hidden; }

.owl-pagination.no-space.move-buttons li { float: none; border: none; }

.owl-pagination.no-space.move-buttons a,
.owl-pagination.no-space.move-buttons span { float: none; }

/* -------------------------------- 

custom icons - customize the small arrow inside the next and prev buttons 

-------------------------------- */
.owl-pagination.custom-icons .button a { position: relative; }

.owl-pagination.custom-icons .button:first-of-type a { padding-left: 2.4em; }

.owl-pagination.custom-icons .button:last-of-type a { padding-right: 2.4em; }
.owl-pagination.custom-icons .button:first-of-type a::before, .owl-pagination.custom-icons .button:last-of-type a::after {
 content: '';
 position: absolute;
 display: inline-block;
  /* set size for custom icons */
  width: 16px;
 height: 16px;
 top: 50%;
  /* set margin-top = icon height/2 */
  margin-top: -8px;
 background: transparent url("../img/icons/owl-icon-arrow-1.svg") no-repeat center center;
}
.owl-pagination.custom-icons .button:first-of-type a::before {
 left: .8em;
}
.owl-pagination.custom-icons .button:last-of-type a::after {
 right: .8em;
 -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 -o-transform: rotate(180deg);
 transform: rotate(180deg);
}

/* -------------------------------- 

custom buttons - replace prev and next buttons text with a custom icon 

-------------------------------- */
.owl-pagination.custom-buttons a,
.owl-pagination.custom-buttons span { vertical-align: middle; }

.owl-pagination.custom-buttons .button a { /* set custom width */ width: 40px; /* image replacement */ overflow: hidden; white-space: nowrap; text-indent: 100%; color: transparent; background-image: url("../img/icons/owl-icon-arrow-2.svg"); background-repeat: no-repeat; background-position: center center; }

.owl-pagination.custom-buttons .button:last-of-type a { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.no-touch .owl-pagination.custom-buttons .button:last-of-type a:active { -webkit-transform: scale(0.9) rotate(180deg); -moz-transform: scale(0.9) rotate(180deg); -ms-transform: scale(0.9) rotate(180deg); -o-transform: scale(0.9) rotate(180deg); transform: scale(0.9) rotate(180deg); }

.owl-pagination.no-space.custom-buttons .button:last-of-type a { border-radius: 0.25em 0 0 0.25em; }

/* -------------------------------- 

animated buttons - animate the text inside prev and next buttons 

-------------------------------- */
.owl-pagination.animated-buttons a,
.owl-pagination.animated-buttons span { padding: 0 1.4em; height: 50px; line-height: 50px; overflow: hidden; }

.owl-pagination.animated-buttons .button a { position: relative; padding: 0 2em; }
.owl-pagination.animated-buttons .button:first-of-type a::before, .owl-pagination.animated-buttons .button:last-of-type a::after {
 left: 50%;
 -webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 transform: translateX(-50%);
 right: auto;
 -webkit-transition: -webkit-transform 0.3s;
 -moz-transition: -moz-transform 0.3s;
 transition: transform 0.3s;
}
.owl-pagination.animated-buttons .button:last-of-type a::after {
 -webkit-transform: translateX(-50%) rotate(180deg);
 -moz-transform: translateX(-50%) rotate(180deg);
 -ms-transform: translateX(-50%) rotate(180deg);
 -o-transform: translateX(-50%) rotate(180deg);
 transform: translateX(-50%) rotate(180deg);
}

.owl-pagination.animated-buttons i { display: block; height: 100%; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }

.no-touch .owl-pagination.animated-buttons .button a:hover i { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
 .no-touch .owl-pagination.animated-buttons .button:first-of-type a:hover::before {
 -webkit-transform: translateX(-50%) translateY(-50px);
 -moz-transform: translateX(-50%) translateY(-50px);
 -ms-transform: translateX(-50%) translateY(-50px);
 -o-transform: translateX(-50%) translateY(-50px);
 transform: translateX(-50%) translateY(-50px);
}
 .no-touch .owl-pagination.animated-buttons .button:last-of-type a:hover::after {
 -webkit-transform: translateX(-50%) rotate(180deg) translateY(50px);
 -moz-transform: translateX(-50%) rotate(180deg) translateY(50px);
 -ms-transform: translateX(-50%) rotate(180deg) translateY(50px);
 -o-transform: translateX(-50%) rotate(180deg) translateY(50px);
 transform: translateX(-50%) rotate(180deg) translateY(50px);
}

/*=========================================================================

 11. PRICE STYLES

========================================================================= */



/* ===================================== */
/* PRICE FLIP                  */
/* ===================================== */


.owl-pricing-container { width: 90%; max-width: 1170px; margin: 4em auto; }

.owl-pricing-container { margin: 6em auto; }

.owl-pricing-container.owl-full-width { width: 100%; max-width: none; }

.owl-pricing-switcher { text-align: center; }

.owl-pricing-switcher .fieldset { background: #303030 none repeat scroll 0 0; display: inline-block; position: relative; padding: 2px; border-radius: 50em; }

.owl-pricing-switcher input[type="radio"] { position: absolute; opacity: 0; }

.owl-pricing-switcher label { position: relative; z-index: 1; display: inline-block; float: left; width: 90px; height: 36px; line-height: 36px; margin: 0 auto; cursor: pointer; font-size: 14px; color: #FFFFFF; }

.owl-pricing-switcher .owl-switch { /* floating background */ position: absolute; top: 2px; left: 2px; height: 36px; width: 90px; background-color: #e74c3c; border-radius: 50em; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; }
.owl-pricing-switcher input[type="radio"]:checked + label + .owl-switch, .owl-pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .owl-switch {
  /* use label:nth-of-type(n) to fix a bug on safari with multiple adjacent-sibling selectors*/
  -webkit-transform: translateX(90px);
 -moz-transform: translateX(90px);
 -ms-transform: translateX(90px);
 -o-transform: translateX(90px);
 transform: translateX(90px);
}

.no-js .owl-pricing-switcher { display: none; }

.owl-pricing-list { margin: 2em 0 0; }

.owl-pricing-list > li { position: relative; margin-bottom: 1em; }

.owl-pricing-list { margin: 3em 0 0; }

.owl-pricing-list:after { content: ""; display: table; clear: both; }

.owl-pricing-list > li { width: 33.3333333333%; float: left; }

@media (max-width: 768px) {
.owl-pricing-list > li { width: 100%; }
}

.owl-has-margins .owl-pricing-list > li { width: 32.3333333333%; float: left; margin-right: 1.5%; }

.owl-has-margins .owl-pricing-list > li:last-of-type { margin-right: 0; }

.owl-pricing-wrapper { /* this is the item that rotates */ position: relative; }

.touch .owl-pricing-wrapper { /* fix a bug on IOS8 - rotating elements dissapear*/ -webkit-perspective: 2000px; -moz-perspective: 2000px; perspective: 2000px; }

.owl-pricing-wrapper.is-switched .is-visible { /* totate the tables - anticlockwise rotation */ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-animation: owl-rotate 0.5s; -moz-animation: owl-rotate 0.5s; animation: owl-rotate 0.5s; }

.owl-pricing-wrapper.is-switched .is-hidden { /* totate the tables - anticlockwise rotation */ -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-animation: owl-rotate-inverse 0.5s; -moz-animation: owl-rotate-inverse 0.5s; animation: owl-rotate-inverse 0.5s; opacity: 0; }

.owl-pricing-wrapper.is-switched .is-selected { opacity: 1; }

.owl-pricing-wrapper.is-switched.reverse-animation .is-visible { /* invert rotation direction - clockwise rotation */ -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-animation: owl-rotate-back 0.5s; -moz-animation: owl-rotate-back 0.5s; animation: owl-rotate-back 0.5s; }

.owl-pricing-wrapper.is-switched.reverse-animation .is-hidden { /* invert rotation direction - clockwise rotation */ -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-animation: owl-rotate-inverse-back 0.5s; -moz-animation: owl-rotate-inverse-back 0.5s; animation: owl-rotate-inverse-back 0.5s; opacity: 0; }

.owl-pricing-wrapper.is-switched.reverse-animation .is-selected { opacity: 1; }

.owl-pricing-wrapper > li { background-color: #FFFFFF; -webkit-backface-visibility: hidden; backface-visibility: hidden; /* Firefox bug - 3D CSS transform, jagged edges */ outline: 1px solid transparent; }
.owl-pricing-wrapper > li::after {
  /* subtle gradient layer on the right - to indicate it's possible to scroll */
  content: '';
 position: absolute;
 top: 0;
 right: 0;
 height: 100%;
 width: 50px;
 pointer-events: none;
 background: -webkit-linear-gradient( right, #FFFFFF, rgba(255, 255, 255, 0));
 background: linear-gradient(to left, #FFFFFF, rgba(255, 255, 255, 0));
}
.owl-pricing-wrapper > li.is-ended::after {
  /* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */
  display: none;
}

.owl-pricing-wrapper .is-visible { /* the front item, visible by default */ position: relative; z-index: 5; }

.owl-pricing-wrapper .is-hidden { /* the hidden items, right behind the front one */ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }

.owl-pricing-wrapper .is-selected { /* the next item that will be visible */ z-index: 3 !important; }
 .owl-pricing-wrapper > li::before {
    /* separator between pricing tables - visible when number of tables > 3 */
    content: '';
 position: absolute;
 z-index: 6;
 left: -1px;
 top: 50%;
 bottom: auto;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);
 height: 50%;
 width: 1px;
 background-color: #b1d6e8;
}
 .owl-pricing-wrapper > li::after {
    /* hide gradient layer */
    display: none;
}

.owl-popular .owl-pricing-wrapper > li { box-shadow: inset 0 0 0 3px #e74c3c; }

.owl-has-margins .owl-pricing-wrapper > li,
.owl-has-margins .owl-popular .owl-pricing-wrapper > li { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }

.owl-secondary-theme .owl-pricing-wrapper > li { background: #3aa0d1; background: -webkit-linear-gradient( bottom, #3aa0d1, #3ad2d1); background: linear-gradient(to top, #3aa0d1, #3ad2d1); }

.owl-secondary-theme .owl-popular .owl-pricing-wrapper > li { background: #e74c3c; background: -webkit-linear-gradient( bottom, #e74c3c, #e99b68); background: linear-gradient(to top, #e74c3c, #e99b68); box-shadow: none; }
  :nth-of-type(1) > .owl-pricing-wrapper > li::before {
    /* hide table separator for the first table */
    display: none;
}

.owl-has-margins .owl-pricing-wrapper > li { border-radius: 4px 4px 6px 6px; }
 .owl-has-margins .owl-pricing-wrapper > li::before {
 display: none;
}

.owl-full-width .owl-pricing-wrapper > li { padding: 2.5em 0; }

.no-js .owl-pricing-wrapper .is-hidden { position: relative; -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); margin-top: 1em; }
 .owl-popular .owl-pricing-wrapper > li::before {
    /* hide table separator for .owl-popular table */
    display: none;
}
 .owl-popular + li .owl-pricing-wrapper > li::before {
    /* hide table separator for tables following .owl-popular table */
    display: none;
}

.owl-pricing-header { position: relative; z-index: 1; height: 80px; padding: 1em; pointer-events: none; background-color: #3aa0d1; color: #FFFFFF; }

.owl-pricing-header h2 { margin-bottom: 3px; font-weight: 700; text-transform: uppercase; }

.owl-popular .owl-pricing-header { background-color: #e74c3c; }

.owl-pricing-header { height: auto; padding: 1.9em 0.9em 1.6em; pointer-events: auto; text-align: center; color: #173d50; background-color: transparent; }

.owl-popular .owl-pricing-header { color: #e74c3c; background-color: transparent; }

.owl-secondary-theme .owl-pricing-header { color: #FFFFFF; }

.owl-pricing-header h2 { font-size: 18px; letter-spacing: 2px; }

.owl-currency,
.owl-value { font-size: 3rem; font-weight: 300; }

.owl-duration { font-weight: 700; font-size: 1.3rem; color: #8dc8e4; text-transform: uppercase; }

.owl-popular .owl-duration { color: #f3b6ab; }
.owl-duration::before {
 content: '/';
 margin-right: 2px;
}

.owl-value { font-size: 64px; font-weight: 300; line-height: 52px; }

.owl-currency,
.owl-duration { color: rgba(23, 61, 80, 0.4); }

.owl-popular .owl-currency,
.owl-popular .owl-duration { color: #e74c3c; }

.owl-secondary-theme .owl-currency,
.owl-secondary-theme .owl-duration { color: #2e80a7; }

.owl-secondary-theme .owl-popular .owl-currency,
.owl-secondary-theme .owl-popular .owl-duration { color: #ba6453; }

.owl-currency { display: inline-block; font-size: 26px; font-weight: 700; line-height: normal; margin-top: 0; vertical-align: top; }

.owl-duration { font-size: 1.4rem; }

.owl-pricing-body { overflow-x: auto; -webkit-overflow-scrolling: touch; }

.is-switched .owl-pricing-body { /* fix a bug on Chrome Android */ overflow: hidden; }

.owl-pricing-body { overflow-x: visible; }

.owl-pricing-features { width: 600px; }

.owl-pricing-features:after { content: ""; display: table; clear: both; }

.owl-pricing-features li { color: #333333; width: 100px; float: left; padding: 1.6em 1em; font-size: 14px; font-style: normal; font-weight: 400; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.owl-pricing-features em { display: block; margin-bottom: 5px; margin-right: 3px; font-style: normal; font-weight: 700; }

.owl-pricing-features { width: auto; }

.owl-pricing-features li { float: none; width: auto; padding: 1em; }

.owl-popular .owl-pricing-features li { margin: 0 3px; }
 .owl-pricing-features li:nth-of-type(2n+1) {
 background-color: rgba(23, 61, 80, 0.06);
}

.owl-pricing-features em { display: inline-block; margin-bottom: 0; }

.owl-has-margins .owl-popular .owl-pricing-features li,
.owl-secondary-theme .owl-popular .owl-pricing-features li { margin: 0; }

.owl-secondary-theme .owl-pricing-features li { color: #FFFFFF; }
 .owl-secondary-theme .owl-pricing-features li:nth-of-type(2n+1) {
 background-color: transparent;
}

.owl-pricing-footer { position: absolute; z-index: 1; top: 0; left: 0; /* on mobile it covers the .owl-pricing-header */ height: 80px; width: 100%; }

.owl-pricing-footer { position: relative; height: auto; padding: 1.8em 0; text-align: center; }
 .owl-pricing-footer::after {
    /* hide arrow */
    display: none;
}

.owl-has-margins .owl-pricing-footer { padding-bottom: 0; }

.owl-select { position: relative; z-index: 1; display: block; height: 100%; /* hide button text on mobile */ overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; }

.owl-select { position: static; display: inline-block; height: auto; padding: 1.3em 3em; color: #FFFFFF; -webkit-border-radius: 42px; -moz-border-radius: 42px; border-radius: 42px; background-color: #0c1f28; font-size: 14px; text-indent: 0; text-transform: uppercase; letter-spacing: 2px; }

.no-touch .owl-select:hover { background-color: #112e3c; }

.owl-popular .owl-select { background-color: #e74c3c; }

.no-touch .owl-popular .owl-select:hover { background-color: #ec907e; }

.owl-secondary-theme .owl-popular .owl-select { background-color: #0c1f28; }

.no-touch .owl-secondary-theme .owl-popular .owl-select:hover { background-color: #112e3c; }

.owl-has-margins .owl-select { display: block; padding: 1.7em 0; border-radius: 0 0 4px 4px; }


/* -------------------------------- 

 keyframes 

-------------------------------- */
@-webkit-keyframes 
owl-rotate { 0% {
 -webkit-transform: perspective(2000px) rotateY(0);
}
 70% {
    /* this creates the bounce effect */
    -webkit-transform: perspective(2000px) rotateY(200deg);
}
 100% {
 -webkit-transform: perspective(2000px) rotateY(180deg);
}
}
@-moz-keyframes 
owl-rotate { 0% {
 -moz-transform: perspective(2000px) rotateY(0);
}
 70% {
    /* this creates the bounce effect */
    -moz-transform: perspective(2000px) rotateY(200deg);
}
 100% {
 -moz-transform: perspective(2000px) rotateY(180deg);
}
}
@keyframes 
owl-rotate { 0% {
 -webkit-transform: perspective(2000px) rotateY(0);
 -moz-transform: perspective(2000px) rotateY(0);
 -ms-transform: perspective(2000px) rotateY(0);
 -o-transform: perspective(2000px) rotateY(0);
 transform: perspective(2000px) rotateY(0);
}
 70% {
    /* this creates the bounce effect */
    -webkit-transform: perspective(2000px) rotateY(200deg);
 -moz-transform: perspective(2000px) rotateY(200deg);
 -ms-transform: perspective(2000px) rotateY(200deg);
 -o-transform: perspective(2000px) rotateY(200deg);
 transform: perspective(2000px) rotateY(200deg);
}
 100% {
 -webkit-transform: perspective(2000px) rotateY(180deg);
 -moz-transform: perspective(2000px) rotateY(180deg);
 -ms-transform: perspective(2000px) rotateY(180deg);
 -o-transform: perspective(2000px) rotateY(180deg);
 transform: perspective(2000px) rotateY(180deg);
}
}
@-webkit-keyframes 
owl-rotate-inverse { 0% {
 -webkit-transform: perspective(2000px) rotateY(-180deg);
}
 70% {
    /* this creates the bounce effect */
    -webkit-transform: perspective(2000px) rotateY(20deg);
}
 100% {
 -webkit-transform: perspective(2000px) rotateY(0);
}
}
@-moz-keyframes 
owl-rotate-inverse { 0% {
 -moz-transform: perspective(2000px) rotateY(-180deg);
}
 70% {
    /* this creates the bounce effect */
    -moz-transform: perspective(2000px) rotateY(20deg);
}
 100% {
 -moz-transform: perspective(2000px) rotateY(0);
}
}
@keyframes 
owl-rotate-inverse { 0% {
 -webkit-transform: perspective(2000px) rotateY(-180deg);
 -moz-transform: perspective(2000px) rotateY(-180deg);
 -ms-transform: perspective(2000px) rotateY(-180deg);
 -o-transform: perspective(2000px) rotateY(-180deg);
 transform: perspective(2000px) rotateY(-180deg);
}
 70% {
    /* this creates the bounce effect */
    -webkit-transform: perspective(2000px) rotateY(20deg);
 -moz-transform: perspective(2000px) rotateY(20deg);
 -ms-transform: perspective(2000px) rotateY(20deg);
 -o-transform: perspective(2000px) rotateY(20deg);
 transform: perspective(2000px) rotateY(20deg);
}
 100% {
 -webkit-transform: perspective(2000px) rotateY(0);
 -moz-transform: perspective(2000px) rotateY(0);
 -ms-transform: perspective(2000px) rotateY(0);
 -o-transform: perspective(2000px) rotateY(0);
 transform: perspective(2000px) rotateY(0);
}
}
@-webkit-keyframes 
owl-rotate-back { 0% {
 -webkit-transform: perspective(2000px) rotateY(0);
}
 70% {
    /* this creates the bounce effect */
    -webkit-transform: perspective(2000px) rotateY(-200deg);
}
 100% {
 -webkit-transform: perspective(2000px) rotateY(-180deg);
}
}
@-moz-keyframes 
owl-rotate-back { 0% {
 -moz-transform: perspective(2000px) rotateY(0);
}
 70% {
    /* this creates the bounce effect */
    -moz-transform: perspective(2000px) rotateY(-200deg);
}
 100% {
 -moz-transform: perspective(2000px) rotateY(-180deg);
}
}
@keyframes 
owl-rotate-back { 0% {
 -webkit-transform: perspective(2000px) rotateY(0);
 -moz-transform: perspective(2000px) rotateY(0);
 -ms-transform: perspective(2000px) rotateY(0);
 -o-transform: perspective(2000px) rotateY(0);
 transform: perspective(2000px) rotateY(0);
}
 70% {
    /* this creates the bounce effect */
    -webkit-transform: perspective(2000px) rotateY(-200deg);
 -moz-transform: perspective(2000px) rotateY(-200deg);
 -ms-transform: perspective(2000px) rotateY(-200deg);
 -o-transform: perspective(2000px) rotateY(-200deg);
 transform: perspective(2000px) rotateY(-200deg);
}
 100% {
 -webkit-transform: perspective(2000px) rotateY(-180deg);
 -moz-transform: perspective(2000px) rotateY(-180deg);
 -ms-transform: perspective(2000px) rotateY(-180deg);
 -o-transform: perspective(2000px) rotateY(-180deg);
 transform: perspective(2000px) rotateY(-180deg);
}
}
@-webkit-keyframes 
owl-rotate-inverse-back { 0% {
 -webkit-transform: perspective(2000px) rotateY(180deg);
}
 70% {
    /* this creates the bounce effect */
    -webkit-transform: perspective(2000px) rotateY(-20deg);
}
 100% {
 -webkit-transform: perspective(2000px) rotateY(0);
}
}
@-moz-keyframes 
owl-rotate-inverse-back { 0% {
 -moz-transform: perspective(2000px) rotateY(180deg);
}
 70% {
    /* this creates the bounce effect */
    -moz-transform: perspective(2000px) rotateY(-20deg);
}
 100% {
 -moz-transform: perspective(2000px) rotateY(0);
}
}
@keyframes 
owl-rotate-inverse-back { 0% {
 -webkit-transform: perspective(2000px) rotateY(180deg);
 -moz-transform: perspective(2000px) rotateY(180deg);
 -ms-transform: perspective(2000px) rotateY(180deg);
 -o-transform: perspective(2000px) rotateY(180deg);
 transform: perspective(2000px) rotateY(180deg);
}
 70% {
    /* this creates the bounce effect */
    -webkit-transform: perspective(2000px) rotateY(-20deg);
 -moz-transform: perspective(2000px) rotateY(-20deg);
 -ms-transform: perspective(2000px) rotateY(-20deg);
 -o-transform: perspective(2000px) rotateY(-20deg);
 transform: perspective(2000px) rotateY(-20deg);
}
 100% {
 -webkit-transform: perspective(2000px) rotateY(0);
 -moz-transform: perspective(2000px) rotateY(0);
 -ms-transform: perspective(2000px) rotateY(0);
 -o-transform: perspective(2000px) rotateY(0);
 transform: perspective(2000px) rotateY(0);
}
}

/* ===================================== */
/* PRICE CIRCLE                           */
/* ===================================== */



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

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

.cir-front,
.cir-back { font-family: 'Roboto', sans-serif; float:left; width: 260px; height: 260px; background: none repeat scroll 0 0 #5BB9EF; -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:rgba(0, 0, 0, 0.6); }

.cir-title { font-size: 18px; font-weight: 700; padding: 49px 10px 11px; text-align: center; }

.cir-price.cir-color-font { color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,0.17); }

.cir-price span { display: inline-block; font-weight: 500; line-height: normal; vertical-align: top; }

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

.cir-price .total { font-size: 78px; line-height: 78px; margin: 0; }

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

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

.cir-front .cir-description { font-size: 15px; font-weight: 500; padding: 13px 49px 0; }

.cir-price-chart .cir-btn { border: 2px solid rgba(255, 255, 255, 0.7); -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; color: #ffffff; display: inline-block; font-size: 12px; font-weight: 700; margin-top: 14px; padding: 7px 10px; 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: 'Roboto', sans-serif; font-size: 14px; font-weight: 600; line-height: 26px; list-style: none outside none; text-align: left; }

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

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

.cir-price-chart { text-align: center; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; display: inline-block; -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.17); -moz-box-shadow: 0 0 0 12px rgba(0, 0, 0, 0.17); box-shadow: 0 0 0 12px rgba(0, 0, 0, 0.17); }

.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 #1abc9c !important; }

.cir-price-chart.seagreen .cir-front { background: none repeat scroll 0 0 #8cc152 !important; }

.cir-price-chart.turq .cir-front { background: none repeat scroll 0 0 #3cc3cb !important; }

.cir-price-chart.blue .cir-front { background: none repeat scroll 0 0 #f66d37 !important; }

/* ===================================== */
/* PRICE TABLE                           */
/* ===================================== */


.price-table .col-md-3, .price-table .col-md-4, .price-table .col-md-6 { padding: 0 1px; }
@media (min-width: 768px) and (max-width: 991px) {
.price-table .col-md-3, .price-table .col-md-4, .price-table .col-md-6 {
padding: 0 15px;
}
}
@media (min-width: 1200px) {
.price-table .col-md-3, .price-table .col-md-4, .price-table .col-md-6 {
padding: 0 1px;
}
}

/* Pricing Tables - Boxes */
.price-table .peice-list { background: none repeat scroll 0 0 transparent; border: 0; margin: 0 0 20px 0; padding:0; }

.price-table .price-col1 .peice-list { background-color: transparent; }

.price-table .price-col2 .peice-list { background-color: #343844; }

.price-table .price-col3 .peice-list { background-color: #3451c6; }

.peice-list * { list-style: none; line-height: 1; }

.peice-list .pack-price { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1); text-align: center; padding:12px 0 18px; color: #EAEAEA; font-weight: 500; 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: 400; 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; 	-webkit-transition: all 1s ease;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.3s ease;/* Firefox 4-15 */
	-o-transition: all 0.3s ease;/* Opera 10.5-12.00 */
	transition: all 0.3s ease;/* Firefox 16+, Opera 12.50+ */ }

.peice-list .price-table-btn a:hover { background: #000; color:#fff; text-decoration: none; }

.price-table { padding:0; overflow: hidden; margin: 0 10px; }

.price-table p { text-align: center; }

.price-table .title-2 { background: none repeat scroll 0 0 #3451c6; padding: 21px 0; text-align: center; letter-spacing: .07em; color: #fff; font-weight: 500; font-size: 17px; margin: 20px 0 2px 0; position: relative; }

.price-table .price-col1 .title-2 { background-color: #343844; }

.price-table .price-col2 .title-2 { background-color: #343844; }

.price-table .price-col3 .title-2 { background-color: #3451c6; font-size: 21px; margin: 0 0 2px; padding: 31px 0; }

.price-table .price-col3 .price-table-btn { padding: 14px 0; }

.price-table .price-col1 .peice-list li { text-align: left; color: #333; 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 .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 (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
}
}

.products-table { min-width:100%; border:1px solid #DFE0E5; font-family: "Roboto", sans-serif; background: #F7F7F7; margin: 80px 0 20px; }

.products-table thead th { background: #343844 none repeat scroll 0 0; border: 1px solid rgba(255, 255, 255, 0.17); color: #ffffff !important; font-family: "Raleway",sans-serif; font-size: 15px; font-weight: 700; text-align: center; width: 12%; }

.products-table thead th:first-child { width: 28%; }

@media only screen and (max-width: 768px) {

.products-table thead th, .products-table tbody td { display: none; }

.products-table thead th:first-child, .products-table tbody td:first-child { display: inline-block; float: left; width: 50%; }

.products-table thead th:last-child, .products-table tbody td:last-child { display: inline-block; float: left; width: 50%; }

}

.products-table th { font-weight: normal; -webkit-font-smoothing: antialiased; padding: 20px; color: #6E6E6E; font-size: 15px; background: #fff; }

.products-table td {
  border-bottom: 1px solid #dfe0e5;
  color: #333333;
  font-size: 14px;
  font-weight: 600;
  padding: 20px 0;
  text-align: center;
  min-height: 91px;
}

.products-table td:last-child,
.products-table thead th:last-child { text-align: center; }
 .products-table tr.even, .products-table tr.alt, .products-table tr:nth-of-type(even) {
background: #fff!important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.products-table tr:hover, tr:nth-of-type(2n):hover {
background: none repeat scroll 0 0 #eee !important;
}
.products-table tr a, tr:nth-of-type(2n) a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.products-table tr:hover a, tr:nth-of-type(2n):hover a {
background: none repeat scroll 0 0 #666666 !important;
}

.products-table td span a { background: none repeat scroll 0 0 #f76742; -webkit-border-radius: 31px; -moz-border-radius: 31px; border-radius: 31px; color: #ffffff; display: block; font-size: 12px; margin: 0 20px; padding: 10px 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.products-table td span a:hover { background:#282828 !important; text-decoration: none; }

.products-table.Domain-table td { color: #343844 ; }

.products-table.Domain-table td,
.products-table.Domain-table thead th { width: 35%; }

.products-table.Domain-table td:first-child,
.products-table.Domain-table thead th:first-child,
.products-table.Domain-table td:last-child,
.products-table.Domain-table thead th:last-child { width: 15%; }

@media only screen and (max-width: 980px) {
.products-table.Domain-table thead th, .products-table.Domain-table tbody td { display: none; }

.products-table.Domain-table thead th:first-child, .products-table.Domain-table tbody td:first-child { display: inline-block; float: left; width: 50%; }

.products-table.Domain-table thead th:last-child, .products-table.Domain-table tbody td:last-child { display: inline-block; float: left; width: 50%; }

.products-table.Domain-table td:first-child,
.products-table.Domain-table thead th:first-child,
.products-table.Domain-table td:last-child,
.products-table.Domain-table thead th:last-child { width: 50%; }

}


.products-table.Domain-table td.domainname,
.products-table.Domain-table thead th.domainname { color: #343844 ; font-family: "Roboto", sans-serif; font-size: 18px; font-weight: 600; text-align: center; }
 .products-table.Domain-table .form-group:not(.box) {
margin-bottom: 0;
}

.products-table.Domain-table input.input-text,
.products-table.Domain-table select,
.products-table.Domain-table textarea,
.products-table.Domain-table .customSelect { background: none repeat scroll 0 0 #ffffff; border: 1px solid #e1e1e1; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.products-table.Domain-table .btn.res { display: none; }

.products-table.Domain-table td { font-size: 13px; padding: 20px 23px; }

.products-table.Domain-table thead th { font-size: 18px; padding: 20px 23px; }

.products-table.Domain-table td.domainname,
.products-table.Domain-table thead th.domainname { font-size: 18px; }

.products-table.Domain-table .btn.res { font-size: 15px; line-height: 21px; padding-left: 12px; ; padding-right: 12px; text-transform: uppercase; }
 @media (max-width: 767px) {
.products-table.Domain-table .btn.res {
display: block;
}
}
@media (max-width: 440px) {
.products-table.Domain-table td {
font-size: 13px;
padding: 16px 8px;
}
.products-table.Domain-table thead th {
font-size: 15px;
padding: 26px 8px;
}
.products-table.Domain-table td.domainname, .products-table.Domain-table thead th.domainname {
font-size: 16px;
}
.products-table.Domain-table .btn.res {
display: block;
font-size: 12px;
line-height: 21px;
padding-left: 6px;;
padding-right: 6px;
text-transform: lowercase;
}
}

/* ===================================== */
/* PRICE TABLE DROPDOWN                  */
/* ===================================== */


.l-dropdown-wrap { margin: 0 auto; max-width: 310px; width: 100%; }

.wrapper-dropdown { background: none repeat scroll 0 0 #ffffff; border: 1px solid #e1e1e1; position: relative; width: 100%; margin: 0 auto; padding: 12px 15px; /* Styles */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; outline: none; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.wrapper-dropdown .select-title { font-size: 14px; text-transform: uppercase; }

.wrapper-dropdown:after { content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 15px; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #333 transparent; }

.wrapper-dropdown .dropdown { position: absolute; top: 100%; left: 0; right: 0; /* Styles */ background: #1c1c1c; border-radius: 0 0 5px 5px; border: 1px solid rgba(0, 0, 0, 0.2); border-top: none; border-bottom: none; list-style: none; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; /* Hiding */ max-height: 0; overflow: hidden; z-index: 3; }

.wrapper-dropdown .dropdown li { padding: 0; }

.wrapper-dropdown .dropdown li a { display: block; text-decoration: none; color: #333; padding: 10px 0; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border-bottom: 1px solid #e6e8ea; }

.wrapper-dropdown .dropdown li:last-of-type a { border: none; }

.wrapper-dropdown .dropdown li:hover a { color: #cc0000; }

/* Active state */
.wrapper-dropdown.active { border-radius: 5px 5px 0 0; background-color: #000; border-bottom: none; color: white; }

.wrapper-dropdown.active:after { border-color: white transparent; }

.wrapper-dropdown.active .dropdown { border-bottom: 1px solid rgba(0, 0, 0, 0.2); max-height: 511px; }

.domainDD { color: #ffffff; border-right: 1px solid rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1); float: left; margin: 0; padding: 10px; width: 33.3%; }

.dropdown > li:first-child { padding: 0; }

.domainDD.last { border-right: 0 none #000000; }

.domainDD.drk { background: none repeat scroll 0 0 #e74c3c; }
 @media (max-width: 767px) {
.l-dropdown-wrap {
display: none;
}
}
@media (max-width: 440px) {
.l-dropdown-wrap {
display: none;
}
}

/* ==============================================

 12. Countdown
 
=============================================== */

.countdown_row { display: block; }

.countdown_section { border-left: 1px solid #fff; border-color: rgba(255, 255, 255, 0.3); color: #fff; font-family: 'Roboto', 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;
}
}

/*=========================================================================

 13. COUNTERS

========================================================================= */


.counters-box { text-align:center }

.counters-box.style1 .icon-wrap { height: 52px; margin-bottom: 20px; }

.counters-box.style1 dd { color: #8d8d8d; font-size: 18px; font-weight:400; margin-bottom: 20px; }

.counters-box.style1 dd.fontsize-lg { font-size: 18px; }

.counters-box.style1 dt { font-size: 41px; color:#fff; font-weight:400; }

.counters-box.style1 dl { margin-bottom:0 }

/*=========================================================================

 14. PROGRESSBAR
 
========================================================================= */

.pro-bar-container { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; width: 100%; height: 7px; margin: 0 0 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #F7F7F7; -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; position: relative; overflow: visible !important; }

.pro-bar-container p { color: #000; font-size: 12px; font-weight: 500; line-height: 17px; margin: 0; padding: 0; text-transform: uppercase; }

.pro-bar-container p.dtl-txt { bottom: 7px; position: absolute; }

.pro-bar-container.ltr p.dtl-txt { position: absolute; right: 0; }

.pro-bar-container.ltr .pro-bar strong { left: -9px; }

/* 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: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #444; overflow: visible !important; position: relative; }

.ltr .pro-bar { position: absolute; right: 0; }

.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: #aed3d6; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pro-bar.color-clouds p { color: #bdc3c7; }

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

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

.pro-bar.color-asbestos p { color: #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: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 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: 6px 6px; position: relative; }

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

.pro-bar strong { color: #777; display: block; font-family: "Roboto", Arial, sans-serif; font-size: 11px !important; line-height: 12px !important; position: absolute; right: -9px; top: 8px; }

/*==========================

  Pie Chart
  
========================== */

.pie-chart { text-align: center; font: 400 43px 'Roboto'; 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; }

/*==========================

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

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

.stats-container li { display: inline-block; margin: 0 50px 20px; position: relative; width: 272px; }

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

.circular-stat .digit-label { color: #3498DB; font-family: 'Roboto', 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: 'Roboto', Arial, sans-serif; color: #333; font-size: 21px; 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: 'Roboto', Arial, sans-serif; text-align: center; font-size: 21px; font-weight: 400; padding: 40px 0 15px; 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: 16px; font-family: 'Roboto', Arial, sans-serif; color: #999; }

/*=========================================================================

 15. Accordion
 
========================================================================= */


/*accordion 1*/

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

.f-accordion h3 { margin: 5px 0 0; padding: 21px; font-size: 18px; font-weight: 700; 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 h3 .acc-icon-open-close,
.f-accordion h3 .ui-accordion-header-active .acc-icon-open-close { display: inline-block; line-height: 63px; width: 63px; position: absolute; height: 49px; right: 0; top: 0; text-align: center; }

.f-accordion h3 .acc-icon-open-close:before { font-family: FontAwesome; font-size: 16px; position: static; display: inline; content: "\f105"; height: auto; margin: 0; }
.f-accordion .ui-accordion-header-active .acc-icon-open-close::before {
 font-family: FontAwesome;
 font-size: 16px;
 position: static;
 display: inline;
 content: "\f107";
 height: auto;
 margin: 0;
}

.f-accordion .ui-accordion-content { position: relative; margin: -1px 0 0; padding: 21px; background: #fff; border: 1px solid #DEDEDE; }

/*accordion 1 color*/

.f-accordion.acc-color h3 { background: #2980b9 none repeat scroll 0 0; border: 0 none; color: #ffffff; font-size: 18px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.f-accordion.acc-color .acc-content { background: #2980b9 none repeat scroll 0 0; border: 0 none; }

.f-accordion.acc-color p { color: #ffffff; }

/*not accordion */

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

.notaccordion h3 { margin: 5px 0 0; padding: 15px; font-size: 18px; font-weight: 700; 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 h3 .ui-icon-triangle-1-s,
.notaccordion h3 .ui-icon-triangle-1-e { display: inline-block; line-height: 49px; width: 49px; position: absolute; height: 49px; right: 0; top: 0; text-align: center; }

.notaccordion .ui-icon-triangle-1-e:before { font-family: FontAwesome; font-size: 16px; position: static; display: inline; content: "\f105"; height: auto; margin: 0; }
.notaccordion .ui-icon-triangle-1-s::before {
 font-family: FontAwesome;
 font-size: 16px;
 position: static;
 display: inline;
 content: "\f107";
 height: auto;
 margin: 0;
}

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

/*not accordion color*/

.notaccordion.acc-color h3 { background: #2980b9 none repeat scroll 0 0; border: 0 none; color: #ffffff; font-size: 18px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.notaccordion.acc-color .acc-content { background: #2980b9 none repeat scroll 0 0; border: 0 none; }

.notaccordion.acc-color p { color: #ffffff; }

/*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: 'Roboto', Arial, sans-serif; font-size: 13px; font-weight: bold; border: 1px solid #DDDDDD; text-shadow: 0 1px 1px #FFFFFF; text-transform: uppercase; }

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

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

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

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

/*=========================================================================

 16. 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 -5px; 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: 40px; 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: 40px; }

#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: 174px; }

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: 74px; 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: 12px; font-style: normal; line-height: 16px; margin: 26px 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: 174px; }

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: 74px; 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: 12px; font-style: normal; line-height: 16px; margin: 26px 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; list-style: none outside none; margin-top: -1px; margin-bottom: 60px; 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; }

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


@media (max-width: 481px) {

#tabs > ul, #tabs2 > ul, #tabs2 > ul, #tabs3 > ul, #tabs4 > ul, #tabs4 > ul, #tabs5 > ul, #tabs6 > ul, #tabs7 > ul, #tabs8 > ul {
    display: block !important;
    text-align: center !important;
}
#tabs li, #tabs2 li, #tabs3 li, #tabs4 li, #tabs5 li, #tabs6 li, #tabs7 li, #tabs8 li {
    float: none !important;
}
.tabs_container { overflow: visible; }
ul.left-tabulus li a, ul.right-tabulus li a, ul.bottom-tabulus li a {
    display: block;
    float: none !important;
    text-align: center;
}
}

/*=========================================================================

 17. OWL IMAGE HOVER EFFECTS AND POPUPS

=========================================================================*/


.BorderLight .img-style-1 { background: none repeat scroll 0 0 #FFFFFF; padding: 6px; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); }

.BorderLight .owl-img-wrapper { -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0); -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0); -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0); }

.BorderDark .img-style-1 { background: none repeat scroll 0 0 #101010; padding: 6px; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); }

.BorderDark .owl-img-wrapper { -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0); -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0); -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0); }

.OwlImgPro { margin: 0 0 0; }

.OwlImgPro li { margin: 40px 0 0; }

.owl-img-wrapper {
 -webkit-border: -radius: 3px;
 -moz-border: -radius: 3px;
 border: -radius: 3px; display: block; overflow: hidden; position: relative; }

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

.hostify-slider-nav,
.post-slideshow .owl-prev,
.post-slideshow .owl-next,
.post-slideshow .owl-gallery-prev,
.post-slideshow .owl-gallery-next,
.owl-gallery .owl-prev,
.owl-gallery .owl-next,
.owl-gallery .owl-gallery-prev,
.owl-gallery .owl-gallery-next,
.owl-gallery-wrapper .owl-prev,
.owl-gallery-wrapper .owl-next,
.owl-gallery-wrapper .owl-gallery-prev,
.owl-gallery-wrapper .owl-gallery-next,
.post-slider .owl-prev,
.post-slider .owl-next,
.post-slider .owl-gallery-prev,
.post-slider .owl-gallery-next,
.testimonials.owl-carousel .owl-prev,
.testimonials.owl-carousel .owl-next,
.testimonials.owl-carousel .owl-gallery-prev,
.testimonials.owl-carousel .owl-gallery-next,
.features-icon-slider .owl-prev,
.features-icon-slider .owl-next,
.features-icon-slider .owl-gallery-prev,
.features-icon-slider .owl-gallery-next,
.brand-slider.style1 .owl-prev,
.brand-slider.style1 .owl-next,
.brand-slider.style1 .owl-gallery-prev,
.brand-slider.style1 .owl-gallery-next,
#slideshow .tp-leftarrow.default,
#slideshow .tp-rightarrow.default,
.post-pagination .nav-prev,
.post-pagination .nav-next { position:absolute; top:50%; text-indent:-9999px; text-align:left; margin-top:-14px; text-shadow:none; -moz-transition:left 0.3s ease, right 0.3s ease; -o-transition:left 0.3s ease, right 0.3s ease; -webkit-transition:left 0.3s ease, right 0.3s ease; -ms-transition:left 0.3s ease, right 0.3s ease; transition:left 0.3s ease, right 0.3s ease; z-index:98 }

.hostify-slider-nav:before,
.post-slideshow .owl-prev:before,
.post-slideshow .owl-next:before,
.post-slideshow .owl-gallery-prev:before,
.post-slideshow .owl-gallery-next:before,
.owl-gallery .owl-prev:before,
.owl-gallery .owl-next:before,
.owl-gallery .owl-gallery-prev:before,
.owl-gallery .owl-gallery-next:before,
.owl-gallery-wrapper .owl-prev:before,
.owl-gallery-wrapper .owl-next:before,
.owl-gallery-wrapper .owl-gallery-prev:before,
.owl-gallery-wrapper .owl-gallery-next:before,
.post-slider .owl-prev:before,
.post-slider .owl-next:before,
.post-slider .owl-gallery-prev:before,
.post-slider .owl-gallery-next:before,
.testimonials.owl-carousel .owl-prev:before,
.testimonials.owl-carousel .owl-next:before,
.testimonials.owl-carousel .owl-gallery-prev:before,
.testimonials.owl-carousel .owl-gallery-next:before,
.features-icon-slider .owl-prev:before,
.features-icon-slider .owl-next:before,
.features-icon-slider .owl-gallery-prev:before,
.features-icon-slider .owl-gallery-next:before,
.brand-slider.style1 .owl-prev:before,
.brand-slider.style1 .owl-next:before,
.brand-slider.style1 .owl-gallery-prev:before,
.brand-slider.style1 .owl-gallery-next:before,
#slideshow .tp-leftarrow.default:before,
#slideshow .tp-rightarrow.default:before,
.post-pagination .nav-prev:before,
.post-pagination .nav-next:before { font-family:FontAwesome; font-size:13px; text-indent:0; width:47px; height:47px; display:block; text-align:center; line-height:42px; border:3px solid rgba(255, 255, 255, 0.3); -webkit-border-radius:36px; -moz-border-radius:36px; -ms-border-radius:36px; border-radius:36px; color:#fff }

.hostify-slider-nav:hover:before,
.post-slideshow .owl-prev:hover:before,
.post-slideshow .owl-next:hover:before,
.post-slideshow .owl-gallery-prev:hover:before,
.post-slideshow .owl-gallery-next:hover:before,
.owl-gallery .owl-prev:hover:before,
.owl-gallery .owl-next:hover:before,
.owl-gallery .owl-gallery-prev:hover:before,
.owl-gallery .owl-gallery-next:hover:before,
.owl-gallery-wrapper .owl-prev:hover:before,
.owl-gallery-wrapper .owl-next:hover:before,
.owl-gallery-wrapper .owl-gallery-prev:hover:before,
.owl-gallery-wrapper .owl-gallery-next:hover:before,
.post-slider .owl-prev:hover:before,
.post-slider .owl-next:hover:before,
.post-slider .owl-gallery-prev:hover:before,
.post-slider .owl-gallery-next:hover:before,
.testimonials.owl-carousel .owl-prev:hover:before,
.testimonials.owl-carousel .owl-next:hover:before,
.testimonials.owl-carousel .owl-gallery-prev:hover:before,
.testimonials.owl-carousel .owl-gallery-next:hover:before,
.features-icon-slider .owl-prev:hover:before,
.features-icon-slider .owl-next:hover:before,
.features-icon-slider .owl-gallery-prev:hover:before,
.features-icon-slider .owl-gallery-next:hover:before,
.brand-slider.style1 .owl-prev:hover:before,
.brand-slider.style1 .owl-next:hover:before,
.brand-slider.style1 .owl-gallery-prev:hover:before,
.brand-slider.style1 .owl-gallery-next:hover:before,
#slideshow .tp-leftarrow.default:hover:before,
#slideshow .tp-rightarrow.default:hover:before,
.post-pagination .nav-prev:hover:before,
.post-pagination .nav-next:hover:before { border-color:#3451c6; background:#3451c6 }

.post-slideshow .owl-prev,
.post-slideshow .owl-gallery-prev,
.owl-gallery .owl-prev,
.owl-gallery .owl-gallery-prev,
.owl-gallery-wrapper .owl-prev,
.owl-gallery-wrapper .owl-gallery-prev,
.post-slider .owl-prev,
.post-slider .owl-gallery-prev,
.testimonials.owl-carousel .owl-prev,
.testimonials.owl-carousel .owl-gallery-prev,
.features-icon-slider .owl-prev,
.features-icon-slider .owl-gallery-prev,
.brand-slider.style1 .owl-prev,
.brand-slider.style1 .owl-gallery-prev { left:28px }

.post-slideshow .owl-prev:before,
.post-slideshow .owl-gallery-prev:before,
.owl-gallery .owl-prev:before,
.owl-gallery .owl-gallery-prev:before,
.owl-gallery-wrapper .owl-prev:before,
.owl-gallery-wrapper .owl-gallery-prev:before,
.post-slider .owl-prev:before,
.post-slider .owl-gallery-prev:before,
.testimonials.owl-carousel .owl-prev:before,
.testimonials.owl-carousel .owl-gallery-prev:before,
.features-icon-slider .owl-prev:before,
.features-icon-slider .owl-gallery-prev:before,
.brand-slider.style1 .owl-prev:before,
.brand-slider.style1 .owl-gallery-prev:before { content:"\f053" }

.post-slideshow .owl-next,
.post-slideshow .owl-gallery-next,
.owl-gallery .owl-next,
.owl-gallery .owl-gallery-next,
.owl-gallery-wrapper .owl-next,
.owl-gallery-wrapper .owl-gallery-next,
.post-slider .owl-next,
.post-slider .owl-gallery-next,
.testimonials.owl-carousel .owl-next,
.testimonials.owl-carousel .owl-gallery-next,
.features-icon-slider .owl-next,
.features-icon-slider .owl-gallery-next,
.brand-slider.style1 .owl-next,
.brand-slider.style1 .owl-gallery-next { right:28px }

.post-slideshow .owl-next:before,
.post-slideshow .owl-gallery-next:before,
.owl-gallery .owl-next:before,
.owl-gallery .owl-gallery-next:before,
.owl-gallery-wrapper .owl-next:before,
.owl-gallery-wrapper .owl-gallery-next:before,
.post-slider .owl-next:before,
.post-slider .owl-gallery-next:before,
.testimonials.owl-carousel .owl-next:before,
.testimonials.owl-carousel .owl-gallery-next:before,
.features-icon-slider .owl-next:before,
.features-icon-slider .owl-gallery-next:before,
.brand-slider.style1 .owl-next:before,
.brand-slider.style1 .owl-gallery-next:before { content:"\f054" }

.post-slideshow .owl-pagination,
.owl-gallery .owl-pagination,
.owl-gallery-wrapper .owl-pagination,
.post-slider .owl-pagination,
.testimonials.owl-carousel .owl-pagination,
.features-icon-slider .owl-pagination,
.brand-slider.style1 .owl-pagination { display:none }

.post-slideshow:hover .owl-prev,
.owl-gallery:hover .owl-prev,
.owl-gallery-wrapper:hover .owl-prev,
.post-slider:hover .owl-prev,
.testimonials.owl-carousel:hover .owl-prev,
.features-icon-slider:hover .owl-prev,
.brand-slider.style1:hover .owl-prev { left:28px }

.post-slideshow:hover .owl-next,
.owl-gallery:hover .owl-next,
.owl-gallery-wrapper:hover .owl-next,
.post-slider:hover .owl-next,
.testimonials.owl-carousel:hover .owl-next,
.features-icon-slider:hover .owl-next,
.brand-slider.style1:hover .owl-next { right:28px }

.features-icon-slider:hover .owl-prev { left:-60px }

.features-icon-slider:hover .owl-next { right:-60px }

.features-icon-slider .owl-prev { left:-60px }

.features-icon-slider .owl-next { right:-60px }

.testimonials.style1 .owl-controls .owl-prev:before,
.testimonials.style1 .owl-controls .owl-next:before,
.testimonials.style3 .owl-controls .owl-prev:before,
.testimonials.style3 .owl-controls .owl-next:before,
.testimonials.style4 .owl-controls .owl-prev:before,
.testimonials.style4 .owl-controls .owl-next:before { color:#d4dde5; border-color:#d4dde5 }

.testimonials.style1 .owl-wrapper-outer { padding-top: 50px; }

/*  ======================================
Button Layout and Color Scheme
====================================== */

.owl-img-pops { background-color: #ffffff; border: medium none; display: inline-block !important; float: none !important; font-size: 14px; font-weight: normal; height: 40px; line-height: 40px; margin: 0 2px; text-align: center; width: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1); -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1); -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1); box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1); }

.owl-img-pops > a { color: #222222; display: block; font-weight: normal; }

/*  ======================================
Overlay Effects
====================================== */

.img-caption-activeWrap { display: table-cell; position: relative; text-align: center; vertical-align: middle; z-index: 2; }

.img-st-bor { display: table; height: 100%; left: 0; position: relative; top: 0; width: 100%; }

.img-st { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; height: 100%; left: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-filter: ”alpha(opacity=0)”; filter: alpha(opacity=0); filter: progid: DXImageTransform.Microsoft.Alpha(opacity=01);
opacity: 0; position: absolute; top: 0; -webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; /* Safari 3.2+, Chrome */ -moz-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; /* Firefox 4-15 */ -o-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; /* Opera 10.5-12.00 */ transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; /* Firefox 16+, Opera 12.50+ */ width: 100%; }

.img-overlay-border { bottom: 10px; display: block; left: 10px; position: absolute; right: 10px; top: 10px; }

.img-st-hv:hover .img-st { -khtml-opacity: 1; -moz-opacity: 1; -ms-filter: ”alpha(opacity=1)”; filter: alpha(opacity=1); filter: progid: DXImageTransform.Microsoft.Alpha(opacity=1);
opacity: 1; }
.img-overlay-border::after {
 border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 border-top: 1px solid rgba(255, 255, 255, 0.3);
 bottom: 10px;
 content: "";
 position: absolute;
 top: 10px;
 -moz-transform: scale(0, 1);
    /* FF3.5+ */
    
    -webkit-transform: scale(0, 1);
    /*Saf3.1+, Chrome*/
    
    -o-transform: scale(0, 1);
    /* Opera 10.5 */
    
    -ms-transform: scale(0, 1);
    /* IE 9 */
    
    transform: scale(0, 1);
 width: 100%;
}
.img-overlay-border::before {
 border-left: 1px solid rgba(255, 255, 255, 0.3);
 border-right: 1px solid rgba(255, 255, 255, 0.3);
 content: "";
 height: 100%;
 left: 10px;
 position: absolute;
 right: 10px;
 -moz-transform: scale(1, 0);
    /* FF3.5+ */
    
    -webkit-transform: scale(1, 0);
    /*Saf3.1+, Chrome*/
    
    -o-transform: scale(1, 0);
    /* Opera 10.5 */
    
    -ms-transform: scale(1, 0);
    /* IE 9 */
    
    transform: scale(1, 0);
}
.img-overlay-border::before, .img-overlay-border::after {
 -khtml-opacity: 0;
 -moz-opacity: 0;
 -ms-filter: ”alpha(opacity=0)”;
 filter: alpha(opacity=0);
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
 opacity: 0;
 -webkit-transition: opacity 0.45s ease 0s, transform 0.45s ease 0s;
    /* Safari 3.2+, Chrome */
    
    -moz-transition: opacity 0.45s ease 0s, transform 0.45s ease 0s;
    /* Firefox 4-15 */
    
    -o-transition: opacity 0.45s ease 0s, transform 0.45s ease 0s;
    /* Opera 10.5-12.00 */
    
    transition: opacity 0.45s ease 0s, transform 0.45s ease 0s;
/* Firefox 16+, Opera 12.50+ */
}
.img-st-hv:hover .img-overlay-border::before, .img-st-hv:hover .img-overlay-border::after {
 -khtml-opacity: 1;
 -moz-opacity: 1;
 -ms-filter: ”alpha(opacity=1)”;
 filter: alpha(opacity=1);
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=1);
 opacity: 1;
 -moz-transform: scale(1);
    /* FF3.5+ */
    
    -webkit-transform: scale(1);
    /*Saf3.1+, Chrome*/
    
    -o-transform: scale(1);
    /* Opera 10.5 */
    
    -ms-transform: scale(1);
    /* IE 9 */
    
    transform: scale(1);
}

.img-caption-activeWrap > a.btn-img-st-bor { color: #fff; border: 2px solid rgba(255, 255, 255, 0.6); padding: 10px; min-width: 90px; display: inline-block; -webkit-transition: all 0.3s ease; /* Safari 3.2+, Chrome */ -moz-transition: all 0.3s ease; /* Firefox 4-15 */ -o-transition: all 0.3s ease; /* Opera 10.5-12.00 */ transition: all 0.3s ease;/* Firefox 16+, Opera 12.50+ */ }

.img-caption-activeWrap > a.btn-img-st-bor:hover { background: #ffffff none repeat scroll 0 0; color: #000; }

/*  ======================================
Overlay Effects
====================================== */

.owl-img-wrapper .owl-img-overlay { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); bottom: 0; display: block; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; }

.owl-img-wrapper:hover .owl-img-overlay { opacity: 1; }

.owl-img-wrapper .owl-img-Overlay2 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); height: 0; display: block; height: 0; left: 0; opacity: 0; position: absolute; top: 50%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; }

.owl-img-wrapper:hover .owl-img-Overlay2 { height: 100%; top: 0; opacity: 1; }

/*  ======================================
Black & White Effect
====================================== */

.black-white { -webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: .6; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.black-white:hover { -webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }

/*  ======================================
Zoom Effects
====================================== */

.owl-img-zoom1 img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-img-zoom1:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

.owl-img-zoom2 img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-img-zoom2:hover img { -webkit-transform: rotate(-10deg) scale(1.4); -moz-transform: rotate(-10deg) scale(1.4); -ms-transform: rotate(-10deg) scale(1.4); -o-transform: rotate(-10deg) scale(1.4); transform: rotate(-10deg) scale(1.4); }

/*  ======================================
Pops Circle Effect
====================================== */

.owl-img-wrapper .owl-img-pops-effect5 span { position: absolute; }
.owl-img-wrapper .owl-img-pops-effect5 span:nth-of-type(1) {
 bottom: 50%;
 top: 50%;
 left: 0;
 margin: -20px 0 0 -68px;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 400ms cubic-bezier(1.000, 0, 0.570, 0) !important;
 -webkit-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;
 -moz-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;
 -ms-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;
 -o-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;
 transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;
}
.owl-img-wrapper .owl-img-pops-effect5 span:nth-of-type(2) {
 bottom: 50%;
 top: 50%;
 left: 50%;
 right: 50%;
 margin: -20px 0 0 -20px;
 visibility: hidden;
 opacity: 0;
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -ms-transform: scale(0);
 -o-transform: scale(0);
 transform: scale(0);
 -webkit-transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -ms-transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
}
.owl-img-wrapper .owl-img-pops-effect5 span:nth-of-type(3) {
 bottom: 50%;
 top: 50%;
 right: 0;
 margin: -20px -68px 0 0;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 400ms cubic-bezier(1.000, 0, 0.570, 0) !important;
 -webkit-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;
 -moz-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;
 -ms-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;
 -o-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;
 transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;
}
.owl-img-wrapper:hover .owl-img-pops-effect5 span:nth-of-type(1) {
 left: 50%;
 visibility: visible;
 opacity: 1;
}
.owl-img-wrapper:hover .owl-img-pops-effect5 span:nth-of-type(2) {
 visibility: visible;
 opacity: 1;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
.owl-img-wrapper:hover .owl-img-pops-effect5 span:nth-of-type(3) {
 right: 50%;
 visibility: visible;
 opacity: 1;
}

/*  ======================================
Pops Circle Effect
====================================== */

.owl-img-wrapper .owl-img-pops-effect6 { visibility: hidden; margin: 0; opacity: 0; position: absolute; text-align: center; width: 100%; top: 50%; margin-top: -20px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-img-wrapper:hover .owl-img-pops-effect6 { opacity: 1; visibility: visible; }

.owl-img-wrapper .owl-img-pops-effect1 { visibility: hidden; opacity: 0; position: absolute; text-align: center; width: 100%; top: 50%; margin-top: -20px; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -ms-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-img-wrapper:hover .owl-img-pops-effect1 { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.owl-img-wrapper .owl-img-pops-effect2 span { position: absolute; }
.owl-img-wrapper .owl-img-pops-effect2 span:nth-of-type(1) {
 bottom: 50%;
 top: 50%;
 left: 50%;
 margin: -20px 0 0 -42px;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -ms-transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
}
.owl-img-wrapper .owl-img-pops-effect2 span:nth-of-type(2) {
 bottom: 50%;
 top: 50%;
 right: 50%;
 margin: -20px -42px 0 0;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -ms-transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
}
.owl-img-wrapper:hover .owl-img-pops-effect2 span:nth-of-type(1) {
 opacity: 1;
 visibility: visible;
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
.owl-img-wrapper:hover .owl-img-pops-effect2 span:nth-of-type(2) {
 opacity: 1;
 visibility: visible;
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}

.owl-img-wrapper .owl-img-pops-effect3 span { position: absolute; }
.owl-img-wrapper .owl-img-pops-effect3 span:nth-of-type(1) {
 bottom: 50%;
 top: 50%;
 left: 50%;
 margin: -20px 0 0 -82px;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -ms-transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
}
.owl-img-wrapper .owl-img-pops-effect3 span:nth-of-type(2) {
 bottom: 50%;
 top: 50%;
 right: 50%;
 margin: -20px -82px 0 0;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -ms-transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
}
.owl-img-wrapper:hover .owl-img-pops-effect3 span:nth-of-type(1) {
 margin: -20px 0 0 -42px;
 visibility: visible;
 opacity: 1;
}
.owl-img-wrapper:hover .owl-img-pops-effect3 span:nth-of-type(2) {
 margin: -20px -42px 0 0;
 visibility: visible;
 opacity: 1;
}

.owl-img-wrapper .owl-img-pops-effect7 span { position: absolute; }
.owl-img-wrapper .owl-img-pops-effect7 span:nth-of-type(1) {
 bottom: 50%;
 top: 50%;
 left: 0;
 margin: -20px 0 0 -68px;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -ms-transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
}
.owl-img-wrapper .owl-img-pops-effect7 span:nth-of-type(2) {
 top: 0;
 right: 50%;
 left: 50%;
 margin: -20px 0 0 -20px;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -ms-transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
}
.owl-img-wrapper .owl-img-pops-effect7 span:nth-of-type(3) {
 bottom: 50%;
 top: 50%;
 right: 0;
 margin: -20px -68px 0 0;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -ms-transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
}
.owl-img-wrapper:hover .owl-img-pops-effect7 span:nth-of-type(1) {
 left: 50%;
 visibility: visible;
 opacity: 1;
}
.owl-img-wrapper:hover .owl-img-pops-effect7 span:nth-of-type(2) {
 top: 50%;
 visibility: visible;
 opacity: 1;
}
.owl-img-wrapper:hover .owl-img-pops-effect7 span:nth-of-type(3) {
 right: 50%;
 visibility: visible;
 opacity: 1;
}

.owl-img-wrapper .owl-img-pops-effect4 span { position: absolute; }
.owl-img-wrapper .owl-img-pops-effect4 span:nth-of-type(1) {
 bottom: 50%;
 top: 50%;
 left: 0;
 margin: -20px 0 0 -68px;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -ms-transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
}
.owl-img-wrapper .owl-img-pops-effect4 span:nth-of-type(2) {
 bottom: 50%;
 top: 50%;
 left: 50%;
 right: 50%;
 margin: -20px 0 0 -20px;
 visibility: hidden;
 opacity: 0;
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -ms-transform: scale(0);
 -o-transform: scale(0);
 transform: scale(0);
 -webkit-transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -ms-transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
}
.owl-img-wrapper .owl-img-pops-effect4 span:nth-of-type(3) {
 bottom: 50%;
 top: 50%;
 right: 0;
 margin: -20px -68px 0 0;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -ms-transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
}
.owl-img-wrapper:hover .owl-img-pops-effect4 span:nth-of-type(1) {
 left: 50%;
 visibility: visible;
 opacity: 1;
}
.owl-img-wrapper:hover .owl-img-pops-effect4 span:nth-of-type(2) {
 visibility: visible;
 opacity: 1;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
.owl-img-wrapper:hover .owl-img-pops-effect4 span:nth-of-type(3) {
 right: 50%;
 visibility: visible;
 opacity: 1;
}

.owl-img-wrapper .owl-img-pops-effect8 span { position: absolute; }
.owl-img-wrapper .owl-img-pops-effect8 span:nth-of-type(1) {
 top: 0;
 left: 50%;
 margin: -20px 0 0 -68px;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
 -moz-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
 -ms-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
 -o-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
 transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
}
.owl-img-wrapper .owl-img-pops-effect8 span:nth-of-type(2) {
 top: 0;
 left: 50%;
 margin: -20px 0 0 -20px;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;
 -moz-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;
 -ms-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;
 -o-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;
 transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;
}
.owl-img-wrapper .owl-img-pops-effect8 span:nth-of-type(3) {
 top: 0;
 right: 50%;
 margin: -20px -68px 0 0;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;
 -moz-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;
 -ms-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;
 -o-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;
 transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;
}
.owl-img-wrapper:hover .owl-img-pops-effect8 span:nth-of-type(1) {
 top: 50%;
 visibility: visible;
 opacity: 1;
}
.owl-img-wrapper:hover .owl-img-pops-effect8 span:nth-of-type(2) {
 top: 50%;
 visibility: visible;
 opacity: 1;
}
.owl-img-wrapper:hover .owl-img-pops-effect8 span:nth-of-type(3) {
 top: 50%;
 visibility: visible;
 opacity: 1;
}

/*  ======================================
Plus Effect
====================================== */

.owl-img-wrapper .owl-img-pops-effect9 { position: absolute; background: none no-repeat scroll center center / 100% 100% #222222; width: 100%; height: 100%; z-index: 199; -webkit-background-origin: padding-box, padding-box; -moz-background-origin: padding-box, padding-box; -ms-background-origin: padding-box, padding-box; -o-background-origin: padding-box, padding-box; background-origin: padding-box, padding-box; background-position: center center; background-repeat: no-repeat; -webkit-background-size: 10px 10px, 100% 100%; -moz-background-size: 10px 10px, 100% 100%; -ms-background-size: 10px 10px, 100% 100%; -o-background-size: 10px 10px, 100% 100%; background-size: 10px 10px, 100% 100%; opacity: 0; top: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-img-wrapper:hover .owl-img-pops-effect9 { opacity: .6; -webkit-background-size: 60px 60px, 100% 100%; -moz-background-size: 60px 60px, 100% 100%; -ms-background-size: 60px 60px, 100% 100%; -o-background-size: 60px 60px, 100% 100%; background-size: 60px 60px, 100% 100%; visibility: visible; }

/*  ======================================
Text Effect on hover
====================================== */

.owl-textual-box1 img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box1:hover img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }

.owl-textual-box1 .owl-textual1 { position: absolute; background: #ffffff; opacity: 0; visibility: hidden; width: 100%; height: 100%; display: block; top: -100%; left: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box1:hover .owl-textual1 { opacity: 1; visibility: visible; top: 0; }

.owl-textual-box1 .owl-textual1 .owl-textual { padding: 30px; }

.owl-textual { text-align: center; }

.owl-textual h2 { font: 400 21px "Roboto", Arial, sans-serif; color: #000000; margin: 0 0 17px; padding: 0 0 6px; text-transform: uppercase; }

.owl-textual p { margin-bottom: 15px; }

.owl-pro-link a { -webkit-border: 2px solid #cccccc; -moz-border: 2px solid #cccccc; border: 2px solid #cccccc; border-radius: 22px; color: #000000; display: inline-block; font-family: roboto; font-size: 14px; margin: 6px 0 0; padding: 7px 22px; }

.owl-textual-box2 img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box2:hover img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }

.owl-textual-box2 .owl-textual2 { position: absolute; background: #ffffff; opacity: 0; visibility: hidden; width: 100%; height: 100%; display: block; bottom: -100%; left: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box2:hover .owl-textual2 { opacity: 1; visibility: visible; bottom: 0; }

.owl-textual-box2 .owl-textual2 .owl-textual { padding: 30px; }

.owl-textual-box3 img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box3:hover img { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }

.owl-textual-box3 .owl-textual3 { position: absolute; background: #ffffff; opacity: 0; visibility: hidden; width: 100%; height: 100%; display: block; top: 0; right: -100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box3:hover .owl-textual3 { opacity: 1; visibility: visible; right: 0; }

.owl-textual-box3 .owl-textual3 .owl-textual { padding: 30px; }

.owl-textual-box4 img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box4:hover img { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }

.owl-textual-box4 .owl-textual4 { position: absolute; background: #ffffff; opacity: 0; visibility: hidden; width: 100%; height: 100%; display: block; top: 0; left: -100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box4:hover .owl-textual4 { opacity: 1; visibility: visible; left: 0; }

.owl-textual-box4 .owl-textual4 .owl-textual { padding: 30px; }

.owl-textual-box5 img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box5:hover img { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); }

.owl-textual-box5 .owl-textual5 { position: absolute; background: #ffffff; opacity: 0; visibility: hidden; width: 50%; height: 100%; display: block; top: 0; left: 0; -webkit-transform: perspective(600px) rotateY(90deg); -moz-transform: perspective(600px) rotateY(90deg); -ms-transform: perspective(600px) rotateY(90deg); -o-transform: perspective(600px) rotateY(90deg); transform: perspective(600px) rotateY(90deg); -webkit-transform-origin: left center 0; -moz-transform-origin: left center 0; -ms-transform-origin: left center 0; -o-transform-origin: left center 0; transform-origin: left center 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box5:hover .owl-textual5 { opacity: 1; visibility: visible; -webkit-transform: perspective(600px) rotateY(0deg); -moz-transform: perspective(600px) rotateY(0deg); -ms-transform: perspective(600px) rotateY(0deg); -o-transform: perspective(600px) rotateY(0deg); transform: perspective(600px) rotateY(0deg); }

.owl-textual-box5 .owl-textual5 .owl-textual { padding: 30px; }

.owl-textual-box6 img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; }

.img-style-1:hover .owl-textual-box6 img { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); }

.owl-textual-box6 .owl-textual6 { position: absolute; background: #ffffff; opacity: 0; visibility: hidden; width: 100%; height: 50%; display: block; top: 0; left: 0; -webkit-transform: perspective(600px) rotateX(-90deg); -moz-transform: perspective(600px) rotateX(-90deg); -ms-transform: perspective(600px) rotateX(-90deg); -o-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: center top 0; -moz-transform-origin: center top 0; -ms-transform-origin: center top 0; -o-transform-origin: center top 0; transform-origin: center top 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.img-style-1:hover .owl-textual-box6 .owl-textual6 { opacity: 1; visibility: visible; -webkit-transform: perspective(600px) rotateX(0deg); -moz-transform: perspective(600px) rotateX(0deg); -ms-transform: perspective(600px) rotateX(0deg); -o-transform: perspective(600px) rotateX(0deg); transform: perspective(600px) rotateX(0deg); }

.owl-textual-box6 .owl-textual6 .owl-textual { padding: 30px; }

.owl-textual-box7 img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box7:hover img { -webkit-transform: translateX(-20%); -moz-transform: translateX(-20%); -ms-transform: translateX(-20%); -o-transform: translateX(-20%); transform: translateX(-20%); }

.owl-textual-box7 .owl-textual7 { position: absolute; background: #ffffff; opacity: 0; visibility: hidden; width: 50%; height: 100%; display: block; top: 0; right: 0; -webkit-transform: perspective(600px) rotateY(-90deg); -moz-transform: perspective(600px) rotateY(-90deg); -ms-transform: perspective(600px) rotateY(-90deg); -o-transform: perspective(600px) rotateY(-90deg); transform: perspective(600px) rotateY(-90deg); -webkit-transform-origin: right center 0; -moz-transform-origin: right center 0; -ms-transform-origin: right center 0; -o-transform-origin: right center 0; transform-origin: right center 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box7:hover .owl-textual7 { opacity: 1; visibility: visible; -webkit-transform: perspective(600px) rotateY(0deg); -moz-transform: perspective(600px) rotateY(0deg); -ms-transform: perspective(600px) rotateY(0deg); -o-transform: perspective(600px) rotateY(0deg); transform: perspective(600px) rotateY(0deg); }

.owl-textual-box7 .owl-textual7 .owl-textual { padding: 30px; }

.owl-textual-box8 img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box8:hover img { -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -ms-transform: translateY(-20%); -o-transform: translateY(-20%); transform: translateY(-20%); }

.owl-textual-box8 .owl-textual8 { position: absolute; background: #ffffff; opacity: 0; visibility: hidden; width: 100%; height: 50%; display: block; bottom: 0; left: 0; -webkit-transform: perspective(600px) rotateX(90deg); -moz-transform: perspective(600px) rotateX(90deg); -ms-transform: perspective(600px) rotateX(90deg); -o-transform: perspective(600px) rotateX(90deg); transform: perspective(600px) rotateX(90deg); -webkit-transform-origin: center bottom 0; -moz-transform-origin: center bottom 0; -ms-transform-origin: center bottom 0; -o-transform-origin: center bottom 0; transform-origin: center bottom 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box8:hover .owl-textual8 { opacity: 1; visibility: visible; -webkit-transform: perspective(600px) rotateY(0deg); -moz-transform: perspective(600px) rotateY(0deg); -ms-transform: perspective(600px) rotateY(0deg); -o-transform: perspective(600px) rotateY(0deg); transform: perspective(600px) rotateY(0deg); }

.owl-textual-box8 .owl-textual8 .owl-textual { padding: 30px; }

.owl-textual-box9 .owl-textual9 { position: absolute; background: #ffffff; opacity: 0; visibility: hidden; width: 100%; height: 100%; display: block; top: 0; left: 0; -webkit-transform: rotateX(0deg) scale(0.0); -moz-transform: rotateX(0deg) scale(0.0); -ms-transform: rotateX(0deg) scale(0.0); -o-transform: rotateX(0deg) scale(0.0); transform: rotateX(0deg) scale(0.0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box9:hover .owl-textual9 { opacity: 1; visibility: visible; -webkit-transform: rotateX(360deg) scale(.9); -moz-transform: rotateX(360deg) scale(.9); -ms-transform: rotateX(360deg) scale(.9); -o-transform: rotateX(360deg) scale(.9); transform: rotateX(360deg) scale(.9); }

.owl-textual-box9 .owl-textual9 .owl-textual { padding: 30px; }

.owl-textual-box10 { overflow: visible !important; }

.owl-textual-box10 img { position: relative; z-index: 455; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box10:hover img { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.owl-textual-box10 .owl-textual10 { position: absolute; background: #ffffff; opacity: 1; visibility: hidden; width: 100%; height: 100%; display: block; bottom: 0; left: 0; z-index: 200; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box10:hover .owl-textual10 { visibility: visible; }

.owl-textual-box10 .owl-textual10 .owl-textual { position: absolute; top: 57%; display: block; width: 100%; }

.owl-textual-box11 { overflow: visible !important; }

.owl-textual-box11 img { position: relative; z-index: 455; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box11:hover img { -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); }

.owl-textual-box11 .owl-textual11 { position: absolute; background: #ffffff; opacity: 1; visibility: hidden; width: 100%; height: 100%; display: block; bottom: 0; left: 0; z-index: 200; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box11:hover .owl-textual11 { visibility: visible; }

.owl-textual-box11 .owl-textual11 .owl-textual { position: absolute; top: 5%; display: block; width: 100%; }

.owl-textual-box12 { overflow: visible !important; }

.owl-textual-box12 img { position: relative; z-index: 455; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box12:hover img { -webkit-transform: translateX(-20%); -moz-transform: translateX(-20%); -ms-transform: translateX(-20%); -o-transform: translateX(-20%); transform: translateX(-20%); }

.owl-textual-box12 .owl-textual12 { position: absolute; background: #ffffff; opacity: 1; visibility: hidden; width: 100%; height: 100%; display: block; bottom: 0; left: 0; z-index: 200; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box12:hover .owl-textual12 { visibility: visible; }

.owl-textual-box12 .owl-textual12 .owl-textual { display: block; width: 100%; position: relative; }

.owl-textual-box12 .owl-textual12 .owl-textual ul { position: absolute; top: 0; right: 0; }

.owl-textual-box12 .owl-textual12 .owl-textual ul li { margin: 14px 16px; }

.owl-textual-box12 .owl-textual12 .owl-textual ul li a { font-size: 21px; color: #a9a9a9; }

.owl-textual-box13 { overflow: visible !important; }

.owl-textual-box13 img { position: relative; z-index: 455; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box13:hover img { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); }

.owl-textual-box13 .owl-textual13 { position: absolute; background: #ffffff; opacity: 1; visibility: hidden; width: 100%; height: 100%; display: block; bottom: 0; left: 0; z-index: 200; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box13:hover .owl-textual13 { visibility: visible; }

.owl-textual-box13 .owl-textual13 .owl-textual { display: block; width: 100%; position: relative; }

.owl-textual-box13 .owl-textual13 .owl-textual ul { position: absolute; top: 0; left: 0; }

.owl-textual-box13 .owl-textual13 .owl-textual ul li { margin: 14px 16px; }

.owl-textual-box13 .owl-textual13 .owl-textual ul li a { font-size: 21px; color: #a9a9a9; }

.owl-textual-box14 .owl-textual14 { position: absolute; background: #ffffff; visibility: hidden; width: 100%; height: 100%; display: block; top: -100%; left: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box14:hover .owl-textual14 { visibility: visible; top: 0; }

.owl-textual-box14 .owl-textual14 .owl-textual { padding: 30px; }

.owl-textual-box15 .owl-textual15 { position: absolute; background: #ffffff; visibility: hidden; width: 100%; height: 100%; display: block; top: 0; left: -100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box15:hover .owl-textual15 { visibility: visible; left: 0; }

.owl-textual-box15 .owl-textual15 .owl-textual { padding: 30px; }

.owl-textual-box16 .owl-textual16 { position: absolute; background: #ffffff; visibility: hidden; width: 100%; height: 100%; display: block; top: 0; right: -100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box16:hover .owl-textual16 { visibility: visible; right: 0; }

.owl-textual-box16 .owl-textual16 .owl-textual { padding: 30px; }

.owl-textual-box17 .owl-textual17 { position: absolute; background: #ffffff; visibility: hidden; width: 100%; height: 0; display: block; bottom: -100%; left: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.owl-textual-box17:hover .owl-textual17 { visibility: visible; height: 100%; bottom: 0; }

.owl-textual-box17 .owl-textual17 .owl-textual { padding: 30px; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
 div.chrome-fix {
 width: 99.99999% !important;
}
}

/*=========================================================================

 18. OWL CAROUSELS

=========================================================================*/


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

/* Styling Next and Prev buttons */

.owl-next { right: 0; }

.owl-next:after { content: "\f054"; }

.owl-prev { right: 50px; }

.owl-prev:after { content: "\f053"; }

.owl-theme .owl-controls .owl-buttons div { color: #000; border: 1px solid rgba(0, 0, 0, 0.17); font-family: FontAwesome; display: inline-block; zoom: 1; *display: inline;
/*IE7 life-saver */
    
    line-height: 29px; margin: 0 5px; height: 31px; width: 44px; font-size: 12px; position: absolute; top: -57px; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; background: none repeat scroll 0 0 #FFFFFF; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */

.owl-theme .owl-controls.clickable .owl-buttons div:hover { background: none repeat scroll 0 0 #f7f7f7; text-decoration: none; }

/* Styling Pagination*/

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

.owl-theme .owl-controls .owl-page span { display: block; width: 10px; height: 10px; margin: 5px 7px; padding: 0; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #CCCCCC; }

.owl-theme .owl-controls .owl-page.active span { background: #343844  none repeat scroll 0 0; filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; }

/* If PaginationNumbers is true */

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

/* preloading images */

.owl-item.loading { min-height: 150px; background: url(../img/icons/AjaxLoader.gif) no-repeat center center }

/* 
 *  Owl Carousel CSS3 Transitions 
 */

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

/* fade */

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

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

/* backSlide */

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

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

/* goDown */

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

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

/* scaleUp */

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

.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both;
 -moz-animation: scaleUpTo .5s ease both;
 animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/

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

/* 
 * 	Core Owl Carousel CSS File
 */

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

/* display none until init */

.owl-carousel { cursor: url("../img/icons/drag.png") 16 9, ew-resize !important; display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }

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

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

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

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

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

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

/* mouse grab icon */

.grabbing { cursor: url(../img/icons/grabbing.png) 8 8, move; }

/* fix */

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

/* **************************
 a. Projects Carousel
***************************** */

/*** Carousel 1 ***/

.carousel-projects3 .item { margin: 0; }

.carousel-projects3 .item img { display: block; width: 100%; height: auto; }

/**** Carousel 3 ( Single product image slider ) ****/

.carousel-projects4 .item { margin: 0; }

.carousel-projects4 .item img { display: block; width: 100%; height: auto; }

.carousel-projects4 .owl-next { right: 10px; }

.carousel-projects4 .owl-next:after { content: "\f054"; }

.carousel-projects4 .owl-prev { left: 10px; }

.carousel-projects4 .owl-prev:after { content: "\f053"; }

.carousel-projects4.owl-theme .owl-controls .owl-buttons div { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); border: 1px solid rgba(0, 0, 0, 0.17); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; display: inline-block; font-family: FontAwesome; font-size: 21px; height: 46px; line-height: 46px; margin: -34px 5px 0; position: absolute; top: 50%; width: 46px; zoom: 1; }

.carousel-projects4 .owl-textual-box8 .owl-textual8 { height: 36%; }

.carousel-projects4 .owl-textual h2 { padding: 27px 0 6px; }

.wt-slide-text { bottom: 30px; left: 30px; position: absolute; }

.wt-slide-text > h3 { background: #ffffff none repeat scroll 0 0; display: inline-block; margin-bottom: 0; padding: 15px; text-transform: uppercase; }

.wt-slide-text > p { background: #000000 none repeat scroll 0 0; color: #ffffff; display: block; margin-bottom: 0; padding: 12px; }

/*** Carousel projects 2 ***/

.carousel-projects2 .item { margin: 0 15px; }

.carousel-projects2 .item img { display: block; width: 100%; height: auto; }

/*** Carousel projects 1 ***/

.carousel-projects1 .item { margin: 0 15px; }

.carousel-projects1 .item img { display: block; width: 100%; height: auto; }

/* **************************
 b. Clients Carousel
***************************** */

/*** Carousel Clients ***/

.carousel-client .item { margin: 0 15px 0; }

.carousel-client .item img { display: block; width: 100%; height: auto; }

/*** Carousel Clients 2 ***/

.carousel-client2 .item { margin: 0 15px 0; }

.carousel-clients1 { margin: 60px 0; }

/*** Carousel Clients 4 ***/

.brand-sld { background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; padding: 26px 0; }

.brand-sld img { margin: 0 auto; }

/*** Carousel Clients 1 ***/

.carousel-clients1.owl-theme .owl-controls .owl-buttons div { height: 44px; width: 44px; top: 50%; margin-top: -23px; font-size: 18px; line-height: 44px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }

.carousel-clients1 .owl-prev { left: -55px; }

.carousel-clients1 .owl-next { right: -55px; }

.carousel-clients1 .item img { display: block; width: 100%; height: auto; }

.carousel-clients1 .client-box { background: url("../img/dot.png") repeat-y scroll right center rgba(0, 0, 0, 0); padding: 50px 30px 35px; z-index: 9; }

.carousel-clients1 .client-box.last { background-image: none; }

.carousel-clients1 .border-top { border-top: 1px solid #EEEEEE; position: relative; width: 100%; }

.carousel-clients1 .client-box > img { width: 100%; }

.carousel-clients1 .client-box-text { padding: 100px 0 0; }

.carousel-clients1 .client-box-text a { font-size: 31px; color: #000; font-family: 'Roboto', Arial, sans-serif; }

.carousel-clients1 .client-box-text a:hover { color: #f88907; }

.carousel-clients1 .client-box1 { background: none repeat scroll 0 0 #FFFFFF; float: left; width: 100%; }

.carousel-clients1 .client-box2 { background: none repeat scroll 0 0 #FFFFFF; float: left; width: 20%; }
@media only screen and (min-width: 768px) and (max-width: 959px) {
 .carousel-clients1 .client-box2 {
 width: 100%;
}
 .carousel-clients1 .client-box {
 border: 1px solid #DFDFDF;
 margin-top: -1px;
 padding: 20px 30px 25px;
}
}
@media only screen and (max-width: 767px) {
 .carousel-clients1 .client-box2 {
 width: 100%;
}
 .carousel-clients1 .client-box {
 border: 1px solid #DFDFDF;
 margin-top: -1px;
 padding: 20px 30px 25px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
 .carousel-clients1 .client-box2 {
 width: 100%;
}
}

/* **************************
 c. Gallery Carousel
***************************** */

/*** Carousel gallery 1 ***/

.sync4 .item { background: none repeat scroll 0% 0% #FFFFFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }

.sync3 .owl-img-wrapper { background: none repeat scroll 0px 0px #FFFFFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }

.carousel-gallery1 .item { margin: 3px; }

.carousel-gallery1 .item img { display: block; width: 100%; height: auto; }

.sync2 .item { background: #fff; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); padding: 3px; margin: 5px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; cursor: pointer; }

.sync2 .synced .item { background: #000; }

/*** Carousel slider Loading Bar ***/

.carousel-sliderL1 .item img { display: block; width: 100%; height: auto; }

.bar { width: 0%; max-width: 100%; height: 4px; background: #7fc242; }

.progressBar { width: 100%; background: #EDEDED; }

/*** Carousel AutoHeight ***/

.carousel-autoHeight .owl-item div { padding: 0; }

.carousel-autoHeight .owl-item img { display: block; width: 100%; height: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/* **************************
 d. Blog Carousel
***************************** */



/*** Carousel Blog ***/

.carousel-blog .item { margin: 6px 15px 0; }

.carousel-blog .item img { display: block; width: 100%; height: auto; }

/*** 	Blog Owl Carousel CSS File ***/

.blog-item-wrap { }

.blog-item-wrap .owl-img-wrapper { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }

.blog-item-wrap section { padding: 25px 0 0; }

.meta { margin-bottom: 20px; }

.post-content > h3 { font-size: 16px; font-weight: 600; margin: 12px 0px; }

.post-content .post-btn-wrapper { }

.post-content a.post-btn { color: #333; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; }

.post-content a.post-btn:hover { color: #ff5533; }

/* **************************
 e. Team Carousel
***************************** */

/*** Carousel Team ***/

.carousel-team .item { margin: 6px 15px 0; }

.carousel-team .item img { display: block; width: 100%; height: auto; }

/*** Carousel Team 2 ***/

.carousel-team2 .item { margin: 6px 15px 0; }

.carousel-team2 .item img { display: block; width: 100%; height: auto; }

/*** Team Owl Carousel CSS File ***/

.team-content > span { color: #777; display: inline-block; font-size: 14px; font-weight: 500; margin-bottom: 20px; }

.team-content > h3 { margin-top: 0; margin-bottom: 6px; }

.team-content { padding: 20px 0 0; }

.team-wrap .owl-textual-box6 .owl-textual6 { background: #101010; height: 86px; }

.owl-textual6 h3 { color: #ffffff; margin-bottom: 6px; margin-top: 6px; }

.img-style-1.team-wrap { }

.team-wrap .owl-img-wrapper { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }

.clients-wrap .owl-textual-box6 .owl-textual6 { background: #fff; height: 40%; }

.carousel-team .item .clients-wrap .owl-textual6 img { margin: 0 auto; padding: 10px 0 0; width: 180px; }

/*** Team 2 Owl Carousel CSS File ***/

.team-style-2 { text-align: center; }

.team-content2 > h3 { font-size: 18px; text-transform: uppercase; margin-bottom: 20px; margin-top: 0; }

.team-content2 { padding: 0; position: relative; text-align: center; }

.team-content2 > h4 { background: #000000 none repeat scroll 0 0; color: #ffffff; display: block; font-size: 21px; font-weight: 400; margin: 0; padding: 11px 0; position: relative; top: 1px; margin-bottom: 17px; }

.team-content2 > h5 { margin-bottom: 0; }

.team-content2 .team-social-top { position: absolute; top: -53px; }

.team-style-2 .team-content2 .team-social-top a { background: none repeat scroll 0 0 #f9f9f9; color: #777777; }

.team-style-2 .team-content2 .team-social-top a:hover { color: #fff; }

/*** Top social icon ***/

.team-style-2 .team-social-top a.delay1,
.team-style-2 .team-social-top a.delay2,
.team-style-2 .team-social-top a.delay3,
.team-style-2 .team-social-top a.delay4,
.team-style-2 .team-social-top a.delay5,
.team-style-2 .team-social-top a.delay6 { -webkit-transition: opacity 0s 0s; -moz-transition: opacity 0s 0s; transition: opacity 0s 0s; opacity: 0; }

.team-style-2:hover .team-social-top a.delay1 { -webkit-transition: opacity 0.3s 0.2s; -moz-transition: opacity 0.3s 0.2s; transition: opacity 0.3s 0.2s; opacity: 1; }

.team-style-2:hover .team-social-top a.delay2 { -webkit-transition: opacity 0.6s 0.4s; -moz-transition: opacity 0.6s 0.4s; transition: opacity 0.6s 0.4s; opacity: 1; }

.team-style-2:hover .team-social-top a.delay3 { -webkit-transition: opacity 0.9s 0.6s; -moz-transition: opacity 0.9s 0.6s; transition: opacity 0.9s 0.6s; opacity: 1; }

.team-style-2:hover .team-social-top a.delay4 { -webkit-transition: opacity 1.2s 0.8s; -moz-transition: opacity 1.2s 0.8s; transition: opacity 1.2s 0.8s; opacity: 1; }

.team-style-2:hover .team-social-top a.delay5 { -webkit-transition: opacity 1.5s 1.0s; -moz-transition: opacity 1.5s 1.0s; transition: opacity 1.5s 1.0s; opacity: 1; }

.team-style-2:hover .team-social-top a.delay6 { -webkit-transition: opacity 1.8s 1.2s; -moz-transition: opacity 1.8s 1.2s; transition: opacity 1.8s 1.2s; opacity: 1; }

.team-social-top { margin: 0 auto; overflow: hidden; position: relative; text-align: center; width: 100%; }

.team-social-top li { display: inline-block; }

.img-style-1 .team-social-top a.delay1,
.img-style-1 .team-social-top a.delay2,
.img-style-1 .team-social-top a.delay3,
.img-style-1 .team-social-top a.delay4,
.img-style-1 .team-social-top a.delay5,
.img-style-1 .team-social-top a.delay6 { -webkit-transition: opacity 0s 0s; -moz-transition: opacity 0s 0s; transition: opacity 0s 0s; opacity: 0; }

.img-style-1:hover .team-social-top a.delay1 { -webkit-transition: opacity 0.3s 0.2s; -moz-transition: opacity 0.3s 0.2s; transition: opacity 0.3s 0.2s; opacity: 1; }

.img-style-1:hover .team-social-top a.delay2 { -webkit-transition: opacity 0.6s 0.4s; -moz-transition: opacity 0.6s 0.4s; transition: opacity 0.6s 0.4s; opacity: 1; }

.img-style-1:hover .team-social-top a.delay3 { -webkit-transition: opacity 0.9s 0.6s; -moz-transition: opacity 0.9s 0.6s; transition: opacity 0.9s 0.6s; opacity: 1; }

.img-style-1:hover .team-social-top a.delay4 { -webkit-transition: opacity 1.2s 0.8s; -moz-transition: opacity 1.2s 0.8s; transition: opacity 1.2s 0.8s; opacity: 1; }

.img-style-1:hover .team-social-top a.delay5 { -webkit-transition: opacity 1.5s 1.0s; -moz-transition: opacity 1.5s 1.0s; transition: opacity 1.5s 1.0s; opacity: 1; }

.img-style-1:hover .team-social-top a.delay6 { -webkit-transition: opacity 1.8s 1.2s; -moz-transition: opacity 1.8s 1.2s; transition: opacity 1.8s 1.2s; opacity: 1; }

.team-social-top a { background-color: rgba(0, 0, 0, 0.06); width: 36px; height: 36px; display: inline-block; font-family: "FontAwesome"; font-size: 18px; font-style: normal; font-weight: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; color: #fff; -webkit-transition: background-color .2s linear, color .2s linear;
 -moz-transition: background-color .2s linear, color .2s linear;
-o-transition: background-color .2s linear, color .2s linear;
transition: background-color .2s linear, color .2s linear;
}

.team-social-top a:hover { color: #fff; }

.team-social-top a:before { width: inherit; height: inherit; display: table-cell; text-align: center; vertical-align: middle; }

.team-social-top a.fa-twitter { }

.team-social-top a.fa-twitter:before { content: "\f099"; }

.team-social-top a.fa-twitter:hover { background-color: #00acee; }

.team-social-top a.fa-facebook { }

.team-social-top a.fa-facebook:before { content: "\f09a"; }

.team-social-top a.fa-facebook:hover { background-color: #3b5998; }

.team-social-top a.fa-instagram { }

.team-social-top a.fa-instagram:before { content: "\f16d"; }

.team-social-top a.fa-instagram:hover { background-color: #3f729b; }

.team-social-top a.fa-foursquare { }

.team-social-top a.fa-foursquare:before { content: "\f180"; }

.team-social-top a.fa-foursquare:hover { background-color: #25a0ca; }

.team-social-top a.fa-money { }

.team-social-top a.fa-money:before { content: "\f0d6"; }

.team-social-top a.fa-money:hover { background-color: #ff7700; }

.team-social-top a.fa-youtube { }

.team-social-top a.fa-youtube:before { content: "\f167"; }

.team-social-top a.fa-youtube:hover { background-color: #c4302b; }

.team-social-top a.fa-vimeo { }

.team-social-top a.fa-vimeo:before { content: "\f194"; }

.team-social-top a.fa-vimeo:hover { background-color: #43baff; }

.team-social-top a.fa-dribbble { }

.team-social-top a.fa-dribbble:before { content: "\f17d"; }

.team-social-top a.fa-dribbble:hover { background-color: #ea4c89; }

.team-social-top a.fa-rss { }

.team-social-top a.fa-rss:before { content: "\f09e"; }

.team-social-top a.fa-rss:hover { background-color: #ee802f; }

.team-social-top a.fa-github { }

.team-social-top a.fa-github:before { content: "\f113"; }

.team-social-top a.fa-github:hover { background-color: #171515; }

.team-social-top a.fa-tumblr { }

.team-social-top a.fa-tumblr:before { content: "\f173"; }

.team-social-top a.fa-tumblr:hover { background-color: #34526f; }

.team-social-top a.fa-linkedin { }

.team-social-top a.fa-linkedin:before { content: "\f08e"; }

.team-social-top a.fa-linkedin:hover { background-color: #007fb1; }

.team-social-top a.fa-gplus { }

.team-social-top a.fa-gplus:before { content: "\f0d5"; }

.team-social-top a.fa-gplus:hover { background-color: #dd4b39; }

.team-social-top a.fa-github { }

.team-social-top a.fa-github:before { content: "\f08c"; }

.team-social-top a.fa-github:hover { background-color: #f47920; }

/* **************************
 f. Product 2 Carousel
***************************** */


/*** Carousel Product ***/

.carousel-product .item { margin: 6px 15px 0; }

/*** Carousel Product ***/

.carousel-product-3col .item { margin: 6px 7px 0; }

/*** Carousel Product 2 ***/

.carousel-product2 .item { margin: 6px 7px 0; }

/*** pic-cochs ***/

.pic-coch { display: block; font-size: 0; text-align: center; }

.pic-coch img { height: 256px; position: relative; vertical-align: middle; }

/*** ProColCh ***/

.ProColCh-item { z-index: 2; }

.ProColCh,
.ProColCh .ProColCh-item { transition-duration: 0.6s; -o-transition-duration: 0.6s; -ms-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; }

.ProColCh { transition-property: height, width; -o-transition-property: height, width; -ms-transition-property: height, width; -moz-transition-property: height, width; -webkit-transition-property: height, width; }

.ProColCh .ProColCh-item { transition-property: transform, opacity; -o-transition-property: -o-transform, opacity; -ms-transition-property: -ms-transform, opacity; -moz-transition-property: -moz-transform, opacity; -webkit-transition-property: -webkit-transform, opacity; }

/*** products grid ***/

.ProductsColorChanger { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E7E7E7; display: inline-block; margin: 0 auto -8px; position: relative; text-align: center; overflow: hidden; width: 100%; }

.ProductsColorChanger > li { position: relative; display: block; width: 100%; }

.ProductsColorChanger .pic-coch { position: relative; display: block; width: 100%; height: 256px; font-size: 0; text-align: center; }

.ProductsColorChanger .pic-coch span { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; font-size: 0; opacity: 0; -o-transform: scale(0, 0); -ms-transform: scale(0, 0); -moz-transform: scale(0, 0); -webkit-transform: scale(0, 0); -o-transition: opacity 0.6s, -o-transform 0.6s; -ms-transition: opacity 0.6s, -ms-transform 0.6s; -moz-transition: opacity 0.6s, -moz-transform 0.6s; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; }

.ProductsColorChanger .pic-coch img { vertical-align: middle; }

.ProductsColorChanger .pic-coch .active { z-index: 1; opacity: 1; -o-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); }

.ProductsColorChanger .pic-coch:hover .active { -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }

.ProductsColorChanger .ProColCh-color { font-size: 0; padding-top: 12px; position: relative; z-index: 9; background: #f5f5f5; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #E7E7E7; }

.ProductsColorChanger .ProColCh-color span { position: relative; display: inline-block; width: 16px; height: 16px; margin: 0 3px; cursor: pointer; }

.ProductsColorChanger .ProColCh-color .active { cursor: default; }

.ProductsColorChanger .ProColCh-color .active:after { border: 1px solid #A6A6A6; content: " "; display: block; height: 22px; left: -3px; position: absolute; top: -3px; width: 22px; }

.ProductsColorChanger .ProColCh-color .shop-cl1 { background: none repeat scroll 0 0 #1e1c27; }

.ProductsColorChanger .ProColCh-color .shop-cl2 { background: none repeat scroll 0 0 #d7cec7; }

.ProductsColorChanger .ProColCh-color .shop-cl3 { background: none repeat scroll 0 0 #dd9424; }

.ProductsColorChanger .ProColCh-color .shop-cl4 { background: none repeat scroll 0 0 #30374a; }

.ProductsColorChanger .ProColCh-color .shop-cl5 { background: none repeat scroll 0 0 #e19c31; }

.ProductsColorChanger .ProColCh-color .shop-cl6 { background: none repeat scroll 0 0 #17141b; }

/* **************************
 g. Feature Icon Slider
***************************** */

.features-icon-slider { width:90%; margin-left:auto; margin-right:auto }

.features-icon-slider .feature-icon { display:block; overflow:hidden; padding: 0 15px; }

.features-icon-slider .feature-icon i { font-size:2.1667em; width:90px; height:90px; line-height:86px; border:2px solid #fff; -webkit-border-radius:45px 45px 45px 45px; -moz-border-radius:45px 45px 45px 45px; -ms-border-radius:45px 45px 45px 45px; border-radius:45px 45px 45px 45px; color:#fff; position:relative; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0); transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; }

.features-icon-slider .feature-icon:hover i { border-color:#3451c6; background:#3451c6; }

.features-icon-slider .feature-icon:hover i:before { position:relative; z-index:1; }

.features-icon-slider .feature-icon:hover i:after { display:block; }

.features-icon-slider .feature-icon h4 { color: #ffffff; font-size: 22px; margin-top: 30px; }

/* **************************
 h. Testimonial Carousel
***************************** */

/*** Carousel testimonial 1 ***/

.testi-a .item { margin: 6px 18px 0; }

/*** Carousel testimonial 2 ***/

.testi-b .item { margin: 6px 18px 0; }

/*** Carousel testimonial 3 ***/

.testi-c .item { margin: 6px 18px 0; }

/*** Carousel testimonial 4 ***/

.testi-d .item { margin: 6px 18px 0; display: inline-block; }

/*** Carousel testimonial 5 ***/

.testi-e .item { margin: 6px 18px 0; }

/*** Carousel testimonial 6 ***/

.testi-f .item { margin: 6px 18px 0; display: inline-block; }

/*** Carousel testimonial 7 ***/

.testi-g .item { margin: 6px 18px 0; }

/*** Carousel testimonial 8 ***/

.testi-h .item { margin: 6px 18px 0; display: inline-block; }

/*** Carousel testimonial 9 ***/

.testi-i .item { margin: 6px 18px 0; }

/*** Carousel testimonial 11 ***/

.carousel-bl .item { margin-top: -1px; }

/*** Carousel testimonial al Loading bar ***/

.bar { background: #1abc9c; -webkit-box-shadow: 0 0 1px #fffacc; box-shadow: 0 0 1px #fffacc; box-shadow: 0 0 1px #fffacc; height: 1px; max-width: 100%; }

.progressBar { width: 97.88%; background: #EDEDED; margin: 0 1.1% -1px; position: absolute; z-index: 3; }

/*** Carousel testimonial al Loading bar ***/

.bar-il { width: 0%; max-width: 100%; height: 1px; background: #1abc9c; }

.progressBar-il { width: 100%; background: #EDEDED; position: absolute; top: 42px; }

/*** Testimonial 1 ***/

.testi-a-wrap { background: #fff; border: 1px solid #E7E7E7; position: relative; margin-bottom: 60px; padding: 20px 20px 56px; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.testi-a-wrap:before { color: rgba(0, 0, 0, 0.01); content: "\f10d"; font-family: FontAwesome; font-size: 52px; left: 10px; position: absolute; top: 31px; }

.testi-a-wrap > h3 { color: #333333; font-size: 16px; text-transform: capitalize; margin: 15px 0 6px; padding: 0; }

.testi-a-wrap > span { font-size: 13px; display: block; }

.testi-a-wrap p { color: #333333; font-family: "Raleway", sans-serif; font-size: 17px; font-weight: 400; line-height: 26px; margin-bottom: 15px; position: relative; }

.testi-a-img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; bottom: -40px; height: 80px; left: 50%; margin-left: -40px; position: absolute; width: 80px; }

/*** Testimonial 2 ***/

.testi-b-wrap { background: #fff; border: 1px solid #E7E7E7; position: relative; margin-bottom: 20px; padding: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.testi-b-wrap:before { color: rgba(0, 0, 0, 0.01); content: "\f10d"; font-family: FontAwesome; font-size: 52px; left: 10px; position: absolute; top: 30px; }

.testi-b-wrap:after { background: #ffffff none repeat scroll 0 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; content: ""; height: 16px; left: 51px; position: absolute; bottom: -8px; -moz-transform: rotate(316deg); /* FF3.5+ */ -webkit-transform: rotate(316deg); /*Saf3.1+, Chrome*/ -o-transform: rotate(316deg); /* Opera 10.5 */ -ms-transform: rotate(316deg); /* IE 9 */ transform: rotate(316deg); width: 16px; }

.testi-b-wrap p { color: #333333; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 400; line-height: 26px; position: relative; }

.testi-b-details > h3 { color: #333333; font-size: 16px; text-transform: capitalize; margin: 0; padding: 16px 0 5px; }

.testi-b-details > span { font-size: 13px; display: block; }

.testi-b-img { border: 1px solid #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: left; height: 80px; margin: 3px 20px; position: relative; width: 80px; }

/*** Testimonial 3 ***/

.testi-c-wrap { background: #fff; border: 1px solid #E7E7E7; position: relative; margin-top: 40px; padding: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.testi-c-wrap:before { color: rgba(0, 0, 0, 0.01); content: "\f10d"; font-family: FontAwesome; font-size: 52px; left: 10px; position: absolute; top: 30px; }

.testi-c-wrap:after { background: #ffffff none repeat scroll 0 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; content: ""; height: 16px; left: 51px; position: absolute; top: -8px; -moz-transform: rotate(136deg); /* FF3.5+ */ -webkit-transform: rotate(136deg); /*Saf3.1+, Chrome*/ -o-transform: rotate(136deg); /* Opera 10.5 */ -ms-transform: rotate(136deg); /* IE 9 */ transform: rotate(136deg); width: 16px; }

.testi-c-wrap p { color: #333333; font-family: "Raleway", sans-serif; font-size: 17px; font-weight: 400; line-height: 26px; position: relative; }

.testi-c-details > h3 { color: #333333; font-size: 16px; text-transform: capitalize; margin: 0; padding: 16px 0 5px; }

.testi-c-details > span { font-size: 13px; display: block; }

.testi-c-img { border: 7px solid #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 1px 1px #C7C7C7; -moz-box-shadow: 0 0 1px 1px #C7C7C7; box-shadow: 0 0 1px 1px #C7C7C7; float: left; height: 90px; margin: 0 20px; position: relative; width: 90px; }

/*** Testimonial 4 ***/

.testi-d-wrap { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E7E7E7; border-radius: 6px; float: left; padding: 20px; position: relative; width: 75%; }

.testi-d-wrap:before { color: rgba(0, 0, 0, 0.01); content: "\f10d"; font-family: FontAwesome; font-size: 52px; left: 10px; position: absolute; top: 30px; }
.testi-d-wrap::after {
 background: #ffffff none repeat scroll 0 0;
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 border-left: 1px solid rgba(0, 0, 0, 0.1);
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 content: "";
 height: 16px;
 left: -9px;
 position: absolute;
 top: 34px;
 -moz-transform: rotate(406deg);
 -webkit-transform: rotate(406deg);
 -o-transform: rotate(406deg);
 -ms-transform: rotate(406deg);
 transform: rotate(406deg);
 width: 16px;
}

.testi-d-details { float: left; width: 25%; text-align: center; }

.testi-d-wrap p { color: #333333; font-family: "Raleway", sans-serif; font-size: 17px; font-weight: 400; line-height: 26px; position: relative; }

.testi-d-details > h3 { color: #333333; font-size: 16px; margin: 0; padding: 6px 0; text-transform: capitalize; }

.testi-d-details > span { display: block; font-size: 13px; }

.testi-d-img { border: 1px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 80px; margin: 6px 0; position: relative; width: 80px; }
@media (max-width: 480px) {
 .testi-d-details {
 width: 100%;
}
 .testi-d-wrap:after {
 border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #E7E7E7;
 border-image: none;
 border-style: solid;
 border-width: 12px;
 content: "";
 left: 50%;
 margin-left: -12px;
 position: absolute;
 top: -24px;
}
 .testi-d-wrap {
 width: 100%;
}
 .testi-d-details > span {
 margin-bottom: 16px;
}
}

/*** Testimonial 5 ***/

.testi-e-wrap { border-radius: 6px; margin: 0; padding: 20px 20px 0; position: relative; text-align: center; }

.testi-e-inner { background: none repeat scroll 0 0 #243649; margin-bottom: 10px; padding: 18px; }

.testi-e-wrap p { color: #333333; font-family: "Raleway", sans-serif; font-size: 17px; font-weight: 400; line-height: 26px; position: relative; }

.testi-e-inner i { color: #FFFFFF; font-size: 17px; padding-right: 7px; }

.testi-e-inner > p { color: #FFFFFF; text-align: left; }

.testi-e-inner span { color: #84A6D5; text-transform: lowercase; }

.testi-e-details { text-align: center; }

.testi-e-wrap > i { color: rgba(0, 0, 0, 0.06); font-family: FontAwesome; font-size: 24px; }

.testi-e-wrap > h3 { color: #333333; font-size: 16px; margin: 15px 0 10px; text-transform: capitalize; }

.testi-e-wrap > span { display: block; font-size: 13px; margin-bottom: 15px; }

.testi-e-img { border: 1px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 80px; margin: 0 0 3px; position: relative; width: 80px; }

/*** Testimonial 6 ***/

.testi-f-wrap { float: left; padding: 0; position: relative; width: 70%; }

.testi-f-wrap:before { color: rgba(0, 0, 0, 0.01); content: "\f10d"; font-family: FontAwesome; font-size: 52px; left: 10px; position: absolute; top: 20px; }

.testi-f-details { float: left; width: 30%; }

.testi-f-wrap p { color: #333333; font-family: "Raleway", sans-serif; font-size: 17px; font-weight: 400; line-height: 26px; margin-bottom: 15px; position: relative; }

.testi-f-wrap > h3 { color: #333333; font-size: 16px; margin: 0; padding: 15px 0 6px; text-transform: capitalize; }

.testi-f-wrap > span { display: block; font-size: 13px; }

.testi-f-img { border: 1px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 130px; margin: 6px 0; position: relative; width: 130px; }
 @media (max-width: 480px) {
 .testi-f-details {
width: 100%;
}
 .testi-f-wrap {
padding: 0;
width: 100%;
}
 .testi-f-details > span {
margin-bottom: 6px;
}
}

/*** Testimonial 7 ***/

.testi-g-wrap { margin-bottom: 20px; padding: 0; position: relative; }

.testi-g-wrap:before { color: rgba(0, 0, 0, 0.01); content: "\f10d"; font-family: FontAwesome; font-size: 52px; left: 0; position: absolute; top: 20px; }

.testi-g-wrap p { color: #333333; font-family: "Raleway", sans-serif; font-size: 17px; font-weight: 400; line-height: 26px; position: relative; }

.testi-g-details > h3 { color: #333333; font-size: 16px; margin: 0; padding: 6px 0; text-transform: capitalize; }

.testi-g-details > span { display: block; font-size: 13px; margin-bottom: 12px; }

.testi-g-img { border: 1px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: left; height: 80px; margin: 3px 20px 3px 3px; position: relative; width: 80px; }

/*** Testimonial 8 ***/

.testi-h-wrap { float: left; padding: 0 0 0 20px; position: relative; width: 60%; }

.testi-h-wrap:before { color: rgba(0, 0, 0, 0.01); content: "\f10d"; font-family: FontAwesome; font-size: 52px; left: 10px; position: absolute; top: 20px; }

.testi-h-details { float: left; width: 20%; }

.testi-h-wrap p { color: #333333; font-family: "Raleway", sans-serif; font-size: 17px; font-weight: 400; line-height: 26px; position: relative; }

.testi-h-details > h3 { color: #333333; font-size: 16px; margin: 0; padding: 10px 0 6px; text-transform: capitalize; }

.testi-h-details > span { display: block; font-size: 13px; }

.testi-h-img { border: 1px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 80px; margin: 0 0 0 10px; position: relative; width: 80px; }
 @media (max-width: 480px) {
 .testi-h-details {
width: 100%;
}
 .testi-h-wrap {
padding: 0;
width: 100%;
}
 .testi-h-details > span {
margin-bottom: 6px;
}
}

/*** Testimonial 9 ***/

.testi-i-wrap { border-radius: 6px; margin: 0; padding: 20px 20px 0; position: relative; text-align: center; }

.testi-i-wrap p { color: #333333; font-family: Playfair Display; font-size: 3.3333em; font-style: italic; font-weight: 400; line-height: 61px; margin-bottom: 15px; position: relative; }

.testi-i-details { text-align: center; }

.testi-i-wrap > i { color: rgba(0, 0, 0, 0.06); font-family: FontAwesome; font-size: 24px; }

.testi-i-wrap > h3 { color: #c04040; font-size: 14px; font-weight: 700; margin: 31px 0 18px; text-transform: uppercase; }

.testi-i-wrap > h3 > a { border-top: 3px solid #ededed; padding: 12px 0; }

.testi-i-wrap > span { display: block; font-size: 13px; margin-bottom: 10px; }

.testi-i-img { border: 1px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 80px; margin: 1px 0 3px; position: relative; width: 80px; }