style.css

@import url('css/bootstrap.css');
@import url('css/css3-animations.css');
@import url('css/font-awesome.css');
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext');
/*=============================================================================
  
  Stylesheet Documentation


  Imported Css
  -------------
    1. bootstrap.css
    2. css3-animations.css
    3. font-awesome.css
    4. open sans ( Google Fonts )


  Stylesheet Components
  ---------------------
    1. General resets
    2. Globally pages Applied Styles
    3. Default Styles
      - Top Menu
      - Slider 
      - Header
        . Logo
        . Main Nav
        . Responsive Main Nav
      - Services
      - Pricing
      - Features
      - Departments
      - Domain Serach
      - About
        . Introduction
        . Team
      - Facts
      - Blog
      - Single Post Page
      - Testmonials
      - Purchase
      - Clients
      - FAQS
      - Protfolio
      - Proud
      - Footer
        . Top Footer
        . Bottom Footer
    4. Style 2
      - Header
      - Slider
    5. Style 3
      - Slider
      - Domain Search
      - About
    6. Style 4
      - Top Menu
      - Header
      - Slider
      - Pricing
    7. Style 5
      - Header
      - Slider
      - Domain Search
      - Services
      - Purchase
    8. Style 6
      - Top Menu
      - Main Slider
      - Header
      - Pricing Table
      - Services
      - Testmonials
    9. Style 7
      - Banner
      - Header
      - Slider
    10. Inner Pages Styles
      - Page Header
        . Page info
        . Page Title
        . Bread Crumb
      - Pricing
      - Contact
        . Google Map
        . Follow
      - Shortcodes
        . Newsletter
        . Social List
        . Tabs
        . Alert
        . Message Panel
      - Typography
        . Headings
        . Columns
        . Blockquotes
        . Dropcaps
      - Coming Soon
      - Erorr 404
      - Login & Register
      - Boxed Style
        . Body Boxed 
        . Body Boxed-2 
    11.Switcher Style
      - skinsColor
      - tempLayout
      - patterens
    12. Scroll To Top

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

	1. 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: #606;
}
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: 16px;
  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 {
  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;
}
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: #999;
  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"] {
  border: 0px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  padding: 13px 20px;
  background-color: #21242e;
  -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 {
  padding: 7px 15px;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  border: none;
  font-family: 'Open Sans', 'Helvetica', 'Tahoma', 'Arial', sans-serif;
  font-size: 12px;
}
label {
  color: #919191;
  font-family: tahoma, sans-serif;
  font-size: 1.2em;
  cursor: pointer;
}
label a{
	color:#FC0;
}
label a:hover{
	color:#fff;
}
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: #999;
}
*:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
  opacity: 1;
}
*::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
  opacity: 1;
}
*:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999;
}
/* --- 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: #606;
  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: #606;
  color: #ffcc00;
}
.bordered {
  background-color: #606;
  border: 1px solid #606;
  color: #ffffff;
}
.bordered:hover {
  border: 1px solid #606;
  background-color: #606;
  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: #ffcc00;
  color: #ffffff;
}
::-webkit-selection {
  background-color: #ffcc00;
  color: #ffffff;
}
::-o-selection {
  background-color: #ffcc00;
  color: #ffffff;
}
::-khtml-selection {
  background-color: #ffcc00;
  color: #ffffff;
}
::-ms-selection {
  background-color: #ffcc00;
  color: #ffffff;
}
::selection {
  background-color: #ffcc00;
  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;
}
/*=============================================================================

	2. 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: 80px 0px 80px 0px;
  position: relative;
}
.section .sectionWrapper #pricing-info p{
	text-align:center;
}
/* darkSection */
.darkSection {
  background:url('images/bckgrnd-domains.png');
  background-color: #21242e;
}
.darkSection .sectionTitle .sectionHeader {
  color: #ffffff;
}
.darkSection .sectionTitle p {
  color: #ffffff;
}
.darkSection .generalLink {
  background-color: #606;
}
.darkSection .generalLink:hover {
  background-color: #ffffff;
  color: #ffcc00;
}
.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:url(images/pattern-38ip.png);
}
.accentSection .sectionTitle .sectionHeader {
  color: #21242e;
}
.accentSection .sectionTitle p {
  color: #666;
}
/*section header*/
.sectionTitle {
  text-align: center;
  margin-bottom: 53px;
}
.sectionTitle .sectionHeader {
  position: relative;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  color: #606;
  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: #606;
}
.topMenu .socialNav li a {
  background-color: #7a7c82;
  width: 22px;
  color: #21242e;
  height: 22px;
  line-height: 22px;
  text-align: center;
  margin: 0px;
}
.topMenu  .socialNav li a:hover {
  color: #ffffff;
  background-color: #ff6b6b;
}
.topMenu .socialNav .facebook a:hover {
  background-color: #3b5998;
}
.topMenu .socialNav .twitter a:hover {
  background-color: #55acee;
}
.topMenu  .socialNav .rss a:hover {
  background-color: #f26522;
}
/* 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: #606;
}
.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: #606;
}
.accordianShortCode .triggerRow > a.activeLine:before,
.accordianShortCode .triggerRow > span.activeLine:before {
  content: '-';
  font-family: 'Tahoma', sans-serif;
  background-color: #606;
}
.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: #606;
  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;
}
.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: #ffcc00;
  border: 0px solid #ffcc00;
}
.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.png") 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);
  }
}
/*=============================================================================

	3. Default Styles

	=============================================================================*/
