 /*=========================================================================
 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: #000; display: block; font-size: 14px; padding:5px 5px ; }

.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: 15px 35px; font-size: 18px; border:none;}

.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 10px;
}
}

/* -------------------------------- 

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:90px 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: 76%; margin:auto; padding-top:50px }

.cir-back .cir-description ul li { color: #FFFFFF !important; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 600; line-height: 26px; list-style: none outside none; text-align:center; }

.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:5px 10px; text-align: center; color: #000; font-size: 14px; font-weight: 400; border-bottom: 1px solid rgba(255, 255, 255, 0.13); line-height: 15px; /*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 15px;
}
 .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: 192px; margin-bottom: 20px; }

.counters-box.style1 dd { color: #ccc; font-size: 14px; 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:25px; font-style: italic; font-weight: 400; line-height: 31px; margin-bottom: 15px; position: relative; }

.testi-i-details { text-align: center; }

.testi-i-wrap > i { color:#003C54; 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; }