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

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

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

 @import url('menu.css');
 @import url('plugins.css');
 @import url('font-awesome.css');
 @import url('simple-line-icons.css');
 @import url(https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,700,400italic,700italic,900,900italic);
 @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(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700,700italic);
 @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; }

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

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

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

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

.top-100 { margin-top: 100px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/***** padding bottom *****/

.pad-top-0 { padding-top: 0; }

.pad-top-10 { padding-top: 10px !important; }

.pad-top-20 { padding-top: 20px; }

.pad-top-30 { padding-top: 30px; }

.pad-top-40 { padding-top: 40px; }

.pad-top-50 { padding-top: 50px; }

.pad-top-60 { padding-top: 60px !important; }

.pad-top-80 { padding-top: 80px; }

/***** Height 100% *****/

.pad-bot-0 { padding-bottom: 0 !important; }

.pad-bot-10 { padding-bottom: 10px; }

.pad-bot-20 { padding-bottom: 20px; }

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

.pad-bot-40 { padding-bottom: 40px; }

.pad-bot-50 { padding-bottom: 50px; }

.pad-bot-60 { padding-bottom: 60px; }

.pad-bot-80 { padding-bottom: 80px; }

.port-pad { padding: 15px; }

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

/***** Height 100% *****/

.h-100 { height: 100% !important; }

/***** text right *****/

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

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

@media (max-width: 769px) {
.text-right-left { text-align: left; }
}

@media (max-width: 480px) {
.text-right-center { text-align: center; }
}


/***** Horizontal Seprator *****/

.seprator-50 { border-bottom: 1px solid rgba(0, 0, 0, 0.07); margin-bottom: 50px; padding-bottom: 20px; }

.seprator-60 { border-bottom: 1px solid rgba(0, 0, 0, 0.07); margin-bottom: 60px; padding-bottom: 30px; }

#footer .seprator-50 { border-bottom: 1px solid rgba(255, 255, 255, 0.07); }

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

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

/***** Vertical Seprator *****/

.vertical-seprator-wrap { display: flex; }

.vertical-seprator { margin: 0 auto; position: relative; }

.vertical-seprator.sm { margin: 0; padding: 0 30px; position: relative; }

.vertical-seprator.sm.last { padding: 0 0 0 30px; }

.vertical-seprator::before { background: -moz-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 21%, rgba(255, 255, 255, 0.1) 79%, rgba(255, 255, 255, 0) 100%);/* FF3.6+ */ background: -webkit-gradient(linear, 270deg, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(21%, rgba(255, 255, 255, 0.1)), color-stop(79%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(255, 255, 255, 0)));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 21%, rgba(255, 255, 255, 0.1) 79%, rgba(255, 255, 255, 0) 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 21%, rgba(255, 255, 255, 0.1) 79%, rgba(255, 255, 255, 0) 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 21%, rgba(255, 255, 255, 0.1) 79%, rgba(255, 255, 255, 0) 100%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType='1'); /* for IE */
content: ""; height: 100%; left: 1px; position: absolute; text-align: center; top: 0; width: 1px; }

.vertical-seprator::after { background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 21%, rgba(0, 0, 0, 0.6) 79%, rgba(0, 0, 0, 0) 100%);/* FF3.6+ */ background: -webkit-gradient(linear, 270deg, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(21%, rgba(0, 0, 0, 0.6)), color-stop(79%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0)));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 21%, rgba(0, 0, 0, 0.6) 79%, rgba(0, 0, 0, 0) 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 21%, rgba(0, 0, 0, 0.6) 79%, rgba(0, 0, 0, 0) 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 21%, rgba(0, 0, 0, 0.6) 79%, rgba(0, 0, 0, 0) 100%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType='1'); /* for IE */
content: ""; height: 100%; left: 0; position: absolute; text-align: center; top: 0; width: 1px; }

/* Light footer seprator */
#footer.light .vertical-seprator::before { background: -moz-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 21%, rgba(255, 255, 255, 1) 79%, rgba(255, 255, 255, 0) 100%);/* FF3.6+ */ background: -webkit-gradient(linear, 270deg, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(21%, rgba(255, 255, 255, 1)), color-stop(79%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 21%, rgba(255, 255, 255, 1) 79%, rgba(255, 255, 255, 0) 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 21%, rgba(255, 255, 255, 1) 79%, rgba(255, 255, 255, 0) 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 21%, rgba(255, 255, 255, 1) 79%, rgba(255, 255, 255, 0) 100%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType='1'); /* for IE */
}

#footer.light .vertical-seprator::after { background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 21%, rgba(0, 0, 0, 0.07) 79%, rgba(0, 0, 0, 0) 100%);/* FF3.6+ */ background: -webkit-gradient(linear, 270deg, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(21%, rgba(0, 0, 0, 0.07)), color-stop(79%, rgba(0, 0, 0, 0.07)), color-stop(100%, rgba(0, 0, 0, 0)));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 21%, rgba(0, 0, 0, 0.07) 79%, rgba(0, 0, 0, 0) 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 21%, rgba(0, 0, 0, 0.07) 79%, rgba(0, 0, 0, 0) 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 21%, rgba(0, 0, 0, 0.07) 79%, rgba(0, 0, 0, 0) 100%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType='1'); /* for IE */
}