/* --- Top Menu --------------------- */
.topMenu {
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 1000;
  padding: 10px 0px;
}
/* topContact */
.topContact ul {
  float: right;
  margin-top: 5px;
}
.topContact ul li {
  float: left;
  color: #c5c5c5;
  font-size: 13px;
  border-right: 1px solid #606;
  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: #c5c5c5;
}
.topContact ul li a:hover {
  color: #fc0;
}
/* fancy select */
/*select*/
.fancy-select {
  position: relative;
  margin-left: 5px;
  display: inline-block;
  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: #606;
}
.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: #606;
  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;
}
.fancy-select ul.options li.selected {
  color: #fff;
  background-color: #606;
}
.fancy-select ul.options li.hover {
  color: #fff;
  background-color: #606;
}
/* --- 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.85);
  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 h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  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: #ff6b6b;
  color: #ffffff;
}
.captions .links a.join {
  color: #ffffff;
  background-color: #ff6b6b;
  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 h3,
.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 h3 {
  -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 h2 {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}
.owl-item.active .captions p {
  -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.details {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
.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: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
.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: 5s;
  -moz-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}
.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: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
/* 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: #ff6b6b;
}
.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: #ff6b6b;
}
/* --- Header --------------------- */
.header {
  background: transparent;
  position: relative;
  height: 94px;
  border-bottom: 1px solid #d9d9d9;
  background-color: #ffffff;
}
.header .scrollHeaderWrapper {
  border-bottom: 1px solid #ccc;
  height: 93px;
}
.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;
}
.logo {
  margin-top: 5px;
  margin-bottom: 0px;
}
.logo a {
  float: left;
  height: 100px;
  display: block;
  overflow: hidden;
}
.logo a .square {
  width: 33px;
  height: 33px;
  position: relative;
  float: left;
  overflow: hidden;
  margin-right: 8px;
  background-color: #ff6b6b;
  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: #ff6b6b;
}
.logo a img {
  display: block;
}
/* --- Main Nav --------------------- */
.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: #606;
  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 #ffcc00;
  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: #606;
}
.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: #ffcc00;
}
.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: #ffcc00;
  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: #ff6b6b;
}
.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: #fc0;
  color: #ffffff;
}
.mainNav .navTabs .login a:hover,
.mainNav .navTabs .login > button:hover,
.mainNav .navTabs .login .opened:hover {
  background-color: #606;
}
.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: #fc0;
  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: #606;
  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: #606;
}
.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: #606;
  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: #606;
  color: #ffffff;
}
.style-5 #responsiveMainNavToggler {
  background-color: #ff6b6b;
  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: #606;
  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: #606;
  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: #606;
  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 #fc0;
  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: #fc0;
  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/service-2.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 a {
  background-color: #999;
  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: #606;
}
/* 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: #606;
}
.singleService3 .servicesDescription {
  color: #21242e;
}
.singleService3 .readMore {
  background-color: #606;
}
.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: 30px;
}
.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 #999;
  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-yellow.png') center center no-repeat;
}
.pricingTable .pricingHeader {
  border: 1px solid #606;
  border-bottom: none;
  background-color: #606;
  padding: 20px;
  -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: 10px;
  font-size: 15px;
}
.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: #fff;
  color: #606 !important;
  font-size: 14px;
  font-weight: 700;
  width: 110px;
  height: 35px;
  line-height: 35px;
  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;
  text-align:left;
}
.pricingTable .pricingBody li span {
  float: right;
  color: #606;
  font-size: 14px;
}
.pricingTable .pricingBody select{
	font-weight:500;
	font-size: 14px;
	padding: 4px 5px;
	color:#666;
}
.pricingTable .pricingBody li .generalLink {
  padding: 16px 10px;
  font-size: 17px;
  color: #606;
  font-weight: 700;
  width: 100%;
}

.pricingTable .pricingBody li .orderNow {
  background-color: #fc0;
}
.pricingTable .pricingBody li .orderNow:hover {
  background-color: #606;
  color:#fff;
}

.pricingTable .pricingBody li .moreDetails{
	color:#fff;
	background-color:#777;
}
.pricingTable .pricingBody li .moreDetails:hover{
	color:#fff;
	background-color:#999;
}
.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: 100%;
  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: 1px solid #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;
}
.table-bordered {
  border-color: #ccc;
  color: #21242e;
  font-size: 13px;
  margin-bottom: 0;
  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) {
  color: #999;
  font-size: 13px;
}
.table-bordered td:nth-child(3) {
  font-size: 13px;
  font-weight: 700;
  color: #606;
}
.table-bordered td:nth-child(4) {
  font-size: 13px;
  font-weight: 700;
  color: #606;
}
.table-bordered td:nth-child(5) {
  font-size: 13px;
  font-weight: 700;
  color: #606;
}
.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: #606;
  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: #606;
}
.singleFeature .featureName a:hover {
  color: #21242e;
}
.singleFeature:hover .featureIcon {
  border: 5px solid #fc0;
  color: #ffffff;
  background-color: #fc0;
}
.singleFeature2 .featureIcon {
  float: left;
  margin-right: 20px;
}
.singleFeature2 .featureContents {
  float: left;
  width: 75%;
  text-align: left;
}
.singleFeature3 .featureIcon {
  background-color: #606;
  color: #ffffff;
}
.singleFeature3 .featureName a {
  color: #21242e;
}
.singleFeature3 .featureName a:hover {
  color: #606;
}
.features2 {
  border-top: none;
}
/* --- Departments --------------------- */
.department .departHeader {
  height: 30px;
  border-bottom: 2px solid #fc0;
  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: #606;
}
.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: #606;
  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: #999;
  width: 887px;
  height: 100%;
  line-height: 100%;
  float: left;
}
.domainSearchForm .formSearchUl > li:last-child button {
  width: 58px;
  height: 58px;
  background-color: #fc0;
  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: #fc0;
}
.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: #606;
  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: #ddd;
}
.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 #ddd;
  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 #ddd;
  -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: #606;
}
.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: #606;
}
.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-yellow.png') no-repeat center center;
}
.fact .factIcon2 {
  background: #21242e url('images/fact-2-yellow.png') no-repeat center center;
}
.fact .factIcon3 {
  background: #21242e url('images/fact-3-yellow.png') no-repeat center center;
}
.fact .factIcon4 {
  background: #21242e url('images/fact-4-yellow.png') no-repeat center bottom;
}
.fact .factTitle {
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 5px;
}
.fact .factTitle a {
  color: #606;
}
.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: #666;
  background-color: rgba(255, 204, 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: #999;
  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: #fc0;
  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 h6, .post .postContents p{
	text-align:left;
}
.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: #606;
}
.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: #fc0;
}
.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: #ff6b6b;
}
.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: #ff6b6b;
}
.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: #ddd;
  font-size: 17px;
  height: 35px;
  border-bottom: 2px solid #fc0;
}

