@import url('css/bootstrap.css');
@import url('css/css3-animations.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext');
@import url('css/font-awesome.css');
/*
	wordPress information
*/
/*-----------------------------------------------------------------------------------
	Theme Name: 
	Theme URI: 
	Description: 
	Author: 
	Author URI: 
	License: 
	License URI: 
	Version: 
	Tags: 
-----------------------------------------------------------------------------------*/
/* --- Imported Css --------------------- */
/* BootStrap */
/* Css3 Animations */
/* open sans */
/*  Font Awesome*/
/*=============================================================================

	General resets

	=============================================================================*/
/* --- general resets --------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, embed, object { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; text-rendering: optimizeLegibility !important; vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; outline: 0px; padding: 0px; margin: 0px; border: 0px; font-variant: normal; text-transform: none; speak: none; }
/* --- HTML5 display-role reset for older browsers --------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { font-size: 12px; font-family: 'Open Sans', 'Helvetica', 'Tahoma', 'Arial', sans-serif; height: auto !important; overflow: hidden; }
/* --- typography --------------------- */
/*headings*/
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', 'Helvetica', 'Tahoma', 'Arial', sans-serif; margin-bottom: 15px; font-weight: 700; color: #f09414; }
h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 25px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 14px; }
/* paragraphs */
p { font-size: 13px; line-height: 22px; font-family: 'Open Sans', 'Helvetica', 'Tahoma', 'Arial', sans-serif; color: #7a7c82; font-weight: 500; margin-bottom: 15px; }
p:last-child { margin-bottom: 0px; }
p:before { width: 30px; display: inline-block; }
span { font-size: 14px; line-height: 1.428; font-family: 'Open Sans', 'Helvetica', 'Tahoma', 'Arial', sans-serif; }
/* small */
code, pre { display: block; white-space: pre; }
del { text-decoration: line-through; color: #666666; }
ins, dfn { border-bottom: 1px solid #cccccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: capitalize; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #cccccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
cite, em, dfn { font-style: italic; }
i { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-size: 16px; display: inline-block; }
a:hover > i, button:hover > i, input[type="submit"]:hover > i, .singleFeature:hover .featureIcon i { -webkit-animation: toTopFromBottom 0.5s forwards; -moz-animation: toTopFromBottom 0.5s forwards; -khtml-animation: toTopFromBottom 0.5s forwards; -o-animation: toTopFromBottom 0.5s forwards; }
}
@-webkit-keyframes toTopFromBottom { 49% {
 -webkit-transform: translateY(-100%);
}
 50% {
 opacity: 0;
 -webkit-transform: translateY(100%);
}
 51% {
 opacity: 1;
}
}
@-moz-keyframes toTopFromBottom { 49% {
 -moz-transform: translateY(-100%);
}
 50% {
 opacity: 0;
 -moz-transform: translateY(100%);
}
 51% {
 opacity: 1;
}
}
@keyframes toTopFromBottom { 49% {
 transform: translateY(-100%);
}
 50% {
 opacity: 0;
 transform: translateY(100%);
}
 51% {
 opacity: 1;
}
}
/* Fontello */
[class^="icon-"]:before, [class*=" icon-"]:before { width: auto; margin-right: 0px; margin-left: 0px; line-height: 1; }
/*strong*/
strong { font-size: 14px; font-weight: bold; }
/* Blockquote */
blockquote { background: rgba(0, 0, 0, 0.04); position: relative; padding: 20px 30px; border: none; margin: 0 auto; margin-bottom: 15px; color: #999b9e; font-size: 14px; line-height: 20px; font-style: italic; }
blockquote:before { font-family: 'FontAwesome'; content: ''; position: absolute; right: 32px; text-align: center; line-height: 32px; color: rgba(0, 0, 0, 0.3); bottom: 32px; width: 32px; height: 32px; font-size: 22px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; }
blockquote p { padding: 0; color: #999b9e; font-size: 14px; line-height: 20px; font-style: italic; }
/* Lists */
ol, ul { list-style: none; }
/* Code */
kbd { padding: 2px 4px; font-size: 90%; color:;
background-color: transparent; border-radius: 3px; box-shadow: none; }
/* --- Forms --------------------- */
form { outline: none; }
input, textarea, button, input[type="button"], .generalBtn, .yellow-btn { outline: none !important; box-shadow: none; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input, textarea { font-size: 12px; color: #5d5d5d; font-family: 'Open Sans', 'Helvetica', 'Tahoma', 'Arial', sans-serif; }
input:focus, textarea:focus { color: #333; }
.user1 { background-image: url(images/userid.png) !important; background-position: 8px 12px !important; background-repeat: no-repeat !important; border: 1px solid #e0e0e0; outline: none; color: #21242e; margin: 0; max-width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; font-size: 15px; font-weight: 700; padding-top: 7.5px; padding-right: 9.5px; padding-bottom: 8.5px; padding-left: 35px !important; }
.password1 { background-image: url(images/password1.png) !important; background-position: 8px 12px !important; background-repeat: no-repeat !important; border: 1px solid #e0e0e0; outline: none; color: #21242e; margin: 0; max-width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; font-size: 15px; font-weight: 700; padding-top: 7.5px; padding-right: 9.5px; padding-bottom: 8.5px; padding-left: 35px !important; }
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], textarea, select { border: 1px solid #e0e0e0; padding: 8px 9px; outline: none; color: #21242e; margin: 0; max-width: 100%; background: #ffffff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; font-size: 15px; font-weight: 700; }
textarea { overflow: auto; vertical-align: top; width: 100%; max-width: 100%; min-height: 132px; position: relative; }
textarea::before { content: ''; display: block; width: 10px; height: 10px; background: #ffffff; position: absolute; right: 0; bottom: 0; z-index: 100; }
button, input[type="button"], input[type="submit"], .yellow-btn { border: 0px; color: #ffffff; font-size: 15px; font-weight: 700; padding: 13px 20px; background-color: #f09414; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
/* buttons */
button, input[type="button"], .generalBtn, .yellow-btn { padding: 7px 12px; display: inline-block; text-align: center; font-size: 1em; border: none; font-family: 'Open Sans', 'Helvetica', 'Tahoma', 'Arial', sans-serif; font-size: 12px; }
.yellow-btn { margin-top: -10px; cursor: pointer; }
.yellow-btn:hover, .yellow-btn:focus { color: #fff !important; }
label { color: #919191; font-family: tahoma, sans-serif; font-size: 0.8em; cursor: pointer; }
input[type="checkbox"], .check, input[type="radio"], .radio { display: none; }
input[type="checkbox"] + label, .check + label, input[type="radio"] + label, .radio + label { display: inline-block; line-height: 22px; margin-bottom: 10px; }
input[type="checkbox"] + label:after, .check + label:after, input[type="radio"] + label:after, .radio + label:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; content: ''; font-family: 'FontAwesome'; color: #21242e; display: inline-block; float: left; width: 22px; height: 22px; line-height: 22px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; border: 1px solid #cccccc; background-color: #f5f6f8; text-align: center; font-size: 100%; z-index: 100; margin-right: 10px; }
input[type="checkbox"]:checked + label:after, .check:checked + label:after, input[type="radio"]:checked + label:after, .radio:checked + label:after { content: '\f00c'; }
input[type="radio"] + label:after, .radio + label:after { -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; -khtml-border-radius: 100px; border-radius: 100px; }
input[type="radio"]:checked + label, .radio:checked + label { -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
input[type="radio"]:checked + label:after, .radio:checked + label:after { content: '\f111'; }
/* placeholder */
*::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #21242e;
}
*:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #21242e;
 opacity: 1;
}
*::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #21242e;
 opacity: 1;
}
*:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #21242e;
}
.d-flex { display: flex; align-items: center; }
.notes-wrap { list-style: none; padding: 0; line-height: normal; margin-top: 10px; margin-bottom: 0; }
.notes-wrap li { position: relative; padding-top: 2px; padding-bottom: 2px; padding-left: 0; display: flex; align-items: center; }
.notes-wrap li img { margin-right: 8px; }
/* --- tables --------------------- */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: 400; }
/* --- images --------------------- */
img { /*max-width: 100%;*/ -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
/* --- links --------------------- */
.a, a:link, a:visited, a:active, a:focus { text-decoration: none !important; font-family: 'Open Sans', 'Helvetica', 'Tahoma', 'Arial', sans-serif; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
a, a:visited { outline: 0px; }
a:hover { color: inherit; }
/*general link*/
.generalLink { padding: 7px 15px; display: inline-block; text-align: center; font-family: 'Open Sans', 'Helvetica', 'Tahoma', 'Arial', sans-serif; font-size: 13px; font-weight: 700; background-color: #21242e; color: #ffffff; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.generalLink:hover { background-color: #f09414; color: #ffffff; }
.bordered { background-color: transparent; border: 1px solid #f09414; color: #f09414; }
.bordered:hover { border: 1px solid #f09414; background-color: #f09414; color: #ffffff; }
.miniLink { padding: 5px 10px; font-size: 0.75em; }
.smallLink { padding: 7px 12px; font-size: 0.85em; }
.largeLink { padding: 15px 25px; font-size: 1.5em; }
/* break */
.br { display: block; height: 30px; }
/* hr */
hr, .container hr { margin: 0px; height: 1px; background: #cccccc; border: 0px; }
/* --- clearing --------------------- */
.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }
/* --- Svg --------------------- */
.svg { width: 100%; height: 100%; }
/* --- general clasess --------------------- */
.none { display: none; }
.block { display: block !important; }
.fixed_pos { position: fixed; }
.alignright { float: right; margin-left: 20px; }
.alignleft { float: left; margin-right: 20px; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.centerdText { text-align: center; }
.noMarginLeft { margin-left: 0px !important; }
.noMarginRight { margin-right: 0px !important; }
.noMarginTop { margin-right: 0px !important; }
.noMarginBottom { margin-bottom: 0px !important; }
.firstChild { margin: 0px; }
.lastChild { margin: 0px; }
.offset { display: none; }
.fl { float: left; }
.fr { float: right; }
/* col */
[class*="col"] {
 -webkit-transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -o-transition: all 0.4s ease-in-out;
 -ms-transition: all 0.4s ease-in-out;
 -khtml-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
}
/* --- selection --------------------- */
::-moz-selection {
 background-color: #f09414;
 color: #ffffff;
}
::-webkit-selection {
 background-color: #f09414;
 color: #ffffff;
}
::-o-selection {
 background-color: #f09414;
 color: #ffffff;
}
::-khtml-selection {
 background-color: #f09414;
 color: #ffffff;
}
::-ms-selection {
 background-color: #f09414;
 color: #ffffff;
}
::selection { background-color: #f09414; color: #ffffff; }
/* --- tooltip --------------------- */
/* tooltip bottom */
.tooltipBottom + .tooltip { animation-name: tooltipBottom; -webkit-animation-name: tooltipBottom; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; }
@keyframes tooltipBottom { 0% {
 transform: translateY(0%);
}
 50% {
 transform: translateY(30%);
}
 100% {
 transform: translateY(0%);
}
}
@-webkit-keyframes tooltipBottom { 0% {
 -webkit-transform: translateY(0%);
}
 50% {
 -webkit-transform: translateY(30%);
}
 100% {
 -webkit-transform: translateY(0%);
}
}
/* tooltip top */
.tooltipTop + .tooltip, .tooltip { animation-name: tooltipTop; -webkit-animation-name: tooltipTop; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; }
@keyframes tooltipTop { 0% {
 transform: translateY(0%);
}
 50% {
 transform: translateY(-30%);
}
 100% {
 transform: translateY(0%);
}
}
@-webkit-keyframes tooltipTop { 0% {
 -webkit-transform: translateY(0%);
}
 50% {
 -webkit-transform: translateY(-30%);
}
 100% {
 -webkit-transform: translateY(0%);
}
}
/* tooltip left */
.tooltipLeft + .tooltip { animation-name: tooltipLeft; -webkit-animation-name: tooltipLeft; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; }
@keyframes tooltipLeft { 0% {
 transform: translateX(0%);
}
 50% {
 transform: translateX(-30%);
}
 100% {
 transform: translateX(0%);
}
}
@-webkit-keyframes tooltipLeft { 0% {
 -webkit-transform: translateX(0%);
}
 50% {
 -webkit-transform: translateX(-30%);
}
 100% {
 -webkit-transform: translateX(0%);
}
}
/* tooltip Right */
.tooltipRight + .tooltip { animation-name: tooltipRight; -webkit-animation-name: tooltipRight; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; }
@keyframes tooltipRight { 0% {
 transform: translateX(0%);
}
 50% {
 transform: translateX(30%);
}
 100% {
 transform: translateX(0%);
}
}
@-webkit-keyframes tooltipRight { 0% {
 -webkit-transform: translateX(0%);
}
 50% {
 -webkit-transform: translateX(30%);
}
 100% {
 -webkit-transform: translateX(0%);
}
}
/*tool tip customize*/
.tooltip.top .tooltip-arrow { border-top-color: #21242e; }
.tooltip.top-left .tooltip-arrow { border-top-color: #21242e; }
.tooltip.top-right .tooltip-arrow { border-top-color: #21242e; }
.tooltip.right .tooltip-arrow { border-right-color: #21242e; }
.tooltip.left .tooltip-arrow { border-left-color: #21242e; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #21242e; }
.tooltip.bottom-left .tooltip-arrow { border-bottom-color: #21242e; }
.tooltip.bottom-right .tooltip-arrow { border-bottom-color: #21242e; }
/*dark section  tooltip*/
.darkSection .tooltip.top .tooltip-arrow { border-top-color: #ffffff; }
.darkSection .tooltip.top-left .tooltip-arrow { border-top-color: #ffffff; }
.darkSection .tooltip.top-right .tooltip-arrow { border-top-color: #ffffff; }
.darkSection .tooltip.right .tooltip-arrow { border-right-color: #ffffff; }
.darkSection .tooltip.left .tooltip-arrow { border-left-color: #ffffff; }
.darkSection .tooltip.bottom .tooltip-arrow { border-bottom-color: #ffffff; }
.darkSection .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #ffffff; }
.darkSection .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #ffffff; }
/* --- Basic --------------------- */
.menu { padding-top: 0px !important; }
.loadSmooth { -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -khtml-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
#container { overflow: hidden; }
.title { font-size: 16px; font-weight: 700; }
/*=============================================================================

	Globally pages Applied Styles

	=============================================================================*/
/* --- all wrapper --------------------- */
.allWrapper { margin: auto; opacity: 0; visibility: hidden; height: auto; position: relative; overflow: hidden; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -khtml-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.innerWrapper { margin: auto; }
.container { padding: 0px !important; }
/* --- loading --------------------- */
.loadingContainer { text-align: center; margin: 0 auto; position: absolute; top: 50%; left: 50%; display: inline-block; z-index: 1000; }
.loadingContainer .loading { display: inline-block; text-align: center; }
.loadingContainer .loading > div { background-color: #21242e; height: 80px; width: 6px; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; }
.loadingContainer .loading .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.loadingContainer .loading .rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; }
.loadingContainer .loading .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.loadingContainer .loading .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
@-webkit-keyframes stretchdelay { 0%, 40%, 100% {
 -webkit-transform: scaleY(0.4);
}
 20% {
 -webkit-transform: scaleY(1);
}
}
@keyframes stretchdelay { 0%, 40%, 100% {
 transform: scaleY(0.4);
 -webkit-transform: scaleY(0.4);
}
 20% {
 transform: scaleY(1);
 -webkit-transform: scaleY(1);
}
}
.loading i { width: 52px; height: 60px; position: absolute; left: 50%; margin-left: -21px; top: 50%; margin-top: -30px; font-size: 60px; display: inline-block; }
/* --- contents --------------------- */
.section { position: relative; }
.section .sectionWrapper { padding: 40px 0px 40px 0px; position: relative; }
/* darkSection */
.darkSection { background-color: #21242e; }
.darkSection .sectionTitle .sectionHeader { color: #ffffff; }
.darkSection .sectionTitle p { color: #ffffff; }
.darkSection .generalLink { background-color: #f09414; }
.darkSection .generalLink:hover { background-color: #ffffff; color: #f09414; }
.lightSection { background-color: #ffffff; border-top: 1px solid #dedfe1; }
.graySection { background: #f5f6f8; border-bottom: 1px solid #f2f2f3; }
.lightDarkSection { background: #393f4f; }
.lightDarkSection .sectionTitle .sectionHeader { color: #ffffff; }
.lightDarkSection .sectionTitle p { color: #edeeee; }
.accentSection { background-color: #f09414; }
.accentSection .sectionTitle .sectionHeader { color: #21242e; }
.accentSection .sectionTitle p { color: #ffffff; }
/*section header*/
.sectionTitle { text-align: center; margin-bottom: 0px; }
.sectionTitle .sectionHeader { position: relative; font-weight: 700; font-size: 20px; text-align: center; color: #f09414; margin-bottom: 20px; }
.sectionTitle .sectionHeader span { font-size: 20px; color: #21242e; font-weight: 700; }
.sectionTitle .sectionHeader .generalBorder { display: block; margin: 20px auto 0px auto; height: 2px; opacity: 1; background-color: #cbcbcb; width: 60px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.sectionTitle .sectionHeader:hover .generalBorder { width: 100px; }
.sectionTitle p { width: 81%; margin: 15px auto 0px; }
/* content header*/
.contentHeader { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 3px double #e4e4e4; opacity: 0; }
.contentHeader.animated { opacity: 1; }
/* Social Nav */
.socialNav { text-align: left; }
.socialNav > li { float: left; font-size: 12px; margin: 0px 2.5px; white-space: nowrap; text-align: center; position: relative; }
.socialNav > li:first-child { margin-left: 0px; }
.socialNav > li:last-child { margin-right: 0px; }
.socialNav > li a { display: block; width: 25px; height: 25px; line-height: 25px; font-size: 17px; position: relative; color: #fff; background-color: rgba(255, 255, 255, 0.2); -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; overflow: hidden; }
.socialNav > li a:hover { background-color: #f09414; }
/* Accordian */
/*toggle - accordain*/
.accordianShortCode .triggerRow { margin-bottom: 10px; border: 1px solid #cccccc; background-color: #f5f6f8; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.accordianShortCode .triggerRow:last-child { margin-bottom: 0px; }
.accordianShortCode .triggerRow:first-child .triggerMenu { display: block; }
.accordianShortCode .triggerRow > a { display: block; padding: 0px 10px; height: 40px; line-height: 40px; font-size: 14px; font-weight: 700; position: relative; background: transparent; color: #7a7c82; }
.accordianShortCode .triggerRow > a:hover { color: #f09414; }
.accordianShortCode .triggerRow > a:before, .accordianShortCode .triggerRow > a.activeLine:before, .accordianShortCode .triggerRow > span.activeLine:before { content: '+'; font-family: 'Tahoma', sans-serif; display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 18px; position: absolute; right: 10px; top: 10px; color: #ffffff; font-weight: bold; background-color: #7a7c82; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.accordianShortCode .triggerRow > a.activeLine, .accordianShortCode .triggerRow > span.activeLine { color: #f09414; }
.accordianShortCode .triggerRow > a.activeLine:before, .accordianShortCode .triggerRow > span.activeLine:before { content: '-'; font-family: 'Tahoma', sans-serif; background-color: #f09414; }
.accordianShortCode .triggerMenu { display: none; padding: 4px 10px 8px 10px; }
.accordianShortCode .triggerMenu p { margin-bottom: 25px; color: #393f4f; font-weight: 300; -webkit-text-shadow: 0 0 0.2px rgba(0, 0, 0, 0.5); -moz-text-shadow: 0 0 0.2px rgba(0, 0, 0, 0.5); -o-text-shadow: 0 0 0.2px rgba(0, 0, 0, 0.5); -ms-text-shadow: 0 0 0.2px rgba(0, 0, 0, 0.5); -khtml-text-shadow: 0 0 0.2px rgba(0, 0, 0, 0.5); text-shadow: 0 0 0.2px rgba(0, 0, 0, 0.5); }
.accordianShortCode .triggerMenu p:last-child { margin-bottom: 0px; }
/* --- progress bars --------------------- */
.progress { height: 42px; font-size: 14px; font-weight: 700; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; background-color: #edeeee; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; -o-box-shadow: 0 0 0 0; -ms-box-shadow: 0 0 0 0; -khtml-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; margin-bottom: 22px; }
.progress .progress-bar { text-align: left; padding-left: 10px; line-height: 42px; font-size: 14px; font-weight: 700; background-color: #f09414; opacity: 0; }
.progress .progress-bar.animated { opacity: 1; }
.progress:last-child { margin-bottom: 0px; }
.progress2 { height: 30px; margin-bottom: 10px; background-color: #21242e; }
.progress2 .progress-bar { font-size: 13px; line-height: 30px; }
/* --- OWL carousel Slider Styles --------------------- */
.slider { overflow: hidden; position: relative; }
.slider .item { width: 100%; position: relative; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.bannerhome { height: 600px; }
.slider .item img { width: 100%; display: block; }
/* slider controls */
.owl-controls .owl-dots { margin-top: 30px; width: 100%; text-align: center; opacity: 1; line-height: 16px; height: 16px; }
.slider:hover .owl-controls .owl-dots { opacity: 1; bottom: 20px; }
.slider:hover .captionsSlider .owl-controls .owl-dots { bottom: 20px; opacity: 0; }
.slider:hover .captionsSlider:hover .owl-controls .owl-dots { bottom: 0px; opacity: 1; }
.owl-dot { display: inline-block; margin: 0px 5px 0px 5px; height: 16px; line-height: 16px; width: 16px; padding-top: 2px; text-align: center; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -khtml-transition: all 0.1s linear; transition: all 0.1s linear; }
.owl-dot:first-child { margin: 0px 5px 0px 0px; }
.owl-dot:last-child { margin: 0px 0px 0px 5px; }
.owl-dot span { width: 12px; display: block; text-align: center; height: 12px; margin: 0px auto; text-indent: -99999px; border: 2px solid #7a7c82; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -khtml-transition: all 0.1s linear; transition: all 0.1s linear; }
.owl-dot.active, .owl-dot:hover { padding-top: 0px; width: 16px; }
.owl-dot:hover span, .owl-dot.active span { width: 16px; height: 16px; background-color: #f09414; border: 0px solid #f09414; }
.owl-controls { width: 100%; }
.owl-controls .owl-nav { height: 100%; width: 100%; }
.slider .owl-controls .owl-nav { position: absolute; top: 50%; margin-top: -20px; right: 0px; height: auto; opacity: 1; z-index: 1000; }
.slider:hover .owl-controls .owl-nav { opacity: 1; }
.owl-controls .owl-nav div { width: 70px; height: 100%; line-height: 104px; text-align: center; display: block; color: #ffffff; position: absolute; z-index: 1000; font-size: 16px; }
.owl-controls .owl-prev { left: -20px; }
.owl-controls .owl-prev:before { content: '\ea0f'; font-family: 'FontAwesome'; }
.owl-controls .owl-next { right: -20px; }
.owl-controls .owl-next:before { content: '\ea10'; font-family: 'FontAwesome'; }
.slider:hover .owl-controls .owl-nav .owl-prev { left: 0px; }
.slider:hover .owl-controls .owl-nav .owl-next { right: 0px; }
#bar { width: 0%; max-width: 100%; height: 4px; }
#progressBar { position: absolute; bottom: 0px; width: 100%; z-index: 10; display: none; }
/*owl carousel*/
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0px; height: 0px; }
/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; -ms-touch-action: pan-y; direction: ltr; }
.owl-carousel .owl-stage { -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel .owl-refresh .owl-item { display: none; }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }
.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
/* No Js */
.no-js .owl-carousel { display: block; }
/* 
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; }
.owl-carousel .owl-item img { transform-style: preserve-3d; }
/* 
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.html") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; }
.owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); -khtml-transform: translateZ(0); -o-transform: translateZ(0); }
.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-dot, .owl-controls .owl-nav 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('images/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); }
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes fadeOut { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@keyframes fadeOut { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
/* 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 1.5s both ease-in-out; -moz-animation: fadeOut 1.5s both ease-in-out; animation: fadeOut 1.5s both ease-in-out; }
.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 1.5s ease both; -moz-animation: scaleUpFrom 1.5s ease both; animation: scaleUpFrom 1.5s ease both; }
.owl-fadeUp-out { -webkit-animation: scaleUpTo 1.5s ease both; -moz-animation: scaleUpTo 1.5s ease both; animation: scaleUpTo 1.5s ease both; }
/* Keyframes */
/*empty*/
@-webkit-keyframes empty { 0% {
 opacity: 1;
}
}
@-moz-keyframes empty { 0% {
 opacity: 1;
}
}
@keyframes empty { 0% {
 opacity: 1;
}
}
@-webkit-keyframes fadeIn { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@-moz-keyframes fadeIn { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes fadeIn { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@-webkit-keyframes fadeOut { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@-moz-keyframes fadeOut { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@keyframes fadeOut { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@-webkit-keyframes backSlideOut { 25% {
 opacity: .5;
 -webkit-transform: translateZ(-500px);
}
 75% {
 opacity: .5;
 -webkit-transform: translateZ(-500px) translateX(-200%);
}
 100% {
 opacity: .5;
 -webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut { 25% {
 opacity: .5;
 -moz-transform: translateZ(-500px);
}
 75% {
 opacity: .5;
 -moz-transform: translateZ(-500px) translateX(-200%);
}
 100% {
 opacity: .5;
 -moz-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut { 25% {
 opacity: .5;
 transform: translateZ(-500px);
}
 75% {
 opacity: .5;
 transform: translateZ(-500px) translateX(-200%);
}
 100% {
 opacity: .5;
 transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn { 0%, 25% {
 opacity: .5;
 -webkit-transform: translateZ(-500px) translateX(200%);
}
 75% {
 opacity: .5;
 -webkit-transform: translateZ(-500px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateZ(0) translateX(0);
}
}
@-moz-keyframes backSlideIn { 0%, 25% {
 opacity: .5;
 -moz-transform: translateZ(-500px) translateX(200%);
}
 75% {
 opacity: .5;
 -moz-transform: translateZ(-500px);
}
 100% {
 opacity: 1;
 -moz-transform: translateZ(0) translateX(0);
}
}
@keyframes backSlideIn { 0%, 25% {
 opacity: .5;
 transform: translateZ(-500px) translateX(200%);
}
 75% {
 opacity: .5;
 transform: translateZ(-500px);
}
 100% {
 opacity: 1;
 transform: translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade { to {
 opacity: 0;
 -webkit-transform: scale(0.8);
}
}
@-moz-keyframes scaleToFade { to {
 opacity: 0;
 -moz-transform: scale(0.8);
}
}
@keyframes scaleToFade { to {
 opacity: 0;
 transform: scale(0.8);
}
}
@-webkit-keyframes goDown { from {
 -webkit-transform: translateY(-100%);
}
}
@-moz-keyframes goDown { from {
 -moz-transform: translateY(-100%);
}
}
@keyframes goDown { from {
 transform: translateY(-100%);
}
}
@-webkit-keyframes scaleUpFrom { from {
 opacity: 0;
 -webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpFrom { from {
 opacity: 0;
 -moz-transform: scale(1.5);
}
}
@keyframes scaleUpFrom { from {
 opacity: 0;
 transform: scale(1.5);
}
}
@-webkit-keyframes scaleUpTo { to {
 opacity: 0;
 -webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpTo { to {
 opacity: 0;
 -moz-transform: scale(1.5);
}
}
@keyframes scaleUpTo { to {
 opacity: 0;
 transform: scale(1.5);
}
}
/*=============================================================================

	Style 1 Default

	=============================================================================*/
/* --- topMenu --------------------- */
.topMenu { position: absolute; top: 0px; width: 100%; z-index: 1000; padding: 12px 0px; }
/* topContact */

.topContact ul { float: right; margin-top: 5px; }
.topContact ul li { float: left; color: #FFFFFF; font-size: 13px; border-right: 1px solid #f09414; padding: 0px 14px; height: 14px; line-height: 14px; }
.topContact ul li:first-child { padding: 0px 14px 0px 0px; }
.topContact ul li:last-child { padding: 0px 0px 0px 14px; border-right: none; }
.topContact ul li a { color: #FFFFFF; }
.topContact ul li a:hover { color: #f09414; }
/* fancy select */
/*select*/
.fancy-select { position: relative; margin-left: 5px; display: none; font-size: 12px; font-weight: 500; color: #fff; height: 25px; line-height: 25px; text-align: right; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; transition: all 0.3s linear; }
.fancy-select.disabled { opacity: 0.5; }
.fancy-select select:focus + .trigger { background-color: rgba(255, 255, 255, 0.2); }
.fancy-select select:focus + .trigger.open, .fancy-select select + .trigger:hover { background-color: #f09414; }
.fancy-select .trigger { height: 25px; line-height: 25px; border-radius: 2px; cursor: pointer; padding: 0px 30px 0px 7px; white-space: nowrap; text-overflow: ellipsis; position: relative; color: #fff; background-color: rgba(255, 255, 255, 0.2); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; transition: all 0.3s linear; }
.fancy-select .trigger:after { content: ""; display: block; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-top-color: #fff; top: 12px; right: 7px; }
.fancy-select .trigger.open { color: #fff; background-color: #f09414; border-radius: 2px 2px 0px 0px; }
.fancy-select ul.options { list-style: none; position: absolute; left: 0px; visibility: hidden; opacity: 0; z-index: 50; max-height: 200px; overflow: hidden; min-width: 150px; border-radius: 0px 2px 2px 2px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; transition: all 0.3s linear; }
.fancy-select ul.options.open { visibility: visible; opacity: 1; }
.fancy-select ul.options.overflowing { top: auto; bottom: 40px; }
.fancy-select ul.options.overflowing.open { top: auto; bottom: 50px; }
.fancy-select ul.options li { padding: 8px 12px; color: #5d5d5d; background-color: #fff; cursor: pointer; text-align: left; white-space: nowrap; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; transition: all 0.3s linear; border: 1px solid #f09414; }
.fancy-select ul.options li.selected { color: #fff; background-color: #f09414; }
.fancy-select ul.options li.hover { color: #fff; background-color: #0063a5; }
/* --- slider --------------------- */
.slider { border-top: 1px solid #242832; }
.slider .cover { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(33, 36, 46, 0.6); z-index: 10; }
/* slider captions */
.slider .sliderStyle1 .captions { position: absolute; width: 100%; height: 50%; top: 50%; left: 0%; margin: -8% 0px 0px 0px; z-index: 100; }
.captions h2 { color: #fff; font-size: 40px; font-weight: 700; line-height: 50px; text-align: center; opacity: 0; margin-bottom: 30px; }
.captions p { font-size: 16px; color: #c5c5c5; line-height: 22px; font-weight: 400; width: 85%; margin-left: auto; margin-right: auto; margin-bottom: 30px; opacity: 0; }
.captions .links { opacity: 0; }
.captions .links a { height: 50px; line-height: 50px; padding: 0px 30px; text-align: center; font-size: 15px; font-weight: 700; opacity: 0; margin: 0px 15px; display: inline-block; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.captions .links a.details { background-color: #ffffff; color: #21242e; margin-left: 0; }
.captions .links a.details:hover { background-color: #f09414; color: #ffffff; }
.captions .links a.join { color: #ffffff; background-color: #f09414; margin-right: 0; }
.captions .links a.join:hover { background-color: #ffffff; color: #21242e; }
.captions .slideContents { text-align: left; }
.captions .slideContents h2 { font-size: 30px; }
.captions .slideContents h2, .captions .slideContents p { text-align: left; }
.captions .slideContents p { margin-left: 0; }
.captions .slideContents .factsImg .imacWrapper { margin-top: -80px; text-align: right; }
.captions .slideContents .factsImg .imacWrapper img { width: 80%; display: inline-block; }
.captions .slideContents.slideContents.animated.col-md-6 { opacity: 0; }
/* slider style 1 animation */
.owl-item.active .captions h2, .owl-item.active .captions p, .owl-item.active .captions .links, .owl-item.active .captions .links a, .owl-item.active .captions .slideContents.slideContents.animated.col-md-6 { opacity: 1; }
.owl-item.active .captions h2 { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; }
.owl-item.active .captions p { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; }
.slider .owl-item.active .captions .links a.details { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -o-animation-delay: 3s; animation-delay: 3s; }
.slider .owl-item.active .captions .links a.join { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -o-animation-delay: 3s; animation-delay: 3s; }
.owl-item.active .captions .slideContents.slideContents.animated.col-md-6 { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 4s; -moz-animation-delay: 4s; -o-animation-delay: 4s; animation-delay: 4s; }
.homeSlider_2 .owl-item.active .captions .links a.details { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -o-animation-delay: 3s; animation-delay: 3s; }
/* slider style 1 controls */
.sliderStyle1 .owl-controls .owl-dots { position: absolute; bottom: -20px; left: 0px; width: 100%; text-align: center; opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.sliderStyle1:hover .owl-controls .owl-dots { opacity: 1; bottom: 20px; }
.owl-controls .owl-nav { height: 100%; width: 100%; }
.slider .owl-controls .owl-nav { position: absolute; top: 50%; margin-top: -20px; right: 0px; height: auto; opacity: 1; z-index: 1000; }
.slider:hover .owl-controls .owl-nav { opacity: 1; }
.homeSlider_1 .owl-controls .owl-nav div { width: 32px; height: 50px; line-height: 50px; text-align: center; display: block; color: #ffffff; position: absolute; z-index: 1000; font-size: 13px; background-color: rgba(255, 255, 255, 0.2); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.owl-controls .owl-nav div:hover { background-color: #f09414; }
.owl-controls .owl-prev { left: 0px; border-radius: 0px 2px 2px 0px; }
.owl-controls .owl-prev:before { content: '\f104'; font-family: 'FontAwesome'; }
.owl-controls .owl-next { right: 0px; border-radius: 2px 0px 0px 2px; }
.owl-controls .owl-next:before { content: '\f105'; font-family: 'FontAwesome'; }
.slider .owl-dot { display: inline-block; margin: 0px 5px 0px 5px; height: 5px; line-height: 5px; width: 32px; padding-top: 0px; text-align: center; background-color: rgba(255, 255, 255, 0.2); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; transition: all 0.3s linear; }
.slider .owl-dot span { width: 32px; text-align: center; height: 5px; margin: 0px auto; text-indent: -99999px; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; transition: all 0.3s linear; }
.slider .owl-dot.active, .slider.owl-dot:hover { background-color: #f09414; }
/* 

  from here is the organized less the rest will be organized after ( Finish )

 */
/* --- main menu --------------------- */
/* main menu style1 */
.header { background: transparent; position: relative; height: 94px; border-bottom: 1px solid #d9d9d9; background-color: #ffffff; }
.header .scrollHeaderWrapper { border-bottom: 1px solid #0259a9; height: 94px; }
.header + .offset { display: none; }
.header.fixedHeader { position: fixed; top: 0; left: 0; width: 100%; z-index: 100000; }
.header.fixedHeader + .offset { display: block; }
/* --- logo --------------------- */
.logoWrapper { padding-left: 15px; float: left; }
.logoWrapper1 { padding-left: 50px; float: right; margin-top: -35px; }
.logo { margin-top: 20px; margin-bottom: 0px; }
.logo a { float: left; height: px; display: block; overflow: hidden; }
.logo a .square { width: 33px; height: 33px; position: relative; float: left; overflow: hidden; margin-right: 8px; background-color: #f09414; color: #21242e; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; display: block; }
.logo a .square span { position: absolute; bottom: 2px; font-size: 22px; left: 50%; margin-left: -6.5px; text-align: center; font-weight: 700; line-height: 1; display: block; height: 18px; width: 13px; }
.logo a .text { float: left; font-size: 30px; line-height: 140%; font-weight: 700; color: #f09414; }
.logo a img { display: block; }
/* --- mainNav --------------------- */
.mainNav { padding-top: 30px; padding-right: 15px; float: right; }
.mainNav .navTabs { float: right; }
.mainNav .navTabs > li { float: left; margin-left: 10px; position: relative; }
.mainNav .navTabs > li > a, .mainNav .navTabs > li > button { display: block; height: 33px; line-height: 33px; text-align: center; padding: 0px 12px; color: #21242e; font-size: 14px; font-weight: 700; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.mainNav .navTabs > li .active { background-color: #f09414; color: #ffffff !important; }
.mainNav .navTabs > li .menuArrow { display: inline-block; line-height: 33px; margin-left: 5px; padding-top: 1px; float: right; }
.mainNav .navTabs > li .dropDown { position: absolute; z-index: 1000000000; left: 0px; top: 31px; min-width: 156px; -webkit-border-radius: 0px 2px 2px 2px; -moz-border-radius: 0px 2px 2px 2px; -o-border-radius: 0px 2px 2px 2px; -ms-border-radius: 0px 2px 2px 2px; -khtml-border-radius: 0px 2px 2px 2px; border-radius: 0px 2px 2px 2px; background-color: #ffffff; border: 1px solid #cccccc; border-top: 2px solid #f09414; display: none; }
.mainNav .navTabs > li .dropDown li { position: relative; }
.mainNav .navTabs > li .dropDown li a, .mainNav .navTabs > li .dropDown li > button { display: block; white-space: nowrap; color: #21242e; text-align: left; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; width: 100%; overflow: hidden; font-size: 13px; font-weight: 700; padding: 0px 12px; height: 40px; line-height: 40px; border-bottom: 1px solid #cccccc; }
.mainNav .navTabs > li .dropDown li .active { color: #ffffff !important; background-color: #f09414; }
.mainNav .navTabs > li .dropDown li .dropDown { position: absolute; z-index: 1000000000; left: 100%; top: -2px; min-width: 156px; -webkit-border-radius: 0px 2px 2px 2px; -moz-border-radius: 0px 2px 2px 2px; -o-border-radius: 0px 2px 2px 2px; -ms-border-radius: 0px 2px 2px 2px; -khtml-border-radius: 0px 2px 2px 2px; border-radius: 0px 2px 2px 2px; overflow: hidden; }
.mainNav .navTabs > li .dropDown li:hover > a, .mainNav .navTabs > li .dropDown li:hover > button { color: #ffffff; background-color: #f09414; }
.mainNav .navTabs > li .dropDown :first-child > a, .mainNav .navTabs > li .dropDown :first-child > button { -webkit-border-radius: 0px 2px 0px 0px; -moz-border-radius: 0px 2px 0px 0px; -o-border-radius: 0px 2px 0px 0px; -ms-border-radius: 0px 2px 0px 0px; -khtml-border-radius: 0px 2px 0px 0px; border-radius: 0px 2px 0px 0px; }
.mainNav .navTabs > li .dropDown :last-child > a, .mainNav .navTabs > li .dropDown :last-child > button { border-bottom: none; -webkit-border-radius: 0px 0px 2px 2px; -moz-border-radius: 0px 0px 2px 2px; -o-border-radius: 0px 0px 2px 2px; -ms-border-radius: 0px 0px 2px 2px; -khtml-border-radius: 0px 0px 2px 2px; border-radius: 0px 0px 2px 2px; }
.mainNav .navTabs > li:hover .dropDown { display: block; animation-name: slideUpSlow; -webkit-animation-name: slideUpSlow; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; }
.mainNav .navTabs > li:hover .dropDown .dropDown { display: none; }
.mainNav .navTabs > li:hover .dropDown li:hover .dropDown { display: block; animation-name: slideLeftSlow; -webkit-animation-name: slideLeftSlow; }
.mainNav .navTabs > li:hover > a, .mainNav .navTabs > li:hover > button { background-color: #f09414; color: #ffffff; }
.mainNav .navTabs > li .formWrapper { padding: 20px; overflow: hidden; }
.mainNav .navTabs > li .formWrapper form input { width: 100%; padding: 13px 20px; margin-bottom: 20px; }
.mainNav .navTabs > li .formWrapper form input:focus { border-color: #f09414; }
.mainNav .navTabs > li .formWrapper form button { width: 100%; color: #ffffff; font-size: 15px; font-weight: 700; padding: 13px 20px; margin-top: 10px; }
.mainNav .navTabs .login .loginModal .container { width: 50%; }
.mainNav .navTabs .login > a { display: none; }
.mainNav .navTabs .login a, .mainNav .navTabs .login > button, .mainNav .navTabs .login .opened { background-color: #0e72cf; color: #ffffff; }
.mainNav .navTabs .login a:hover, .mainNav .navTabs .login > button:hover, .mainNav .navTabs .login .opened:hover { background-color: #f09414; }
.mainNav .navTabs .login .formWrapper { background-color: #ffffff !important; z-index: 1000000000; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.mainNav .navTabs .login .formWrapper li { border-bottom: 1px solid #cccccc; margin-bottom: 20px; }
.mainNav .navTabs .login .formWrapper li:last-child { border-bottom: none; }
.mainNav .navTabs .login .formWrapper li h5 { margin-bottom: 20px; height: 35px; line-height: 35px; }
.mainNav .navTabs .login .formWrapper li h5 i { float: left; display: block; width: 35px; height: 35px; background-color: #f09414; color: #ffffff; text-align: center; line-height: 35px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; margin-right: 20px; }
.mainNav .navTabs .login .formWrapper form { display: block; margin-bottom: 20px; }
.mainNav .navTabs .login .formWrapper form button, .mainNav .navTabs .login .formWrapper form input[type="submit"] { background-color: #21242e; }
.mainNav .navTabs .login .formWrapper form button:hover, .mainNav .navTabs .login .formWrapper form input[type="submit"]:hover { background-color: #f09414; color: #ffffff; }
.mainNav .navTabs .login .formWrapper .register { margin-bottom: 0; text-align: center; }
.mainNav .navTabs .login .formWrapper .register a { background-color: transparent; font-size: 16px; font-weight: 700; color: #21242e; }
.mainNav .navTabs .login .formWrapper .register a:hover { color: #f09414; }
.mainNav .navTabs .menuSocial { margin-left: 4px; }
.mainNav .navTabs .menuSocial a { width: 33px; text-align: center; background-color: #f1f1f1; font-weight: bold; }
.mainNav .navTabs .menuSocial a i { font-weight: bold; }
.mainNav .navTabs .menuSocial a:hover { background-color: #f09414; color: #ffffff; }
.mainNav .navTabs li:first-child { margin-left: 0px; }
/* --- responsiveMainNav --------------------- */
#responsiveMainNavToggler { padding: 0; height: 33px; width: 33px; text-align: center; line-height: 33px; margin-top: 30px; margin-bottom: 30px; font-size: 18px; overflow: hidden; margin-right: 15px; float: right; }
#responsiveMainNavToggler.opened { background-color: #f09414; color: #ffffff; }
.style-5 #responsiveMainNavToggler { background-color: #f09414; color: #ffffff; }
.style-5 #responsiveMainNavToggler:hover { background-color: #21242e; }
.responsiveMainNav { padding: 0 15px; margin-bottom: 30px; position: relative; display: none; }
.responsiveMainNav > ul.navTabs > li a, .responsiveMainNav > ul.navTabs > li > button { display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 15px; background-color: #f5f6f8; color: #21242e; border-bottom: 1px solid #cccccc; text-align: left; font-weight: 700; }
.responsiveMainNav > ul.navTabs > li a:hover, .responsiveMainNav > ul.navTabs > li > button:hover { background-color: #f09414; color: #ffffff; }
.responsiveMainNav > ul.navTabs > li a:hover:after, .responsiveMainNav > ul.navTabs > li > button:hover:after { color: #ffffff !important; }
.responsiveMainNav > ul.navTabs > li a.toggleResponsive:after, .responsiveMainNav > ul.navTabs > li > button.toggleResponsive:after { content: '+'; font-family: 'tahoma'; float: right; color: #21242e; font-size: 17px; font-weight: 700; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.responsiveMainNav > ul.navTabs > li .toggleResponsive.activeLine { background-color: #f09414; color: #ffffff; }
.responsiveMainNav > ul.navTabs > li .toggleResponsive.activeLine:after { content: '-'; font-family: 'tahoma'; float: right; color: #ffffff; font-size: 17px; font-weight: 700; }
.responsiveMainNav > ul.navTabs > li .active { background-color: #f09414; color: #ffffff; }
.responsiveMainNav > ul.navTabs > li .active:after { color: #ffffff !important; }
.responsiveMainNav > ul.navTabs > li .dropDown { display: none; }
.responsiveMainNav > ul.navTabs > li .dropDown li a { padding: 0 30px; }
.responsiveMainNav > ul.navTabs > li .dropDown li a:before { content: '-'; font-family: 'tahoma'; font-weight: 700; margin-right: 5px; }
.responsiveMainNav > ul.navTabs > li .dropDown li .dropDown li a { padding: 0 45px; }
.responsiveMainNav > ul.navTabs .register .formSwitcher, .responsiveMainNav > ul.navTabs .login .formSwitcher { display: none; }
/* --- services --------------------- */
/* services */
.singleService { text-align: center; background: #f5f6f8; padding: 20px; border: 1px solid #cccccc; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.singleService:hover .serviceIcon .servicesIconBase { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
.singleService h3 { font-weight: 700; margin-bottom: 15px; font-size: 18px; }
.singleService .serviceIcon { padding: 6px; width: 116px; height: 116px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; margin: 0px auto; border: 2px solid #f09414; margin-bottom: 20px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; transition: all 0.3s linear; }
.singleService .serviceIcon .servicesIconBase { background-color: #f09414; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; position: relative; padding-top: 15px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; transition: all 0.3s linear; background-position: center center; background-repeat: no-repeat; }
.singleService .serviceIcon .servicesIconBase img { display: inline-block; }
.singleService .servicesBg-1 { background-image: url('images/service-1.png'); }
.singleService .servicesBg-2 { background-image: url('images/rec_sms.png'); }
.singleService .servicesBg-3 { background-image: url('images/service-3.png'); }
.singleService .servicesBg-4 { background-image: url('images/service-4.png'); }
.singleService .servicesBg-5 { background-image: url('images/service-5.png'); }
.singleService .servicesBg-6 { background-image: url('images/service-6.png'); }
.singleService .servicesBg-7 { background-image: url('images/service-7.png'); }
.singleService a { background-color: #21242e; color: #ffffff; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.singleService a:hover { background-color: #f09414; }
/* services 2 */
.welcome2 .sectionWrapper { padding-bottom: 50px; }
.singleService2 { text-align: left; background: #ffffff; margin-bottom: 30px; }
.singleService2 .serviceIcon, .singleService2 .servicesContents { float: left; }
.singleService2 .serviceIcon { margin-right: 20px; margin-bottom: 0px; }
.singleService2 .servicesContents { width: 73.6%; }
.singleService2 a { float: right; }
/* singleService 3 */
.singleService3 .serviceName { color: #f09414; }
.singleService3 .servicesDescription { color: #21242e; }
.singleService3 .readMore { background-color: #f09414; }
.singleService3 .readMore:hover { background-color: #21242e; }
/* --- pricing --------------------- */
.pricing .sectionWrapper { padding-bottom: 50px; }
/* Pricing Table */
.pricingTable { -webkit-border-radius: 0px 0px 2px 2px; -moz-border-radius: 0px 0px 2px 2px; -o-border-radius: 0px 0px 2px 2px; -ms-border-radius: 0px 0px 2px 2px; -khtml-border-radius: 0px 0px 2px 2px; border-radius: 0px 0px 2px 2px; margin-bottom: 0px; }
.pricingTable:hover .pricingIcon { border-color: #21242e; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
.pricingTable .pricingIcon { width: 95px; height: 95px; line-height: 95px; border: 5px solid #ff3838; margin: auto; margin-bottom: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background: #ffffff url('images/plan-icon-pink.png') center center no-repeat; }
.pricingTable .pricingHeader { border: 1px solid #f09414; border-bottom: none; background-color: #f09414; padding: 10px; -webkit-border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; -o-border-radius: 2px 2px 0px 0px; -ms-border-radius: 2px 2px 0px 0px; -khtml-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; position: relative; }
.pricingTable .pricingHeader .pricingTitle { float: left; color: #ffffff; margin-bottom: 0px; font-size: 20px; }
.pricingTable .pricingHeader .pricingTitle span { margin-top: 5px; font-weight: normal; display: block; font-size: 13px; }
.pricingTable .pricingHeader .ribbon { position: absolute; left: -6px; top: -5px; }
.pricingTable .pricingPerMonth { float: right; display: block; background-color: #21242e; color: #ffffff !important; font-size: 16px; font-weight: 700; width: 110px; height: 55px; line-height: 55px; text-align: center; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.pricingTable > img { display: block; width: 100%; }
.pricingTable .pricingBody { -webkit-box-shadow: inset 0px -2px 0px #cccccc; box-shadow: inset 0px -2px 0px #cccccc; overflow: hidden; background-color: #ffffff; padding: 20px; border: 1px solid #cccccc; border-top: none; border-bottom: 1px solid #acadae; -webkit-border-radius: 0px 0px 2px 2px; -moz-border-radius: 0px 0px 2px 2px; -o-border-radius: 0px 0px 2px 2px; -ms-border-radius: 0px 0px 2px 2px; -khtml-border-radius: 0px 0px 2px 2px; border-radius: 0px 0px 2px 2px; }
.pricingTable .pricingBody li { padding: 20px 0px; color: #21242e; border-bottom: 1px solid #cccccc; font-size: 15px; font-weight: 400; }
.pricingTable .pricingBody li span { float: right; color: #f09414; font-size: 14px; }
.pricingTable .pricingBody li .generalLink { padding: 16px 10px; font-size: 17px; color: #ffffff; font-weight: 700; width: 100%; }
.pricingTable .pricingBody li .orderNow { background-color: #f09414; }
.pricingTable .pricingBody li .orderNow:hover { background-color: #21242e; }
.pricingTable .pricingBody li:first-child { padding-top: 0px; }
.pricingTable .pricingBody li:last-child { border-bottom: 3px; padding-bottom: 0px; padding-top: 20px; }
.pricingTable .pricingBody li:last-child p { float: left; width: 50%; margin-bottom: 0; }
.pricingTable .pricingBody li:last-child p:first-child { padding-right: 10px; }
.pricingTable .pricingBody li:last-child p:last-child { padding-left: 10px; }
/* Pricing Table 2 */
.pricing2 { background: #ffffff; border-bottom: none; }
/* Table */
.table-responsive > .table { border-color: #ccc !important; }
.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 1px solid #ccc; }
.tableWrapper { padding: 20px; border: 1px solid #ccc; position: relative; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; overflow: auto; width: 99%; }
.table-bordered { border-color: #ccc; color: #21242e; font-size: 13px; margin-bottom: 0px; background-color: #ffffff; border-right: 0; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; overflow: hidden; }
.table-bordered thead { background: #e1e1e1; /* Old browsers */ background: -moz-linear-gradient(top, #e1e1e1 0%, #e7e7e7 3%, #e7e7e7 7%, #eeeeee 12%, #eeeeee 15%, #f0f0f0 17%, #f0f0f0 43%, #f0f0f0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(3%, #e7e7e7), color-stop(7%, #e7e7e7), color-stop(12%, #eeeeee), color-stop(15%, #eeeeee), color-stop(17%, #f0f0f0), color-stop(43%, #f0f0f0), color-stop(100%, #f0f0f0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e1e1e1 0%, #e7e7e7 3%, #e7e7e7 7%, #eeeeee 12%, #eeeeee 15%, #f0f0f0 17%, #f0f0f0 43%, #f0f0f0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e1e1e1 0%, #e7e7e7 3%, #e7e7e7 7%, #eeeeee 12%, #eeeeee 15%, #f0f0f0 17%, #f0f0f0 43%, #f0f0f0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e1e1e1 0%, #e7e7e7 3%, #e7e7e7 7%, #eeeeee 12%, #eeeeee 15%, #f0f0f0 17%, #f0f0f0 43%, #f0f0f0 100%); /* IE10+ */ background: linear-gradient(to bottom, #e1e1e1 0%, #e7e7e7 3%, #e7e7e7 7%, #eeeeee 12%, #eeeeee 15%, #f0f0f0 17%, #f0f0f0 43%, #f0f0f0 100%);   /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#f0f0f0', GradientType=0);
/* IE6-9 */
color: #21242e; }
.table-bordered thead tr th { font-weight: 700; font-size: 14px; padding: 13px 20px; }
.table-bordered td { padding: 13px 20px !important; }
.table-bordered td:nth-child(1) { color: #21242e; font-size: 13px; font-weight: 700; }
.table-bordered td:nth-child(2) { font-size: 13px; font-weight: 700; color: #f09414; }
.table-bordered td:nth-child(3) { font-size: 13px; font-weight: 700; color: #f09414; }
.table-bordered td:nth-child(4) { font-size: 13px; font-weight: 700; color: #f09414; }
.table-bordered td:nth-child(5) { font-size: 13px; font-weight: 700; color: #f09414; }
.table-bordered td:nth-child(6) { font-size: 13px; font-weight: 700; color: #f09414; }
.table-bordered td:nth-child(7) { font-size: 13px; font-weight: 700; color: #f09414; }
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-bottom: 0; border-left: 0; }
.table-bordered:last-child { margin-bottom: 0; }
/* --- Features --------------------- */
/* singleFeature */
.singleFeature { text-align: center; }
.singleFeature .featureIcon { margin-bottom: 24px; display: inline-block; width: 70px; height: 70px; line-height: 60px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; border: 5px solid #cccccc; font-size: 20px; color: #f09414; overflow: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.singleFeature .featureIcon i { font-size: 20px; }
.singleFeature .featureName { font-weight: 700; margin-bottom: 10px; font-size: 16px; }
.singleFeature .featureName a { color: #f09414; }
.singleFeature .featureName a:hover { color: #21242e; }
.singleFeature:hover .featureIcon { border: 5px solid #f09414; color: #ffffff; background-color: #f09414; }
.singleFeature2 .featureIcon { float: left; margin-right: 20px; }
.singleFeature2 .featureContents { float: left; width: 75%; text-align: left; }
.singleFeature3 .featureIcon { background-color: #f09414; color: #ffffff; }
.singleFeature3 .featureName a { color: #21242e; }
.singleFeature3 .featureName a:hover { color: #f09414; }
.features2 { border-top: none; }
/* --- Departments --------------------- */
.department .departHeader { height: 30px; border-bottom: 2px solid #f09414; margin-bottom: 20px; color: #393f4f; font-size: 15px; font-weight: 700; }
.department .departBody { border: 1px solid #ccc; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; padding: 20px; }
.department .departBody p { margin-bottom: 25px; font-weight: 400; color: #21242e; }
.department .departBody p a { color: #f09414; }
.department .departBody p a:hover { text-decoration: underline !important; }
.department .departBody p:last-child { margin-bottom: 0; }
.department .departBody .title { display: block; font-size: 13px; color: #f09414; margin-bottom: 5px; }
/* --- Domain Serach --------------------- */
.domainSearchForm .formSearchUl > li { height: 58px; float: left; }
.domainSearchForm .formSearchUl > li:first-child { padding: 10px; background-color: #ffffff; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; margin-right: 10px; width: 1102px; }
.domainSearchForm .formSearchUl > li:first-child input { background-color: #f5f6f8; border: none; color: #f09414; width: 887px; height: 100%; line-height: 100%; float: left; }
.domainSearchForm .formSearchUl > li:last-child button { width: 58px; height: 58px; background-color: #f09414; font-size: 16px; }
.borderRadius { -moz-border-radius: 2px; border-radius: 2px; }
.borderRadiusTp { -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; }
.borderRadiusBtm { -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; }
.ddcommon { position: relative; display: -moz-inline-stack; zoom: 1; display: inline-block; *display: inline;
cursor: default; }
.ddcommon ul { padding: 0; margin: 0; }
.ddcommon ul li { list-style-type: none; }
.borderRadiusTp ul li:last-child { -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; border-bottom: 0 none #c3c3c3; }
.borderRadiusBtm ul li:first-child { -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; border-bottom: 1 solid #c3c3c3; }
.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll { opacity: .5; /* standard: ff gt 1.5, opera, safari */ -ms-filter: "alpha(opacity=50)"; /* ie 8 */ filter: alpha(opacity=50); /* ie lt 7 */ -khtml-opacity: .5; /* safari 1.x */ -moz-opacity: .5; /* ff lt 1.5, netscape */ color: #999999; }
.ddcommon .clear { clear: both; }
.ddcommon .shadow { -moz-box-shadow: 5px 5px 5px -5px #888888; -webkit-box-shadow: 5px 5px 5px -5px #888888; box-shadow: 5px 5px 5px -5px #888888; }
.ddcommon input.text { color: #7e7e7e; padding: 0 0 0 0; position: absolute; background: #fff; display: block; width: 98%; height: 98%; left: 2px; top: 0; border: none; }
.ddOutOfVision { position: relative; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;
}
.borderRadius .shadow { -moz-box-shadow: 5px 5px 5px -5px #888888; -webkit-box-shadow: 5px 5px 5px -5px #888888; box-shadow: 5px 5px 5px -5px #888888; }
.borderRadiusBtm .shadow { -moz-box-shadow: -5px -5px 5px -5px #888888; -webkit-box-shadow: -5px -5px 5px -5px #888888; box-shadow: -5px -5px 5px -5px #888888; }
.borderRadiusTp .border, .borderRadius .border { -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; }
.borderRadiusBtm .border { -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; }
img.fnone { float: none !important; }
.ddcommon .divider { width: 0; height: 100%; position: absolute; }
.ddcommon .ddArrow { display: inline-block; position: absolute; top: 50%; right: 4px; }
.ddcommon .ddArrow:hover { background-position: 0 100%; }
.ddcommon .ddTitle { padding: 0; position: relative; display: inline-block; width: 100%; }
.ddcommon .ddTitle .ddTitleText { display: block; }
.ddcommon .ddTitle .ddTitleText .ddTitleText { padding: 0; }
.ddcommon .ddTitle .description { display: block; }
.ddcommon .ddTitle .ddTitleText img { position: relative; vertical-align: middle; float: left; }
.ddcommon .ddChild { position: absolute; display: none; width: 100%; height: auto !important; zoom: 1; z-index: 9999; }
.ddcommon .ddChild li { clear: both; }
.ddcommon .ddChild li .description { display: block; }
.ddcommon .ddChild li img { border: 0 none; position: relative; vertical-align: middle; float: left; }
.ddcommon .ddChild li.optgroup { padding: 0; }
.ddcommon .ddChild li.optgroup .optgroupTitle { padding: 0 5px; font-weight: bold; font-style: italic; }
.ddcommon .ddChild li.optgroup ul li { padding: 5px 5px 5px 15px; }
.ddcommon .noBorderTop { border-top: none 0 !important; padding: 0; margin: 0; }
/*************** default theme **********************/
.dd { width: 185px !important; margin-left: 10px; float: left; color: #21242e; height: 100%; line-height: 100%; cursor: pointer; }
.dd .divider { display: none; }
.dd .ddArrow { width: 18px; height: 18px; line-height: 18px; text-align: center; margin-top: -9px; right: 9px; background-color: #f09414; }
.dd .ddArrow:before { content: '\f107'; font-family: 'FontAwesome'; color: #ffffff; position: relative; }
.dd .ddArrow:hover { background-position: 0 100%; }
.dd .ddTitle { background: #edeeee; }
.dd .ddTitle .ddTitleText { padding: 10px 20px 0px 10px; height: 38px; line-height: 38px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.dd .ddTitle .ddTitleText .ddlabel { float: left; margin-right: 8px; color: #f09414; font-weight: 700; }
.dd .ddTitle .ddTitleText .ddTitleText { padding: 0; }
.dd .ddTitle .description { font-size: 12px; color: #21242e; float: left; }
.dd .ddTitle .ddTitleText img { padding-right: 5px; }
.dd .ddChild { border: 1px solid #c3c3c3; background-color: #fff; left: -1px; }
.dd .ddChild li { padding: 5px; background-color: #fff; border-bottom: 1px solid #c3c3c3; text-align: left; }
.dd .ddChild li .description { color: #666; }
.dd .ddChild li .ddlabel { color: #333; }
.dd .ddChild li.hover { background-color: #f2f2f2; }
.dd .ddChild li img { padding: 0 6px 0 0; }
.dd .ddChild li.optgroup { padding: 0; }
.dd .ddChild li.optgroup .optgroupTitle { padding: 0 5px; font-weight: bold; font-style: italic; }
.dd .ddChild li.optgroup ul li { padding: 5px 5px 5px 15px; }
.dd .ddChild li.selected { background-color: #d5d5d5; color: #000; }
/* --- About --------------------- */
/* introduction */
.introduction .post { margin-bottom: 0 !important; }
.introduction .postSlider .owl-controls .owl-nav .owl-next { right: 50px; }
.introduction .postContents { padding-top: 25px !important; }
.introduction .postSlider.col-md-6 { width: 50%; }
.introduction2 .postContents { padding-top: 0 !important; text-align: left !important; }
/* Team */
.teamMemberWrapper { padding: 20px 10px; background-color: #ffffff; text-align: center; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.teamMemberWrapper:hover .memberAvatar { background-color: #f09414; }
.teamMemberWrapper:hover .memberAvatar img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
.teamMemberWrapper .memberAvatar { border: 2px solid #f09414; padding: 5px; display: inline-block; width: 116px; height: 116px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; margin-bottom: 10px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.teamMemberWrapper .memberAvatar img { display: block; width: 100%; height: 100%; border: 2px solid #f09414; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.teamMemberWrapper .memberName { font-size: 18px; margin-bottom: 10px; }
.teamMemberWrapper .memberName a { color: #f09414; }
.teamMemberWrapper .memberName a:hover { color: #21242e; }
.teamMemberWrapper .memberJob { color: #acacac; display: block; margin-bottom: 20px; }
.teamMemberWrapper .details { color: #21242e; }
.teamMemberWrapper .memberSocial { text-align: center; }
.teamMemberWrapper .memberSocial li { float: none; display: inline-block; }
.teamMemberWrapper .memberSocial a { background-color: #f09414; }
.teamMemberWrapper .memberSocial a:hover { background-color: #21242e; }
.teamMemberWrapper2 { border: 1px solid #ccc; }
/* --- Facts --------------------- */
.facts { border-bottom: 1px solid #dcdddf; }
.facts + .mainSection .sectionWrapper { padding-top: 100px; border-top: 1px solid #f8f8f8; }
.facts .sectionWrapper { padding-bottom: 50px; }
.fact { text-align: center; margin-bottom: 40px; }
.fact:hover .factIcon { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
.fact .factIcon { height: 74px; line-height: 66px; width: 74px; display: inline-block; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; border: 4px solid #dfe0e0; background-color: #21242e; overflow: hidden; margin-bottom: 5px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -khtml-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.fact .factIcon img { vertical-align: middle; }
.fact .factIcon1 { background: #21242e url('images/fact-1-pink.png') no-repeat center center; }
.fact .factIcon2 { background: #21242e url('images/fact-2-pink.png') no-repeat center center; }
.fact .factIcon3 { background: #21242e url('images/fact-3-pink.png') no-repeat center center; }
.fact .factIcon4 { background: #21242e url('images/fact-4-pink.png') no-repeat center bottom; }
.fact .factIcon5 { background: #21242e url('images/PDF-icon1.png') no-repeat center bottom; }
.fact .factTitle { font-weight: 700; font-size: 15px; margin-bottom: 5px; }
.fact .factTitle a { color: #f09414; }
.fact .factTitle a:hover { color: #21242e; }
.fact .factDescription { color: #21242e; }
.fact:last-child { margin-bottom: 0px; }
.factsImg { position: relative; text-align: center; }
.factsImg .imacWrapper { position: absolute; width: 100%; text-align: center; z-index: 100; left: 0; }
/* --- Blog --------------------- */
.blog .sectionWrapper { padding-bottom: 50px; }
.post { margin-bottom: 30px; }
.post .postWrapper { border: 1px solid #ccc; padding: 10px 10px 20px 10px; position: relative; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.post .postMedia { position: relative; }
.post .postMedia > a { display: block; }
.post .postMedia img { display: block; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; width: 100%; height: 178px; opacity: 1; }
.post .postMedia img:hover { opacity: 0.6; }
.post .postMedia .postMeta { position: absolute; width: 100%; z-index: 1; }
.post .postMedia .postMeta li { width: 50%; padding: 10px; margin: 0; }
.post .postMedia .postMeta li .metaContent { padding: 0px 5px; }
.post .postMedia .postMeta li:first-child { padding-right: 5px; }
.post .postMedia .postMeta li:last-child { padding-left: 5px; }
.post .postMeta { float: left; }
.post .postMeta li { float: left; margin-right: 10px; }
.post .postMeta li .metaContent { color: #ffffff; background-color: rgba(255, 107, 107, 0.85); height: 30px; line-height: 30px; padding: 0 10px !important; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; text-align: center; }
.post .postMeta li .metaContent:before { height: 100%; vertical-align: middle; display: inline-block; }
.post .postMeta li i { display: inline-block; margin-right: 5px; font-size: 19px; color: #21242e; vertical-align: middle; }
.post .postMeta li a { color: #f0f0f0; white-space: nowrap; }
.post .postMeta li a:hover { color: #21242e; }
.post .postMeta li:last-child { margin-right: 0; }
.post .postContents { position: relative; padding-top: 50px; text-align: center; }
.post .postContents .postIcon { width: 70px; height: 70px; line-height: 60px; text-align: center; position: absolute; background-color: #f09414; border: 5px solid #ffffff; color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; z-index: 10; font-size: 19px; top: -35px; left: 50%; margin-left: -35px; }
.post .postContents .postIcon:hover { background-color: #21242e; }
.post .postContents a.postIcon { color: #ffffff !important; }
.post .postContents a.postIcon:hover { color: #ffffff !important; }
.post .postContents .postTitle { font-weight: 700; font-size: 16px; }
.post .postContents .postTitle a { color: #f09414; }
.post .postContents .postTitle a:hover { color: #21242e; }
.post .postContents .postDetails { color: #21242e; margin-bottom: 24px; }
.post .postContents .postDetails:last-child { margin-bottom: 0; }
.post .readMore { height: 30px; line-height: 30px; padding-top: 0; padding-bottom: 0; }
/* postWide */
.postWide .postWrapper { padding-bottom: 10px; }
.postWide .postMedia img { height: 350px; }
.postWide .postContents .readMore { float: right; }
/* postSlider */
.postSlider .owl-controls { position: absolute; top: 50%; z-index: 100; margin-top: -19px; }
.postSlider .owl-controls .owl-nav div { height: 38px; width: 38px; line-height: 38px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-size: 16px; background-color: rgba(255, 255, 255, 0.5); -webkit-border-radius: 2px 2px 2px 2px !important; -moz-border-radius: 2px 2px 2px 2px !important; -o-border-radius: 2px 2px 2px 2px !important; -ms-border-radius: 2px 2px 2px 2px !important; -khtml-border-radius: 2px 2px 2px 2px !important; border-radius: 2px 2px 2px 2px !important; }
.postSlider .owl-controls .owl-nav div:hover { background-color: #f09414; }
.postSlider .owl-controls .owl-nav .owl-prev { left: 20px; }
.postSlider .owl-controls .owl-nav .owl-next { right: 20px; }
/* postColumn */
.postColumn .postWrapper .postMedia { width: 350px; margin-right: 10px; float: left; }
.postColumn .postWrapper .postMedia > a { margin-bottom: 10px; }
.postColumn .postWrapper .postMedia img { height: 178px; }
.postColumn .postWrapper .postMeta li { padding: 0 !important; margin-right: 0; }
.postColumn .postWrapper .postMeta li:first-child { padding-right: 5px !important; }
.postColumn .postWrapper .postMeta li:last-child { padding-left: 5px !important; }
.postColumn .postWrapper .postContents { float: left; width: 67%; padding-top: 0; text-align: left; margin-bottom: 10px; }
.postColumn .postWrapper .postContents .postIcon { position: relative; width: 30px; height: 30px; line-height: 30px; display: inline-block; left: auto; top: auto; margin: 0 10px 0 0; border: none; z-index: 10; }
.postColumn .postWrapper .readMore { float: right; }
/* blogColmn2 */
.blogColmn2 .post .postWrapper .postMeta li { width: 33.3333%; }
/* blogColmn4 */
.blogColmn4 .post .postWrapper .postMeta li { width: 100%; padding: 10px; }
.pagination { width: 100%; text-align: center; margin-top: 0; }
.pagination > li { margin-left: 5px; display: inline-block; }
.pagination > li > a, .pagination > li > span { padding: 0; height: 28px; width: 28px; text-align: center; line-height: 28px; font-size: 15px; background-color: #ccc; color: #ffffff; border: none; -webkit-border-radius: 2px 2px 2px 2px !important; -moz-border-radius: 2px 2px 2px 2px !important; -o-border-radius: 2px 2px 2px 2px !important; -ms-border-radius: 2px 2px 2px 2px !important; -khtml-border-radius: 2px 2px 2px 2px !important; border-radius: 2px 2px 2px 2px !important; }
.pagination > li > a:hover, .pagination > li > span:hover { background-color: #f09414; }
.pagination > li:last-child { margin-left: 10px; }
.pagination > li:first-child { margin-right: 5px; }
.pagination > li:last-child a, .pagination > li:first-child a { background-color: #21242e; }
.pagination > li:last-child a:hover, .pagination > li:first-child a:hover { background-color: #f09414; }
.blogColmn .pagination { float: right; width: auto !important; }
/* sidebar */
.widget { padding: 20px; margin-bottom: 30px; border: 1px solid #ccc; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.widget .widgetHeader { color: #21242e; font-size: 17px; height: 35px; border-bottom: 2px solid #f09414; }
.sidebar .department { margin-bottom: 30px; }
.sidebar .department:last-child { margin-bottom: 0; }
.tweets { background: #f09414; position: relative; border-color: #f09414; }
.tweets .tweet { overflow: visible; }
.tweets .tweet .carousel2 { overflow: visible; }
.tweets .tweet p { color: #ffffff; margin-bottom: 28px; }
.tweets .tweet span { color: #21242e; }
.tweets img { position: absolute; right: 0px; bottom: 0px; z-index: 100; }
.tweets .owl-controls { position: relative; top: 50%; z-index: 100; margin-top: 40px; }
.tweets .owl-controls .owl-nav div { height: 28px; width: 28px; line-height: 28px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background-color: #21242e; position: relative; float: left; margin-right: 10px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.tweets .owl-controls .owl-nav div:hover { background-color: #393f4f; }
/* sideSearch */
.sideSearch ul li { float: left; }
.sideSearch ul li:last-child { padding-left: 10px; width: 27%; }
.sideSearch ul li:first-child { padding-right: 10px; width: 73%; }
.sideSearch input { display: block; width: 100%; background: rgba(255, 107, 107, 0.2); color: #f09414; height: 40px; padding-top: 0; padding-bottom: 0; font-weight: normal; border: 0; }
.sideSearch button, .sideSearch input[type="submit"] { display: block; background-color: #f09414; width: 100%; height: 40px; line-height: 40px; padding-top: 0; padding-bottom: 0; }
.sideSearch button:hover, .sideSearch input[type="submit"]:hover { background-color: #21242e; }
/* list */
.list li { margin-bottom: 11.5px; }
.list li a, .list li span { color: #7a7c82; font-weight: 700; font-size: 13px; }
.list li a:hover { color: #f09414; }
.list li:last-child { margin-bottom: 0; }
/* ticker */
.tickerControl { float: right; }
.tickerControl li { float: left; margin-left: 10px; }
.tickerControl i { display: inline-block; width: 20px; height: 20px; line-height: 20px; margin-left: 7px; cursor: pointer; color: #ffffff; background-color: #393f4f; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; text-align: center; font-size: 15px; }
.tickerControl i:hover { background: #7a7c82; }
#ticker > li { overflow: hidden; height: 80px; padding: 15px 0; list-style: none; border-bottom: 1px solid #ccc; }
#ticker .post { margin-bottom: 0; }
#ticker .postContents { padding-top: 0; text-align: left; }
#ticker .postTitle { font-weight: 700; margin-bottom: 10px; font-size: 14px; }
#ticker .postTitle a { color: #f09414; }
#ticker .postTitle a:hover { color: #21242e; }
#ticker .postMeta li { color: #21242e; }
#ticker .postMeta li a, #ticker .postMeta li span { color: #21242e; }
/* --- singlePostPage --------------------- */
/* singlePostPage */
.singlePostPage .singlePost .postWrapper .postMedia img { height: 350px; }
.singlePostPage .singlePost .postMeta { text-align: center; width: 100%; }
.singlePostPage .singlePost .postMeta li { float: none !important; display: inline-block; margin: 0 3px !important; }
.singlePostPage .col-md-8 .col-md-12, .singlePostPage .col-md-12 .col-md-12 { margin-bottom: 30px; }
.singlePostPage .col-md-8 .col-md-12:last-child, .singlePostPage .col-md-12 .col-md-12:last-child { margin-bottom: 0; }
/* Sharing Buttons */
.shareBtns { background: rgba(255, 107, 107, 0.2); padding: 10px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.shareBtns .shareHeader { float: left; margin-bottom: 0; line-height: 36px; color: #21242e; font-weight: 700; }
.shareBtns .shareBtnsWrapper { float: right; padding-top: 3px; }
/* Share Buttons */
.rrssb-buttons { width: 100%; }
.rrssb-buttons li { float: left; margin-left: 10px; width: 32px !important; }
.rrssb-buttons li a { display: block; height: 32px; line-height: 32px; overflow: hidden; text-align: center; font-size: 25px; color: #ffffff; background-color: #21242e; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.rrssb-buttons li a i { font-size: 20px; display: block; height: 32px; line-height: 32px; text-align: center; }
.rrssb-buttons li.facebook a:hover { background-color: #3b5998; }
.rrssb-buttons li.twitter a:hover { background-color: #55acee; }
.rrssb-buttons li.googleplus a:hover { background-color: #dd4b39; }
.rrssb-buttons li.email a:hover { background-color: #22a471; }
.rrssb-buttons li.youtube a:hover { background-color: #e52d27; }
.rrssb-buttons li.linkedIn a:hover { background-color: #0976b4; }
.rrssb-buttons li.pinterest a:hover { background-color: #cc2127; }
/* colorful */
.colorful li.facebook a { background-color: #3b5998; }
.colorful li.twitter a { background-color: #55acee; }
.colorful li.googleplus a { background-color: #dd4b39; }
.colorful li.email a { background-color: #22a471; }
.colorful li.linkedIn a { background-color: #0976b4; }
.colorful li.youtube a { background-color: #e52d27; }
.colorful li.pinterest a { background-color: #cc2127; }
.colorful li a:hover { background-color: #21242e !important; }
.rrssb-buttons.left li { margin-left: 0; margin-right: 10px; }
/* Commnets */
.singleComment { background: #f09414; padding: 20px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; margin-bottom: 30px; }
.singleComment:last-child { margin-bottom: 0; }
.commentLevel { margin-bottom: 35px; }
.commentLevel .thumb { display: block; float: left; margin-right: 20px; }
.commentLevel .thumb img { width: 67px; height: 67px; border: 3px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
.commentLevel .commentContents { float: left; width: 88%; }
.commentLevel .reply { float: right; color: #ffffff; background-color: #21242e; }
.commentLevel .reply:hover { background-color: #ffffff; color: #21242e; }
.commentLevel .commenttitle { color: #ffffff; font-weight: 700; margin-bottom: 5px; }
.commentLevel .commenttitle a { color: #ffffff; }
.commentLevel .commentMeta li { float: left; margin-bottom: 10px; color: #21242e; }
.commentLevel .commentMeta li a, .commentLevel .commentMeta li span { color: #21242e; }
.commentLevel .commentDetails { color: #ffffff; }
.commentLevel:last-child { margin-bottom: 0; }
.commentLevel2 { width: 88%; float: right; position: relative; }
.commentLevel2:before { content: ''; display: block; width: 45px; height: 98px; border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; z-index: 100; float: left; position: absolute; left: -55px; top: -60px; }
.commentLevel2 .commentContents { width: 86%; }
/* add-send */
.add-send .widgetHeader { margin-bottom: 20px; }
.add-send form { position: relative; }
.add-send form input, .add-send form textarea { width: 100%; border: 1px solid #f09414; margin-bottom: 30px; color: #f09414; font-weight: 400; }
.add-send form input:focus, .add-send form textarea:focus { border: 1px solid #21242e; color: #21242e; }
.add-send form textarea { margin-bottom: 0; padding-bottom: 50px; }
.add-send form textarea:before { content: ''; display: block; width: 10px; height: 10px; background: #ffffff; position: absolute; right: 0; bottom: 0; z-index: 100; }
.add-send form button, .add-send form input[type="submit"] { position: absolute; right: 10px; bottom: 10px; background-color: #f09414; }
.add-send form button:hover, .add-send form input[type="submit"]:hover { background-color: #21242e; }
.add-send .sendMessageForm input, .add-send .sendMessageForm textarea { border: 1px solid #cccccc; }
.add-send .sendMessageForm input:focus, .add-send .sendMessageForm textarea:focus { border: 1px solid #f09414; color: #f09414; }
/* wideBlog */
.wideBlog .postWrapper { background-color: #ffffff; }
.wideBlog .commentLevel .commentContents, .wideBlog .commentLevel2 { width: 92.3%; }
.wideBlog .commentLevel2 .commentContents { width: 91.6%; }
/* modal */
.modal { z-index: 10000000000; padding-bottom: 100px; padding-top: 100px; background-color: rgba(0, 0, 0, 0.8); width: 100%; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -khtml-transition: all 0.5s linear; transition: all 0.5s linear; }
.modal .close { background-color: #f09414; color: #ffffff; font-size: 18px; width: 34px; height: 34px; line-height: 34px; text-align: center; opacity: 1; margin-right: 15px; margin-bottom: 15px; }
.modal .close span { font-size: 26px; line-height: 30px; font-weight: 100; font-family: tahoma; }
.modal .postWrapper { background-color: #ffffff; border-bottom-width: 2px; }
.modal .shareBtns { background-color: #f09414; }
/* --- Testmonials --------------------- */
/* Testmonials */
.singleTestmonial .testmonialsTopContents { background-color: #ffffff; padding: 10px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; border: 1px solid #d6d6d6; position: relative; margin-bottom: 30px; }
.singleTestmonial .testmonialsTopContents .tip { position: absolute; top: 100%; left: 30px; }
.singleTestmonial .testmonialsTopContents .testmonialthumb { float: left; display: block; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
.singleTestmonial .testmonialsTopContents blockquote { background: transparent; float: right; width: 77%; padding: 0px; }
.singleTestmonial .testmonialsTopContents blockquote p { font-style: normal; font-size: 13px; color: #21242e; }
.singleTestmonial .testmonialsTopContents blockquote p:before, .singleTestmonial .testmonialsTopContents blockquote p:after { content: '"'; color: #21242e; font-size: 14px; width: 10px; display: inline-block; font-style: italic; }
.singleTestmonial .testmonialsTopContents blockquote p:after { text-align: right; }
.singleTestmonial .testmonialsBottomContents p { margin-bottom: 5px; }
.singleTestmonial .testmonialsBottomContents .userName { color: #f09414; }
.singleTestmonial .testmonialsBottomContents .userName:hover { color: #21242e; }
.singleTestmonial .testmonialsBottomContents .userWebsite { color: #7a7c82; }
.singleTestmonial .testmonialsBottomContents .userWebsite:hover { color: #21242e; }
.darkSection .singleTestmonial .userName:hover, .darkSection .singleTestmonial .userWebsite:hover { color: #ffffff !important; }
.testmonialsCarousel3 .owl-controls .owl-nav { position: absolute; top: 50%; margin-top: -15px; right: 0px; height: auto; opacity: 1; z-index: 1000; }
.testmonialsCarousel3:hover .owl-controls .owl-nav { opacity: 1; }
.testmonialsCarousel3 .owl-controls .owl-nav div { width: 28px; height: 28px; line-height: 28px; background-color: #21242e; font-size: 16px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.testmonialsCarousel3 .owl-controls .owl-nav div:hover { background-color: #f09414; }
.testmonialsCarousel3 .owl-controls .owl-prev { right: 101% !important; left: auto; }
.testmonialsCarousel3 .owl-controls .owl-prev:before { content: '\f104'; font-family: 'FontAwesome'; }
.testmonialsCarousel3 .owl-controls .owl-next { left: 101% !important; right: auto; }
.testmonialsCarousel3 .owl-controls .owl-next:before { content: '\f105'; font-family: 'FontAwesome'; }
.testmonialsCarousel3:hover .owl-controls .owl-nav .owl-prev { right: 100%; }
.testmonialsCarousel3:hover .owl-controls .owl-nav .owl-next { left: 100%; }
/* Testmonials2 */
.testmonials2 .owl-controls { width: 5.5% !important; margin: auto; position: relative; clear: both; height: 28px; }
.testmonials2 .owl-controls .owl-nav div { width: 28px; height: 28px; line-height: 28px; font-size: 16px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background-color: #393f4f; }
.testmonials2 .owl-controls .owl-nav div:hover { background-color: #f09414; }
.owl-carousel.testmonialsCarousel2 .singleTestmonialWrapper { margin: auto; float: none; }
.testmonials2 { text-align: center; }
.testmonials2 .testmonialsTopContents { padding: 10px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; position: relative; margin-bottom: 10px; }
.testmonials2 .testmonialsTopContents .testmonialthumb { display: inline-block; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; border: 3px solid #ffffff; margin-bottom: 10px; }
.testmonials2 .testmonialsTopContents blockquote { background: transparent; width: 96%; margin: auto; padding: 0px; }
.testmonials2 .testmonialsTopContents blockquote p { font-style: italic; font-size: 16px; color: #f09414; line-height: 24px; }
.testmonials2 .testmonialsTopContents blockquote p:before, .testmonials2 .testmonialsTopContents blockquote p:after { content: '"'; color: #f09414; font-size: 16px; width: 10px; display: inline-block; font-style: italic; }
.testmonials2 .testmonialsTopContents blockquote p:after { text-align: right; }
.testmonials2 .testmonialsBottomContents { margin-bottom: 30px; }
.testmonials2 .testmonialsBottomContents p { margin-bottom: 5px; }
.testmonials2 .testmonialsBottomContents .userName { color: #ffffff; }
.testmonials2 .testmonialsBottomContents .userName:hover { color: #f09414; }
.testmonials2 .testmonialsBottomContents .userWebsite { color: #cbcbcb; }
.testmonials2 .testmonialsBottomContents .userWebsite:hover { color: #ffffff; }
/* Testmonials3 */
.testmonials3 .owl-controls .owl-nav div { background-color: #393f4f; }
.testmonials3 .testmonialsBottomContents .userName { color: #393f4f; }
.testmonials3 .testmonialsBottomContents .userWebsite { color: #21242e; }
.testmonials3 .testmonialsBottomContents .userWebsite:hover { color: #f09414; }
/* Testmonials4 */
.testmonials4 .testmonialthumb { border: 3px solid #cccccc; }
.testmonials4 .singleTestmonial .testmonialsTopContents blockquote { width: 98% !important; }
.testmonials4 .singleTestmonial .testmonialsTopContents blockquote p { font-size: 13px !important; font-style: italic !important; line-height: 22px !important; color: #f09414; }
.testmonials4 .singleTestmonial .testmonialsTopContents blockquote p:before, .testmonials4 .singleTestmonial .testmonialsTopContents blockquote p:after { display: none !important; }
.testmonials4 .testmonialsBottomContents p { display: block !important; }
.testmonials4 .testmonialsBottomContents p:after { display: none !important; }
.testmonials4 .owl-controls .owl-dots { margin-top: 20px; }
.testmonials4 .owl-dot.active, .testmonials4 .owl-dot:hover { padding-top: 2px; }
.testmonials4 .owl-dot.active span, .testmonials4 .owl-dot:hover span { background-color: #f09414; width: 10px; height: 10px; }
.testmonials4 .owl-dot span { width: 10px; height: 10px; border: 0; background-color: #21242e; }
.testmonials4 .owl-dot span:hover { background-color: #f09414; width: 10px; height: 10px; }
/* --- Purchase --------------------- */
.purchase .sectionTitle { margin-bottom: 20px; }
.purchase .links { text-align: center; }
.purchase .links a { margin: 0 10px; }
.purchase .links a:hover { background-color: #ffffff; color: #21242e; }
.purchase .links a:last-child { margin-right: 0; }
.purchase .links .lg { font-size: 16px; height: 37px; line-height: 37px; font-weight: 700; padding: 0 20px; }
.purchase2 .sectionWrapper { padding: 25px 0; }
.purchase2 .sectionTitle { text-align: left; margin-bottom: 0; }
.purchase2 .sectionTitle .sectionHeader { text-align: left; margin-bottom: 0; }
.purchase2 .links { text-align: right; }
.purchase2 .links a { font-size: 16px; height: 37px; line-height: 37px; padding: 0 20px; }
/* --- Clients --------------------- */
.clients .sectionTitle .sectionHeader { color: #21242e; }
.clientsCarousel { position: relative; }
.singleClient { display: block; border: 1px solid #cccccc; padding: 20px; height: 68px; text-align: center; }
.singleClient:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.singleClient img { width: 100%; display: block; vertical-align: middle; opacity: 0.6; -webkit-transition: all 0 ease-in-out; -moz-transition: all 0 ease-in-out; -o-transition: all 0 ease-in-out; -ms-transition: all 0 ease-in-out; -khtml-transition: all 0 ease-in-out; transition: all 0 ease-in-out; }
.singleClient img:hover { opacity: 1; }
.clientsCarousel .owl-controls .owl-nav { position: absolute; top: 50%; margin-top: -15px; right: 0px; height: auto; opacity: 1; z-index: 1000; }
.clientsCarousel:hover .owl-controls .owl-nav { opacity: 1; }
.clientsCarousel .owl-controls .owl-nav div { width: 28px; height: 28px; line-height: 28px; background-color: #21242e; font-size: 16px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.clientsCarousel .owl-controls .owl-nav div:hover { background-color: #f09414; }
.clientsCarousel .owl-controls .owl-prev { right: 101% !important; left: auto; }
.clientsCarousel .owl-controls .owl-prev:before { content: '\f104'; font-family: 'FontAwesome'; }
.clientsCarousel .owl-controls .owl-next { left: 101% !important; right: auto; }
.clientsCarousel .owl-controls .owl-next:before { content: '\f105'; font-family: 'FontAwesome'; }
.clientsCarousel:hover .owl-controls .owl-nav .owl-prev { right: 100%; }
.clientsCarousel:hover .owl-controls .owl-nav .owl-next { left: 100%; }
/* --- FAQS --------------------- */
.faqs .departBody { padding: 20px; }
.faqs .triggerRow { background-color: #ffffff; margin-bottom: 20px; }
.faqs .triggerRow > a { height: 56px; line-height: 56px; padding: 0 20px; }
.faqs .triggerRow .activeLine, .faqs .triggerRow .opened { background-color: #f5f5f5; }
.faqs .triggerRow:last-child { margin-bottom: 0; }
.faqs .accordianShortCode .triggerRow > a:before, .faqs .accordianShortCode .triggerRow > a.activeLine:before, .faqs .accordianShortCode .triggerRow > span.activeLine:before { top: 19px; right: 20px; }
/* --- Protfolio --------------------- */
/*filter options*/
.filterOptionsWrapper { margin-bottom: 30px; }
.portfolioFilters { text-align: center; }
.portfolioFilters li span { cursor: pointer; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; transition: all 0.3s linear; font-size: 15px; font-weight: 700; display: block; margin-bottom: 30px; height: 39px; line-height: 39px; text-align: center; background-color: #f09414; color: #ffffff; padding: 0 5px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.portfolioFilters li span:hover { background-color: #21242e; }
.portfolioFilters li.last span, .portfolioFilters li.active span { background-color: #21242e; }
.filterOptions { float: none; text-align: center; }
.filterOptions li { float: none; display: inline-block; }
.sortOptions { display: none; float: right; }
#grid { text-align: center; }
#grid:after { content: ''; display: block; width: 100%; }
#grid .gap { display: block; width: 100%; height: 0px; }
.project { text-align: center; display: none; margin-bottom: 30px; }
.project .projectWrapper { overflow: hidden; }
.project .projectMedia { position: relative; overflow: hidden; }
.project .projectMedia > a { display: block; }
.project .projectMedia > a img { display: block; width: 100%; -webkit-border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; -o-border-radius: 2px 2px 0px 0px; -ms-border-radius: 2px 2px 0px 0px; -khtml-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; }
.project .caption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 107, 107, 0.5); z-index: 100; -webkit-border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; -o-border-radius: 2px 2px 0px 0px; -ms-border-radius: 2px 2px 0px 0px; -khtml-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; opacity: 0; visibility: hidden; filter: alpha(opacity=0); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; transition: all 0.3s linear; }
.project:hover .caption { opacity: 1; visibility: visible; filter: alpha(opacity=100); }
.project .projectMeta { position: absolute; top: 100%; z-index: 1000; width: 100%; text-align: center; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; transition: all 0.3s linear; }
.project .projectMeta li { display: inline-block; margin: 0 10px; }
.project .projectMeta li a { display: block; width: 38px; height: 38px; text-align: center; line-height: 38px; padding: 0; font-size: 16px; }
.project .projectMeta li a:hover { color: #ffffff; }
.project .projectMeta li:last-child { margin-right: -100px; }
.project .projectMeta li:first-child { margin-left: -100px; }
.project:hover .projectMeta { top: 50%; margin-top: -19px; }
.project .projectContents { padding: 20px; text-align: center; border: 1px solid #ccc; -webkit-border-radius: 0px 0px 2px 2px; -moz-border-radius: 0px 0px 2px 2px; -o-border-radius: 0px 0px 2px 2px; -ms-border-radius: 0px 0px 2px 2px; -khtml-border-radius: 0px 0px 2px 2px; border-radius: 0px 0px 2px 2px; }
.project .projectName { font-weight: 700; font-size: 16px; margin-bottom: 5px; }
.project .projectName a { color: #f09414; }
.project .projectName a:hover { color: #21242e; }
.project .projectCategory li { display: inline-block; margin: 0 5px; position: relative; }
.project .projectCategory li:after { content: '-'; font-family: tahoma; float: right; margin-right: -2px; margin-left: 10px; }
.project .projectCategory li:last-child:after { display: none; }
.project .projectCategory a { color: #5a5e6a; }
.project .projectCategory a:hover { text-decoration: underline !important; }
/* portfolio 2 Colmn */
.portfolio2Column .projectMedia > a img { height: 348px; }
/* portfolio 3 Colmn & 4 Colmn */
.portfolio3Column .projectMedia > a img, .portfolio4Column .projectMedia > a img { height: 198px; }
/* --- Proud --------------------- */
.proud .responsiveTools { position: relative; }
.proud .responsiveTools .mac { display: block; }
.proud .responsiveTools .ipad { display: block; position: absolute; right: 0; bottom: 0; z-index: 100; }
.proud .description h3 { font-weight: 700; color: #f09414; }
.proud .description p { color: #21242e; }
/* --- Footer --------------------- */
/* Top Footer */
.topFooter { padding: 50px 0px; background-color: #21242e; }
.topFooter .footerWidget .footerWidgetHeader { color: #f09414; font-weight: 700; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #393f4f; position: relative; }
.topFooter .footerWidget .footerWidgetHeader:after { content: ''; display: block; width: 30px; height: 4px; left: 0; bottom: -1px; position: absolute; background-color: #393f4f; }
.topFooter .footerWidget .footerAboutContent { margin-bottom: 30px; margin-top: 180px; }
.topFooter .footerWidget .footerLinksList li { margin-bottom: 8px; }
.topFooter .footerWidget .footerLinksList li a { color: #ffffff; font-style: 13px; }
.topFooter .footerWidget .footerLinksList li a:hover { color: #f09414; margin-left: 10px; text-decoration: underline !important; }
.topFooter .footerWidget .footerLinksList li:before { content: "-"; width: 10px; color: #ffffff; display: inline-block; }
.topFooter .footerWidget .aboutLinks .footerLinksList li { float: left; width: 50%; }
.topFooter .footerWidget .getInTouchList li { margin-bottom: 20px; }
.topFooter .footerWidget .getInTouchList li span { margin-bottom: 5px; font-size: 13px; line-height: 19.5px; font-family: 'Open Sans', 'Helvetica', 'Tahoma', 'Arial', sans-serif; color: #7a7c82; font-weight: 500; display: block; }
.topFooter .footerWidget .getInTouchList li span a { color: #f09414; text-decoration: underline; }
.topFooter .footerWidget .getInTouchList li .text { color: #ffffff; }
/* Bottom Footer */
.bottomFooter { background-color: #2b2f3b; }
.bottomFooter .copyrights p { color: #ffffff; font-weight: 700; margin-bottom: 0px; line-height: 50px; }
.bottomFooter .copyrights p a { color: #ffffff; }
.bottomFooter .copyrights p a:hover { color: #f09414; }
.bottomFooter .terms { margin-bottom: 15px; }
.bottomFooter .terms li { float: left; margin-right: 5px; }
.bottomFooter .terms li a { color: #7a7c82; }
.bottomFooter .terms li a:hover { color: #ffffff; }
.bottomFooter .terms li:after { content: "-"; width: 5px; color: #7a7c82; display: inline-block; margin-left: 5px; }
.bottomFooter .terms li:last-child { margin-right: 0px; }
.bottomFooter .terms li:last-child:after { display: none; }
.bottomFooter .footerSocial .footerSocialWrapper { float: right; padding-top: 32px; }
.bottomFooter .footerSocial ul { float: left; margin-left: 10px; }
.bottomFooter .footerSocial ul li { float: left; }
.bottomFooter .footerSocial ul:first-child { margin-left: 0px; }
.bottomFooter .footerSocial .socialNav li a { background-color: #7a7c82; width: 22px; color: #21242e; height: 22px; line-height: 22px; text-align: center; margin: 0px; }
.bottomFooter .footerSocial .socialNav li a:hover { color: #ffffff; background-color: #f09414; }
.bottomFooter .footerSocial .socialNav .facebook a:hover { background-color: #3b5998; }
.bottomFooter .footerSocial .socialNav .twitter a:hover { background-color: #55acee; }
.bottomFooter .footerSocial .socialNav .rss a:hover { background-color: #f26522; }
.bottomFooter .footerSocial .socialNav .youtube a:hover { background-color: #e52d27; }
.bottomFooter .footerSocial .socialNav .gplus a:hover { background-color: #dd4b39; }
.bottomFooter .footerSocial .paymentsNav li { margin: 0px 2.5px; }
.bottomFooter .footerSocial .paymentsNav li a img { display: block; }
.bottomFooter .footerSocial .paymentsNav li:first-child { margin-left: 0px; }
.bottomFooter .footerSocial .paymentsNav li:last-child { margin-right: 0px; }
/*=============================================================================

  Style 2

  =============================================================================*/
/* --- Header --------------------- */
.style-2 .header { position: absolute; width: 100%; top: 45px; }
.style-2 .header.fixer { position: absolute; width: 100%; top: 45px; }
.style-2 .header.fixedHeader { position: fixed; top: 0px; width: 100%; z-index: 100000; }
.style-2 .header.fixedHeader + .offset { display: block; }
/* --- Slider --------------------- */
.slider .homeSlider_2 .captions { top: 58%; }
.homeSlider_2 .captions .links a { background-color: #f09414; color: #ffffff; }
.homeSlider_2 .captions .links a:hover { background-color: #ffffff !important; color: #21242e; }
.homeSlider_2 .owl-controls .owl-nav { top: 58%; }
.homeSlider_2 .owl-controls .owl-nav div { background-color: transparent; font-size: 60px; font-weight: normal; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-weight: 100; }
.homeSlider_2 .owl-controls .owl-nav div:hover { color: #f09414; }
.homeSlider_2 .owl-controls .owl-prev { left: 30px !important; }
.homeSlider_2 .owl-controls .owl-prev:before { content: '\f104'; font-family: 'FontAwesome'; }
.homeSlider_2 .owl-controls .owl-next { right: 30px !important; }
.homeSlider_2 .owl-controls .owl-next:before { content: '\f105'; font-family: 'FontAwesome'; }
.homeSlider_2 .owl-item.active .captions .links a.details { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -o-animation-delay: 3s; animation-delay: 3s; }
/*=============================================================================

  Style 3

  =============================================================================*/
/* --- Slider --------------------- */
.style-3 #slider { overflow: visible; }
.style-3 #slider .owl-controls .owl-dots { display: none !important; }
.style-3 .slider .owl-controls .owl-nav { width: 96px; right: 50%; margin-right: -48px; top: 70%; }
.style-3 .slider .owl-controls .owl-nav div { width: 38px; height: 38px; line-height: 38px; text-align: center; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; font-size: 16px; }
/* --- Domain Search --------------------- */
.style-3 .domainSearch { position: absolute; bottom: 30px; z-index: 10000; background-color: transparent; width: 100%; text-align: center; }
.style-3 .domainSearch .domainSearchForm { display: inline-block; text-align: center; }
.style-3 .domainSearch .domainSearchForm .formSearchUl { display: inline-block; }
/* --- About --------------------- */
.aboutBox { padding: 20px; background-color: #f5f6f8; border: 1px solid #cccccc; }
.aboutBox .aboutBoxHeader { height: 30px; padding-right: 50px; border-bottom: 2px solid #f09414; margin-bottom: 20px; color: #21242e; font-size: 15px; }
.aboutBox .aboutBoxBody .triggerRow { margin-bottom: 12px !important; }
.aboutBox .aboutBoxBody .triggerRow:last-child { margin-bottom: 0 !important; }
.aboutBox .aboutBoxBody .triggerRow > a { background-color: #ffffff !important; color: #f09414; height: 36px !important; line-height: 36px !important; }
.aboutBox .aboutBoxBody .triggerRow > a.activeLine { background-color: #f5f6f8 !important; }
.aboutBox .aboutBoxBody .progress { background-color: #21242e; height: 38px; line-height: 38px; margin-bottom: 12px; }
.aboutBox .aboutBoxBody .progress:last-child { margin-bottom: 0; }
.aboutBox .aboutBoxBody .singleOffer { padding: 20px; background: url('images/offer.jpg') center center no-repeat; background-size: 100% 100%; position: relative; }
.aboutBox .aboutBoxBody .singleOffer .cover { width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-color: rgba(33, 36, 46, 0.95); z-index: 0; }
.aboutBox .aboutBoxBody .singleOffer .offerTitle { position: relative; z-index: 1; font-weight: 700; margin-bottom: 10px; }
.aboutBox .aboutBoxBody .singleOffer .offerTitle a { color: #f09414; }
.aboutBox .aboutBoxBody .singleOffer ul { position: relative; z-index: 1; margin-bottom: 12px; }
.aboutBox .aboutBoxBody .singleOffer ul li { color: #ffffff; font-size: 13px; margin-bottom: 2px; }
.aboutBox .aboutBoxBody .singleOffer p { float: left; width: 50%; margin-bottom: 0; }
.aboutBox .aboutBoxBody .singleOffer p:first-child { padding-right: 10px; }
.aboutBox .aboutBoxBody .singleOffer p:last-child { padding-left: 10px; }
.aboutBox .aboutBoxBody .singleOffer .offerlinks { position: relative; z-index: 1; width: 100%; }
.aboutBox .aboutBoxBody .singleOffer .offerlinks:last-child { margin-right: 0; }
.aboutBox .aboutBoxBody .singleOffer .details { color: #ffffff; border: 1px solid #ffffff; }
.aboutBox .aboutBoxBody .singleOffer .details:hover { background-color: #ffffff; color: #21242e !important; }
.aboutBox .aboutBoxBody .owl-controls { top: -50px; right: 0; z-index: 1000; position: absolute; width: 50px; }
.aboutBox .aboutBoxBody .owl-controls .owl-nav { right: 0; }
.aboutBox .aboutBoxBody .owl-controls .owl-nav div { width: 20px; height: 20px; line-height: 20px; font-size: 10px; font-size: 16px; text-align: center; color: #ffffff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; background-color: #7a7c82; }
.aboutBox .aboutBoxBody .owl-controls .owl-nav div:hover { background-color: #21242e; }
/*=============================================================================

  Style 4

  =============================================================================*/
/* --- Slider --------------------- */
.style-4 .slider .topMenu { top: 93px; }
.style-4 .slider .topMenu .topContact ul { float: left; }
.style-4 .slider .topMenu .socialNav { float: right; text-align: right; width: auto; }
.style-4 .slider .topMenu .socialNav .fancy-select ul.options { left: auto; right: -1px; -webkit-border-radius: 2px 0px 2px 2px; -moz-border-radius: 2px 0px 2px 2px; -o-border-radius: 2px 0px 2px 2px; -ms-border-radius: 2px 0px 2px 2px; -khtml-border-radius: 2px 0px 2px 2px; border-radius: 2px 0px 2px 2px; }
/* --- Header --------------------- */
.style-4 .header { position: absolute; width: 100%; top: 0px; border-bottom: 0; background-color: transparent; }
.style-4 .header .scrollHeaderWrapper { border-bottom: 0; }
.style-4 .header .scrollHeaderWrapper .container { padding-bottom: 30px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.style-4 .header .scrollHeaderWrapper .mainNav .navTabs > li > a, .style-4 .header .scrollHeaderWrapper .mainNav .navTabs > li > button { color: #ffffff; }
.style-4 .header .scrollHeaderWrapper .login .formSwitcher.bordered { background: transparent; color: #f09414; border: 1px solid #f09414; }
.style-4 .header .scrollHeaderWrapper .login .formSwitcher.bordered:hover { background-color: #f09414; color: #ffffff; }
.style-4 .header .scrollHeaderWrapper .login .formSwitcher.bordered.opened { color: #ffffff; background-color: #f09414; }
.style-4 .header .scrollHeaderWrapper .register .formSwitcher.bordered { background: transparent; color: #a0a2a6; border: 1px solid #a0a2a6; }
.style-4 .header .scrollHeaderWrapper .register .formSwitcher.bordered:hover { background-color: #dcdcdc; border: 1px solid #dcdcdc; color: #ffffff; }
.style-4 .header .scrollHeaderWrapper .register .formSwitcher.bordered.opened { border: 1px solid #dcdcdc; color: #ffffff !important; }
.style-4 .header.fixedHeader { position: fixed; top: 0px; width: 100%; z-index: 100000; background-color: #ffffff; border-bottom: 1px solid #d9d9d9; }
.style-4 .header.fixedHeader .scrollHeaderWrapper { border-bottom: 1px solid #cccccc; }
.style-4 .header.fixedHeader .mainNav .navTabs > li > a { color: #21242e; }
.style-4 .header.fixedHeader .mainNav .navTabs > li > a:hover { color: #ffffff; }
.style-4 .header.fixedHeader .mainNav .navTabs > li ul li a:hover { color: #ffffff; }
/* --- Slider --------------------- */
.style-4 .slider .owl-controls .owl-nav { display: none; }
.style-4 .slider .owl-controls .owl-dots { bottom: 35%; }
.style-4 .slider .owl-controls .owl-dots .owl-dot { display: inline-block; margin: 0px 5px 0px 5px; height: 16px; line-height: 16px; width: 16px; padding-top: 2px; text-align: center; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; transition: all 0.3s linear; background: transparent; }
.style-4 .slider .owl-controls .owl-dots .owl-dot:first-child { margin: 0px 5px 0px 0px; }
.style-4 .slider .owl-controls .owl-dots .owl-dot:last-child { margin: 0px 0px 0px 5px; }
.style-4 .slider .owl-controls .owl-dots .owl-dot span { width: 12px; display: block; text-align: center; height: 12px; margin: 0px auto; text-indent: -99999px; border: 2px solid #7a7c82; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -khtml-transition: all 0.3s linear; transition: all 0.3s linear; }
.style-4 .slider .owl-controls .owl-dots .owl-dot.active, .style-4 .slider .owl-controls .owl-dots .owl-dot:hover { padding-top: 0px; width: 16px; }
.style-4 .slider .owl-controls .owl-dots .owl-dot:hover span, .style-4 .slider .owl-controls .owl-dots .owl-dot.active span { width: 16px; height: 16px; background-color: #f09414; border: 0px solid #f09414; }
/* --- Pricing --------------------- */
.style-4 .pricing { border-top: none; border-bottom: none; }
.style-4 .pricing + .mainSection { border-top: none; }
.style-4 .pricing + .mainSection .sectionWrapper { padding-top: 0; }
.style-4 .pricingTable { margin-top: -264px; }
.style-4 .pricingTable .pricingHeader { text-align: center; }
.style-4 .pricingTable .pricingHeader .pricingTitle { float: none; }
.style-4 .pricingTable .pricingBody { background: #f5f6f8; }
.style-4 .pricingTable .pricingBody li { padding: 10px 0; border-bottom: none; text-align: center; }
.style-4 .pricingTable .pricingBody li:last-child { padding-bottom: 0; }
.style-4 .pricingTable .pricingBody li:first-child { padding-top: 0; }
.style-4 .pricingTable .pricingPerMonth { width: 100%; height: 51px; padding: 10px; text-align: left; line-height: 31px; }
.style-4 .pricingTable .pricingPerMonth .generalLink { float: right; padding: 0 10px; height: 31px; line-height: 31px; font-size: 14px; background-color: #f09414; font-weight: 700; width: auto; }
.style-4 .pricingTable .pricingPerMonth .generalLink:hover { color: #f09414; background-color: #ffffff; }
/*=============================================================================

  Style 5

  =============================================================================*/
/* --- Header --------------------- */
.style-5 .header { position: absolute; width: 100%; top: 0px; border-bottom: 0; background-color: transparent; }
.style-5 .header .scrollHeaderWrapper { border-bottom: 0; }
.style-5 .header .scrollHeaderWrapper .mainNav .navTabs > li > a, .style-5 .header .scrollHeaderWrapper .mainNav .navTabs > li > button { color: #ffffff; }
.style-5 .header .scrollHeaderWrapper .register .formSwitcher { color: #ffffff; background: #a0a2a6; }
.style-5 .header .scrollHeaderWrapper .register .formSwitcher.opened { background-color: #f09414; color: #21242e; }
.style-5 .header.fixedHeader { position: fixed; top: 0px; width: 100%; z-index: 100000; background-color: #ffffff; border-bottom: 1px solid #d9d9d9; }
.style-5 .header.fixedHeader .scrollHeaderWrapper { border-bottom: 1px solid #cccccc; }
.style-5 .header.fixedHeader .mainNav .navTabs > li > a, .style-5 .header.fixedHeader .mainNav .navTabs > li > button { color: #21242e; }
.style-5 .header.fixedHeader .mainNav .navTabs > li > a:hover, .style-5 .header.fixedHeader .mainNav .navTabs > li > button:hover { color: #ffffff; }
.style-5 .header.fixedHeader .mainNav .navTabs > li.login .formSwitcher { color: #ffffff; background: #f09414; }
.style-5 .header.fixedHeader .mainNav .navTabs > li.login .formSwitcher.opened { background-color: #f09414; color: #ffffff; }
.style-5 .header.fixedHeader .mainNav .navTabs > li.register .formSwitcher { color: #ffffff; }
.style-5 .owl-controls .owl-nav div { width: 38px; height: 38px; line-height: 38px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.style-5 .owl-controls .owl-nav .owl-prev { left: 20px; }
.style-5 .owl-controls .owl-nav .owl-next { right: 20px; }
.style-5 .slider:hover .owl-controls .owl-nav .owl-prev { left: 20px; }
.style-5 .slider:hover .owl-controls .owl-nav .owl-next { right: 20px; }
.style-5 .slider .owl-dots { display: none; }
/* --- Domain Search --------------------- */
.style-5 .domainSearch { position: absolute; bottom: 0; z-index: 10000; background-color: transparent; background-color: rgba(0, 0, 0, 0.6); width: 100%; text-align: center; padding: 20px 0 10px 0; }
.style-5 .domainSearch .sectionWrapper { padding: 0; }
.style-5 .domainSearch .domainSearchForm { text-align: center; }
.style-5 .domainSearch .domainSearchForm .formSearchUl { display: inline-block; }
/* --- Services --------------------- */
.style-5 .singleService { background-color: transparent; border: none; }
.style-5 .pricingHeader { padding: 70px 20px 50px 20px; background-color: #21242e !important; border: 1px solid #21242e !important; border-bottom: none; text-align: center; }
.style-5 .pricingHeader .pricingTitle { float: none; }
.style-5 .pricingHeader .pricingPerMonth { float: none; text-align: center; font-weight: normal; width: 100%; }
.style-5 .pricingBody li { padding: 10px 0; border-bottom: none; text-align: center; }
.style-5 .pricingBody li:last-child { padding-bottom: 0; }
.style-5 .pricingBody li:first-child { padding-top: 0; }
/* --- Purchase --------------------- */
.style-5 .purchase .sectionTitle { margin-bottom: 0; }
.style-5 .purchase .sectionTitle .sectionHeader { text-align: left; margin-bottom: 0; }
.style-5 .purchase .links { text-align: right; }
.style-5 .purchase .links a { margin: 0; font-size: 16px; }
/*=============================================================================

  Style 6

  =============================================================================*/
.style-6 .topMenu { border-top: 0px solid #0e72cf; background-color: rgba(0, 99, 165, 0.4); }
.style-6 .topMenu .socialNav > li a, .style-6 .topMenu .fancy-select .trigger { // background-color: #d8d9d9;
}
.style-6 .topMenu .socialNav > li a:hover, .style-6 .topMenu .fancy-select .trigger:hover { background-color: #f09414; }
/*.style-6 .topMenu .topContact ul li { border-right-color: #21242e; }*/
/* --- Main Slider --------------------- */
.style-6 .mainSlider .captions .links a.join { color: #f09414; background-color: transparent; }
.style-6 .mainSlider .captions .links a.join:hover { color: #ffffff; background-color: #f09414; }
.style-6 .mainSlider .captions .links a.details { background-color: transparent; color: #ffffff; border-color: #ffffff; }
.style-6 .mainSlider .captions .links a.details:hover { color: #21242e; background-color: #ffffff; }
.style-6 .mainSlider .owl-dots { display: none; }
/* --- Header --------------------- */
.style-6 .header { position: absolute; width: 100%; top: 45px; }
.style-6 .header.fixer { position: absolute; width: 100%; top: 45px; }
.style-6 .header.fixedHeader { position: fixed; top: 0px; width: 100%; z-index: 100000; }
.style-6 .header.fixedHeader + .offset { display: block; }
/* --- Pricing Table  --------------------- */
.style-6 .pricingTable { margin-top: -107px; }
/* --- Services  --------------------- */
.style-6 .singleService { padding: 0; border: none; background-color: transparent; }
.style-6 .singleService2 .serviceIcon, .style-6 .singleService2 .servicesContents { float: left; }
.style-6 .singleService2 .servicesContents { width: 63%; }
.style-6 .singleTestmonial .testmonialsTopContents { margin-bottom: 30px; padding-bottom: 45px; }
.style-6 .singleTestmonial .testmonialsTopContents .testmonialthumb { position: absolute; right: 50%; margin-right: -30px; bottom: -30px; border: 1px solid #d6d6d6; }
.style-6 .singleTestmonial .testmonialsTopContents blockquote { float: none; text-align: center; width: 94%; margin: auto; }
.style-6 .singleTestmonial .testmonialsBottomContents { text-align: center; }
.style-6 .singleTestmonial .testmonialsBottomContents p { display: inline-block; margin-right: 5px; }
.style-6 .singleTestmonial .testmonialsBottomContents p:after { content: '-'; margin-left: 5px; }
.style-6 .singleTestmonial .testmonialsBottomContents p:last-child { margin-right: 0; }
.style-6 .singleTestmonial .testmonialsBottomContents p:last-child:after { display: none; }
/*=============================================================================

  Style 7

  =============================================================================*/
/* --- Banner  --------------------- */
.banner #slide1 .captions { top: 40%; }
.banner #slide1 .captions h2, .banner #slide1 .captions p, .banner #slide1 .captions .links a { opacity: 1; }
/* --- Header  --------------------- */
.style-7 .header { position: absolute; width: 100%; top: 45px; }
.style-7 .header.fixedHeader { position: fixed; top: 0px; width: 100%; z-index: 100000; }
.style-7 .header.fixedHeader + .offset { display: block; }
/* --- Slider  --------------------- */
.style-7 .welcome { position: absolute; bottom: 30px; background-color: transparent !important; width: 100%; }
.style-7 .welcome .singleService { background-color: #393f4f; border: none; }
.style-7 .welcome .singleService .serviceName { color: #ffffff; }
.style-7 .welcome .singleService p { color: #e4e4e4; }
.style-7.welcome .singleService { background-color: #393f4f; border: none; }
.style-7.welcome .singleService .serviceName { color: #ffffff; }
.style-7.welcome .singleService p { color: #e4e4e4; }
/*=============================================================================

  Pages Style 1 Default

  =============================================================================*/
/* --- Page Header  --------------------- */
.pageHeader .topMenu { position: relative; border-top: 0px solid #0e72cf; background-color: rgba(0, 99, 165, 0.4); }
.pageHeader .generalLink:hover { background-color: #21242e; color: #ffffff; }
/* --- Page info  --------------------- */
.pageInfo { padding: 25px 0; background: url('images/page-info-bg.png') no-repeat; background-attachment: fixed; position: relative; border-bottom: 1px solid #30333c; background-size: 100% 100%; }
.pageInfo .cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(33, 36, 46, 0.85); }
/* --- Page Title  --------------------- */
.pageTitle { margin-bottom: 0; font-size: 30px; font-weight: 600; color: #ffffff; line-height: 1; float: left; }
/* --- Bread Crumb  --------------------- */
.breadcrumb { margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; background-color: transparent; float: right; }
.breadcrumb li { color: #c5c5c5; font-size: 15px; font-weight: bold; }
.breadcrumb li + li:before { color: #c5c5c5; }
.breadcrumb li a { color: #f09414; }
.breadcrumb li.active { color: #c5c5c5; }
/* --- Pricing  --------------------- */
.page .lightSection { border-top: none; }
.page .lightSection + .lightSection .sectionWrapper { padding-top: 0; }
.page .style-4 .pricingTable { margin-top: 0; }
.page .style-4 .pricingTable .pricingBody { background-color: #ffffff; }
/* --- Contact --------------------- */
/* google map */
#GoogleMap { width: 100% !important; height: 480px; position: relative; }
.contact #GoogleMap { height: 350px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; overflow: hidden; margin-bottom: 75px; }
.map #GoogleMap div { color: #21242e !important; }
/* follow */
.colorFulSocial li.facebook a { background: url('images/share-btns.png') 0 0 no-repeat; }
.colorFulSocial li.twitter a { background: url('images/share-btns.png') 0 -32px no-repeat; }
.colorFulSocial li.googleplus a { background: url('images/share-btns.png') 0 -64px no-repeat; }
.colorFulSocial li.email a { background: url('images/share-btns.png') 0 -96px no-repeat; }
.colorFulSocial li.youtube a { background: url('images/share-btns.png') 0 -128px no-repeat; }
.colorFulSocial li.pinterest a { background: url('images/share-btns.png') 0 -160px no-repeat; }
/* --- newsletter --------------------- */
.newsletter > p { color: #21242e; margin-top: -5px; }
.newsletter form { position: relative; }
.newsletter form input { display: block; width: 100%; height: 43px; color: #f09414; padding-left: 26px; font-size: 12px; font-weight: 400; margin-bottom: 10px; }
.newsletter form input + i { position: absolute; left: 10px; top: 15px; z-index: 100; }
.newsletter form button, .newsletter form input[type="submit"] { width: 100%; display: block; height: 43px; line-height: 43px; padding-top: 0; padding-bottom: 0; font-weight: 400; background-color: #f09414; font-size: 14px; }
.newsletter form button:hover, .newsletter form input[type="submit"]:hover { background-color: #21242e; }
/* --- socialList --------------------- */
.socialList { margin-top: -10px; }
.socialList li { float: left; margin-right: 10px; margin-top: 10px; }
.socialList li a { height: 32px; width: 32px; display: block; text-align: center; line-height: 32px; background-image: url('images/social-list.png'); background-repeat: no-repeat; color: #ffffff; }
.socialList li a.facebook { background-position: 0px 0px; }
.socialList li a.pinterest { background-position: -32px 0px; }
.socialList li a.twitter { background-position: -64px 0px; }
.socialList li a.gplus { background-position: -96px 0px; }
.socialList li a.rss { background-position: -128px 0px; }
.socialList li a.vimeo { background-position: -160px 0px; }
.socialList li a.evernote { background-position: -192px 0px; }
.socialList li a.dribbble { background-position: -224px 0px; }
.socialList li a.tumblr { background-position: -256px 0px; }
.socialList li a.behance { background-position: -288px 0px; }
.socialList li a.stumbleUpon { background-position: -320px 0px; }
.socialList li a.dropbox { background-position: -352px 0px; }
.socialList li a.soundCloud { background-position: -384px 0px; }
.socialList li a.picasa { background-position: -416px 0px; }
.socialList li a.lastfm { background-position: -448px 0px; }
.socialList li a.forrst { background-position: -480px 0px; }
.socialList li a.flickr { background-position: -512px 0px; }
.socialList li a.deviantArt { background-position: -544px 0px; }
.socialList li a.linkedIn { background-position: -576px 0px; }
.socialList li a.blogger { background-position: -608px 0px; }
.socialList li a.grooveshark { background-position: -640px 0px; }
.socialList li a.digg { background-position: -672px 0px; }
.socialList li a.skype { background-position: -704px 0px; }
.socialList li a.shareThis { background-position: -736px 0px; }
.socialList li a.wordPress { background-position: -768px 0px; }
.socialList li a.kickstarter { background-position: -800px 0px; }
.socialList li a.bebo { background-position: -832px 0px; }
.socialList li a.zerply { background-position: -864px 0px; }
.socialList li a.amazon { background-position: -896px 0px; }
.socialList li a.myspace { background-position: -928px 0px; }
.socialList li a.wikipedia { background-position: -960px 0px; }
.socialList li a.technorati { background-position: -992px 0px; }
.socialList li a.addThis { background-position: -1024px 0px; }
.socialList li a.delicious { background-position: -1056px 0px; }
.socialList li a.xing { background-position: -1088px 0px; }
.socialList li a.quora { background-position: -1120px 0px; }
.socialList li a.gitHub { background-position: -1152px 0px; }
.socialList li a.instagram { background-position: -1184px 0px; }
.socialList li a.yahoo { background-position: -1216px 0px; }
.socialList li a.youTube { background-position: -1248px 0px; }
.socialList li:nth-child(28n) { margin-right: 0; }
.socialList.solid li a { background-color: #f09414; }
.socialList.solid li a:hover { background-color: #21242e; }
.socialList.colorful li a.facebook { background-color: #5d82d1; }
.socialList.colorful li a.pinterest { background-color: #e13138; }
.socialList.colorful li a.twitter { background-color: #40bff5; }
.socialList.colorful li a.gplus { background-color: #eb5e4c; }
.socialList.colorful li a.rss { background-color: #faa33d; }
.socialList.colorful li a.vimeo { background-color: #35c6ea; }
.socialList.colorful li a.evernote { background-color: #9acf4f; }
.socialList.colorful li a.dribbble { background-color: #f7659c; }
.socialList.colorful li a.tumblr { background-color: #426d9b; }
.socialList.colorful li a.behance { background-color: #1879fd; }
.socialList.colorful li a.stumbleUpon { background-color: #ff5c30; }
.socialList.colorful li a.dropbox { background-color: #17a3eb; }
.socialList.colorful li a.soundCloud { background-color: #ff7e30; }
.socialList.colorful li a.picasa { background-color: #9eb5b6; }
.socialList.colorful li a.lastfm { background-color: #f34320; }
.socialList.colorful li a.forrst { background-color: #45ad76; }
.socialList.colorful li a.flickr { background-color: #ff48a3; }
.socialList.colorful li a.deviantArt { background-color: #6a8a7b; }
.socialList.colorful li a.linkedIn { background-color: #238cc8; }
.socialList.colorful li a.blogger { background-color: #ff9233; }
.socialList.colorful li a.grooveshark { background-color: #ffb21d; }
.socialList.colorful li a.digg { background-color: #75788d; }
.socialList.colorful li a.skype { background-color: #13c1f3; }
.socialList.colorful li a.shareThis { background-color: #25a774; }
.socialList.colorful li a.wordPress { background-color: #2592c3; }
.socialList.colorful li a.kickstarter { background-color: #8cd049; }
.socialList.colorful li a.bebo { background-color: #ee3849; }
.socialList.colorful li a.zerply { background-color: #9dbc7a; }
.socialList.colorful li a.amazon { background-color: #ff8e2e; }
.socialList.colorful li a.myspace { background-color: #008dde; }
.socialList.colorful li a.wikipedia { background-color: #b3b5b8; }
.socialList.colorful li a.technorati { background-color: #71d14b; }
.socialList.colorful li a.addThis { background-color: #ff7850; }
.socialList.colorful li a.delicious { background-color: #377bda; }
.socialList.colorful li a.xing { background-color: #1a8e8c; }
.socialList.colorful li a.quora { background-color: #ea3d23; }
.socialList.colorful li a.gitHub { background-color: #3f91cb; }
.socialList.colorful li a.instagram { background-color: #548bb6; }
.socialList.colorful li a.yahoo { background-color: #ab47ac; }
.socialList.colorful li a.youTube { background-color: #ef4e41; }
.socialList.largeSocialList { margin-top: -30px; }
.socialList.largeSocialList [class*="col-"] { width: 100px; }
.socialList.largeSocialList li { margin-top: 30px; margin-right: 0; }
.socialList.largeSocialList li a { width: 100%; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; height: 38px; line-height: 38px; background-image: url('images/social-list-large.png'); }
.socialList.largeSocialList li a.facebook { background-position: 0px 0px; }
.socialList.largeSocialList li a.pinterest { background-position: -70px 0px; }
.socialList.largeSocialList li a.twitter { background-position: -140px 0px; }
.socialList.largeSocialList li a.gplus { background-position: -210px 0px; }
.socialList.largeSocialList li a.rss { background-position: -280px 0px; }
.socialList.largeSocialList li a.vimeo { background-position: -350px 0px; }
.socialList.largeSocialList li a.evernote { background-position: -420px 0px; }
.socialList.largeSocialList li a.dribbble { background-position: -490px 0px; }
.socialList.largeSocialList li a.tumblr { background-position: -560px 0px; }
.socialList.largeSocialList li a.behance { background-position: -630px 0px; }
.socialList.largeSocialList li a.stumbleUpon { background-position: -700px 0px; }
.socialList.largeSocialList li a.dropbox { background-position: -770px 0px; }
.socialList.largeSocialList li a.soundCloud { background-position: -840px 0px; }
.socialList.largeSocialList li a.picasa { background-position: -910px 0px; }
.socialList.largeSocialList li a.lastfm { background-position: -980px 0px; }
.socialList.largeSocialList li a.forrst { background-position: -1050px 0px; }
.socialList.largeSocialList li a.flickr { background-position: -1120px 0px; }
.socialList.largeSocialList li a.deviantArt { background-position: -1190px 0px; }
.socialList.largeSocialList li a.linkedIn { background-position: -1260px 0px; }
.socialList.largeSocialList li a.blogger { background-position: -1330px 0px; }
.socialList.largeSocialList li a.grooveshark { background-position: -1400px 0px; }
.socialList.largeSocialList li a.digg { background-position: -1470px 0px; }
.socialList.largeSocialList li a.skype { background-position: -1540px 0px; }
.socialList.largeSocialList li a.shareThis { background-position: -1610px 0px; }
.socialList.largeSocialList li a.wordPress { background-position: -1680px 0px; }
.socialList.largeSocialList li a.kickstarter { background-position: -1750px 0px; }
.socialList.largeSocialList li a.bebo { background-position: -1820px 0px; }
.socialList.largeSocialList li a.zerply { background-position: -1890px 0px; }
.socialList.largeSocialList li a.amazon { background-position: -1960px 0px; }
.socialList.largeSocialList li a.myspace { background-position: -2030px 0px; }
.socialList.largeSocialList li a.wikipedia { background-position: -2100px 0px; }
.socialList.largeSocialList li a.technorati { background-position: -2170px 0px; }
.socialList.largeSocialList li a.addThis { background-position: -2240px 0px; }
.socialList.largeSocialList li a.delicious { background-position: -2310px 0px; }
.socialList.largeSocialList li a.xing { background-position: -2380px 0px; }
.socialList.largeSocialList li a.quora { background-position: -2450px 0px; }
.socialList.largeSocialList li a.gitHub { background-position: -2520px 0px; }
.socialList.largeSocialList li a.instagram { background-position: -2590px 0px; }
.socialList.largeSocialList li a.yahoo { background-position: -2660px 0px; }
.socialList.largeSocialList li a.youTube { background-position: -2730px 0px; }
/* --- tabs --------------------- */
.tabsContainer { background-color: #f09414; }
.etabs { background-color: #ffffff; }
.etabs a { display: block; height: 36px; line-height: 36px; font-weight: 700; color: #ffffff; padding: 0 15px; background-color: #21242e; }
.etabs a:hover { background-color: #f09414; }
.etabs .active a { background-color: #f09414; }
.singleTab { background-color: #f09414; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.singleTab p { color: #ffffff; padding: 20px; }
.tabsHr .etabs li { float: left; margin-right: 5px; }
.tabsVr .etabs { width: 30%; float: left; }
.tabsVr .etabs li { margin-bottom: 5px; }
.tabsVr .singleTab { float: left; width: 70%; }
/* --- alert --------------------- */
.alert { padding: 10px 20px 10px 10px; margin-bottom: 30px; color: #ffffff; background-color: #34495e; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.alert .close { width: 20px; height: 21px; line-height: 21px; margin-top: 8.5px; text-align: center; opacity: 1; color: #ffffff; font-size: 14px; -webkit-text-shadow: 0 0 0.2px rgba(0, 0, 0, 0.5); -moz-text-shadow: 0 0 0.2px rgba(0, 0, 0, 0.5); -o-text-shadow: 0 0 0.2px rgba(0, 0, 0, 0.5); -ms-text-shadow: 0 0 0.2px rgba(0, 0, 0, 0.5); -khtml-text-shadow: 0 0 0.2px rgba(0, 0, 0, 0.5); text-shadow: 0 0 0.2px rgba(0, 0, 0, 0.5); background-color: #21242e; }
.alert .close span { line-height: 21px; }
.alert-success { background-color: #27ae60; }
.alert-warning { background-color: #f1c40f; }
.alert-info { background-color: #f09414; }
.alert-error { background-color: #c0392b; }
.alert-attention { background-color: #7f8c8d; }
.alertContents .alertIcon { float: left; display: block; width: 38px; height: 38px; line-height: 38px; text-align: center; background-color: rgba(0, 0, 0, 0.4); -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; margin-right: 10px; font-size: 16px; }
.alertContents .alertDetails { font-size: 17px; font-weight: 700; display: inline-block; line-height: 38px; }
/* --- messagePanel --------------------- */
.messagePanel { padding: 15px 20px 20px 20px; background-color: #f09414; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.messagePanel h3 { color: #ffffff; font-size: 17px; }
.messagePanel p { color: #202028; }
.messageLinks p { float: left; display: block; width: 50%; margin-bottom: 0; }
.messageLinks a { display: block; width: 100%; background-color: #21242e !important; color: #ffffff !important; font-size: 14px; height: 40px; line-height: 40px; padding-top: 0; padding-bottom: 0; }
.messageLinks a:hover { background-color: #ffffff !important; color: #21242e !important; }
.messageLinks p:last-child { padding-left: 10px; }
.messageLinks p:first-child { padding-right: 10px; }
/* messagePanel3 */
.messagePanel3 .messageLinks a { float: right; width: auto; }
/* messagePanel4 */
.messagePanel4 { height: 195px; }
.messagePanel4 .close { width: 20px; height: 21px; line-height: 21px; text-align: center; opacity: 1; color: #ffffff; font-size: 14px; -webkit-text-shadow: 0 0 0.2px rgba(0, 0, 0, 0.5); -moz-text-shadow: 0 0 0.2px rgba(0, 0, 0, 0.5); -o-text-shadow: 0 0 0.2px rgba(0, 0, 0, 0.5); -ms-text-shadow: 0 0 0.2px rgba(0, 0, 0, 0.5); -khtml-text-shadow: 0 0 0.2px rgba(0, 0, 0, 0.5); text-shadow: 0 0 0.2px rgba(0, 0, 0, 0.5); background-color: #21242e; }
.messagePanel4 .close span { line-height: 21px; }
/* --- headings--------------------- */
.headingsContents p { color: #21242e; }
.headingH { margin-bottom: 40px; }
.headingH:last-child { margin-bottom: 0; }
/* --- columns--------------------- */
.columnsContents { margin-top: -40px; }
.columns { margin-top: 20px; }
.columns h4 { font-size: 20px; }
.columns p { color: #21242e; }
/* --- Blockquotes--------------------- */
.blockquoteP { margin-bottom: 40px; }
.blockquoteP p { color: #21242e; }
.blockquoteP blockquote { display: block; margin-bottom: 15px; background-color: transparent; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; color: #21242e; font-size: 13px; font-style: normal; line-height: 22px; width: 42%; padding-left: 50px; position: relative; }
.blockquoteP blockquote a { color: #f09414; }
.blockquoteP blockquote a:hover { text-decoration: underline !important; }
.blockquoteP blockquote:before { content: '\f10d'; font-family: 'FontAwesome'; display: block; position: absolute; left: 0; top: 4px; color: #f09414; width: 38px; font-size: 40px; }
.blockquoteP:last-child { margin-bottom: 0; }
.blockquotePLeft blockquote { float: left; margin-right: 30px; }
.blockquotePRight blockquote { float: right; margin-left: 30px; }
/* --- Dropcaps--------------------- */
.dropcapWrapper { margin-bottom: 40px; }
.dropcapWrapper p { color: #21242e; }
.dropcapWrapper:last-child { margin-bottom: 0; }
.dropcap { display: inline-block; float: left; margin-right: 20px; margin-bottom: 0; line-height: 54px; font-size: 36px; font-weight: 800; margin-top: -10px; }
.dropcapDark .dropcap { color: #21242e; }
.dropcapGray .dropcap { color: #5a5e6a; }
.dropcapAccent .dropcap { color: #f09414; }
/* --- coming soon --------------------- */
.soonContents { text-align: center; }
/* flip clock */
/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
.flip-clock-wrapper a { cursor: pointer; text-decoration: none; color: #ccc; }
.flip-clock-wrapper a:hover { color: #fff; }
.flip-clock-wrapper ul { list-style: none; }
.flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after { content: " "; display: table; }
.flip-clock-wrapper.clearfix:after { clear: both; }
.flip-clock-wrapper.clearfix { *zoom: 1;
}
/* Main */
.flip-clock-wrapper { -webkit-user-select: none; }
.flip-clock-meridium { background: none !important; box-shadow: 0 0 0 !important; font-size: 36px !important; }
.flip-clock-meridium a { color: #313333; }
.flip-clock-wrapper { text-align: center; position: relative; display: inline-block; padding-bottom: 60px; }
.flip-clock-wrapper:before, .flip-clock-wrapper:after { content: " "; /* 1 */ display: table;/* 2 */ }
.flip-clock-wrapper:after { clear: both; }
/* Skeleton */
.flip-clock-wrapper ul { position: relative; float: left; margin: 5px; width: 70px; height: 90px; font-size: 80px; font-weight: bold; line-height: 87px; border-radius: 6px; background-color: transparent; }
.flip-clock-wrapper ul li { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 87px; text-decoration: none !important; }
.flip-clock-wrapper ul li:first-child { z-index: 2; }
.flip-clock-wrapper ul li a { display: block; height: 100%; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; margin: 0 !important; overflow: visible !important; cursor: default !important; }
.flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; font-size: 80px; overflow: hidden; outline: 1px solid transparent; }
.flip-clock-wrapper ul li a div .shadow { position: absolute; width: 100%; height: 100%; z-index: 2; }
.flip-clock-wrapper ul li a div.up { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }
.flip-clock-wrapper ul li a div.up:after { content: ""; position: absolute; top: 44px; left: 0; z-index: 5; width: 100%; height: 3px; background-color: #000; background-color: rgba(0, 0, 0, 0.4); }
.flip-clock-wrapper ul li a div.down { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; bottom: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }
.flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; color: #ffffff; text-shadow: 0 1px 2px #000; text-align: center; background-color: #21242e; border-radius: 6px; font-size: 56px; }
.flip-clock-wrapper ul li a div.up div.inn { top: 0; }
.flip-clock-wrapper ul li a div.down div.inn { bottom: 0; }
/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3; }
.flip-clock-wrapper ul.play li.flip-clock-active { -webkit-animation: asd 0.5s 0.5s linear both; -moz-animation: asd 0.5s 0.5s linear both; animation: asd 0.5s 0.5s linear both; z-index: 5; }
.flip-clock-divider { float: left; display: inline-block; position: relative; width: 20px; height: 100px; }
.flip-clock-divider:first-child { width: 0; }
.flip-clock-dot { display: block; background: #323434; width: 10px; height: 10px; position: absolute; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); left: 5px; display: none; }
.flip-clock-divider .flip-clock-label { position: absolute; top: 120%; right: -86px; text-shadow: none; font-size: 14px; font-weight: 700; color: #f09414; text-transform: uppercase; }
.flip-clock-divider.days .flip-clock-label { right: -139px; }
.flip-clock-divider.hours .flip-clock-label { right: -106px; }
.flip-clock-divider.minutes .flip-clock-label { right: -112px; }
.flip-clock-divider.seconds .flip-clock-label { right: -112px; }
.flip-clock-dot.top { top: 30px; }
.flip-clock-dot.bottom { bottom: 30px; }
@-webkit-keyframes asd { 0% {
 z-index: 2;
}
 20% {
 z-index: 4;
}
 100% {
 z-index: 4;
}
}
@-moz-keyframes asd { 0% {
 z-index: 2;
}
 20% {
 z-index: 4;
}
 100% {
 z-index: 4;
}
}
@-o-keyframes asd { 0% {
 z-index: 2;
}
 20% {
 z-index: 4;
}
 100% {
 z-index: 4;
}
}
@keyframes asd { 0% {
 z-index: 2;
}
 20% {
 z-index: 4;
}
 100% {
 z-index: 4;
}
}
.flip-clock-wrapper ul.play li.flip-clock-active .down { z-index: 2; -webkit-animation: turn 0.5s 0.5s linear both; -moz-animation: turn 0.5s 0.5s linear both; animation: turn 0.5s 0.5s linear both; }
@-webkit-keyframes turn { 0% {
 -webkit-transform: rotateX(90deg);
}
 100% {
 -webkit-transform: rotateX(0deg);
}
}
@-moz-keyframes turn { 0% {
 -moz-transform: rotateX(90deg);
}
 100% {
 -moz-transform: rotateX(0deg);
}
}
@-o-keyframes turn { 0% {
 -o-transform: rotateX(90deg);
}
 100% {
 -o-transform: rotateX(0deg);
}
}
@keyframes turn { 0% {
 transform: rotateX(90deg);
}
 100% {
 transform: rotateX(0deg);
}
}
.flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2; -webkit-animation: turn2 0.5s linear both; -moz-animation: turn2 0.5s linear both; animation: turn2 0.5s linear both; }
@-webkit-keyframes turn2 { 0% {
 -webkit-transform: rotateX(0deg);
}
 100% {
 -webkit-transform: rotateX(-90deg);
}
}
@-moz-keyframes turn2 { 0% {
 -moz-transform: rotateX(0deg);
}
 100% {
 -moz-transform: rotateX(-90deg);
}
}
@-o-keyframes turn2 { 0% {
 -o-transform: rotateX(0deg);
}
 100% {
 -o-transform: rotateX(-90deg);
}
}
@keyframes turn2 { 0% {
 transform: rotateX(0deg);
}
 100% {
 transform: rotateX(-90deg);
}
}
.flip-clock-wrapper ul li.flip-clock-active { z-index: 3; }
/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, #000000)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, #000000 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000000 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000000 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, #000000 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; }
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, #000000)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, #000000 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000000 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000000 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, #000000 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.3s linear both; }
/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow { background: -moz-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, #000000 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, #000000 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; }
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow { background: -moz-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, #000000 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, #000000 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.2s linear both; }
@-webkit-keyframes show { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@-moz-keyframes show { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@-o-keyframes show { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes show { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@-webkit-keyframes hide { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@-moz-keyframes hide { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@-o-keyframes hide { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@keyframes hide { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
/* --- Erorr 404 --------------------- */
.erorr404Contents { text-align: center; }
.erorr404Contents span { display: block; text-align: center; color: #21242e; font-weight: 700; }
.erorrBig { font-size: 200px; line-height: 1; }
.erorrBottom { font-size: 20px; }
/* --- Login Area --------------------- */
.formArea { background-color: #21242e; padding: 30px 30px 30px 30px; }
.formArea input[type="text"], .formArea input[type="password"], .formArea input[type="email"], .formArea input[type="url"] { display: block; width: 100%; margin-bottom: 30px; height: 48px; padding: 13px 20px; }
.formArea .generalBtn, .formArea input[type="submit"] { display: block; width: 100%; background-color: #f09414; height: 48px; font-size: 15px; font-weight: 700; }
.formArea .generalBtn:hover, .formArea input[type="submit"]:hover { background-color: #ffffff; color: #21242e; }
.formArea .generalLink { width: 100%; margin-top: 30px; background-color: transparent !important; color: #ffffff; display: block; padding: 0 20px; font-size: 15px; font-weight: 700; }
.formArea .generalLink:hover { color: #f09414; }
/* --- boxed style --------------------- */
.body-boxed .allWrapper, .body-boxed-2 .allWrapper { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }
.body-boxed .allWrapper .header.fixedHeader, .body-boxed-2 .allWrapper .header.fixedHeader { left: 50%; }
.body-boxed { background: transparent url('images/patterns/bg8.png') repeat left top; }
.body-boxed-2 { background: transparent url('images/bg-body.jpg') no-repeat center center fixed; background-size: 100% 100%; }
.body-boxed-2 .allWrapper { margin-top: 40px; margin-bottom: 40px; }
/* --- switcher style --------------------- */
/* switcher */
.switcher { position: fixed; top: 15%; z-index: 1000000000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: none; }
.switcher .switcherWrappper { position: relative; }
.switcher .switcherShowHide { background-color: #f09414; color: #ffffff; padding: 0; width: 40px; height: 40px; line-height: 40px; font-size: 21px; overflow: hidden; position: absolute; left: 100%; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; -khtml-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; top: 20px;/*-webkit-box-shadow: 1px 0px 0px 0 rgba(0, 0, 0, 0.2),0px 1px 0px 0 rgba(0, 0, 0, 0.2),0px -1px 0px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    1px 0px 0px 0 rgba(0, 0, 0, 0.2),0px 1px 0px 0 rgba(0, 0, 0, 0.2),0px -1px 0px 0 rgba(0, 0, 0, 0.2);
    box-shadow:         1px 0px 0px 0 rgba(0, 0, 0, 0.2),0px 1px 0px 0 rgba(0, 0, 0, 0.2),0px -1px 0px 0 rgba(0, 0, 0, 0.2);
    */ }
.switcher .switcherShowHide i { font-size: 24px; }
.switcher .switcherContents { background-color: #ffffff; padding: 20px; width: 231px; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; -khtml-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; }
.switcher .switcherContents header { height: 40px; line-height: 40px; margin-bottom: 10px; padding: 0 10px; background-color: #f09414; text-align: center; }
.switcher .switcherContents header h5 { color: #ffffff; margin-bottom: 0; }
.switcherContent { padding: 20px 0; border-bottom: 1px solid #cccccc; }
.switcherContent .title { display: block; margin-bottom: 20px; }
.switcherContent:last-child { border-bottom: none; padding-bottom: 0; }
.switcher.opened { left: 0 !important; }
.switcherContent ul { text-align: center; margin-top: -5px; }
.switcherContent ul li { display: inline-block; cursor: pointer; margin-right: 5px; margin-top: 5px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -khtml-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.switcherContent ul li:last-child { margin-right: 0; }
/* skinsColor */
.skinsColor ul li { width: 16px; height: 16px; }
/* tempLayout */
.tempLayout ul li { border: 1px solid #7a7c82; width: 30%; height: 40px; text-align: center; line-height: 40px; color: #7a7c82; }
.tempLayout ul li:hover { background-color: #7a7c82; color: #ffffff; }
.tempLayout ul .active-layout { background-color: #7a7c82; color: #ffffff; }
/* patterens */
.patterens ul li { width: 17px; height: 17px; border: 1px solid #cccccc; }
.patterens ul li img { width: 100%; height: 100%; }
.patterens ul li:nth-child(8n+8) { margin-right: 0; }
/* --- Intro --------------------- */
.intro { padding-top: 92px; }
.intro .switcher { display: none; }
.intro .pageTitle { text-align: center; float: none; position: relative; z-index: 1; }
.intro .header { position: fixed; width: 100%; top: 0; left: 0; z-index: 10000; }
.intro .mainNav li > a { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -khtml-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.intro .purchaseNow { background-color: #f09414 !important; color: #ffffff !important; }
.intro .mainSection .sectionWrapper { padding-bottom: 50px; }
.intro .demo { margin-bottom: 30px; opacity: 1; visibility: visible; -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; -ms-transition: all 0s linear; -khtml-transition: all 0s linear; transition: all 0s linear; }
.intro .demo figure { position: relative; padding: 10px 10px 0 10px; border: 1px solid #cccccc; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.intro .demo figure .perview { display: block; text-align: center; height: 200px; width: 100%; overflow: hidden; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -o-border-radius: 0 0 2px 2px; -ms-border-radius: 0 0 2px 2px; -khtml-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; border-bottom: 1px solid #cccccc; }
.intro .demo figure img { display: block; width: 100%; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -khtml-transition: all 0s ease-in-out; transition: all 0s ease-in-out; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -o-border-radius: 0 0 2px 2px; -ms-border-radius: 0 0 2px 2px; -khtml-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; }
.intro .demo .demoName { margin-bottom: 0; text-align: center; padding: 20px 0; }
.intro .demo .demoName a { color: #21242e; }
.intro .demo .demoName a:hover { color: #f09414; }
.intro .demo.animated { opacity: 1; visibility: visible; }
.intro .darkSection .demoName a { color: #ffffff; }
.intro .darkSection .demoName a:hover { color: #f09414; }
/* --- scroll to top --------------------- */
.back-to-top { position: fixed; z-index: 100; display: inline-block; width: 40px; height: 40px; padding: 10px 5px; font-family: sans-serif; font-size: 14px; line-height: 20px; text-align: center; background: #f09414; color: #ffffff; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; bottom: -40px; right: 20px; opacity: 0; visibility: hidden; }
.back-to-top:hover { margin-bottom: 0px; color: #ffffff; background-color: #21242e; }
.back-to-top.fadeInup { opacity: 1; bottom: 20px; }
/* slide down */
.slideDown { animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible; }
/* adding more styles NH */
.tick { list-style-type: none; background-repeat: no-repeat; background-position: 20px 6px; list-style-position: outside; background-image: url(images/tick.png); margin-right: 2px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 40px; font-size: 13px; color: #7a7c82; }
.col-md-12.postMedia .emailtosms { margin-right: auto; margin-left: auto; width: 900px; }
.col-md-12.postMedia .emailtosms img { width: 900px; height: auto; }
 @-webkit-keyframes slideDown { 0% {
 -webkit-transform: translateY(-20px);
}
 100% {
 -webkit-transform: translateY(0%);
}
}
@keyframes slideDown { 0% {
 transform: translateY(-20px);
}
 100% {
 transform: translateY(0%);
}
}
.col-md-12 .pricingTable .pricingBody.planBody li a { font-size: 14px; color: #f09414; font-weight: bold; }
.col-md-12 .pricingTable .pricingBody.planBody li a:hover { font-size: 14px; color: #21242e; font-weight: bold; }
/***** Modal CSS Style *****/
.modal-backdrop.in { display: none; }
.modal-open .modal.common-modal, .modal-open .modal, .modal-open .common-modal { padding-right: 0 !important; padding-top: 0; padding-bottom: 0; }
.modal-backdrop, .common-modal { background: rgba(0,0,0,0.7); text-align: center; }
.common-modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.common-modal .modal-dialog { width: 92%; margin: 30px auto; max-width: 950px; display: inline-block; vertical-align: middle; }
.common-modal .modal-content { border-radius: 0; }
.common-modal .modal-header { padding: 0; border-bottom: none; position: relative; }
.common-modal .modal-title { background-color: #234c6a; font-size: 25px; color: #fff; margin-top: 0; margin-bottom: 0; text-align: center; padding: 8px 5px; }
.common-modal .close { margin: 0; position: absolute; z-index: 1; right: -12px; top: -12px; text-shadow: none; background: #f79420; color: #fff; opacity: 1; line-height: 0; padding: 12px 6px; border-radius: 20px; width: auto; height: auto; }
.common-modal .modal-body { padding: 0 15px; }
.whats-app-icon { background-color: #25d366; width: 60px; height: 60px; position: fixed; bottom: 95px; right: 12px; color: #fff; border-radius: 50px; text-align: center; font-size: 36px; z-index: 9999999; display: flex; justify-content: center; align-items: center; }
.whats-app-icon:hover, .whats-app-icon:focus { background-color: #1d9f4e; color: #fff; }
a.sticky { font-size: 18px; }