/* Light footer seprator */
#footer.colored .vertical-seprator::before { background: -moz-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 21%, rgba(255, 255, 255, 0.1) 79%, rgba(255, 255, 255, 0) 100%);/* FF3.6+ */ background: -webkit-gradient(linear, 270deg, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(21%, rgba(255, 255, 255, 0.1)), color-stop(79%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(255, 255, 255, 0)));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 21%, rgba(255, 255, 255, 0.1) 79%, rgba(255, 255, 255, 0) 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 21%, rgba(255, 255, 255, 0.1) 79%, rgba(255, 255, 255, 0) 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 21%, rgba(255, 255, 255, 0.1) 79%, rgba(255, 255, 255, 0) 100%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType='1'); /* for IE */
}

#footer.colored .vertical-seprator::after { background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 21%, rgba(0, 0, 0, 0.07) 79%, rgba(0, 0, 0, 0) 100%);/* FF3.6+ */ background: -webkit-gradient(linear, 270deg, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(21%, rgba(0, 0, 0, 0.07)), color-stop(79%, rgba(0, 0, 0, 0.07)), color-stop(100%, rgba(0, 0, 0, 0)));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 21%, rgba(0, 0, 0, 0.07) 79%, rgba(0, 0, 0, 0) 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 21%, rgba(0, 0, 0, 0.07) 79%, rgba(0, 0, 0, 0) 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 21%, rgba(0, 0, 0, 0.07) 79%, rgba(0, 0, 0, 0) 100%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType='1'); /* for IE */
}

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