.widget .register button, input[type="submit"]{
	background-color:#fc0;
	line-height:2em;
	font-size:1.5em;
}

.widget .register button:hover, input[type="submit"]:hover{
	background-color:#606;
	line-height:2em;
	font-size:1.5em;
}

.widget .row .register button, input[type="submit"]{
	font-size:1.5em;
	background-color:#606;
}
.widget .row .register button:hover, input[type="submit"]:hover{
	background-color:#fc0;
	color:#606;
}

.sidebar .department {
  margin-bottom: 30px;
}
.sidebar .department:last-child {
  margin-bottom: 0;
}
.tweets {
  background: #606;
  position: relative;
  border-color: #606;
}
.tweets .tweet {
  overflow: visible;
}
.tweets .tweet .carousel2 {
  overflow: visible;
}
.tweets .tweet p {
  color: #ffffff;
  margin-bottom: 28px;
}
.tweets .tweet span {
  color: #ddd;
}
.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(204, 204, 204, 0.2);
  color: #606;
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: normal;
  border: 0;
}
.sideSearch button,
.sideSearch input[type="submit"] {
  display: block;
  background-color: #fc0;
  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: #606;
}
.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: #606;
}
#ticker .postTitle a:hover {
  color: #21242e;
}
#ticker .postMeta li {
  color: #21242e;
}
#ticker .postMeta li a,
#ticker .postMeta li span {
  color: #21242e;
}
/* --- Single Post Page --------------------- */
/* 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(204, 204, 204, 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: #ccc;
  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 #999;
  margin-bottom: 30px;
  color: #aaa;
  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: #606;
}
.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 #606;
  color: #606;
}
/* 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: #606;
  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: #606;
}
/* --- 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: #606;
}
.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: #ff6b6b;
}
.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: #606;
}
.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: #ff6b6b;
  line-height: 24px;
}
.testmonials2 .testmonialsTopContents blockquote p:before,
.testmonials2 .testmonialsTopContents blockquote p:after {
  content: '"';
  color: #ff6b6b;
  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: #ff6b6b;
}
.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: #ff6b6b;
}
/* 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: #ff6b6b;
}
.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: #ffcc00;
  width: 10px;
  height: 10px;
}
.testmonials4 .owl-dot span {
  width: 10px;
  height: 10px;
  border: 0;
  background-color: #21242e;
}
.testmonials4 .owl-dot span:hover {
  background-color: #ff6b6b;
  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: 48px 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: #606;
}
.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: #ff6b6b;
  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, 204, 0, 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: #606;
}
.project .projectName a:hover {
  color: #21242e;
}
.project .projectContents h6{
	border-top:1px solid #eee;
	padding-top: 10px;
}

.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: #ff6b6b;
}
.proud .description p {
  color: #21242e;
}
/* --- Footer --------------------- */
/* Top Footer */
.topFooter {
  padding: 80px 0px;
  background-color: #21242e;
}
.topFooter .footerWidget .footerWidgetHeader {
  color: #fc0;
  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: #606;
}
.topFooter .footerWidget .footerAboutContent {
  margin-bottom: 30px;
}
.topFooter .footerWidget .footerLinksList li {
  margin-bottom: 8px;
}
.topFooter .footerWidget .footerLinksList li a {
  color: #ffffff;
  font-style: 13px;
}
.topFooter .footerWidget .footerLinksList li a:hover {
  color: #fc0;
  margin-left: 10px;
}
.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: #fc0;
}
.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: #ff6b6b;
}
.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: #ff6b6b;
}
.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;
}
.bottomFooter .footerSocial .paymentsNav .visa img:hover{
	background: url(images/visa-hover.png) no-repeat;
}
.bottomFooter .footerSocial .paymentsNav .master img:hover{
	background: url(images/master-hover.png) no-repeat;
}
.bottomFooter .footerSocial .paymentsNav .americanExpress img:hover{
	background: url(images/american-hover.png) no-repeat;
}
.bottomFooter .footerSocial .paymentsNav .paypal img:hover{
	background: url(images/paypal-hover.png) no-repeat;
}
.payment ul{
	padding-top:5%;
}
/*=============================================================================

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

  =============================================================================*/
/* --- Top Menu --------------------- */
.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;
  
}
.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: #904eab;
  border: 1px solid #904eab;
}
.style-4 .header .scrollHeaderWrapper .login .formSwitcher.bordered:hover {
  background-color: #904eab;
  color: #ffffff;
}
.style-4 .header .scrollHeaderWrapper .login .formSwitcher.bordered.opened {
  color: #ffffff;
  background-color: #904eab;
}
.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: #ffcc00;
  border: 0px solid #ffcc00;
}
/* --- 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: #FC0;
  font-weight: 700;
  width: auto;
}
.style-4 .pricingTable .pricingPerMonth .generalLink:hover {
  color: #ffffff;
  background-color: #606;
}
/*=============================================================================

  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: #ff6b6b;
  color: #ffcc00;
}
.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: #ff6b6b;
}
.style-5 .header.fixedHeader .mainNav .navTabs > li.login .formSwitcher.opened {
  background-color: #ff6b6b;
  color: #ffffff;
}
.style-5 .header.fixedHeader .mainNav .navTabs > li.register .formSwitcher {
  color: #ffffff;
}
/* --- Slider --------------------- */
.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: 40px 20px 40px 20px;
  background-color: #606 !important;
  border: 1px solid #606 !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

  =============================================================================*/
/* --- Top Menu --------------------- */
.style-6 .topMenu {
  background-color: #f5f6f8;
  border-bottom: 1px solid #e4e5e6;
}
.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: #ff6b6b;
}
.style-6 .topMenu .topContact ul li {
  border-right-color: #21242e;
}
/* --- Main Slider --------------------- */
.style-6 .mainSlider .captions .links a.join {
  color: #ff6b6b;
  background-color: transparent;
}
.style-6 .mainSlider .captions .links a.join:hover {
  color: #ffffff;
  background-color: #ff6b6b;
}
.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: -177px;
}
/* --- 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%;
}
/* --- Testmonials  --------------------- */
.style-6 .singleTestmonial .testmonialsTopContents {
  margin-bottom: 50px;
  padding-bottom: 45px;
}
.style-6 .singleTestmonial .testmonialsTopContents .testmonialthumb {
  position: absolute;
  right: 50%;
  margin-right: -30px;
  bottom: -30px;
}
.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;
}
/*=============================================================================

  10. Inner Pages Styles

  =============================================================================*/