@media (max-width: 980px) {

.row.eq-height { height: 100% !important; }

.vertical-seprator-wrap { display: table; }

.separator-res-20 { display: none; }

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

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

.list-style-1 li a { color: #777777; display: inline-block; font-size: 14px; font-weight: 600; padding: 7px 0 7px 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.list-bg-drk li { border-bottom: 1px solid rgba(255, 255, 255, 0.07); }

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

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

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

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

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

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

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

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

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

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

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

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

.line-mrker { background: #2098d1 none repeat scroll 0 0; display: inline-block; height: 1px; position: relative; top: -5px; width: 15px; }

.list-num { border: 2px solid #00c0e2; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; display: inline-block; height: 24px; line-height: 19px; margin: 3px 0 !important; text-align: center; width: 35px; }

.list-num.rt { float: right; }

.list-num.lt { float: left; margin: 3px 12px 3px 0 !important; }

.list-style-1 li a:hover .list-num, .list-style-2 li a:hover .list-num, .list-style-2 li a:hover .list-num, .list-style-4 li a:hover .list-num { background: #00c0e2 none repeat scroll 0 0; border: 2px solid #00c0e2; color: #ffffff; }

.list-style-4 i { color: #e74c3c; font-size: 12px; 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: #6a7175; display: block; font-size: 14px; font-weight: 600; padding: 0; }

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

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

.list-crd-icon { display: inline-block; margin: 0 auto 30px; text-align: center; position: relative; }

.list-crd-icon > li { display: table-cell; float: left; margin: 3px 3px 3px 0; }

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

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

@media (max-width: 480px) {

.ticklist li { width: 100%; }
}

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

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

.message-box { position: relative; margin: 0 0 30px; 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 30px; padding: 10px 20px; }

blockquote { color: #333333; font-size: 21px; font-weight: 500; line-height: 1.8em; }

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



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

 06. News Ticker
 
========================================================================= */

@keyframes ticker {
0% {
 margin-top: 0px
}
 25% {
 margin-top: -40px
}
 50% {
 margin-top: -80px
}
 75% {
 margin-top: -120px
}
 100% {
 margin-top: 0px
}
}

.news { height: 40px; margin: 0 auto 30px; overflow: hidden; }

.logo-title { color: #2098d1; cursor: pointer; float: left; font-size: 23px; font-weight: 900; line-height: 45px; position: relative; margin-right: 30px; display: inline-block; }

@media (max-width: 480px) {

.logo-title { width: 100%; }
}

.news ul { float: left; animation: ticker 15s cubic-bezier(1, 0, .5, 0) infinite; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.news ul li { list-style: none }

.news ul li a { color: #aab1b5; line-height: 40px; text-decoration: none; font-size: 16px; font-weight: 700; vertical-align: -webkit-baseline-middle; vertical-align: -moz-middle-with-baseline; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.news ul:hover { animation-play-state: paused }

.news span:hover+ul { animation-play-state: paused }

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

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

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

 08. Buttons
 
=========================================================================*/

/* ===================================== */
/* Links                               */
/* ===================================== */

.link { color: #e74c3c; margin-bottom: 30px; 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+ */ }

.link:hover { color: #000000; }

/* ===================================== */
/* 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: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }

.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: 30px; }

.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: 30px; 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 Condensed", sans-serif; display: inline-block; font-weight: 600; line-height: normal; text-decoration: none; text-transform: uppercase; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); margin-bottom: 30px; text-align: center; outline: none; overflow: hidden; cursor: pointer; color: #fafafa; position: relative; z-index: 7; -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::before { content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: width 0.45s ease-in-out; -moz-transition: width 0.45s ease-in-out; -ms-transition: width 0.45s ease-in-out; -o-transition: width 0.45s ease-in-out; transition: width 0.45s ease-in-out; width: 0; z-index: -1; }

.flat:hover::before { width: 100%; }

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

.flat.sm { padding: 6px 26px; font-size: 15px; }

.flat.md { padding: 12px 36px; font-size: 18px; }

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

.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; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.13); box-shadow: 0 0 1px rgba(0, 0, 0, 0.13); }

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

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

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

/* Grey */

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

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

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

/* Green */

.flat.green { background: #55ac49 none repeat scroll 0 0; }

.flat.green:before { background: #358c29 none repeat scroll 0 0; }

.flat.green:hover:before { background: #358c29 none repeat scroll 0 0; }

/* Purple */

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

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

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

/* Red */

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

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

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

/* Pink */

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

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

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

/* Blue */

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

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

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

/* Yellow */

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

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

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

/* Border */
.flat.border-grey, .flat.border-green, .flat.border-purple, .flat.border-red, .flat.border-pink, .flat.border-blue, .flat.border-yellow { font-weight: 500; text-shadow: 0 0 0 rgba(0, 0, 0, 0.17); }

/* Border Grey */

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

.flat.border-grey:hover { color: #fff; }

.flat.border-grey:before { background: #5a5f65 none repeat scroll 0 0; }

/* Border Green */

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

.flat.border-green:hover { color: #fff; }

.flat.border-green:before { background: #358c29 none repeat scroll 0 0; }

/* Border Purple */

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

.flat.border-purple:hover { color: #fff; }

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

/* Border Red */

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

.flat.border-red:hover { color: #fff; }

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

/* Border Pink */

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

.flat.border-pink:hover { color: #fff; }

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

/* Border Blue */

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

.flat.border-blue:hover { color: #fff; }

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

/* Border Yellow */

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

.flat.border-yellow:hover { color: #fff; }

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

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

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

 09. 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 30px; }

.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: 21px; height: 55px; line-height: 55px; overflow: hidden; position: relative; text-align: center; width: 55px; 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);
 -moz-transform: translate(0, 0px);
 transform: translate(0, 0px);
}
 65% {
 -webkit-transform: translate(0, 15px);
 -moz-transform: translate(0, 15px);
 transform: translate(0, 15px);
}
 to {
-webkit-transform: translate(0, -0px);
-moz-transform: translate(0, -0px);
transform: translate(0, -0px);
}
}
@-moz-keyframes Floating {
from {
 -webkit-transform: translate(0, 0px);
 -moz-transform: translate(0, 0px);
 transform: translate(0, 0px);
}
 65% {
 -webkit-transform: translate(0, 15px);
 -moz-transform: translate(0, 15px);
 transform: translate(0, 15px);
}
 to {
-webkit-transform: translate(0, -0px);
-moz-transform: translate(0, -0px);
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; -webkit-border-radius: 100%; /*Safari, Chrome*/ -moz-border-radius: 100%; /*Firefox*/ border-radius: 100%; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); /*FF 3.5+*/ -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); /* 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) }

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

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

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

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

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

.col-left-divider { border-right: 2px solid rgba(0, 0, 0, 0.07); float: left; margin: 7px 25px 30px 0; padding: 0 25px 0 0; text-align: center; }

.col-right-divider { border-left: 2px solid rgba(0, 0, 0, 0.07); float: right; margin: 7px 0 30px 25px; padding: 0 0 0 25px; text-align: center; }

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

.ico-right { float: right !important; }

@media (max-width: 980px) {

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

.col-right-divider { border-right: 2px solid rgba(0, 0, 0, 0.17); border-left: 0 none; float: left; margin: 7px 25px 30px 0; padding: 0 25px 0 0; }

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

.ico-right { float: right !important; }
}

@media (max-width: 640px) {

.ico-right { float: none !important; }
}

/***************** Icons ******************/

[class^="icon-"].icon-3x { background-color: #e74c3c !Important; }

[class^="icon-"].icon-3x, .circle-border { background-color: #F7F7F7; -webkit-border-radius: 36px; -moz-border-radius: 36px; -o-border-radius: 36px; 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: 0; margin-right: 0; float: none; }

.icon-hover-zoom:hover .circle-border { border: 1px solid #e74c3c; -moz-transform: scale(1.38); -o-transform: scale(1.38); -webkit-transform: scale(1.38); -ms-transform: scale(1.38); 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.oval-icon:hover .circle-border { -moz-transform: scaleX(1.3) scaleY(1.4); -o-transform: scaleX(1.3) scaleY(1.4); -webkit-transform: scaleX(1.3) scaleY(1.4); -ms-transform: scaleX(1.3) scaleY(1.4); transform: scaleX(1.3) scaleY(1.4); }

.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: #3f444a 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 #3f444a; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #3f444a; display: inline-block; 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: #3f444a 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 #3f444a; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #3f444a; 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: #3f444a; 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; }

.icon-big i { font-size: 44px; }

.circle-only-border .circle-border { border: 1px 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: 32px; height: 48px !important; line-height: 48px; width: 80px !important; }

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


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

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

.icon-box.style-side-2[class*=" style-side-"] > img { float: left; width: 73px; }

.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: 94px; }

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

.icon-box.style-side-6:hover i { 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: 30px }

.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: 30px; }

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

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

 10. 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.png) 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.png) 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; font-weight: 700; }
}

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

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%; height: 0; width: 0; border: 30px 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: 30px; border-bottom-width: 30px; }

.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: 30px; }

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

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

 11. Pagination
 
========================================================================= */

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

Basic style

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

.owl-pagination { width: 100%; margin: 0 auto; 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; }
}

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

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

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

 12. PRICE STYLES

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



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


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

.owl-pricing-container { margin: 0 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);
 -moz-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);
 transform: perspective(2000px) rotateY(200deg);
}
 100% {
 -webkit-transform: perspective(2000px) rotateY(180deg);
 -moz-transform: perspective(2000px) rotateY(180deg);
 transform: perspective(2000px) rotateY(180deg);
}
}
@-moz-keyframes owl-rotate {
0% {
 -webkit-transform: perspective(2000px) rotateY(0);
 -moz-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);
 transform: perspective(2000px) rotateY(200deg);
}
 100% {
 -webkit-transform: perspective(2000px) rotateY(180deg);
 -moz-transform: perspective(2000px) rotateY(180deg);
 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);
 -moz-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);
 transform: perspective(2000px) rotateY(20deg);
}
 100% {
 -webkit-transform: perspective(2000px) rotateY(0);
 -moz-transform: perspective(2000px) rotateY(0);
 transform: perspective(2000px) rotateY(0);
}
}
@-moz-keyframes owl-rotate-inverse {
0% {
 -webkit-transform: perspective(2000px) rotateY(-180deg);
 -moz-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);
 transform: perspective(2000px) rotateY(20deg);
}
 100% {
 -webkit-transform: perspective(2000px) rotateY(0);
 -moz-transform: perspective(2000px) rotateY(0);
 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);
 -moz-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);
 transform: perspective(2000px) rotateY(-200deg);
}
 100% {
 -webkit-transform: perspective(2000px) rotateY(-180deg);
 -moz-transform: perspective(2000px) rotateY(-180deg);
 transform: perspective(2000px) rotateY(-180deg);
}
}
@-moz-keyframes owl-rotate-back {
0% {
 -webkit-transform: perspective(2000px) rotateY(0);
 -moz-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);
 transform: perspective(2000px) rotateY(-200deg);
}
 100% {
 -webkit-transform: perspective(2000px) rotateY(-180deg);
 -moz-transform: perspective(2000px) rotateY(-180deg);
 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);
 -moz-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);
 transform: perspective(2000px) rotateY(-20deg);
}
 100% {
 -webkit-transform: perspective(2000px) rotateY(0);
 -moz-transform: perspective(2000px) rotateY(0);
 transform: perspective(2000px) rotateY(0);
}
}
@-moz-keyframes owl-rotate-inverse-back {
0% {
 -webkit-transform: perspective(2000px) rotateY(180deg);
 -moz-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);
 transform: perspective(2000px) rotateY(-20deg);
}
 100% {
 -webkit-transform: perspective(2000px) rotateY(0);
 -moz-transform: perspective(2000px) rotateY(0);
 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-sm { font-size: 14px; font-weight: 600; }

.price-sm del { margin-right: 10px; }

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



.cir-price-wrap { text-align: center; 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: 39px 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: 31px; -moz-border-radius: 31px; border-radius: 31px; color: #ffffff; display: inline-block; font-size: 12px; font-weight: 700; margin-top: 14px; padding: 2px 16px; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; }

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

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

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

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

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

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

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

.cir-price-chart { text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; 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; -webkit-border-radius: 100%; -moz-border-radius: 100%; 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 30px 0; padding: 0; }

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

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

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

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

.peice-list .pack-price { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1); text-align: center; padding: 12px 0 18px; color: #EAEAEA; font-weight: 500; font-size: 15px; }

.peice-list .pack-price span { color: #fff; font-weight: 900; font-size: 53px; display: block; padding: 10px 0; }

.peice-list li { padding: 0.9375em; text-align: center; color: #FFFFFF; font-size: 16px; font-weight: 400; border-bottom: 1px solid rgba(255, 255, 255, 0.13); line-height: 27px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }

.peice-list .price-table-btn { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); text-align: center; padding: 4px 0; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }

.peice-list .price-table-btn p { padding: 36px 0 31px; }

.peice-list .price-table-btn a { color: #333; font-size: 16px; font-weight: 800; background: #fff; padding: 17px; text-shadow: 0 0 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: all 1s ease;/* Safari 3.2+, Chrome */ -moz-transition: all 0.3s ease;/* Firefox 4-15 */ -o-transition: all 0.3s ease;/* Opera 10.5-12.00 */ transition: all 0.3s ease;/* Firefox 16+, Opera 12.50+ */ }

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

.price-table { padding: 0; 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: "Roboto", 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; }
}

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

 13. Countdown
 
=============================================== */

.countdown_row { display: block; }

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

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

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

.countdown_row { color: #fff; }

@media (min-width: 768px) and (max-width: 979px) {

.countdown_section { font-size: 18px; font-weight: 700; padding: 0px 40px; }

.countdown_amount { font-size: 56px; font-weight: 700; }
}

@media(max-width: 767px), (max-height: 767px) {

.countdown_section { font-size: 16px; font-weight: 700; padding: 0px 30px; }

.countdown_amount { font-size: 56px; font-weight: 700; }
}

@media (min-width: 320px) and (max-width: 481px) {

.countdown_section { font-size: 15px; font-weight: 700; padding: 0px 20px; }

.countdown_amount { font-size: 36px; font-weight: 700; }
}

@media (max-width: 320px) {

.countdown_section { font-size: 12px; font-weight: 700; padding: 0px 10px; }

.countdown_amount { font-size: 26px; font-weight: 700; }
}

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

 14. COUNTERS

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

.counters {
  float: left;
  width: 100%;
  display: inline-block;
}

.counters-box { text-align: center }

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

.counters-box.style1 dd { color: #ffffff; font-size: 16px; font-weight: 700; margin-bottom: 30px; text-transform: uppercase; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }

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

.counters-box.style1 dt { color: #fff; font-family: "Roboto", sans-serif; font-size: 53px; font-weight: 600; }

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

.counters-box.style2 .icon-wrap { height: 56px; margin-bottom: 12px; }

.counters-box.style2 dd { color: #3f444a; font-size: 16px; font-weight: 700; margin-bottom: 30px; text-transform: uppercase; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }

.counters-box.style2 dd.fontsize-lg { font-size: 15px; }

.counters-box.style2 dt { color: #00c0e2; font-family: "Roboto", sans-serif; font-size: 47px; font-weight: 600; }

.counters-box.style2 dl { margin-bottom: 0; }

.counters .cunt-box { background: #41627b none repeat scroll 0 0; padding: 50px 0 30px; }

.counters .cunt-box + .cunt-box { background: #458bac none repeat scroll 0 0; }

.counters .cunt-box + .cunt-box + .cunt-box { background: #43a2cf none repeat scroll 0 0; }

.counters .cunt-box + .cunt-box + .cunt-box + .cunt-box { background: #53b2df none repeat scroll 0 0; }

#footer .counters-box { text-align: center; display: inline-block; }

#footer .counters-box.style1 dt { color: #aab1b5; float: left; font-size: 23px; line-height: 40px; }

#footer .counters-box.style1 dd { color: #8a9195; float: left; font-size: 12px; line-height: 39px; margin-left: 15px; }

#footer address .counters-box { background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display: inline-block; float: none; margin-left: 0; margin-bottom: 23px; padding: 5px 25px; }

#footer address .counters-box.style1 dt { color: #ffffff; }

#footer address .counters-box.style1 dd { margin-bottom: 0; }

@media (max-width: 980px) {

#footer .counters-box { float: none; margin-left: 0; margin-right: 25px; }
}

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

 15. PROGRESSBAR
 
========================================================================= */

/** Vertical **/

.progressbar-container { position: relative; width: 100%; margin-bottom: 20px; }

.progressbar-container .progressbar-title { margin-bottom: 0; line-height: 2.2; }

.progressbar-container .progressbar { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background-color: #e74c3c; width: 0; }

.progressbar-container .progressbar-back-text, .progressbar-container .progressbar-front-text { display: none; }

.progressbar-container.basic, .progressbar-container.style-tooltip { position: relative; }

.progressbar-container.basic .progressbar, .progressbar-container.style-tooltip .progressbar { background-color: #e74c3c; height: 20px; width: 0; }

.progressbar-container.basic .progressbar:before, .progressbar-container.style-tooltip .progressbar:before { content: ''; bottom: 0; position: absolute; display: block; width: 100%; height: 20px; background-color: #eeeeee; z-index: -1; }

.progressbar-container.basic .progressbar { position: static; }

.progressbar-container.basic .progressbar-back-text { position: absolute; display: block; right: 0; font-size: 14px; font-weight: 600; text-align: right; }

.progressbar-container.style-tooltip { margin-bottom: 40px; position: relative; }

.progressbar-container.style-tooltip .progressbar { position: absolute; }

.progressbar-container.style-tooltip .progressbar-back-text { position: absolute; display: block; width: 100%; height: 20px; bottom: -20px; font-size: 0; background-color: #eeeeee; z-index: -1; }

.progressbar-container.style-tooltip .progressbar-front-text { position: absolute; display: block; right: -25px; bottom: 28px; line-height: 1; height: 23px; font-weight: 600; text-align: center; max-width: 50px; padding: 5px; border-radius: 3px; color: #ffffff; background-color: #555555; }

.progressbar-container.style-tooltip .progressbar-front-text:before { content: ""; position: absolute; bottom: -10px; left: 20px; border-left-width: 4px; border-right-width: 4px; border-top-width: 7px; border-style: solid; border-color: transparent; border-top-color: #555555; display: block; width: 0; height: 0; }

.progressbar-container.fill-text { height: 40px; margin-bottom: 35px; background-color: #eeeeee; }

.progressbar-container.fill-text .progressbar-title { position: absolute; line-height: 40px; padding-left: 15px; top: 0; left: 0; }

.progressbar-container.fill-text .progressbar { position: absolute; height: 100%; overflow: hidden; z-index: 1; }

.progressbar-container.fill-text .progressbar:before { height: 100%; }

.progressbar-container.fill-text .progressbar .progressbar-title { color: #ffffff; }

.progressbar-container.fill-text .progressbar-back-text, .progressbar-container.fill-text .progressbar-front-text { position: absolute; display: block; right: 0; font-size: 14px; line-height: 40px; padding-right: 15px; font-weight: 600; text-align: right; }

.progressbar-container.fill-text .progressbar-front-text { left: 0; top: 0; color: #ffffff; }

.progressbar-container.vertical { height: 120px; float: left; margin-right: 50px; margin-bottom: 80px; background-color: #ffffff; }

.progressbar-container.vertical.gray { background-color: #f4f4f4; }

.progressbar-container.vertical .progressbar-title { display: block; position: absolute; bottom: -40px; }

.progressbar-container.vertical .progressbar { height: 0; width: 100%; position: absolute; bottom: 0; left: 0; }

.progressbar-container.vertical .progressbar-back-text { display: block; position: absolute; max-height: 20px; bottom: -50px; line-height: 30px !important; font-weight: 600; color: #9c5b57; }

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

.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: -17px; }

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

  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 30px; 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; }

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

 16. Accordion
 
========================================================================= */


/*accordion 1*/

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

.f-accordion h3 { margin: 5px 0 0; padding: 18px; font-size: 18px; font-weight: 500; 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; 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: 59px; width: 59px; position: absolute; height: 57px; 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: #ffffff none repeat scroll 0 0; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 21px; }

.f-accordion.acc-color h3.ui-state-active { border: 0 none; color: #fff; }

.f-accordion.acc-color p { color: #ffffff; font-family: "Roboto Condensed", sans-serif; font-size: 18px; }

.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: 18px; 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: 59px; width: 59px; position: absolute; height: 57px; 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 {
  background: #ffffff none repeat scroll 0 0;
  border: 0 solid #dedede;
  margin: -1px 0 0;
  max-height: 0;
  overflow: hidden;
  padding: 0 15px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.notaccordion .acc-content.ui-accordion-content-active {
  border: 1px solid #dedede;
  max-height: 500px;
  padding: 15px;
}


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

/*Accordion Menu*/


.owl-cssmenu, .owl-cssmenu ul, .owl-cssmenu ul li, .owl-cssmenu ul li a { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.owl-cssmenu { width: 100%; font-family: Helvetica, Arial, sans-serif; color: #ffffff; }

.owl-cssmenu ul ul { display: none; }

.align-right { float: right; }

.owl-cssmenu > ul > li > a { padding: 22px 15px; cursor: pointer; z-index: 2; font-size: 14px; font-weight: bold; text-decoration: none; color: #3f444a; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 1px solid rgba(0, 0, 0, 0.06); border-top: 1px solid rgba(255,255,255,0.6); }

.owl-cssmenu > ul > li > a:hover, .owl-cssmenu > ul > li.active > a, .owl-cssmenu > ul > li.open > a { color: #fff; }

.owl-cssmenu > ul > li:first-child > a { border-top: 0 solid rgba(0, 0, 0, 0.06); }

.owl-cssmenu > ul > li:last-child > a { border-bottom: 0 solid rgba(0, 0, 0, 0.06); }

.owl-cssmenu > ul > li.open > a { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.owl-cssmenu > ul > li > a::before { background: #3f4348 none repeat scroll 0 0; content: ""; height: 101%; left: 0; position: absolute; top: 0; -webkit-transition: width 0.45s ease-in-out; -moz-transition: width 0.45s ease-in-out; -ms-transition: width 0.45s ease-in-out; -o-transition: width 0.45s ease-in-out; transition: width 0.45s ease-in-out; width: 3px; z-index: -1; }

.owl-cssmenu > ul > li > a:hover::before, .owl-cssmenu > ul > li.open > a::before { width: 100%; }

.owl-cssmenu > ul > li.clr-a a::before, .owl-cssmenu > ul li.clr-a ul li a { background: #3f4348 none repeat scroll 0 0; }

.owl-cssmenu > ul > li.clr-b a::before, .owl-cssmenu > ul li.clr-b ul li a { background: #f25f5c none repeat scroll 0 0; }

.owl-cssmenu > ul > li.clr-c a::before, .owl-cssmenu > ul li.clr-c ul li a { background: #9bc53d none repeat scroll 0 0; }

.owl-cssmenu > ul > li.clr-d a::before, .owl-cssmenu > ul li.clr-d ul li a { background: #247ba0 none repeat scroll 0 0; }

.owl-cssmenu-holder { width: 0; height: 0; position: absolute; top: 0; right: 0; }

.owl-cssmenu-holder::after, .owl-cssmenu-holder::before { display: block; position: absolute; content: ""; width: 6px; height: 6px; right: 20px; z-index: 10; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.owl-cssmenu-holder::after { top: 26px; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; }

.owl-cssmenu > ul > li > a:hover > span::after, .owl-cssmenu > ul > li.active > a > span::after, .owl-cssmenu > ul > li.open > a > span::after { border-color: #eeeeee; }

.owl-cssmenu-holder::before { top: 27px; border-top: 2px solid; border-left: 2px solid; border-top-color: inherit; border-left-color: inherit; }

.owl-cssmenu ul ul li a { cursor: pointer; border-bottom: 1px solid rgba(0,0,0,0.07); padding: 15px 20px; z-index: 1; text-decoration: none; font-size: 14px; font-weight: 600; color: #fff; background: #474b50; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }

.owl-cssmenu ul ul li:hover > a, .owl-cssmenu ul ul li.open > a, .owl-cssmenu ul ul li.active > a { background: #424852; color: #ffffff; }

.owl-cssmenu ul ul li:first-child > a { box-shadow: none; }

.owl-cssmenu ul ul ul li:first-child > a { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }

.owl-cssmenu ul ul ul li a { padding-left: 30px; }

.owl-cssmenu > ul > li > ul > li:last-child > a, .owl-cssmenu > ul > li > ul > li.last > a { border-bottom: 0; }

.owl-cssmenu > ul > li > ul > li.open:last-child > a, .owl-cssmenu > ul > li > ul > li.last.open > a { border-bottom: 1px solid #32373e; }

.owl-cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a { border-bottom: 0; }

.owl-cssmenu ul ul li.has-sub > a::after { display: block; position: absolute; content: ""; width: 5px; height: 5px; right: 20px; z-index: 10; top: 16.5px; border-top: 2px solid #eeeeee; border-left: 2px solid #eeeeee; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.owl-cssmenu ul ul li.active > a::after, .owl-cssmenu ul ul li.open > a::after, .owl-cssmenu ul ul li > a:hover::after { border-color: #ffffff; }

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

 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; position: relative; z-index: 2; }

#tabs li, #tabs2 li, #tabs3 li, #tabs4 li { display: inline-block; 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; }

#tabs5 li a.tabulous_active, #tabs6 li a.tabulous_active, #tabs7 li a.tabulous_active, #tabs8 li a.tabulous_active { background: white; color: #333; border-top: 1px solid #DEDEDE; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE; }

#tabs9 li a.tabulous_active, #tabs10 li a.tabulous_active, #tabs11 li a.tabulous_active, #tabs12 li a.tabulous_active { background: white; color: #333; border-top: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; border-left: 1px solid #FFFFFF; }

#tabs13 li a.tabulous_active, #tabs14 li a.tabulous_active, #tabs15 li a.tabulous_active, #tabs16 li a.tabulous_active { background: white; color: #333; border-top: 1px solid #FFFFFF; border-right: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; 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; }

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

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

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

/*  ======================================
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-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 { -webkit-filter: grayscale(100%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: .6; }

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

.black-white:hover { -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); -webkit-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150); -moz-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150); -ms-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150); -o-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150); transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150); }

.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); -webkit-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150); -moz-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150); -ms-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150); -o-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150); transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150); }

.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 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
======================= */

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

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

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

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

 19. OWL CAROUSELS

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


.owl-theme .owl-controls { position: absolute; text-align: center; width: 100%; margin: 21px auto 0; }

.owl-theme.lft .owl-controls { width: auto; }

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

.owl-theme .owl-controls .owl-page span { display: block; width: 11px; height: 11px; margin: 0 6px; 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);
 -moz-transform: translateZ(-500px);
 transform: translateZ(-500px);
}
 75% {
 opacity: .5;
 -webkit-transform: translateZ(-500px) translateX(-200%);
 -moz-transform: translateZ(-500px) translateX(-200%);
 transform: translateZ(-500px) translateX(-200%);
}
 100% {
 opacity: .5;
 -webkit-transform: translateZ(-500px) translateX(-200%);
 -moz-transform: translateZ(-500px) translateX(-200%);
 transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut {
25% {
 opacity: .5;
 -webkit-transform: translateZ(-500px);
 -moz-transform: translateZ(-500px);
 transform: translateZ(-500px);
}
 75% {
 opacity: .5;
 -webkit--transform: translateZ(-500px) translateX(-200%);
 -moz-transform: translateZ(-500px) translateX(-200%);
 transform: translateZ(-500px) translateX(-200%);
}
 100% {
 opacity: .5;
 -webkit-transform: translateZ(-500px) translateX(-200%);
 -moz-transform: translateZ(-500px) translateX(-200%);
 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%);
 -moz-transform: translateZ(-500px) translateX(200%);
 transform: translateZ(-500px) translateX(200%);
}
 75% {
 opacity: .5;
 -webkit-transform: translateZ(-500px);
 -moz-transform: translateZ(-500px);
 transform: translateZ(-500px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateZ(0) translateX(0);
 -moz-transform: translateZ(0) translateX(0);
 transform: translateZ(0) translateX(0);
}
}
@-moz-keyframes backSlideIn {
0%, 25% {
 opacity: .5;
 -webkit-transform: translateZ(-500px) translateX(200%);
 -moz-transform: translateZ(-500px) translateX(200%);
 transform: translateZ(-500px) translateX(200%);
}
 75% {
 opacity: .5;
 -webkit-transform: translateZ(-500px);
 -moz-transform: translateZ(-500px);
 transform: translateZ(-500px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateZ(0) translateX(0);
 -moz-transform: translateZ(0) translateX(0);
 transform: translateZ(0) translateX(0);
}
}
@keyframes backSlideIn {
0%, 25% {
 opacity: .5;
 -webkit-transform: translateZ(-500px) translateX(200%);
 -moz-transform: translateZ(-500px) translateX(200%);
 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-transform: scale(.8);
 transform: scale(.8);
}
}
@-moz-keyframes scaleToFade {
to {
 opacity: 0;
 -webkit-transform: scale(.8);
 -moz-transform: scale(.8);
 transform: scale(.8);
}
}
@keyframes scaleToFade {
to {
 opacity: 0;
 -webkit-transform: scale(.8);
 -moz-transform: scale(.8);
 transform: scale(.8);
}
}
@-webkit-keyframes goDown {
from {
 -webkit-transform: translateY(-100%);
 -moz-transform: translateY(-100%);
 transform: translateY(-100%);
}
}
@-moz-keyframes goDown {
from {
 -webkit-transform: translateY(-100%);
 -moz-transform: translateY(-100%);
 transform: translateY(-100%);
}
}
@keyframes goDown {
from {
 -webkit-transform: translateY(-100%);
 -moz-transform: translateY(-100%);
 transform: translateY(-100%);
}
}
@-webkit-keyframes scaleUpFrom {
from {
 opacity: 0;
 -webkit-transform: scale(1.5);
 -moz-transform: scale(1.5);
 transform: scale(1.5);
}
}
@-moz-keyframes scaleUpFrom {
from {
 opacity: 0;
 -webkit-transform: scale(1.5);
 -moz-transform: scale(1.5);
 transform: scale(1.5);
}
}
@keyframes scaleUpFrom {
from {
 opacity: 0;
 -webkit-transform: scale(1.5);
 -moz-transform: scale(1.5);
 transform: scale(1.5);
}
}
@-webkit-keyframes scaleUpTo {
to {
 opacity: 0;
 -webkit-transform: scale(1.5);
 -moz-transform: scale(1.5);
 transform: scale(1.5);
}
}
@-moz-keyframes scaleUpTo {
to {
 opacity: 0;
 -webkit-transform: scale(1.5);
 -moz-transform: scale(1.5);
 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; float: left; display: none; margin-bottom: 30px; position: relative; width: 100%; -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); 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); 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(255, 255, 255, 0.9) none repeat scroll 0 0; padding: 7px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.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 { margin-bottom: 60px; }

.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 { background: #fff none repeat scroll 0 0; border: 1px solid #eee; padding: 25px; }

.blog-item-wrap section h4 { margin-bottom: 10px; }

.meta { color: #777; font-size: 14px; border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 15px; }

.meta a, .meta span { color: #000; }

.tg-cmt { display: inline-block; width: 100%; }

.blog-tags { display: inline-block; float: right; margin: 0 0 10px; padding: 0; }

.blog-tags > li { background: #00c0e2 none repeat scroll 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff; display: inline-block; font-size: 10px; font-weight: 800; line-height: normal; margin: 6px 0px 0 2px; padding: 3px 11px; text-transform: uppercase; float: left; }

.blog-tags > li + li { background: #8cc152 none repeat scroll 0 0; }

.blog-tags > li + li + li { background: #967adc none repeat scroll 0 0; }

.blog-comments { display: inline-block; float: left; }

.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: 16px; font-weight: 400; 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); 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; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }

.ProductsColorChanger .pic-coch:hover .active { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); 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; }

.raty { direction: rtl; font-size: 17px; unicode-bidi: bidi-override; position: relative; }

.raty span.star { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; }

.raty span.star:hover { cursor: pointer; }

.raty span.star:before { color: #F9C8D3; content: "\f006"; }

.raty span.star:hover:before, .raty span.star:hover ~ span.star:before { color: #EF005B; content: "\f005"; }

.raty span.star:hover:after { direction: ltr; content: attr(title); position: absolute; left: 0; bottom: -22px; white-space: nowrap; font: normal 14px/normal Arial, Helvetica, sans-serif; }

.ratys { width: 85px; height: 15px; line-height: normal; letter-spacing: 3px; display: inline-block; position: relative; }

.ratys:before, .ratys:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 15px; position: absolute; top: 0; left: 0; }

.ratys:before { color: RGBA(0,192,226,0.6); content: "\f006\f006\f006\f006\f006"; }

.ratys:after { color: #00C0E2; content: "\f005\f005\f005\f005\f005"; overflow: hidden; }

.ratys.one:after { content: "\f005"; }

.ratys.onehalf:after { content: "\f005\f089"; }

.ratys.two:after { content: "\f005\f005"; }

.ratys.twohalf:after { content: "\f005\f005\f089"; }

.ratys.three:after { content: "\f005\f005\f005"; }

.ratys.threehalf:after { content: "\f005\f005\f005\f089"; }

.ratys.four:after { content: "\f005\f005\f005\f005"; }

.ratys.fourhalf:after { content: "\f005\f005\f005\f005\f089"; }

/* **************************
 g. Feature Icon Slider
***************************** */

.features-icon-slider { }

.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; height: 3px; max-width: 100%; }

.progressBar { width: 100%; background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; bottom: 0; margin: 0; position: absolute; z-index: 3; }

.progress-top .progressBar {
  bottom: auto;
  top: 0;
}

.carousel-il .progressBar { bottom: auto; top: 40px; z-index: 0; }

/*** 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 { 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 { font-family: "Roboto", 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: 30px; 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 { font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 400; line-height: 26px; position: relative; }

.testi-b-details > h3 { 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 { font-family: "Roboto", sans-serif; font-size: 17px; font-weight: 400; line-height: 26px; position: relative; }

.testi-c-details > h3 { 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 { font-family: "Roboto", sans-serif; font-size: 17px; font-weight: 400; line-height: 26px; position: relative; }

.testi-d-details > h3 { 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: 0; position: relative; }

.testi-e-inner { background: none repeat scroll 0 0 #243649; margin-bottom: 10px; padding: 18px; }

.testi-e-wrap p { font-family: 'Roboto', serif; font-size: 17px; font-style: italic; font-weight: 400; line-height: 36px; 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 { 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 { font-family: "Roboto", sans-serif; font-size: 17px; font-weight: 400; line-height: 26px; margin-bottom: 15px; position: relative; }

.testi-f-wrap > h3 { 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: 30px; 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 { font-family: "Roboto", sans-serif; font-size: 17px; font-weight: 400; line-height: 26px; position: relative; }

.testi-g-details > h3 { 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 { font-family: "Roboto", sans-serif; font-size: 17px; font-weight: 400; line-height: 26px; position: relative; }

.testi-h-details > h3 { 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 { font-family: Playfair Display; font-size: 31px; font-style: italic; font-weight: 400; line-height: 61px; margin-bottom: 15px; position: relative; }

@media (max-width: 480px) {

.testi-i-wrap p { font-size: 21px; line-height: 41px; }
}

.testi-i-details { text-align: center; }

.testi-i-wrap > i { color: rgba(0, 0, 0, 0.06); font-family: FontAwesome; font-size: 24px; }

.testi-i-wrap > h3 { color: #c04040; font-size: 14px; font-weight: 700; margin: 31px 0 18px; text-transform: uppercase; }

.testi-i-wrap > h3 > a { border-top: 3px solid #ededed; padding: 12px 0; }

.testi-i-wrap > span { display: block; font-size: 13px; margin-bottom: 10px; }

.testi-i-img { border: 1px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 80px; margin: 1px 0 3px; position: relative; width: 80px; }

@media (max-width: 800px) {
.testi-f-img { height: 70px; width: 70px; }
.testi-h-img { height: 50px; width: 50px; }
}