/* --- Page Header  --------------------- */
.pageHeader .topMenu {
  position: relative;
  background-color: #21242e;
}
.pageHeader .generalLink:hover {
  background-color: #21242e;
  color: #ffffff;
}
/* --- Page info  --------------------- */
.pageInfo {
  padding: 45px 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.4);
}
/* --- Page Title  --------------------- */
.pageTitle {
  margin-bottom: 0;
  font-size: 35px;
  font-weight: 700;
  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: 13px;
}
.breadcrumb li + li:before {
  color: #c5c5c5;
}
.breadcrumb li a {
  color: #fc0;
}
.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;
}
/* --- ShortCodes --------------------- */
/* --- newsletter --------------------- */
.newsletter > p {
  color: #21242e;
  margin-top: -5px;
}
.newsletter form {
  position: relative;
}
.newsletter form input {
  display: block;
  width: 100%;
  height: 43px;
  color: #ff6b6b;
  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: #ff6b6b;
  font-size: 14px;
}
.newsletter form button:hover,
.newsletter form input[type="submit"]:hover {
  background-color: #21242e;
}
/* --- social List --------------------- */
.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: #ff6b6b;
}
.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: #ff6b6b;
}
.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: #ff6b6b;
}
.etabs .active a {
  background-color: #ff6b6b;
}
.singleTab {
  background-color: #ff6b6b;
  -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: #ff6b6b;
}
.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;
}
/* --- Message Panel --------------------- */
.messagePanel {
  padding: 15px 20px 20px 20px;
  background-color: #ff6b6b;
  -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;
}
/* --- Typography--------------------- */
/* --- headings --------------------- */
.headingsContents p {
  color: #21242e;
}
.headingH {
  margin-bottom: 40px;
}
.headingH:last-child {
  margin-bottom: 0;
}
/* --- columns--------------------- */
.columnsContents {
  margin-top: -40px;
}
.columns {
  margin-top: 40px;
}
.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: #ff6b6b;
}
.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: #ff6b6b;
  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: #ff6b6b;
}
/* --- 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: #ff6b6b;
  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 & Register --------------------- */
.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: #606;
  height: 48px;
  font-size: 15px;
  font-weight: 700;
}
.formArea .generalBtn:hover,
.formArea input[type="submit"]:hover {
  background-color: #fc0;
  color: #606;
}
.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: #ffcc00;
}
/* --- boxed style --------------------- */
/* body boxed */
.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 */
.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;
}
/*=============================================================================

  11. Switcher Styles

  =============================================================================*/
/* --- 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;
}
.switcher .switcherWrappper {
  position: relative;
}
.switcher .switcherShowHide {
  background-color: #ff6b6b;
  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: #ff6b6b;
  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;
}
/*=============================================================================

  12. Scroll To Top

  =============================================================================*/
/* 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: #fc0;
  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: #fc0;
}
.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           ;
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
@keyframes slideDown {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0%);
  }
}
.sticky .scrollHeaderWrapper .logo img{visibility:none;}
#option-selct{
	margin-bottom:5%;
}