/* Main Fonts of Page:
-------------------------------------
font-family: "Oswald", sans-serif;
font-weight: 400;
-------------------------------------
font-family: "PT Sans", sans-serif;
font-weight: 400;
font-weight: 700;
font-weight: 400italic;
-------------------------------------*/

@font-face {
    font-family: 'primelight';
    src: url('../fonts/prime_light-webfont.eot');
    src: url('../fonts/prime_light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/prime_light-webfont.woff') format('woff'),
    url('../fonts/prime_light-webfont.ttf') format('truetype'),
    url('../fonts/prime_light-webfont.svg#primelight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'primeregular';
    src: url('../fonts/prime_regular-webfont.eot');
    src: url('../fonts/prime_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/prime_regular-webfont.woff') format('woff'),
    url('../fonts/prime_regular-webfont.ttf') format('truetype'),
    url('../fonts/prime_regular-webfont.svg#primeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Begin general body settings */
body {
    font-family: "PT Sans";
    font-weight: 400;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 14px;
    color: #212c43;
}

html {
    height: 100%;
}

/* General typography */
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    font-family: "PT Sans";
    font-weight: 400;
}

a {
    color: #7ccbfc;
    text-shadow: none;
    -webkit-transition: color linear .2s, box-shadow linear .2s;
    -moz-transition: color linear .2s, box-shadow linear .2s;
    -o-transition: color linear .2s, box-shadow linear .2s;
    transition: color linear .2s, box-shadow linear .2s;
}

/* Fix link outlines after click */
a, a:focus, a:hover, a:active {
    outline: 0;
    text-decoration: none;
}

.categori-list label {
    display: inline-block;
}

/*Selected text color*/
::-moz-selection {
    color: #fff;
    background: #000;
}

::-webkit-selection {
    color: #fff;
    background: #000;
}

::-o-selection {
    color: #fff;
    background: #000;
}

::-ms-selection {
    color: #fff;
    background: #000;
}

::selection {
    color: #fff;
    background: #000;
}

/* End general body settings */

/*---------------------------------------------------------------------------
						Begin Header
---------------------------------------------------------------------------*/
.header-height {
    height: 123px;
}

.top-nav {
    padding-top: 6px;
    background-color: #1b253b;
    padding-bottom: 10px;
}

.top-nav p {
    font-size: 12px;
    color: #7d8e98;
}

.top-nav a:hover,
footer a:hover,
.footer-widget a:hover {
    color: #fff;
}

.main-nav-wrap {
    height: 86px;
    background-color: #212c43;
    border-top: 1px solid #0d1629;
    position: relative;
}

.blue-line-wrap {
    margin-top: 2px;
    border-top: 1px solid #0d1629;
    position: relative;
}

.blue-line-wrap:before {
    content: '';
    background: url(../img/blue-round.png) no-repeat;
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -11px;
    left: 50%;
    margin-left: -8px;
    z-index: 2000;
}

.logo {
    padding-top: 20px;
}

h1.logo-text {
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    line-height: 20px;
}

.blue-text {
    color: #7ccbfc;
}

/*---------------	Begin navigation	------------------*/
#navigation-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#navigation-toggle {
    display: none;
    float: right;
    width: 50px;
    height: 50px;
    background-color: #7ccbfc;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .5);
    -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .5);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .5);
    border: solid 1px #7ccbfc;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .05), rgba(2, 2, 2, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .05), rgba(2, 2, 2, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .05), rgba(2, 2, 2, 0));
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, .05), rgba(2, 2, 2, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .05), rgba(2, 2, 2, 0));
    -o-transition: all 500ms ease-in;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
    margin-top: 14px;
}

#navigation-toggle.open-menu {
    background-color: #f29090;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .5);
    -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .5);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .5);
    border: solid 1px #f29090;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .05), rgba(2, 2, 2, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .05), rgba(2, 2, 2, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .05), rgba(2, 2, 2, 0));
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, .05), rgba(2, 2, 2, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .05), rgba(2, 2, 2, 0));
}

.menu-icon {
    display: block;
    background: url(../img/close-open-menu-icon.png) 0 0 no-repeat;
    width: 20px;
    height: 22px;
    margin: 15px auto 0;
    -o-transition: all 500ms ease-in;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}

.open-menu .menu-icon {
    background: url(../img/close-open-menu-icon.png) 0 100% no-repeat;;
}

ul#navigation {
    float: right;
    min-width: 200px;
    margin-right: -15px;
}

ul#navigation li {
    position: relative;
    padding: 14px 0 16px;
    border-bottom: 1px solid #1b253b;
}

ul#navigation li:last-child {
    border: none;
}

ul#navigation > li {
    padding: 0;
    float: left;
    min-height: 35px;
    border: none;
    display: block;
    background-position: 0 90%;
    -o-transition: all 100ms ease-in;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}

ul#navigation > li:hover {
    background: url(../img/nav-line-hover.png) 0 bottom repeat-x;
}

ul#navigation a {
    color: #fff;
}

ul#navigation a:hover,
ul#navigation .active-item > a {
    color: #7ccbfc;
}

ul#navigation > li > a {
    text-decoration: none;
    display: block;
    padding: 32px 15px 16px;
}

ul#navigation > li > a:hover {
    background-color: rgba(124, 203, 252, .1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#197CCBFC, endColorstr=#197CCBFC);
}

ul#navigation a i {
    font-size: 30px;
    margin-right: 4px;
    vertical-align: middle;
    color: #6a6a6a;
}

ul#navigation ul {
    display: none;
}

.lt-ie9 ul#navigation > li:hover > ul {
    display: block;
    width: 150px;
    position: absolute;
    padding: 0 15px;
    top: 84px;
    left: 0;
    background: #212c43;
    z-index: 50;
}

/*---------------	End navigation	------------------*/

/*---------------------------------------------------------------------------
						End Header
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin Call to action
---------------------------------------------------------------------------*/
.action-area {
    /*background: url(../img/call-to-action-bg.jpg) center top repeat-x;*/
    /*	-webkit-box-shadow: inset 0 2px 5px rgba(0,0,0,.15);
	-moz-box-shadow: inset 0 2px 5px rgba(0,0,0,.15);
	box-shadow: inset 0 2px 5px rgba(0,0,0,.15);
    min-height: 629px;*/
}

.pattern-wrap {
    /*background: url(../img/call-to-action-pattern.png) repeat;*/
    height: inherit;
}

.horizontal-grey-lines {
    /*	background: url(../img/horizontal-lines.png) repeat-x;*/
}

.lines-wrap {
    background-position: 0 393px;
    padding-top: 30px;
}

.action-area h2 {
    font-family: "primelight", sans-serif;
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    color: #162a43;
    text-shadow: 0 1px 0 #dfe5e0;
    text-transform: uppercase;
    padding-bottom: 22px;
}

.action-area h3 {
    font-size: 44px;
    color: rgba(124, 203, 252, 1.0);
    text-shadow: 0 1px 0 #bbbcb3;
    text-shadow: 0 1px 0 rgba(33, 44, 67, .2);
}

/*----Begin 3D Hover----*/
.ch-grid {
    margin: 32px 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}

.ch-grid:after,
.ch-item:before {
    content: '';
    display: table;
}

.ch-grid:after {
    clear: both;
}

.ch-grid li {
    width: 180px;
    height: 180px;
    display: inline-block;
    margin: 18px;
    cursor: pointer;
}

.ch-grid li a {
    cursor: pointer;
}

.ch-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    -o-perspective: 900px;
    -ms-perspective: 900px;
    perspective: 900px;

}

.ch-info {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.ch-info > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-position: center center;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;

}

.ch-info .ch-info-front {
    background-color: rgba(232, 232, 221, 0.8);
    box-shadow: 0 0 0 10px rgba(232, 232, 221, 0.2), 0 0 0 3px #e8e8dd;
}

.ch-info .ch-info-front img {
    position: absolute;
    bottom: 20px;
    left: 58px;
}

.ch-info-front h4 {
    font-family: "primelight", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #162a43;
    text-shadow: 0 1px 0 #e8e8dd;
    text-align: center;
    text-transform: uppercase;
    padding-top: 56px;
}

.ch-info .ch-info-back {
    -webkit-transform: translate3d(0, 0, -180px) rotate3d(1, 0, 0, 90deg);
    -moz-transform: translate3d(0, 0, -180px) rotate3d(1, 0, 0, 90deg);
    -o-transform: translate3d(0, 0, -180px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: translate3d(0, 0, -180px) rotate3d(1, 0, 0, 90deg);
    transform: translate3d(0, 0, -180px) rotate3d(1, 0, 0, 90deg);
    background-color: #7ccbfc;
    box-shadow: 0 0 0 10px rgba(232, 232, 221, 0.2), 0 0 0 3px #fff;
    opacity: 0;
}

.ch-info-back h4 {
    font-family: "primelight", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    text-shadow: 0 1px 0 #5fb9f0;
    text-align: center;
    text-transform: uppercase;
    padding: 58px 0 18px;
}

.ch-info-back p {
    color: #fff;
    margin: 0 23px 12px 23px;
    font-size: 12px;
    line-height: 14px;
}

.ch-info-back a {
    display: inline-block;
    background: url(../img/call-to-action-arrows.png) 0 0 no-repeat;
    width: 20px;
    height: 20px;
}

.ch-info-back a:hover {
    background: url(../img/call-to-action-arrows.png) 0 -25px no-repeat;
}

.ch-item.hover .ch-info-front {
    -webkit-transform: translate3d(0, 240px, 0) rotate3d(1, 0, 0, -90deg);
    -moz-transform: translate3d(0, 240px, 0) rotate3d(1, 0, 0, -90deg);
    -o-transform: translate3d(0, 240px, 0) rotate3d(1, 0, 0, -90deg);
    -ms-transform: translate3d(0, 240px, 0) rotate3d(1, 0, 0, -90deg);
    transform: translate3d(0, 240px, 0) rotate3d(1, 0, 0, -90deg);
    opacity: 0;
}

.ch-item.hover .ch-info-back {
    -webkit-transform: rotate3d(1, 0, 0, 0deg);
    -moz-transform: rotate3d(1, 0, 0, 0deg);
    -o-transform: rotate3d(1, 0, 0, 0deg);
    -ms-transform: rotate3d(1, 0, 0, 0deg);
    transform: rotate3d(1, 0, 0, 0deg);
    opacity: 1;
}

/*----End 3D Hover----*/
/*---------------------------------------------------------------------------
						End Call to action
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin Revolution slider
---------------------------------------------------------------------------*/
#home-revo-slider1 .bannercontainer {
    width: 1160px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    background-color: rgba(232, 232, 221, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FE8E8DD, endColorstr=#7FE8E8DD);
}

#home-revo-slider1 .banner {
    width: 1160px;
    height: 450px;
    position: relative;
    overflow: hidden;
}

#home-revo-slider1 .action-area {
    background: none;
    box-shadow: none;
    padding-top: 20px;
}

#home-revo-slider1 .tp-bullets.tp-thumbs {
    background: none;
}

#home-revo-slider1 .tp-bullets.tp-thumbs .bullet {
    opacity: 1;
    position: relative;
}

#home-revo-slider1 .tp-bullets.tp-thumbs .bullet:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #212c43;
    opacity: 0.22;
}

#home-revo-slider1 .tp-bullets.tp-thumbs .bullet:hover:after {
    display: none;
}

#home-revo-slider1 .tparrows {
    display: none;
}

#home-revo-slider1 .large-text.caption span {
    color: #fff;
    font-size: 52px;
    text-transform: uppercase;
    font-family: "PT Sans";
    font-weight: 700;
    text-shadow: 0px 2px rgba(33, 44, 67, .5);
}

#home-revo-slider1 .caption a {
    color: #fff;
    text-decoration: none;
    font-family: "PT Sans";
    text-shadow: 0px 1px rgba(33, 44, 67, .3);
}

#home-revo-slider1 .caption.title {
    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    font-family: "PT Sans";
    font-weight: 700;
}

#home-revo-slider1 .caption.text {
    color: #fff;
    font-size: 14px;
    font-family: "PT Sans";
    width: 200px;
}

#home-revo-slider1 .caption.title2 {
    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    font-family: "Oswald";
    font-weight: 400;
}

#home-revo-slider1 .caption.square {
    width: 920px;
    height: 180px;
    border: 5px solid rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, .2);
}

#home-revo-slider1 .caption.text-block .inner-text {
    width: 920px;
    height: 180px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-family: "PT Sans";
    width: 200px;
}

#home-revo-slider1 .caption.text-block .inner-text {
    width: 920px;
    height: 180px;
    text-align: center;
}

.revo-img1 {
    width: 380px;
    height: 431px;
    background: url(http://placehold.it/380x431) no-repeat;
    background-size: 100% 100%;
}

/*---------------------------------------------------------------------------
						End Revolution slider
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin Revolution slider 2
---------------------------------------------------------------------------*/
#home-revo-slider2 .fullscreen-container {
    width: 100% !important;
    position: relative;
    padding: 0;
    height: 100%;
}

#home-revo-slider2 .action-area {
    background: none;
    box-shadow: none;
    height: auto;
}

#home-revo-slider2 .promobox-wrap {
    position: relative;
    z-index: 100;
}

#home-revo-slider2 .benefits-wrap {
    padding-top: 156px;
}

#home-revo-slider2 .fullwidthbanner-container {
    width: 100% !important;
    position: relative;
    padding: 0;
    max-height: 630px !important;
    overflow: hidden;
}

/* Uncomment if you wish white arrow

#home-revo-slider2 .tparrows.tp-leftarrow{
	width: 36px;
	height: 36px;
	background: url(../img/revo-slider-arrows.png) 0 0 no-repeat;
	border: none;
}

#home-revo-slider2 .tparrows.tp-rightarrow{
	width: 36px;
	height: 36px;
	background: url(../img/revo-slider-arrows.png) 0 -36px no-repeat;
	border: none;
}*/

#home-revo-slider2 .tparrows.tp-leftarrow {
    width: 36px;
    height: 36px;
    background: url(../img/revo-slider-arrows.png) 0 -72px no-repeat;
}

#home-revo-slider2 .tparrows.tp-rightarrow {
    width: 36px;
    height: 36px;
    background: url(../img/revo-slider-arrows.png) 0 -108px no-repeat;
}

#home-revo-slider2 .large-text.caption {
    color: #fff;
    font-size: 60px;
    text-transform: uppercase;
    font-family: "PT Sans";
    font-weight: 700;
}

#home-revo-slider2 .large-text.caption > span {
    color: #7ccbfc;
}

#home-revo-slider2 .caption.title {
    color: #fff;
    font-size: 24px;
    font-family: "PT Sans";
    font-weight: 400;
}

#home-revo-slider2 .caption.text-block {
    color: #fff;
    font-size: 44px;
    line-height: normal;
    text-transform: uppercase;
    font-family: "PT Sans";
    font-weight: 700;
    background-color: #212c43;
    padding: 21px 24px 20px;
}

#home-revo-slider2 .caption.title2 {
    color: #212c43;
    font-size: 44px;
    text-transform: uppercase;
    font-family: "PT Sans";
    font-weight: 700;
}

#home-revo-slider2 .caption.sub-title {
    color: #212c43;
    font-size: 28px;
    font-family: "PT Sans";
    font-weight: 400;
}

#home-revo-slider2 .caption.list p {
    color: #fff;
    font-size: 16px;
    font-family: "PT Sans";
    font-weight: 400;
    padding-top: 5px;
}

#home-revo-slider2 .caption.list > span {
    display: inline-block;
    background: url(../img/benefits-arrow-white.png) 0 0 no-repeat;
    width: 26px;
    height: 26px;
    margin: 0 20px 0 0;
    float: left;
}

#home-revo-slider2 .tp-hide-revslider {
    display: block !important;
}

.revo2-img1 {
    width: 317px;
    height: 268px;
    background: url(http://placehold.it/456x385) no-repeat;
    background-size: 100% 100%;
}

.revo2-img2 {
    width: 468px;
    height: 408px;
    background: url(http://placehold.it/678x592) no-repeat;
    background-size: 100% 100%;
}

/*---------------------------------------------------------------------------
						End Revolution slider 2
---------------------------------------------------------------------------*/
.white-wrap {
    /*		if some brousers			*/
    background-color: #fff; /*		default background			*/
}

/*		not white					*/
/*---------------------------------------------------------------------------
						Begin Promobox
---------------------------------------------------------------------------*/
.promobox-wrap {
    padding: 5px;
    background-color: rgba(232, 232, 221, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FE8E8DD, endColorstr=#7FE8E8DD);
}

.wrap-position {
    margin-top: -50px;
}

.promobox {
    background-color: #e8e8dd;
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(4, 4, 4, .04) 0%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(4, 4, 4, .04) 0%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(4, 4, 4, .04) 0%);
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(4, 4, 4, .04) 0%);
    background-image: linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(4, 4, 4, .04) 0%);
    overflow: hidden;
    padding: 19px 24px;
}

.lt-ie9 .promobox {
    background: url(../img/promobox-bg.png) 0 50% repeat-x;
}

.promobox p {
    font-size: 24px;
    color: #212c43;
    margin-top: 12px;
    max-width: 820px;
}

.lt-ie9 .promobox p {
    margin-top: 3px;
    max-width: 585px;
}

/*---------------------------------------------------------------------------
						End Promobox
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin Benefits
---------------------------------------------------------------------------*/
.benefits-wrap {
    padding: 56px 0;
}

.benefits {
    padding-top: 30px;
}

.grey-lines {
    background: url(../img/grey-lines.png) 0 100% repeat-x;
    position: relative;
}

.grey-lines:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/grey-round.png) repeat-x;
    position: absolute;
    bottom: -4px;
    left: 50%;
    margin-left: -8px;
}

.section-title {
    font-size: 30px;
    color: #212c43;
    line-height: 6px;
}

.section-title span {
    display: block;
    text-transform: uppercase;
    font-size: 80px;
    line-height: 1;
}

.carousel {
    list-style: none;
    margin: 50px 0 0 0;
    padding: 46px 0 0 20px;
}

.carousel li {
    height: 510px;
    width: 268px;
    cursor: url(../img/draghand.cur), w-resize;
}

.roundabout-holder {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
    height: 510px;
}

.roundabout-in-focus {
    cursor: auto;
}

.camera_pag_ul {
    list-style: none;
    margin: 0;
    margin-left: -10px;
    padding-top: 22px;
}

.camera_pag_ul li {
    background: url(../img/benefits-arrow.png) 10px 10px no-repeat;
    padding: 7px 0 9px 56px;
}

/*---------------------------------------------------------------------------
						End Benefits
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin Services
---------------------------------------------------------------------------*/
.horizontal-blue-lines {
    background: url(../img/horizontal-lines-services.png) repeat-x;
}

.services-wrap {
    background-position: 0 244px;
}

.services {
    padding: 67px 0 54px 0;
}

.bxslider {
    margin: 0;
}

.bxslider li {
    background-color: rgba(124, 203, 252, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F7CCBFC, endColorstr=#7F7CCBFC);
    cursor: pointer;
    margin: 0 0 20px 0;
}

.bxslider .bxslider-active {
    background-color: rgba(229, 229, 218, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FE5E5DA, endColorstr=#7FE5E5DA);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.bxslider .bxslider-active:before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(229, 229, 218, .5);
}

.bxslider-li-wrap {
    background-color: #7ccbfc;
    color: #fff;
    padding: 20px 0 24px 0;
    margin: 5px;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.bxslider-active .bxslider-li-wrap {
    background-color: #e5e5da;
    color: #212c43;
}

.bxslider-li-wrap:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #bde5fd;
}

.bxslider-active .bxslider-li-wrap:before {
    border: none;
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #e5e5da;
}

.bxslider-li-wrap h3 {
    line-height: 20px;
    font-size: 24px;
}

.bx-wrapper {
    position: relative;
    *zoom: 1;
    margin-top: 30px;
}

.bx-controls-direction .bx-prev {
    display: block;
    width: 36px;
    height: 36px;
    background: url(../img/bxslider-arrows.png) 0 0 no-repeat;
    text-indent: -9999px;
    position: absolute;
    top: -76px;
    right: 52px;
}

.bx-controls-direction .bx-prev:hover {
    background-position: 0 -80px;
}

.bx-controls-direction .bx-next {
    display: block;
    width: 36px;
    height: 36px;
    background: url(../img/bxslider-arrows.png) 0 -40px no-repeat;
    text-indent: -9999px;
    position: absolute;
    top: -76px;
    right: 2px;
}

.bx-controls-direction .bx-next:hover {
    background-position: 0 -120px;
}

.quick-support-icon {
    background: url(../img/icon-services.png) 0 0 no-repeat;
    display: inline-block;
    width: 66px;
    height: 66px;
}

.bxslider-active .quick-support-icon {
    background-position: 0 -280px;
}

.multiple-users-icon {
    background: url(../img/icon-services.png) 0 -70px no-repeat;
    display: inline-block;
    width: 66px;
    height: 66px;
}

.bxslider-active .multiple-users-icon {
    background-position: 0 -350px;
}

.cloud-computing-icon {
    background: url(../img/icon-services.png) 0 -140px no-repeat;
    display: inline-block;
    width: 66px;
    height: 66px;
}

.bxslider-active .cloud-computing-icon {
    background-position: 0 -420px;
}

.cost-reduction-icon {
    background: url(../img/icon-services.png) 0 -210px no-repeat;
    display: inline-block;
    width: 66px;
    height: 66px;
}

.bxslider-active .cost-reduction-icon {
    background-position: 0 -490px;
}

.bxslider-description {
    margin: 14px 0 0 0;
    list-style: none;
}

.simple-text-14 {
    font-size: 14px;
    line-height: 24px;
    color: #212C43;
}

.bxslider-description li {
    display: none;
}

li.description-active {
    display: block;
}

/*---------------------------------------------------------------------------
						End Services
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin Univers
---------------------------------------------------------------------------*/
.universe-border-wrap {
    background-color: rgba(229, 229, 218, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FE5E5DA, endColorstr=#7FE5E5DA);
    padding: 5px 0px;
}

.universe-wrap {
    background: url(../img/univers-bg.jpg) center 0 repeat;
    height: 200px;
}

.universe-border-wrap .lines-wrap {
    background-position: 0 90px;;
    background-repeat: repeat-x;
    padding: 0;
}

.universe .section-title {
    padding-top: 61px;
    color: #fff;
}

.universe .section-title small {
    color: #fff;
}

/*----Begin 3D Hover----*/
.ch-second-grid {
    margin: 0;
    padding: 0 0 0 175px;;
    list-style: none;
    display: inline;
    text-align: center;
    width: 100%;
}

.lt-ie9 .ch-second-grid {
    padding: 0 0 0 80px;
}

.ch-second-grid:after,
.ch-second-item:before {
    content: '';
    display: table;
}

.ch-second-grid:after {
    clear: both;
}

.ch-second-grid li {
    width: 127px;
    height: 127px;
    display: inline-block;
    margin: 35px 0 0 102px;
}

.lt-ie9 .ch-second-grid li {
    margin: 35px 0 0 30px;
}

.ch-second-grid li:first-child {
    margin: 35px 0 0;
}

.ch-second-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    cursor: default;
    background: rgba(232, 232, 221, 0.5);
    border: 3px solid #e8e8dd;
    box-shadow: 0 0 0 10px rgba(232, 232, 221, 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;
    transition: all 0.4s ease-in-out;

}

.ch-second-item h4 {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #162a43;
    text-shadow: 0 1px 0 #e8e8dd;
    text-transform: uppercase;
    padding-top: 52px;
    position: absolute;
    left: 0%;
    right: 0%;
}

.ch-second-info {
    display: block;
    position: absolute;
    background: #212c43;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    overflow: hidden;
    opacity: 0;
    -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;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

}

.ch-second-info h4 {
    color: #e8e8dd;
    text-shadow: 0 1px 0 #162a43;
}

.ch-second-item.hover {
    box-shadow: 0 0 0 0px rgba(232, 232, 221, 0.2);
}

.ch-second-item.hover .ch-second-info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.ch-second-item.hover > h4 {
    display: none;
}

/*----End 3D Hover----*/
/*---------------------------------------------------------------------------
						End Univers
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin Client-say
---------------------------------------------------------------------------*/
.client-say {
    padding: 64px 0 69px;
}

.client-say-slider {
    margin: 0;
    list-style: none;
}

.client-photo-wrap {
    width: 150px;
    background-color: rgba(229, 229, 218, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FE5E5DA, endColorstr=#7FE5E5DA);
    padding: 5px;
    margin-right: 10px;
    position: relative;
}

.client-photo-wrap:before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #f2f2ec;
    border-left: 10px solid rgba(229, 229, 218, .5);
}

.client-photo {
    background-color: #e5e5da;
    padding: 25px 25px 10px 25px;
    margin: 0;
    position: relative;
}

.client-photo:before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #e5e5da;
}

.client-photo figcaption {
    font-size: 12px;
    text-align: center;
    color: #212c43;
    padding-top: 6px;
}

.simple-text-16 {
    font-size: 16px;
    line-height: 26px;
}

.client-say-slider .simple-text-16 {
    width: auto;
    margin-left: 200px;
    padding: 33px 0 0 0;
    position: relative;
}

.lt-ie9 .client-say-slider .simple-text-16 {
    width: 720px;
}

.lt-ie9 .span8 .client-say-slider .simple-text-16 {
    width: 400px;
}

.client-say-slider p:after {
    content: '\201c';
    position: absolute;
    right: 5px;
    bottom: -93px;
    font-size: 100px;
    color: #e8e8dd;
}

/*---------------------------------------------------------------------------
						End Client-say
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin Posts & Why choose
---------------------------------------------------------------------------*/
.posts-choose-wrap {
    padding: 57px 0 10px;
    margin-bottom: 60px;
}

.grey-vertical-line {
    width: 1px;
    height: 430px;
    background-color: #e3e8ec;
    position: absolute;
    top: 0;
    left: 50%;
}

.article-title {
    font-size: 20px;
    color: #212c43;
    line-height: 21px;
    margin-bottom: 25px;
}

.article-title span {
    display: block;
    text-transform: uppercase;
    font-size: 40px;
    color: #212c43;
    line-height: 1;
}

.posts {
    padding-bottom: 80px;
}

.lt-ie9 .posts {
    padding-bottom: 15px;
}

.posts > .image-wrap {
    margin-right: 30px;
    position: relative;
}

.posts img {
    width: auto;
    height: 160px;
    border: 5px solid #e5e5da;
}

.posts h3 {
    margin-left: 200px;
    font-size: 24px;
    color: #212c43;
    line-height: 29px;
    margin-top: -6px;
}

.posts .date {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    margin: 9px 0 19px 200px;
}

.posts p {
    margin-left: 200px;
    font-size: 12px;
}

.light-grey-text {
    color: #999fad;
}

.posts-arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/download-button-arrow.png) 0 -40px no-repeat;
    margin: -6px 0 0 6px;
    position: relative;
    top: 6px;
}

.posts-arrow:hover {
    background: url(../img/download-button-arrow.png) 0 0 no-repeat;
}

.choose-appic-wpar {
    margin-left: 30px;
}

/*Begin accordion*/
.accordion-minus:before {
    content: '';
    background: url(../img/accordion-minus.png) 0 center no-repeat;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 7px;
    left: -20px;
}

.accordion-plus:before {
    content: '';
    background: url(../img/accordion-plus.png) 0 center no-repeat;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 7px;
    left: -20px;
}

a.accordion-toggle.accordion-plus {
    font-size: 12px;
    font-weight: 700;
    color: #212c43;
    padding: 2px 15px;
}

a.accordion-toggle.accordion-minus {
    font-size: 12px;
    font-weight: 700;
    color: #7ccbfc;
    padding: 2px 15px;
}

.accordion-group {
    border: none;
    border-radius: 0;
    margin-bottom: 1px;
}

.accordion-heading {
    border: 3px solid #f3f5f7;
    border-left: 30px solid #f3f5f7;
    position: relative;
}

.accordion-inner {
    font-size: 12px;
    color: #212c43;
    border: none;
    padding: 9px 15px 9px 45px;
}

/*End accordion*/
/*---------------------------------------------------------------------------
						End Posts & Why choose
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin Footer Widgets
---------------------------------------------------------------------------*/
.footer-widget-wrap {
    background-color: #212c43;
}

.footer-widget {
    padding: 57px 0 45px 0;
}

.widget-title {
    font-size: 20px;
    color: #fff;
    padding-bottom: 30px;
}

.widget-news p {
    font-size: 12px;
    line-height: 15px;
    color: #8b98b2;
    width: 245px;
}

.input-wrap {
    position: relative;
    margin: 5px 0 0 245px;
}

#input-email {
    width: 305px;
    height: 40px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    background-color: #e5e5da;
    padding: 0 0 0 15px;
    font-family: "PT Sans";
    font-size: 13px;
    color: #212c43;
    margin: 0;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #6a6a6a;
    opacity: 1;
}

input::-webkit-input-placeholder {
    color: #6a6a6a;
}

input:focus {
    box-shadow: none;
    color: #6a6a6a;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: #5c6a87;
}

input:focus::-webkit-input-placeholder {
    color: #5c6a87;
}

/*input[type="submit"],
.submit-button {
	position: absolute;
	top: 7px;
	right: 15px;
	width: 26px;
	height: 26px;
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -9999px;
	background: url(../img/benefits-arrow-hover.png) no-repeat;
}*/

.submit-button:hover {
    background: url(../img/benefits-arrow.png) no-repeat;
}

address {
    margin-top: 20px;
}

.lt-ie9 .widget-news p {
    float: none;
}

.lt-ie9 .input-wrap {
    margin: 15px 0 0;
    display: inline-block;
}

.lt-ie9 #input-email {
    padding-top: 8px;
    height: 32px;
}

.lt-ie9 address > span {
    margin-bottom: 10px;
}

.lt-ie9 .widget-tweets {
    margin-left: -45px;
}

.lt-ie9 .widget-flickr {
    margin-left: 70px;
}

.widget-news-phone {
    display: inline-block;
    height: 24px;
    padding: 2px 0 0 35px;
    background: url(../img/widget-news-icons.png) 0 0 no-repeat;
    font-size: 12px;
    color: #fff;
    margin-right: 26px;
}

.widget-news-email {
    display: inline-block;
    height: 24px;
    padding: 2px 0 0 35px;
    background: url(../img/widget-news-icons.png) 0 -30px no-repeat;
    font-size: 12px;
    color: #fff;
    margin-right: 26px;
}

.widget-news-address {
    display: inline-block;
    height: 24px;
    padding: 2px 0 0 35px;
    background: url(../img/widget-news-icons.png) 0 -60px no-repeat;
    font-size: 12px;
    color: #fff;
}

.twitter_update_list {
    margin: 0;
    list-style: none;
}

.twitter_update_list li {
    color: #8b98b2;
    font-size: 12px;
    padding-bottom: 9px;
    line-height: 15px;
}

.twitter_update_list li .timesince {
    color: #576d98;
    font-size: 11px;
    font-style: italic;
}

.flickr {
    margin: 0 -5px 0 0;
    list-style: none;
}

.flickr li {
    float: left;
    width: 46px;
    border: 2px solid #e5e5da;
    margin: 0 5px 5px 0;
}

.flickr li a {
    position: relative;
}

.flickr .hover-effect {
    position: absolute;
    top: -12px;
    left: 0;
    display: block;
    width: 46px;
    height: 46px;
    opacity: 0;
    overflow: visible;
    border: 0px solid rgba(229, 229, 218, .7);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.flickr li a:hover .hover-effect {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: .7;
    border: 23px solid #e5e5da;
}

.lt-ie9 .flickr .hover-effect {
    top: -14px;
}

/*---------------------------------------------------------------------------
						End Footer Widgets
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Bgin Footer
---------------------------------------------------------------------------*/
.footer-wrap {
    background-color: #1b253b;
    border-top: 1px solid #0d1629;
    margin-top: 40px;
}

.copyright {
    text-align: center;
}

.copyright p {
    font-size: 12px;
    color: #8b98b2;
    padding-top: 18px;
}

.social {
    margin: 15px 0;
    list-style: none;
}

.social > li > a {
    display: inline-block;
    width: 30px;
    height: 30px;
}

.social > li {
    float: left;
    margin-left: 10px;
    height: 30px;
}

.pinterest-icon {
    background: url(../img/social-icons.png) 0 0 no-repeat;
}

.pinterest-icon:hover,
.appic-team .pinterest-icon:hover {
    background: url(../img/social-icons.png) 0 -175px no-repeat;
}

.google-icon {
    background: url(../img/social-icons.png) 0 -35px no-repeat;
}

.google-icon:hover,
.appic-team .google-icon:hover {
    background: url(../img/social-icons.png) 0 -210px no-repeat;
}

.linkedin-icon {
    background: url(../img/social-icons.png) 0 -70px no-repeat;
}

.linkedin-icon:hover,
.appic-team .linkedin-icon:hover {
    background: url(../img/social-icons.png) 0 -245px no-repeat;
}

.twitter-icon {
    background: url(../img/social-icons.png) 0 -105px no-repeat;
}

.twitter-icon:hover,
.appic-team .twitter-icon:hover {
    background: url(../img/social-icons.png) 0 -280px no-repeat;
}

.facebook-icon {
    background: url(../img/social-icons.png) 0 -140px no-repeat;
}

.facebook-icon:hover,
.appic-team .facebook-icon:hover {
    background: url(../img/social-icons.png) 0 -315px no-repeat;
}

/*---------------------------------------------------------------------------
						End Footer
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin Page elements
---------------------------------------------------------------------------*/
.action-area-mini {
    background: url(../img/call-to-action-bg-mini.jpg) center top repeat-x;
    -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, .15);
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, .15);
}

.foto-about {
    background-image: url(http://placehold.it/1900x358);
    background-repeat: no-repeat;
    background-position: center 49px;
    height: 408px;
}

.foto-pattern {
    background: url(../img/foto-pattern-dark.png) repeat;
    height: inherit;
}

.breadcrumb {
    background: none;
    border-radius: 0;
    margin: 0 auto;
    padding: 13px 0 16px;
}

.breadcrumb a,
.breadcrumb > li > .divider {
    font-size: 14px;
    color: #fff;
    text-shadow: none;
}

.breadcrumb > .active {
    color: #212c43;
    text-shadow: none;
}

.page-elements-title-wrap.horizontal-blue-lines {
    background-position: 0 10px;
    margin: 50px 0 20px;
}

.page-title-position {
    display: inline-block;
    padding: 0 67px;
    background: #fff;
}

.page-elements-title {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
}

.accordion-wrap {
    min-height: 219px;
}

.accordion-wrap .accordion {
    margin-bottom: 6px;
}

/*Begin accordion*/
.style-3 .accordion-group {
    margin-bottom: 16px;
}

.style-2 .accordion-group {
    margin-bottom: 11px;
}

.style-3 .accordion-group:last-child,
.style-2 .accordion-group:last-child {
    margin-bottom: 0;
}

.style-3 .accordion-heading,
.style-2 .accordion-heading {
    border: none;
    padding-left: 30px;
}

.style-3 .accordion-heading .accordion-toggle,
.style-2 .accordion-heading .accordion-toggle {
    font-size: 14px;
}

.style-3 .accordion-minus:before {
    background-color: #f3f5f7;
    background-position: center center;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    top: 0;
    left: 0;
}

.style-2 .accordion-minus:before {
    background-position: center center;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    border: 2px solid #7ccbfc;
    top: 2px;
    left: 0;
}

.style-3 .accordion-plus:before {
    background-color: #f3f5f7;
    background-position: center center;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    top: 0;
    left: 0;
}

.style-2 .accordion-plus:before {
    background-position: center center;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    border: 2px solid #212c43;
    top: 2px;
    left: 0;
}

.style-3 .accordion-inner,
.style-2 .accordion-inner {
    padding-bottom: 0;
}

/*End accordion*/
.alert-wrap .alert {
    margin-bottom: 0;
}

/*Begin alert*/
.alert:before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(../img/alert-icons.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    display: inline-block;
    top: 50%;
    left: -34px;
    margin-top: -12px;
}

.close,
.close:hover {
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    text-shadow: none;
    font-size: 18px;
}

.alert .close {
    right: -14px;
    top: 1px;
}

.alert-error {
    background-color: #f29090;
    border-left: 44px solid #e98a8a;
    background-position: 0 0;
}

.alert-notice.alert:before {
    background-position: 0 -24px;
}

.alert-notice {
    background-color: #fcd500;
    border-left: 44px solid #f2cd00;
}

.alert-info.alert:before {
    background-position: -24px 0;
}

.alert-info {
    background-color: #7ccbfc;
    border-left: 44px solid #77c3f2;
    background-position: -24px 0;
}

.alert-success.alert:before {
    background-position: -24px -24px;
}

.alert-success {
    background-color: #90d34f;
    border-left: 44px solid #8acb4c;
    background-position: -24px -24px;
}

.alert {
    border-radius: 0;
    border: none;
    border-left: 44px solid #e98a8a;
    border-left: 44px solid rgba(0, 0, 0, .04);
    font-size: 12px;
    color: #fff;
    text-shadow: none;
    padding: 6px 25px 10px 5px;
    position: relative;
}

.lt-ie9 .alert.alert-notice {
    border-left: 44px solid #f2cd00;
}

.lt-ie9 .alert.alert-info {
    border-left: 44px solid #77c3f2;
}

.lt-ie9 .alert.alert-success {
    border-left: 44px solid #8acb4c;
}

/*End alert*/
.button-wrap {
    margin-bottom: 30px;
}

/*Begin button*/
.btn,
.btn-large,
.btn-large-maxi {
    border-radius: 0;
    font-family: "PT Sans";
    font-weight: 400;
}

.btn {
    font-size: 20px;
    color: #212c43;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .5);
    -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .5);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .5);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .05), rgba(2, 2, 2, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .05), rgba(2, 2, 2, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .05), rgba(2, 2, 2, 0));
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, .05), rgba(2, 2, 2, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .05), rgba(2, 2, 2, 0));
    background-color: #e5e5da;
    border: solid 1px #e5e5da;
    /*	padding: 6px 41px 9px;*/
    width: auto;
}

.btn:hover,
.btn:focus {
    background-position: 0 0;
    background-color: #d5d5c6;
    border: solid 1px #d5d5c6;
}

.btn-large {
    font-size: 24px;
    padding: 16px 51px 14px;
}

.btn-large-maxi {
    font-size: 24px;
    padding: 12px 66px 18px;
}

.btn-info {
    color: #fff;
    text-shadow: 0 1px 0 rgba(33, 44, 67, .3);
    background-color: #7ccbfc;
    border: solid 1px #7ccbfc;
    width: auto;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    background-color: #44b6fd;
    border: solid 1px #44b6fd;
    outline: none;
}

.btn-danger {
    color: #fff;
    text-shadow: 0 1px 0 rgba(33, 44, 67, .3);
    background-color: #f29090;
    border: solid 1px #f29090;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
    background-color: #fd8181;
    border: solid 1px #fd8181;
    outline: none;
}

.btn-primary {
    color: #fff;
    text-shadow: 0 1px 0 rgba(33, 44, 67, .3);
    background-color: #212c43;
    border: solid 1px #212c43;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #263a63;
    border: solid 1px #263a63;
    outline: none;
}

.btn-success {
    color: #fff;
    text-shadow: 0 1px 0 rgba(42, 69, 15, .3);
    background-color: #90d34f;
    border: solid 1px #90d34f;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #83c444;
    border: solid 1px #83c444;
    outline: none;
}

.btn-warning {
    color: #fff;
    text-shadow: 0 1px 0 rgba(134, 116, 16, .3);
    background-color: #fcd500;
    border: solid 1px #fcd500;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
    background-color: #f2cd00;
    border: solid 1px #f2cd00;
    outline: none;
}

.lt-ie9 .button-elements {
    text-align: center;
}

.lt-ie9 .button-elements .span2 {
    width: auto;
    float: none;
    display: inline-block;
    margin-bottom: 10px;
}

/*End button*/
/*Begin dropcaps*/
.small-grey-text {
    color: #535e60;
    font-size: 12px;
}

.dropcaps1:first-child:first-letter {
    float: left;
    color: #fff;
    font-size: 36px;
    background-color: #7ccbfc;
    padding: 17px 22px;
    margin: 6px 20px 14px;
}

.dropcaps2:first-child:first-letter {
    float: left;
    color: #212c43;
    font-size: 28px;
    background-color: #e5e5da;
    padding: 20px 23px;
    margin: 6px 20px 14px;
    border-radius: 30px;
}

.dropcaps3:first-child:first-letter {
    float: left;
    color: #7ccbfc;
    font-family: "Oswald";
    font-size: 48px;
    padding: 10px 23px;
    margin: 6px 15px 0;
}

/*End dropcaps*/
/*Begin promobox*/
.promobox-wrap2 {
    padding: 5px;
    background-color: rgba(227, 232, 236, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FE3E8EC, endColorstr=#7FE3E8EC);
}

.promobox-wrap2 .promobox {
    background-color: #e3e8ec;
}

.lt-ie9 .promobox-wrap2 .promobox {
    background: url(../img/promobox2-bg.png) 0 50% repeat-x;
}

.promobox-wrap3 {
    padding: 5px;
    background-color: rgba(33, 44, 67, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F212C43, endColorstr=#7F212C43);
}

.promobox-wrap3 .promobox {
    background-color: #212c43;
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(4, 4, 4, .1) 0%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(4, 4, 4, .1) 0%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(4, 4, 4, .1) 0%);
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(4, 4, 4, .1) 0%);
    background-image: linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(4, 4, 4, .1) 0%);
}

.lt-ie9 .promobox-wrap3 .promobox {
    background: url(../img/promobox3-bg.png) 0 50% repeat-x;
}

.promobox-wrap3 .promobox p {
    color: #fff;
}

/*End promobox*/
/*Begin table*/
.col-width {
    width: 16%;
}

.table > thead {
    font-size: 13px;
    color: #fff;
    background-color: #212c43;
}

.table > tbody {
    font-size: 12px;
    color: #212c43;
}

.table-bordered {
    border: none;
    border-radius: 0;
}

.table-bordered th {
    border: none;
    border-bottom: 1px solid #e8e8dd;
    padding: 9px 9px 10px;
}

.table-bordered td {
    border-right: 1px solid #e8e8dd;
    border-bottom: 1px solid #e8e8dd;
    border-top: none;
    border-left: none;
    padding: 7px 9px 11px;
}

.table-bordered tbody tr:first-child > td {
    border-top: 1px solid #212c43;
}

.table-bordered tbody tr > td:first-child {
    border-left: 1px solid #e8e8dd;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
    border-top-left-radius: 0;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
    border-top-right-radius: 0;
}

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
    border-bottom-left-radius: 0;
}

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
    border-bottom-right-radius: 0;
}

/*End table*/
/*Begin tabs*/
.nav {
    margin-bottom: 0;
}

.nav-tabs {
    border-bottom: 1px solid #e8e8dd;
}

.nav-tabs > li > a {
    border-radius: 0;
    color: #fff;
    background-color: #7ccbfc;
    padding: 7px 17px 10px;
    -o-transition: background-color 300ms ease-in;
    -webkit-transition: background-color 300ms ease-in;
    -moz-transition: background-color 300ms ease-in;
    transition: background-color 300ms ease-in;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    background-color: #212c43;
    border-color: #212c43;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:focus,
.nav-tabs > .active > a:hover {
    border-radius: 0;
    color: #7ccbfc;
    font-weight: 700;
    border: 1px solid #e8e8dd;
    border-bottom: 1px solid #fff;
}

.tab-content {
    border: 1px solid #e8e8dd;
    border-top: none;
    padding: 23px 20px 15px;
    min-height: 220px;
}

.simple-text-12 {
    font-size: 12px;
    line-height: 20px;
}

.text-tab-bottom {
    margin-bottom: 20px;
}

.tabs-left .nav {
    margin-right: 0;
}

.tabs-left > .nav-tabs {
    border-right: none;
}

.tabs-left > .nav-tabs > li > a {
    border-radius: 0;
    background-color: #fff;
    color: #212c43;
    font-weight: 700;
    border-left: 5px solid #fff;
    margin-right: 0;
    min-width: 152px;
    border: 1px solid #ffffff;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #fff;
    color: #7ccbfc;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border: none;
    border-left: 5px solid #d7effe;
    background-color: #7ccbfc;
    color: #fff;
    margin-right: -5px;
}

.tabs-left .tab-content {
    border: none;
    border-left: 5px solid #d7effe;
    padding: 23px 30px 15px;
    background-color: #7ccbfc;
    min-height: 260px;
}

/*End tabs*/
/*Begin text image*/
.image-border {
    border: 5px solid #e5e5da;
}

.text-image-bottom {
    margin-bottom: 24px;
}

.pull-left.image-border {
    margin: 0 30px 0 0;
}

.pull-right.image-border {
    margin: 0 0 0 30px;
}

.image-in-text {
    width: 260px;
    height: 260px;
}

/*End text image*/
/*Begin tooltip*/
.tooltip-wrap {
    margin-bottom: 30px;
    padding: 20px 0 0;
}

.tooltip-wrap > a {
    margin: 0 20px 20px 0;
}

.tooltip.top.in {
    opacity: 1;
}

.dark-blue-tooltip + .tooltip.top > .tooltip-inner {
    max-width: 200px;
    padding: 8px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    background-color: #212c43;
    border-radius: 0;
}

.dark-blue-tooltip + .tooltip.top > .tooltip-arrow {
    bottom: 2px;
    left: 50%;
    margin-left: -5px;
    border-top-color: #212c43;
    border-width: 3px 5px 0;
}

.blue-tooltip + .tooltip.top > .tooltip-inner {
    max-width: 200px;
    padding: 8px;
    color: #212c43;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    background-color: #7ccbfc;
    border-radius: 0;
}

.blue-tooltip + .tooltip.top > .tooltip-arrow {
    bottom: 2px;
    left: 50%;
    margin-left: -5px;
    border-top-color: #7ccbfc;
    border-width: 3px 5px 0;
}

.grey-tooltip + .tooltip.top > .tooltip-inner {
    max-width: 200px;
    padding: 8px;
    color: #212c43;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    background-color: #e5e5da;
    border-radius: 0;
}

.grey-tooltip + .tooltip.top > .tooltip-arrow {
    bottom: 2px;
    left: 50%;
    margin-left: -5px;
    border-top-color: #e5e5da;
    border-width: 3px 5px 0;
}

.pink-tooltip + .tooltip.top > .tooltip-inner {
    max-width: 200px;
    padding: 8px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    background-color: #f29090;
    border-radius: 0;
}

.pink-tooltip + .tooltip.top > .tooltip-arrow {
    bottom: 2px;
    left: 50%;
    margin-left: -5px;
    border-top-color: #f29090;
    border-width: 3px 5px 0;
}

/*End tooltip*/
/*---------------------------------------------------------------------------
						End Page elements
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin How it works
---------------------------------------------------------------------------*/
.foto-how-it-works {
    background-image: url(http://placehold.it/1920x358);
    background-repeat: no-repeat;
    background-position: center 49px;
    height: 408px;
}

.page-title {
    font-family: "primelight", sans-serif;
    font-weight: 400;
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    line-height: 34px;
}

.page-title > small {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 90px;
    color: #fff;
    text-transform: uppercase;
    display: block;
}

.page-title-margin {
    margin-top: 115px;
}

/*----Begin 3D Hover----*/
.ch-second-grid li.download-button {
    width: 174px;
    height: 174px;
    display: inline-block;
    margin: 81px 0 0;
}

.download-button > .ch-second-item {
    background: #e8e8dd;
}

.download-button > .ch-second-item h4 {
    font-size: 30px;
    line-height: 40px;
    text-shadow: 0 1px 0 #fff;
    padding-top: 52px;
}

.download-button-arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/download-button-arrow.png) 0 0 no-repeat;
    margin: 0 0 2px 9px;
}

.download-button .ch-second-info h4 {
    color: #e8e8dd;
    text-shadow: 0 1px 0 #000;
}

.ch-second-info .download-button-arrow {
    background: url(../img/download-button-arrow.png) 0 -20px no-repeat;
}

/*----End 3D Hover----*/

.page-content {
    padding: 52px 0 63px;
}

.meet-appic {
    padding: 67px 0 65px;
}

.meet-appic-content {
    margin-top: 35px;
}

.grey-text {
    color: #a2a9ae;
}

.subscribe-meet-image {
    position: relative;
    margin: 0 55px;
}

.subscribe-meet-image:before {
    content: '';
    display: inline-block;
    width: 37px;
    height: 104px;
    background: url(../img/subscribe-image-arrow.png) 0 0 no-repeat;
    position: absolute;
    top: -60px;
    left: -55px;
}

.col-wrap {
    padding: 55px 0 48px;
}

.price-icon {
    display: inline-block;
    width: 66px;
    height: 66px;
    background: url(../img/meet-appic-icons.png) 0 0 no-repeat;
}

.clock-icon {
    display: inline-block;
    width: 66px;
    height: 66px;
    background: url(../img/meet-appic-icons.png) 0 -66px no-repeat;
}

.font-style-24 {
    font-size: 24px;
    line-height: 24px;
}

.titleicon-wrap .font-style-24 {
    margin: 0 0 32px 76px;
    padding-top: 9px;
}

.compatibility-wrap {
    padding: 67px 0 62px;
}

.compatibility-content-wrap {
    padding: 45px 0 41px;
}

.compatibility-content-wrap .camera_pag_ul {
    padding: 0;
    margin: 0;
}

.subscribe-compatibility-image {
    position: relative;
    margin: 0 0 0 50px;
}

.subscribe-compatibility-image:before {
    content: '';
    display: inline-block;
    width: 37px;
    height: 71px;
    background: url(../img/compatibility-image-arrow.png) 0 0 no-repeat;
    position: absolute;
    top: -45px;
    left: -55px;
}

.video-wrap {
    padding: 67px 0 31px;
}

.fluid-width-video-wrapper {
    margin: 30px 0 23px;
}

.vimeo-video {
    width: 100%;
    height: 350px;
    border: none;
}

.bold {
    font-weight: bold;
}

.upper {
    text-transform: uppercase;
}

.font-style-20 {
    font-size: 20px;
    line-height: 20px;
}

.dark-grey-text {
    color: #9aa0ae;
}

.author {
    padding: 7px 0 19px;
}

.link-wrap.horizontal-blue-lines {
    margin: 0;
    background-position: 0 4px;
}

.link-button {
    display: inline-block;
    font-size: 18px;
    color: #7ccbfc;
    padding: 0 18px 6px 12px;
    background-color: #fff;
}

.link-arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/download-button-arrow.png) 0 -40px no-repeat;
    position: relative;
    top: 5px;
    left: 7px;
}

.link-button:hover {
    color: #fff;
    background-color: #7ccbfc;
}

.link-button:hover .link-arrow {
    background: url(../img/download-button-arrow.png) 0 -60px no-repeat;
}

.how-it-works .grey-lines.empty-block {
    height: 65px;
}

.recently-wrap {
    padding: 67px 0 60px;
}

.grey-block-wrap {
    background-color: #f1f3f5;
    background-color: rgba(227, 232, 236, .5);
    padding: 5px;
}

.grey-block {
    background-color: #e3e8ec;
}

.question-wrap {
    padding: 70px 10px;
}

.question-wrap p {
    padding: 6px 0 35px;
}

.lt-ie9 .question-wrap .btn-large-maxi {
    padding-left: 28px;
    padding-right: 28px;
}

/*---------------------------------------------------------------------------
						End How it works
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin Services
---------------------------------------------------------------------------*/
.foto-service {
    background-image: url(http://placehold.it/1920x358);
    background-repeat: no-repeat;
    background-position: center 49px;
    height: 408px;
}

.service-descript-wrap {
    padding: 59px 0 6px;
}

.service-descript {
    padding: 9px 0 0;
}

.grey-block-position {
    padding-top: 30px;
}

.service-grey-block {
    padding: 21px 21px 0 19px;
}

.service-grey-block > .simple-text-12 {
    padding-top: 11px;
}

.position-icon {
    margin: 21px 21px 42px 0;
}

.market-icon {
    display: inline-block;
    width: 66px;
    height: 66px;
    background: url(../img/icon-services.png) 0 -560px no-repeat;
}

.editor-icon {
    display: inline-block;
    width: 66px;
    height: 66px;
    background: url(../img/icon-services.png) 0 -630px no-repeat;
}

.cost-icon {
    display: inline-block;
    width: 66px;
    height: 66px;
    background: url(../img/icon-services.png) 0 -490px no-repeat;
}

.time-icon {
    display: inline-block;
    width: 66px;
    height: 66px;
    background: url(../img/icon-services.png) 0 -700px no-repeat;
}

.question-info > .simple-text-12 {
    padding: 11px 0 33px;
}

.pink-text {
    color: #f29090;
}

.body-color {
    color: #212c43;
}

.section-title > .custom-size {
    font-size: 60px;
    line-height: 78px;
}

.font-style-26 {
    font-size: 26px;
    line-height: 30px;
}

.available-services {
    padding: 67px 0 30px;
}

.service-list {
    margin: 31px 0 0;
    list-style: none;
}

.bxslider.service-list li {
    background-color: #ffffff;
    cursor: default;
    margin: 0 0 40px;
}

.lt-ie9 .bxslider.service-list li {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}

.service-list .bxslider-active {
    padding: 5px;
    width: 240px;
    position: relative;
}

.service-list .bxslider-li-wrap {
    margin: 0;
    padding: 25px 0 30px;
}

.service-list > .text-left > .bxslider-active {
    float: left;
    margin-right: 48px;
}

.service-list > .text-left > .bxslider-active:before {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgba(229, 229, 218, 0.5);
    left: auto;
    right: -20px;
    content: "";
    height: 0;
    top: 50%;
    margin-top: -10px;
    position: absolute;
    width: 0;
}

.service-list > .text-left .bxslider-li-wrap:before {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #E5E5DA;
    left: auto;
    right: -20px;
    content: "";
    height: 0;
    top: 50%;
    margin-top: -10px;
    position: absolute;
    width: 0;
}

.service-list > .text-right > .bxslider-active {
    float: right;
    margin-left: 48px;
}

.service-list > .text-right > .bxslider-active:before {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid rgba(229, 229, 218, 0.5);
    left: -10px;
    content: "";
    height: 0;
    top: 50%;
    margin-top: -10px;
    position: absolute;
    width: 0;
}

.service-list > .text-right .bxslider-li-wrap:before {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #E5E5DA;
    left: -10px;
    content: "";
    height: 0;
    top: 50%;
    margin-top: -10px;
    position: absolute;
    width: 0;
}

.files-operating-icon {
    display: inline-block;
    width: 66px;
    height: 66px;
    background: url(../img/icon-services.png) 0 -770px no-repeat;
}

.investment-program-icon {
    display: inline-block;
    width: 66px;
    height: 66px;
    background: url(../img/icon-services.png) 0 -840px no-repeat;
}

.service-list .simple-text-14 {
    padding-top: 20px;
}

/*---------------------------------------------------------------------------
						End Services
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin Prices
---------------------------------------------------------------------------*/
.foto-prices {
    background-image: url(http://placehold.it/1920x358);
    background-repeat: no-repeat;
    background-position: center 49px;
    height: 408px;
}

.price-page-content {
    padding: 52px 0 30px;
}

.pricing-tables {
    padding-bottom: 30px;
}

.pricing-column,
.pricing-tables.five-cols {
    margin-top: 30px;
}

.pr-features {
    margin: 0;
    list-style: none;
    font-size: 13px;
}

.pricing-tables.four-cols .pricing-column:first-child {
    margin-left: 0;
}

.pricing-tables.five-cols .pricing-column {
    width: 234px;
}

.lt-ie9 .pricing-tables.five-cols .pricing-column {
    width: 188px;
}

.pricing-tables.four-cols .pricing-column {
    width: 260px;
    margin-left: 30px;
    border-style: solid;
    border-width: 5px;
    border-color: #bde5fd;
    border-color: rgba(124, 203, 252, .5);
}

.lt-ie9 .pricing-tables.four-cols .pricing-column {
    width: 202px;
}

.pricing-tables.three-cols .pricing-column {
    width: 386px;
    border-style: solid;
    border-width: 5px 2px;
    border-color: #bde5fd;
    border-color: rgba(124, 203, 252, .5);
}

.lt-ie9 .pricing-tables.three-cols .pricing-column {
    width: 309px;
}

.lt-ie9 .pricing-tables .pr-body .btn {
    padding: 12px 30px 18px;
}

.pricing-tables.five-cols .pr-head {
    border-style: solid;
    border-width: 5px;
    padding: 26px 0 30px;
}

.pricing-tables.four-cols .pr-head {
    padding: 26px 0 40px;
}

.pricing-tables.three-cols .pr-head {
    padding: 31px 0 50px;
    border-left: 3px solid #b3d9f0;
    border-right: 3px solid #b3d9f0;
    background: url(../img/pricing-tables-three-cols.png) 0 bottom repeat-x;
    position: relative;
}

.pricing-tables.three-cols .pr-head:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/pricing-tables-three-circle.png) 0 0 no-repeat;
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin-left: -8px;
}

.pricing-tables.five-cols .pr-body {
    border-style: solid;
    border-width: 5px;
}

.pricing-tables.four-cols .pr-body {
    background-color: #7ccbfc;
}

.pricing-tables.three-cols .pr-body {
    border-left: 3px solid #b3d9f0;
    border-right: 3px solid #b3d9f0;
}

.pricing-tables.five-cols .free .pr-head,
.pricing-tables.five-cols .free .pr-body {
    border-color: #fbfbf5;
    border-color: rgba(247, 247, 235, .5);
    background-clip: padding-box;
}

.pricing-tables.five-cols .free .pr-head {
    background-color: #f7f7eb;
}

.pricing-tables.five-cols .standard .pr-head,
.pricing-tables.five-cols .standard .pr-body {
    border-color: #f9f9f3;
    border-color: rgba(242, 242, 230, .5);
    background-clip: padding-box;
}

.pricing-tables.five-cols .standard .pr-head {
    background-color: #f2f2e6;
}

.pricing-tables.five-cols .advanced .pr-head,
.pricing-tables.five-cols .advanced .pr-body {
    border-color: #f6f6f0;
    border-color: rgba(237, 237, 225, .5);
    background-clip: padding-box;
}

.pricing-tables.five-cols .advanced .pr-head {
    background-color: #edede1;
}

.pricing-tables.five-cols .professional .pr-head,
.pricing-tables.five-cols .professional .pr-body {
    border-color: #f4f4ee;
    border-color: rgba(232, 232, 220, .5);
    background-clip: padding-box;
}

.pricing-tables.five-cols .professional .pr-head {
    background-color: #e8e8dc;
}

.pricing-tables.five-cols .premium .pr-head,
.pricing-tables.five-cols .premium .pr-body {
    border-color: #f1f1eb;
    border-color: rgba(227, 227, 215, .5);
    background-clip: padding-box;
}

.pricing-tables.five-cols .premium .pr-head {
    background-color: #e3e3d7;
}

.grey-table-head {
    color: #767d8e;
}

.grey-table-text {
    color: #757d8e;
}

.pricing-tables .pr-head .font-style-24 {
    padding-bottom: 20px;
}

.pricing-tables .pr-head .price {
    font-size: 50px;
    line-height: 40px;
}

.pricing-tables.five-cols .pr-features {
    border-top: 1px solid #e8e8e8;
    padding-top: 8px;
}

.pricing-tables.four-cols .pr-features {
    border-top: 3px solid #73bdea;
    padding-top: 6px;
}

.pricing-tables .pricing-column .pr-features li:first-child {
    border-top: none;
}

.pricing-tables .pr-features li {
    padding: 15px 0 14px;
}

.pricing-tables.five-cols .pr-features li {
    border-top: 1px solid #f1f1eb;
}

.pricing-tables.four-cols .pr-features li {
    border-top: 1px solid #bde5fd;
}

.pricing-tables.three-cols .pr-features li {
    border-top: 1px solid #e3e8ec;
}

.pricing-tables .pr-body .btn {
    margin: 20px 0 30px;
    padding: 12px 41px 18px;
}

.pricing-tables.three-cols .pr-body .btn {
    margin: 20px 0 35px;
}

/*---------------------------------------------------------------------------
						End Prices
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin Blog style1
---------------------------------------------------------------------------*/
.foto-blog-style {
    background-image: url(http://placehold.it/1920x492);
    background-repeat: no-repeat;
    background-position: center 49px;
    height: 408px;
}

.blog-style-wrap {
    padding: 10px 0 40px;
}

.blog-post-wrap {
    padding-top: 10px;
}

.post-border {
    padding-bottom: 0px;
    border-bottom: 1px solid #e3e8ec;
}

.link {
    color: #7ccbfc;
}

.link:hover {
    color: #005580;
}

.author-post {
    width: 100px;
    margin-right: 10px;
    padding: 10px 0 26px;
}

.author-post-photo-wrap {
    height: 100px;
    overflow: hidden;
}

.border-triangle {
    border-bottom: 4px solid #e5e5da;
    position: relative;
    padding-bottom: 10px;
}

.border-triangle2 {
    border-bottom: 4px solid #e5e5da;
    position: relative;
    margin-bottom: 10px;
}

.border-triangle:before {
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid #e5e5da;
    content: "";
    height: 0;
    left: 50%;
    bottom: 0;
    margin-left: -5px;
    position: absolute;
    width: 0;
}

.author-post-photo {
}

.holder-author-photo {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    background: url(../img/holder-post-photo.png) 0 0 no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.author-info {
    padding: 12px 0 20px;
    margin-bottom: 13px;
}

.blog-post-content {
    margin-left: 110px;
    padding: 10px 0 10px;
}

.blog-post-content .font-style-24 {
    line-height: 29px;
    padding: 10px 0 25px;
}

.blog-post-content img {
    margin-bottom: 23px;
}

.blog-post-content .link-button {
    margin: 18px 0 0 -12px;
}

/*Begin pagination*/
.pagination {
    margin: 30px 0 20px;
    border-top: 1px solid #e3e8ec;
    border-bottom: 1px solid #e3e8ec;
}

.pagination > ul {
    border-radius: 0;
    box-shadow: none;
    display: block;
    text-align: center;
    padding: 11px 0 8px;
}

.pagination > ul > li {
    display: inline-block;
    margin: 0 8px;
}

.pagination > ul > li:first-child {
    float: left;
}

.pagination > ul > li:first-child a,
.pagination > ul > li.disabled:first-child a:hover {
    display: block;
    width: 36px;
    height: 36px;
    background: url(../img/bxslider-arrows.png) 0 0 no-repeat;
    text-indent: -9999px;
    padding: 0;
    border: none;
    border-radius: 0;
}

.pagination > ul > li:first-child a:hover {
    background: url(../img/bxslider-arrows.png) 0 -80px no-repeat;
    border: none;
    border-radius: 0;
}

.pagination > ul > li:last-child {
    float: right;
}

.pagination > ul > li > .next-arrow,
.pagination > ul > li.disabled > .next-arrow:hover {
    display: block;
    width: 36px;
    height: 36px;
    background: url(../img/bxslider-arrows.png) 0 -40px no-repeat;
    text-indent: -9999px;
    padding: 0;
    border: none;
    border-radius: 0;
}

.pagination > ul > li > .next-arrow:hover {
    background: url(../img/bxslider-arrows.png) 0 -120px no-repeat;
    border: none;
    border-radius: 0;
}

.pagination ul > li > a {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #e8e8dd;
    border: 4px solid #e8e8dd;
    border-radius: 18px;
    display: inline-block;
    width: 28px;
    line-height: 28px;
    padding: 0;
}

.pagination ul > .etc > a {
    border: none;
    border-radius: 0;
    display: inline-block;
    width: 28px;
}

.pagination ul > .etc > a:hover {
    border: none;
    border-radius: 0;
}

.pagination ul > li > a:hover {
    color: #7ccbfc;
    border: 4px solid #7ccbfc;
    background-color: #fff;
}

.pagination ul > .active > a,
.pagination ul > .active > a:hover {
    color: #212c43;
    border: 4px solid #212c43;
    background-color: #fff;
}

/*End pagination*/

.aside-wrap {
    margin: 39px 0 0 40px;
}

.aside-wrap .page-elements-title {
    padding-bottom: 9px;
}

.search-wrap {
    position: relative;
    margin-bottom: 29px;
}

#input-search {
    width: 100%;
    height: 38px;
    border: 1px solid #e3e8ec;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    background-color: #f3f5f7;
    padding: 0 0 0 15px;
    font-family: "PT Sans";
    font-size: 13px;
    color: #212c43;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lt-ie9 #input-search {
    padding-top: 6px;
    height: 34px;
}

.search-wrap .submit-button {
    background: url(../img/submit-button-search.png) 0 0 no-repeat;
}

.search-wrap .submit-button:hover {
    background: url(../img/submit-button-search.png) 0 -26px no-repeat;
}

.categori-list {
    margin-left: 18px;
}

.categori-list > li {
    list-style-image: url(../img/categories-arrow.png);
    padding: 0;
}

.categori-list > li:hover {
    list-style-image: url(../img/categories-arrow-hover.png);
}

.categori-list > li > a {
    font-size: 14px;
    font-weight: bold;
    color: #9aa0ae;
}

.categori-list > li:hover > a,
.categori-list > li.active > a {
    color: #212c43;
}

.aside-wrap .popular-post {
    margin: 20px 0 30px;
}

.popular-post {
    border: 3px solid #f3f5f7;
    padding: 10px 0;
}

.popular-post .page-elements-title-wrap.horizontal-blue-lines {
    margin: 10px 0 0;
}

.popular-post .page-title-position {
    padding: 5px 10px 0;
    line-height: 30px;
}

.popular-post .image-wrap {
    margin: 22px 23px 5px 21px;
    position: relative;
}

.popular-post .image-wrap > .mask,
.posts > .image-wrap > .mask {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: opacity 0.5s 0s ease-in-out;
    top: 0;
    left: 0;
}

.popular-post .image-wrap > .mask:hover,
.posts > .image-wrap > .mask:hover,
.lt-ie9 .posts > .image-wrap:hover > .mask,
.lt-ie9 .popular-post .image-wrap:hover > .mask {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: .5;
    background-color: #212c43;
}

.popular-post .simple-text-16 {
    padding: 14px 23px 26px 21px;
    line-height: 12px;
}

.link-icon-arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/download-button-arrow.png) 0 0 no-repeat;
}

.link-icon-arrow:hover {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/download-button-arrow.png) 0 -40px no-repeat;
}

.link-position {
    margin-left: 10px;
    position: relative;
    top: 5px;
    left: 0;
}

.aside-wrap .tags-wrap {
    margin: 5px 0 29px;
}

.inline.tags-wrap > li {
    padding: 3px 0 0;
}

.tag-link {
    display: inline-block;
    font-size: 10px;
    color: #e5e5da;
    background-color: #212c43;
    padding: 0 9px;
}

.tag-link:hover {
    color: #212c43;
    background-color: #7ccbfc;
}

.aside-wrap .accordion {
    margin: 8px 0 27px;
    min-height: 198px;
}

.aside-wrap .flickr {
    margin: 10px 0 0;
}

/*---------------------------------------------------------------------------
						End Blog style1
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						End Blog style2
---------------------------------------------------------------------------*/
.blog-post-wrap2 {
    padding-top: 20px;
}

.post-comments {
    width: 120px;
    margin-right: 20px;
}

.post-comments > .page-elements-title {
    line-height: 24px;
    padding: 7px 0 17px;
    border-bottom: 1px solid #e5e5da;
    margin-bottom: 16px;
}

.comments-icon {
    display: inline-block;
    background: url(../img/coments-icon.png) 0 0 no-repeat;
    width: 16px;
    height: 13px;
    margin-left: 7px;
    position: relative;
    top: 2px;
    left: 0;
}

.image-holder {
    padding-right: 10px;
}

.blog-post-content2 {
    margin-left: 140px;
    padding: 10px 0 31px;
}

.blog-post-content2 .font-style-24 {
    padding: 26px 0 10px;
}

.pager {
    border-top: 1px solid #e3e8ec;
    border-bottom: 1px solid #e3e8ec;
    margin-top: 28px;
}

.pager .previous > a,
.pager .previous.disabled > a:hover {
    float: none;
    border-right: 4px solid #9aa0ae;
    margin-right: 14px;
}

.pager .previous > a:before,
.pager .previous.disabled > a:hover:before {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #9aa0ae;
    right: 0;
    content: "";
    height: 0;
    top: 50%;
    margin-top: -5px;
    position: absolute;
    width: 0;
}

.pager .previous > a:hover:before {
    border-right: 5px solid #7ccbfc;
}

.pager li > a {
    border: none;
    border-radius: 0;
    display: inline-block;
    padding: 19px 14px 20px;
    color: #9aa0ae;
    position: relative;
}

.pager li > a:hover {
    color: #7ccbfc;
    background: none;
    border-color: #7ccbfc;
}

.pager .next > a,
.pager .next.disabled > a:hover {
    float: none;
    border-left: 4px solid #9aa0ae;
    margin-left: 14px;
}

.pager .next > a:before,
.pager .next.disabled > a:hover:before {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #9aa0ae;
    left: 0;
    content: "";
    height: 0;
    top: 50%;
    margin-top: -5px;
    position: absolute;
    width: 0;
}

.pager .next > a:hover:before {
    border-left: 5px solid #7ccbfc;
}

/*---------------------------------------------------------------------------
						End Blog style2
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin Blog style3
---------------------------------------------------------------------------*/
.blog-style3-wrap {
    padding: 60px 0 40px;
}

.item-blog-style {
    margin-bottom: 30px;
    overflow: hidden;
}

.block-width-1 {
    width: 370px;
}

.block-width-2 {
    width: 770px;
}

.block-height-1 {
    height: 340px;
}

.block-height-2 {
    height: 560px;
}

.blog-style-img1 {
    width: 470px;
}

.blog-styly-block {
    background-color: #212c43;
    height: 100%;
    position: relative;
    transition: all 0.4s ease-in-out;
}

.blog-styly-block:hover {
    background-color: #0d1629;
}

.block-content {
    padding: 17px 20px 0;
    transition: all 0.4s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
}

.block-width-2 .block-content {
    padding: 17px 20px 0;
    margin-left: 470px;
}

.block-height-1.block-width-1 .block-content {
    top: 200px;
    right: 0;
}

.block-height-2.block-width-1 .block-content {
    top: 340px;
    right: 0;
}

.blog-styly-block:hover .block-content {
    background-color: #0d1629;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
}

.block-width-2 .blog-styly-block:hover .block-content {
    padding: 17px 20px 0;
    margin-left: 0;
}

.block-content .page-elements-title {
    color: #8b98b2;
    line-height: 24px;
    padding-bottom: 17px;
    border-bottom: 1px solid #8b98b2;
}

.blog-styly-block:hover .block-content .page-elements-title {
    padding-bottom: 0;
}

.block-content .font-style-20 {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    padding-top: 22px;
}

.block-width-1.block-height-1 .page-elements-title,
.blog-styly-block:hover .page-elements-title {
    width: 33%;
    float: left;
    border: none;
}

.block-width-1.block-height-1 .font-style-20,
.blog-styly-block:hover .font-style-20 {
    width: 60%;
    float: right;
    padding-top: 0;
    text-align: left;
}

.blog-styly-block:before {
    content: '';
    height: 0px;
    position: absolute;
}

.block-width-1.block-height-1:before,
.blog-styly-block:hover:before {
    content: '';
    height: 1px;
    background-color: #8b98b2;
    position: absolute;
    bottom: 57px;
    left: 20px;
    right: 20px;
    z-index: 10;
}

.block-content .simple-text-12 {
    color: #8692ac;
    display: none;
}

.blog-styly-block:hover .simple-text-12 {
    display: block;
    padding-top: 17px;
}

.blog-styly-block .link-icon-arrow {
    background: url(../img/download-button-arrow.png) 0 -80px no-repeat;
    position: absolute;
    bottom: 21px;
    right: 21px;
    z-index: 10;
}

.blog-styly-block .link-icon-arrow:hover {
    background: url(../img/download-button-arrow.png) 0 -60px no-repeat;
}

/*ie8 style*/
.lt-ie9 .block-width-1 {
    width: 290px;
}

.lt-ie9 .block-width-2 {
    width: 610px;
}

.lt-ie9 .block-height-1 {
    height: 289px;
}

.lt-ie9 .block-height-2 {
    height: 475px;
}

.lt-ie9 .block-width-2 img {
    width: 400px;
}

.lt-ie9 .block-width-2 .block-content {
    padding: 17px 20px 0;
    margin-left: 400px;
}

.lt-ie9 .block-content .page-elements-title,
.lt-ie9 .block-content .font-style-20 {
    font-size: 16px;
}

.lt-ie9 .block-height-2.block-width-1 .block-content {
    right: 0;
    top: 266px;
}

.lt-ie9 .block-height-1.block-width-1 .block-content {
    right: 0;
    top: 157px;
}

.lt-ie9 .item-blog-style .blog-styly-block:hover .block-content {
    background-color: #0d1629;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
}

/*---------------------------------------------------------------------------
						End Blog style3
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin Gallery columns 2
---------------------------------------------------------------------------*/
.foto-gallery {
    background-image: url(http://placehold.it/1920x358);
    background-repeat: no-repeat;
    background-position: center 49px;
    height: 408px;
}

.image-gallery {
    padding: 39px 0 15px;
}

.image-figure {
    padding: 15px 0;
}

.image-capture {
    background-color: #f7f7f6;
    border-top: 5px solid #e5e5da;
    margin-top: 5px;
    padding: 22px 19px 34px;
}

/*Begin hover image*/
.view {
    overflow: hidden;
    position: relative;
    text-align: left;
}

.view .mask {
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.view span.mask-icon {
    background: url(../img/benefits-arrow-white.png) center no-repeat;
    display: inline-block;
    text-decoration: none;
    padding: 0;
    text-indent: -9999px;
    width: 26px;
    height: 26px;
}

.hover-effect-image .mask {
    opacity: 1;
    overflow: visible;
    border: 5px solid #e5e5da;
    transition: all 0.4s ease-in-out;
}

.hover-effect-image span.mask-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -13px 0 0 -13px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transition: opacity 0.5s 0s ease-in-out;
}

.hover-effect-image:hover .mask {
    border: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: .8;
    background-color: #212c43;
}

.hover-effect-image:hover span.mask-icon {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    transition-delay: 0.3s;
}

.view .mask-no-border {
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.hover-effect-image .mask-no-border {
    opacity: 1;
    overflow: visible;
    transition: all 0.4s ease-in-out;
}

.hover-effect-image:hover .mask-no-border {
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    background-color: #212c43;
}

/*End hover image*/
.image-capture > h2.font-style-20 {
    min-height: 40px;
}

.image-capture > h5.simple-text-14 {
    padding: 0 0 12px;
}

/*---------------------------------------------------------------------------
						End Gallery columns 2
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin Case studies
---------------------------------------------------------------------------*/
.project-descript-wrap {
    padding: 60px 0 69px;
}

.project-descript {
    position: relative;
    padding-bottom: 37px;
}

.project-descript:after {
    content: '';
    position: absolute;
    width: 1px;
    background-color: #f29090;
    top: 0;
    bottom: 0;
    left: 5px;
}

.project-descript > .section-title {
    line-height: normal;
    margin: 20px 0 28px 39px;
}

.pink-list {
    margin: 0;
    list-style: none;
}

.list-item-icon {
    font-size: 35px;
    margin: 0 26px 0 -41px;
    position: relative;
    left: 0;
    top: 6px;
}

.pink-list > li {
    padding: 0 0 24px 39px;
}

.pink-list > li > .list-item-icon {
    padding-top: 0;
}

.pink-list > li > * {
    padding-top: 20px;
}

.details-wrap strong {
    padding-right: 20px;
}

.link-simple {
    color: #7ccbfc;
    border-bottom: 1px dotted #7ccbfc;
}

.link-simple:hover {
    color: #9aa0ae;
    border-bottom: 1px dotted #9aa0ae;
}

.addthis_toolbox.addthis_default_style > a {
    padding: 0 9px 0 0;
}

.addthis_toolbox.addthis_default_style > .addthis_button_google_plusone {
    padding: 0;
}

.addthis_button_tweet {
    width: 85px;
}

.addthis_button_facebook_like,
.addthis_button_google_plusone {
    width: 80px;
}

.carousel.slide {
    margin: 0;
    padding: 0;
}

.carousel-inner {
    width: auto;
}

.carousel-control-holder {
    background-color: #f7f7f6;
    border-top: 5px solid #e5e5da;
    margin-top: 5px;
    padding: 5px 0 10px;
}

.carousel-control-holder > a {
    margin: 0 9px;
}

.left-control {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/carousel-control-arrows.png) 0 0 no-repeat;
}

.left-control:hover {
    background: url(../img/carousel-control-arrows.png) 0 -40px no-repeat;
}

.right-control {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/carousel-control-arrows.png) 0 -20px no-repeat;
}

.right-control:hover {
    background: url(../img/carousel-control-arrows.png) 0 -60px no-repeat;
}

.similar-projects-wrap {
    background-position: 0 228px;
}

.similar-projects {
    padding: 67px 0 50px;
}

.bxslider .hover-effect-image {
    height: 150px;
    border: 5px solid #bde5fd;
    border: 5px solid rgba(124, 203, 252, .5);
}

.bxslider .hover-effect-image > img {
    height: 100%;
}

.recently-wrap-case {
    padding: 66px 0 60px;
}

.recently-wrap-case .article-title {
    margin-bottom: 5px;
}

.recently-wrap-case .question-wrap {
    padding: 57px 10px 34px;
}

/*---------------------------------------------------------------------------
						End Case studies
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin Gallery random
---------------------------------------------------------------------------*/
.random-style {
    padding: 55px 0 21px;
}

.item-gallery {
    margin-bottom: 12px;
}

.gallery-img-holder {
    position: relative;
}

.dark-blue-img {
    border: 4px solid #212c43;
    display: block;
}

.blue-img {
    border: 4px solid #7ccbfc;
    display: block;
}

.grey-img {
    border: 4px solid #e5e5da;
    display: block;
}

.position-left > p {
    position: absolute;
    width: 181px;
    height: 100%;
    top: 0;
    right: 0;
    padding: 35px 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -o-transition: all 500ms ease-in;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}

.position-bottom > p {
    position: absolute;
    width: 100%;
    height: 55px;
    bottom: 0;
    right: 0;
    padding: 15px 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -o-transition: all 500ms ease-in;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}

.dark-blue-img > p {
    font-size: 18px;
    color: #fff;
    background-color: #212c43;
}

.blue-img > p {
    font-size: 20px;
    color: #fff;
    background-color: #7ccbfc;
}

.grey-img > p {
    font-size: 18px;
    color: #212c43;
    background-color: #e5e5da;
}

.arrow-link-wrap {
    position: absolute;
    width: 181px;
    height: 55px;
    bottom: 0;
    right: 0;
    -o-transition: all 500ms ease-in;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}

.position-bottom > .arrow-link-wrap {
    position: absolute;
    width: 56px;
    height: 55px;
    bottom: 0;
    right: 0;
    -o-transition: all 500ms ease-in;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}

.dark-blue-img .arrow-link-wrap {
    background-color: #1c2539;
    background-color: rgba(0, 0, 0, .15);
}

.blue-img .arrow-link-wrap {
    background-color: #77c3f3;
    background-color: rgba(33, 44, 67, .05);
}

.grey-img .arrow-link-wrap {
    background-color: #dbdcd2;
    background-color: rgba(33, 44, 67, .05);
}

.arrow-link {
    display: inline-block;
    margin-top: 15px;
    width: 26px;
    height: 26px;
    background: url(../img/benefits-arrow-white.png) 0 0 no-repeat;
}

.grey-img .arrow-link {
    background: url(../img/benefits-arrow-hover.png) 0 0 no-repeat;
}

.position-left:hover p,
.position-left:hover .arrow-link-wrap,
.position-bottom:hover .arrow-link-wrap {
    width: 100%;
}

.position-bottom:hover p {
    height: 100%;
}

.grid1 {
    width: 185px;
}

.grid2 {
    width: 382px;
}

.grid3 {
    width: 579px;
}

.grid4 {
    width: 776px;
}

.lt-ie9 .grid1 {
    width: 146px;
}

.lt-ie9 .grid2 {
    width: 304px;
}

.lt-ie9 .grid3 {
    width: 462px;
}

.lt-ie9 .grid4 {
    width: 620px;
}

.lt-ie9 .grid1-h {
    height: 146px;
}

.lt-ie9 .grid2-h {
    height: 304px;
}

.lt-ie9 .dark-blue-img > p,
.lt-ie9 .blue-img > p,
.lt-ie9 .grey-img > p {
    font-size: 14px;
}

/*---------------------------------------------------------------------------
						End Gallery random
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin About
---------------------------------------------------------------------------*/
.about-page-content {
    padding: 52px 0 39px;
}

.about-page-content .simple-text-14 {
    padding-bottom: 24px;
}

.timeline-title {
    padding: 68px 0 0;
}

/*Begin Timeline*/
/*---!!!!!------required JScript-------!!!!---*/
.timeline-wrap {
    overflow: hidden;
    width: 100%;
    min-height: 400px;
}

.dateline {
    background-color: #212c43;
    height: 2px;
    margin-top: 274px;
    position: relative;
}

.timeline {
    width: 3000px;
    height: 550px;
    padding: 1px 0 0 0;
    cursor: url(../img/draghand.cur), w-resize;
}

.timeline.ui-draggable-dragging {
    cursor: url(../img/draghanda.cur), w-resize;
}

.year {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -8px;
    text-align: center;
}

.year .sircle {
    display: block;
    background-color: #e5e5da;
    border: #212c43 solid 7px;
    height: 6px;
    width: 6px;
    margin: 0 0 0 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.block-e > h5.simple-text-16 {
    padding-bottom: 6px;
}

.event {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -8px;
    width: 1px;
    height: 1px;
}

.event .sircle {
    background-color: #FFFFFF;
    border: 7px solid #7CCBFC;
    border-radius: 50% 50% 50% 50%;
    box-shadow: 0 0 0 2px #FFFFFF;
    display: block;
    height: 6px;
    position: absolute;
    top: 109px;
    width: 6px;
    z-index: 10;
    cursor: pointer;
}

.event.pink .sircle {
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: #FFFFFF url(../img/timeline-sircle.png) 0 0 no-repeat;
    width: 26px;
    height: 26px;
    left: -3px;
    margin-top: -3px;
}

.event .block-e {
    position: absolute;
    width: 168px;
    height: 100px;
    padding: 6px 15px 12px;
    border: #7ccbfc solid 1px;
    top: 119px;
    left: -90px
}

.event.pink .block-e {
    border-color: #f29090;
}

.event .line {
    width: 1px;
    background-color: #7ccbfc;
    display: block;
    left: 9px;
    position: absolute;
    top: 0;
    height: 100px;
    margin-top: 10px;
}

.event.pink .line {
    background-color: #f29090;
}

.event.top .sircle {
    position: absolute;
    top: -112px;
    left: 0;
}

.event.top.pink .sircle {
    position: absolute;
    top: -112px;
    left: -3px;
}

.event.top .block-e {
    top: -221px;
    left: -90px
}

.event.top .line {
    top: -102px;
}

/*End Timeline*/

.grey-lines.empty-block {
    height: 4px;
}

.appic-team {
    margin-left: 0;
}

.appic-team .author-post-photo-wrap {
    height: 200px;
    width: 200px;
    margin: 0 auto;
    position: relative;
}

.appic-team .author-post-photo {
    left: 0;
    position: absolute;
    top: 0;
}

.appic-team .holder-author-photo {
    background: url(../img/holder-team-photo.png);
    content: "";
    display: block;
    height: 200px;
    left: 0;
    position: absolute;
    top: 0;
    width: 200px;
}

.appic-team .mask {
    position: absolute;
    overflow: hidden;
    top: 9px;
    left: 9px;
    width: 182px;
    height: 182px;
    opacity: 0;
    transition: opacity 0.5s 0s ease-in-out;
    z-index: 1000;
    border-radius: 91px
}

.appic-team .mask:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: .5;
    background-color: #212c43;
}

.appic-team .border-triangle:before {
    border-bottom: 10px solid #E5E5DA;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -14px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    width: 0;
}

.appic-team .border-triangle {
    border-top: 4px solid #E5E5DA;
    padding-bottom: 0;
    position: relative;
    border-bottom: none;
    margin-top: 20px;
    margin-bottom: 0;
}

.appic-team h5.simple-text-12 {
    line-height: 16px;
    padding-bottom: 15px;
}

.appic-team .social {
    display: inline-block;
    margin: 10px 0;
}

.appic-team .pinterest-icon {
    background: url(../img/social-icons.png) 0 -350px no-repeat;
}

.appic-team .google-icon {
    background: url(../img/social-icons.png) 0 -385px no-repeat;
}

.appic-team .linkedin-icon {
    background: url(../img/social-icons.png) 0 -420px no-repeat;
}

.appic-team .twitter-icon {
    background: url(../img/social-icons.png) 0 -455px no-repeat;
}

.appic-team .facebook-icon {
    background: url(../img/social-icons.png) 0 -490px no-repeat;
}

.about-contact {
    padding: 53px 0 54px;
}

.about-contact .btn-large {
    margin-top: 8px;
}

.lt-ie9 .about-contact .btn-large {
    padding: 12px 41px 18px;
}

/*---------------------------------------------------------------------------
						End About
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin Contact
---------------------------------------------------------------------------*/
.contact-wrap {
    /*padding: 55px 0 40px;*/
}

#map-canvas > div {
    margin-left: 0;
}

#map-canvas img {
    max-width: inherit;
}

#map-canvas {
    margin: 15px 0;
}

.get-in-touch {
    padding-top: 7px;
}

.get-in-touch p.simple-text-12 {
    padding: 23px 0 5px;
}

.get-in-touch address > * {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #212c43;
    margin: 10px 0 0;
}

.get-in-touch .widget-news-phone {
    background: url(../img/widget-news-icons.png) 0 -90px no-repeat;
}

.get-in-touch .widget-news-email {
    background: url(../img/widget-news-icons.png) 0 -120px no-repeat;
}

.get-in-touch .widget-news-address {
    background: url(../img/widget-news-icons.png) 0 -150px no-repeat;
}

.border-double {
    border: 8px double #f3f5f7;
}

.messege-form {
    padding: 20px 20px 17px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus {
    border-color: #e3e8ec;
    box-shadow: none;
}

input.input-style,
textarea.input-style {
    font-family: "PT Sans";
    background-color: #f3f5f7;
    border: 1px solid #e3e8ec;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.messege-form > input.input-style {
    width: 49%;
    margin-bottom: 14px;
    height: 40px;
}

.lt-ie9 .messege-form > input.input-style {
    padding-top: 5px;
    height: 35px;
}

#message-form {
    position: relative;
}

#message-form .inv-em {
    background-color: #F29090;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    font-size: 11px;
    margin-top: -40px;
    max-width: 150px;
    padding: 8px;
    position: absolute;
    text-align: center;
    text-decoration: none;
}

.input-style.invalid_field {
    border: 1px solid #F29090;
}

textarea.input-style {
    resize: none;
    height: 110px;
    margin-bottom: 25px;
}

/*#submit-btn {
	display: none;
}*/
/*---------------------------------------------------------------------------
						End Contact
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin Single post
---------------------------------------------------------------------------*/
.single-post-wrap {
    padding: 9px 0 0;
}

.grey-border {
    border: 5px solid #e5e5da;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.single-post-wrap .image-capture {
    padding: 5px 20px 0 0;
    margin-bottom: 27px;
}

.single-post-wrap .image-capture ul li {
    padding: 0 0 0 20px;
}

.link-underline {
    color: #999fad;
    text-decoration: underline;
}

.link-underline:hover {
    color: #7ccbfc;
    text-decoration: none;
}

.post-title-h1 {
    font-size: 30px;
    line-height: normal;
    padding: 31px 0 7px;
}

.post-title-h2 {
    font-size: 26px;
    line-height: normal;
    padding: 31px 0 3px;
}

.post-title-h3 {
    font-size: 23px;
    line-height: normal;
    padding: 32px 0 6px;
}

.post-title-h4 {
    font-size: 21px;
    line-height: normal;
    padding: 32px 0 8px;
}

.post-title-h5 {
    font-size: 19px;
    line-height: normal;
    padding: 32px 0 8px;
}

.post-title-h6 {
    font-size: 17px;
    line-height: normal;
    padding: 34px 0 12px;
}

.single-post-wrap > .simple-text-14 {
    padding: 10px 0 14px;
}

blockquote {
    border-left: none;
    margin: 3px 0 65px;
    padding: 0 0 0 260px;
    position: relative;
}

blockquote:after {
    content: "\201C";
    position: absolute;
    font-size: 100px;
    color: #9aa0ae;
    bottom: -74px;
    right: 0;
}

blockquote > .simple-text-14.bold {
    padding-bottom: 5px;
}

.post-unorder-list {
    list-style: none;
    margin: 0 0 10px 48px;
    padding-top: 5px;
}

.post-unorder-list > li {
    position: relative;
    padding: 0 0 8px;
    margin: 8px 0 0;
}

.post-unorder-list > li:before {
    content: '';
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    background-color: #7ccbfc;
    top: 9px;
    left: -21px;
}

.post-order-list {
    list-style: none;
    counter-reset: item;
    margin: 0 0 47px 68px;
    padding-top: 6px;
}

.post-order-list > li {
    position: relative;
    padding: 0 0 8px;
    margin: 8px 0 0;
}

.post-order-list > li:before {
    content: counter(item);
    counter-increment: item;
    font-style: italic;
    font-size: 14px;
    color: #7ccbfc;
    position: absolute;
    top: 0;
    left: -40px;
}

.post-order-list > li:after {
    position: absolute;
    font-style: italic;
    font-size: 14px;
    color: #7ccbfc;
    content: '//';
    top: 0;
    left: -34px;
}

.post-order-list > li > p {
    font-style: normal;
}

.post-share {
    border-top: 1px solid #e3e8ec;
    border-bottom: 1px solid #e3e8ec;
    border-left: 4px solid #9aa0ae;
    position: relative;
    padding: 19px 15px 11px;
}

.post-share:before {
    position: absolute;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #9aa0ae;
    content: "";
    height: 0;
    top: 50%;
    left: 0;
    margin-top: -5px;
    width: 0;
}

.post-share > .addthis_toolbox {
    margin-left: 97px;
}

.post-author {
    padding: 60px 0;
}

.about-author-wrap {
    margin-left: 170px;
    background-color: #f2f2ec;
    background-color: rgba(229, 229, 218, 0.5);
    padding: 5px;
    position: relative;
}

.about-author-wrap:before {
    border-bottom: 10px solid transparent;
    border-left: 10px solid #f2f2ec;
    border-top: 10px solid transparent;
    content: "";
    height: 0;
    margin-top: -10px;
    position: absolute;
    left: 5px;
    top: 85px;
    width: 0;
    z-index: 1000;
}

.about-author {
    background-color: #E5E5DA;
    padding: 27px 27px 5px;
    margin: 0;
    position: relative;
    min-height: 129px;
}

.about-author:after {
    border-bottom: 10px solid transparent;
    border-left: 10px solid #FFFFFF;
    border-top: 10px solid transparent;
    content: "";
    height: 0;
    margin-top: -10px;
    position: absolute;
    left: -5px;
    top: 80px;
    width: 0;
    z-index: 1001;
}

.about-author h4.simple-text-14 {
    padding-bottom: 6px;
}

.comments-list-wrap {
    border: 3px solid #f3f5f7;
    margin-bottom: 20px;
}

.comments-list-wrap > .page-elements-title-wrap {
    margin: 21px 0 6px;
}

.comments-list-wrap > .page-elements-title-wrap > .page-title-position {
    padding: 0 21px;
    font-size: 28px;
}

.comments-list {
    margin: 0;
    list-style: none;
}

.comments-list > li {
    border-bottom: 1px solid #f3f5f7;
    padding: 5px 30px 5px;
}

.evt-block {
    overflow: hidden;
}

.evt .comment-row {
    width: 100%;
    padding: 20px 0 20px 10px;
    box-sizing: border-box;
    display: table;
}

.evt .comment-row > * {
    display: table-cell;
    float: none;
    vertical-align: top;
}

.evt-detail-row {
    width: 100%;
    overflow: hidden;
}

.evt-detail-icon {
    width: 30px;
    height: 40px;
    position: relative;
    float: left;
    margin: 0 10px;
}

.evt .evt-description {
    margin-left: 13px !important;
    display: block;
}

.bg-fa:before {
    position: absolute;
    color: #212c43;
    text-align: center;
    width: 100%;
}

.bg-fa-30:before {
    font-size: 26px;
    line-height: 26px;
}

.bg-fa-centered:before {
    top: 50%;
}

.bg-fa-centered.bg-fa-30:before {
    margin: -13px 0 0 0;
}

.evt .comments-list > .comment-row:first-child {
    padding-top: 0;
}

.evt .comment-user-picture {
    display: block;
    width: 100px;
    height: 100px;
    float: left;
}

.evt .comment-event-respond {
    font-size: 13px;
    float: right;
}

.block {
    display: block;
}

.btn-say-hi {
    display: inline-block;
    margin: 10px 0;
}

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

.inbl-vc {
    line-height: 40px;
    vertical-align: middle;
}

.inbl-vc > * {
    vertical-align: middle;
    display: inline-block;
}

.inbl-vc .inbl-vc-reset {
    line-height: initial;
    display: inline-block;
    max-width: 100%;
}

.evt .comment-user-picture img {
    display: block;
    width: 100px;
    height: 100px;
}

.evt-detail-description {
    float: left;
    max-width: 80%;
}

.evt-detail-description h3 {
    line-height: 1.2;
}

.ellipsis-truncate {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.evt #bi_event_comment {
    padding: 10px 15px 10px 0;
    margin: 15px 0;
}

.evt #bi_event_comment textarea {
    width: 100%;
    max-width: 100%;
}

.comments-list h4.simple-text-16 {
    line-height: 20px;
}

.comments-list p.simple-text-14 {
    padding: 16px 0 17px;
}

.content-link {
    font-size: 18px;
    color: #7ccbfc;
}

.content-link:hover {
    color: #212c43;
}

.content-link:hover .link-arrow {
    background: url(../img/download-button-arrow.png) 0 0 no-repeat;
}

.comments-list .comments-content {
    margin-left: 30px;
    box-sizing: border-box;
    padding: 0 10px 0 30px;
    width: 100%;
}

.comments-list-link {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    padding: 3px 5px 5px 6px;
    background-color: #7ccbfc;
}

.comments-list ul {
    list-style: none;
    margin-left: 30px;
}

.comments-list ul li {
    padding: 15px 0 0 30px;
}

.author-reply {
    width: 100px;
    margin: 0;
}

.author-reply figcaption {
    font-size: 13px;
    text-transform: uppercase;
    border-top: 2px solid #212c43;
    margin-top: 4px;
    position: relative;
    padding-top: 4px;
}

.author-reply figcaption:before {
    position: absolute;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #212c43;
    content: "";
    height: 0;
    margin-left: -2px;
    left: 50%;
    top: 0;
    width: 0;
}

.comments-link-wrap {
    padding: 15px 0 17px;
}

.comments-list-link:hover {
    color: #fff;
    background-color: #212c43;
}

/*---------------------------------------------------------------------------
						End Single post
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin 404
---------------------------------------------------------------------------*/
.page-404 {
    background-color: #212c43;
    width: 100%;
    height: 100%;
}

.page-404 header {
    z-index: 1;
    position: relative;
}

.page-404 .logo {
    padding: 50px 0;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
}

.shadow-ie8 {
    background: url(../img/shadow-ie8.png) 0 0 repeat-x;
    height: 6px;
}

.content-error {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.content-error > div {
    margin: auto auto;
    min-height: 200px;
    padding-top: 310px;
    width: 100%;
}

.content-error a {
    color: #fff;
    -o-transition: color 500ms ease-in;
    -webkit-transition: color 500ms ease-in;
    -moz-transition: color 500ms ease-in;
    transition: color 500ms ease-in;
}

.content-error a:hover {
    color: #7ccbfc;
}

.content-error p {
    font-size: 20px;
}

.content-404 {
    background: url(../img/404.png) center -95px no-repeat;

}

.content-403 {
    background: url(../img/403.png) center -95px no-repeat;
}

.content-500 {
    background: url(../img/500.png) center -95px no-repeat;
}

.content-maintenance {
    background: url(../img/maintenance.png) center top no-repeat;
}

.title-404 {
    font-size: 30px;
    color: #e5e5da;
    padding: 40px 0 25px;
}

.content-error > div > .simple-text-14 {
    color: #8b98b2;
}

.link-404 {
    color: #7ccbfc;
}

.link-404:hover {
    color: #e5e5da;
}

.content-404 .search-wrap {
    display: inline-block;
    margin: 35px 0 0;
}

.content-404 #input-search {
    width: 570px;
}

/*---------------------------------------------------------------------------
						End 404
---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------
						Begin Coming soon
---------------------------------------------------------------------------*/
.logo.coming-soon-logo {
    padding: 50px 0;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    background-color: #212c43;
}

.logo.horizontal-blue-lines {
    background-position: 0 50px;
}

.counters-wrap {
    margin-top: 10px;
    background-position: 0 388px;
    padding-bottom: 121px;
}

.counters-title {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 78px;
    text-transform: uppercase;
    padding: 124px 0 51px;
}

.counters {
    padding: 58px 0 49px;
}

.counters.events-counters {
    padding: 0;
    word-spacing: 90%;
    -ms-transform: scale(0.7, 0.7); /* IE 9 */
    -webkit-transform: scale(0.7, 0.7); /* Safari */
    transform: scale(0.7, 0.7);
    cursor: pointer;
}

.counters.events-counters .timer-bg {
    background-color: rgba(124, 203, 252, .75);
}

.counters.events-counters .digits-label {
    font-size: 18px;
}

.lt-ie9 .knob {
    display: none;
}

.timer-wrap {
    display: inline-block;
    margin: 0 20px;
    position: relative;
}

.lt-ie9 .timer-wrap {
    width: 200px;
    height: 200px;
    margin: 0 5px;
}

.timer-bg {
    width: 174px;
    height: 174px;
    border-radius: 90px;
    border: 3px solid #7ccbfc;
    background-color: #b0e0fd;
    background-color: rgba(124, 203, 252, .5);
    position: absolute;
    top: 10px;
    left: 10px;
}

.lt-ie9 .timer-bg {
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    background: #fff url(../img/ie8-comming-soon.png) 0 0 no-repeat;
    border: none;
}

.digits {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 46px;
    color: #fff;
    text-shadow: 0 1px 0 #7ccbfc;
    text-align: center;
    position: absolute;
    top: 72px;
    width: 100%;
}

.digits-label {
    font-family: "primeregular", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    text-shadow: 0 1px 0 #7ccbfc;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    top: 110px;
    width: 100%;
}

.separation {
    display: inline-block;
    width: 370px;
    height: 2px;
    position: relative;
    background-color: #212c43;
    margin: 33px 0 52px;
}

.separation:before {
    position: absolute;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #212c43;
    content: "";
    height: 0;
    margin-left: -2px;
    left: 50%;
    top: 2px;
    width: 0;
}

.coming-soon .input-wrap {
    margin: 32px 0 0;
    display: inline-block;
}

.coming-soon #input-email {
    width: 757px;
    border: 1px solid #e3e8ec;
    background-color: #f3f5f7;
}

.coming-soon #input-email.invalid_field {
    border: 1px solid #F29090;
}

.coming-soon .submit-button {
    top: 8px;
    right: 10px;
}

.input-wrap .inv-em {
    position: absolute;
    top: -37px;
    left: 0;
    max-width: 150px;
    padding: 8px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    background-color: #f29090;
    border-radius: 0;
}

.inv-em:before {
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 3px solid #f29090;
    content: "";
    height: 0;
    margin-left: -3px;
    left: 50%;
    bottom: -3px;
    width: 0;
}

.coming-soon .input-wrap .inv-em {
    top: -40px;
}

.coming-soon address {
    margin-top: 0;
}

.coming-soon address > * {
    margin-bottom: 10px;
}

.coming-soon .social {
    margin: 0;
    max-width: 230px;
}

.coming-soon .social > li {
    margin: 0 10px 10px 0;
}

.vimeo-icon {
    background: url(../img/social-icons.png) 0 -525px no-repeat;
}

.vimeo-icon:hover {
    background: url(../img/social-icons.png) 0 -630px no-repeat;
}

.youtube-icon {
    background: url(../img/social-icons.png) 0 -560px no-repeat;
}

.youtube-icon:hover {
    background: url(../img/social-icons.png) 0 -665px no-repeat;
}

.skype-icon {
    background: url(../img/social-icons.png) 0 -595px no-repeat;
}

.skype-icon:hover {
    background: url(../img/social-icons.png) 0 -700px no-repeat;
}

.coming-soon .copyright p {
    padding: 15px 0 21px;
}

/*---------------------------------------------------------------------------
						End Coming soon
---------------------------------------------------------------------------*/
.top-scroll {
    position: fixed;
    right: 5%;
    bottom: 55px;
    width: 50px;
    height: 50px;
    z-index: 9998;
}

.top-scroll a {
    display: block;
    height: 50px;
    background: url(../img/arrow.png) rgba(0, 0, 0, 0.6) center center;
}

.top-scroll a:hover {
    background: url(../img/arrow.png) rgba(124, 203, 252, 0.6) center center;
}

.main-nav-wrap.fixed-pos {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9990;
    -o-transition: all 500ms ease-in;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}

/*---------------------------------------------------------------------------
						Begin Media Queries
---------------------------------------------------------------------------*/
@media (max-width: 1199px) {
    .promobox p {
        margin-top: 3px;
        max-width: 585px;
    }

    .bxslider-li-wrap h3 {
        font-size: 16px;
    }

    .ch-second-grid {
        padding: 0 0 0 80px;
    }

    .ch-second-grid li {
        margin: 35px 0 0 60px;
    }

    .grey-vertical-line {
        height: 455px;
    }

    .posts p {
        margin-left: 0;
    }

    .widget-news p {
        float: none;
    }

    .input-wrap {
        margin: 15px 0 0;
        display: inline-block;
    }

    address > span {
        margin-bottom: 10px;
    }

    .widget-tweets {
        margin-left: -45px;
    }

    .widget-flickr {
        margin-left: 70px;
    }

    .subscribe-compatibility-image:before {
        left: -60px;
        top: -81px;
    }

    .counters-wrap {
        background-image: none;
    }

    .pricing-tables.five-cols .pricing-column {
        width: 188px;
    }

    .pricing-tables.four-cols .pricing-column {
        width: 202px;
    }

    .pricing-tables.three-cols .pricing-column {
        width: 309px;
    }

    .section-title > .custom-size {
        font-size: 55px;
    }

    .button-elements {
        text-align: center;
    }

    .button-elements .span2 {
        width: auto;
        float: none;
        display: inline-block;
        margin-bottom: 10px;
    }

    /*Begin blog-style3*/
    .block-width-1 {
        width: 290px;
    }

    .block-width-2 {
        width: 610px;
    }

    .block-height-1 {
        height: 289px;
    }

    .block-height-2 {
        height: 475px;
    }

    .block-width-2 img {
        width: 400px;
    }

    .block-width-2 .block-content {
        padding: 17px 20px 0;
        margin-left: 400px;
    }

    .block-content .page-elements-title,
    .block-content .font-style-20 {
        font-size: 16px;
    }

    .block-height-2.block-width-1 .block-content {
        right: 0;
        top: 266px;
    }

    .block-height-1.block-width-1 .block-content {
        right: 0;
        top: 157px;
    }

    .item-blog-style .blog-styly-block:hover .block-content {
        background-color: #0d1629;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 5;
    }

    /*End blog-style3*/
    .grey-block-wrap .btn-large-maxi {
        padding: 12px 50px 18px;
    }

    .grid1 {
        width: 146px;
    }

    .grid2 {
        width: 304px;
    }

    .grid3 {
        width: 462px;
    }

    .grid4 {
        width: 620px;
    }

    .grid1-h {
        height: 146px;
    }

    .grid2-h {
        height: 304px;
    }

    .dark-blue-img > p,
    .blue-img > p,
    .grey-img > p {
        font-size: 14px;
    }

    .position-bottom > p {
        padding: 8px 60px 0 15px;
    }

    .position-left > p {
        padding: 20px 15px 0;
        width: 155px;
    }

    .arrow-link-wrap {
        width: 155px;
    }
}

@media (max-width: 979px) {
    .promobox p {
        font-size: 18px;
        margin-top: 3px;
        max-width: 375px;
    }

    .benefits {
        width: 100%;
    }

    .benefits-wrap .span3 {
        width: 100%;
        margin: 0;
    }

    .roundabout-holder {
        margin: 20px auto 0;
        width: 60%;
    }

    .universe .section-title {
        padding-top: 74px;
        font-size: 20px;
    }

    .ch-second-grid {
        padding: 0 0 0 34px;
    }

    .ch-second-grid li {
        margin: 35px 0 0 40px;
    }

    .universe .section-title > span {
        font-size: 50px;
    }

    .posts {
        padding-bottom: 45px;
    }

    .grey-vertical-line {
        height: 505px;
    }

    .widget-tweets {
        margin-left: 0;
    }

    .widget-flickr {
        margin-left: 40px;
    }

    .subscribe-compatibility-image:before,
    .subscribe-compatibility-image {
        display: none;
    }

    .pricing-tables.five-cols .pricing-column {
        display: inline-block;
        float: none;
    }

    .pricing-tables.four-cols .pricing-column {
        width: 168px;
        margin-left: 3px;
    }

    .pricing-tables .pr-body .btn {
        padding: 12px 30px 18px;
    }

    .pricing-tables.three-cols .pricing-column {
        width: 237px;
    }

    .show-desktop {
        display: none !important;
    }

    .accordion-elemenst > .span4 {
        margin-bottom: 50px;
    }

    .alert-wrap > .span3,
    .dropcaps-elements > .span4 {
        margin-bottom: 20px;
    }

    .tab-elements > .span6 {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .accordion-elemenst > .span4:last-child,
    .alert-wrap > .span3:last-child,
    .dropcaps-elements > .span4:last-child,
    .tab-elements > .span6:last-child {
        margin-bottom: 0;
    }

    .grid1 {
        width: 110px;
    }

    .grid2 {
        width: 232px;
    }

    .grid3 {
        width: 354px;
    }

    .grid4 {
        width: 476px;
    }

    .grid1-h {
        height: 110px;
    }

    .grid2-h {
        height: 232px;
    }

    .dark-blue-img > p,
    .blue-img > p,
    .grey-img > p {
        display: none;
    }

    /*Begin blog-style3*/
    .block-width-1,
    .block-width-2 {
        width: 218px;
    }

    .block-width-2 img {
        float: none;
    }

    .block-height-2 {
        height: 415px;
    }

    .block-width-2 .block-content {
        padding: 10px 10px 0;
        margin-left: 0;
        top: 158px;
    }

    .block-height-2.block-width-1 .block-content {
        top: 200px;
    }

    .block-height-1.block-width-1 .block-content {
        top: 118px;
    }

    .block-width-2 .block-content .page-elements-title,
    .block-width-2 .block-content .font-style-20 {
        font-size: 12px;
        line-height: 14px;
    }

    .block-content .page-elements-title,
    .block-content .font-style-20 {
        font-size: 14px;
        line-height: 20px;
    }

    .blog-styly-block:hover .block-content .page-elements-title,
    .blog-styly-block:hover .block-content .font-style-20 {
        display: none;
    }

    .blog-styly-block:hover .simple-text-12 {
        padding-top: 0;
    }

    .block-width-2.block-height-1 .page-elements-title {
        width: 33%;
        float: left;
        border: none;
    }

    .block-width-2.block-height-1 .font-style-20 {
        width: 60%;
        float: right;
        padding-top: 0;
        text-align: left;
    }

    .block-width-2.block-height-1:before {
        content: '';
        height: 1px;
        background-color: #8b98b2;
        position: absolute;
        bottom: 57px;
        left: 20px;
        right: 20px;
        z-index: 10;
    }

    /*End blog-style3*/
}

@media (min-width: 768px) and (max-width: 979px) {
    .about-contact .span9 > .simple-text-14 {
        margin-right: 50px;
    }

    .about-contact .span3 > .btn-large {
        margin-left: -50px;
    }

    .recently-wrap .bx-wrapper {
        margin-top: 80px;
    }

    .question-wrap .btn-large-maxi {
        padding-left: 28px;
        padding-right: 28px;
    }

    .coming-soon #input-email {
        width: 500px;
    }

    .section-title > .custom-size {
        font-size: 42px;
    }

    .question-info .font-style-26 {
        font-size: 24px;
    }

    .service-descript-wrap .service-grey-block {
        min-height: 210px;
    }

    .image-gallery .span4 .image-capture {
        min-height: 200px;
    }

    .dark-blue-img,
    .blue-img,
    .grey-img {
        position: relative;
    }

    .arrow-link-wrap,
    .position-bottom > .arrow-link-wrap {
        opacity: 0;
        -o-transition: all 500ms ease-in;
        -webkit-transition: all 500ms ease-in;
        -moz-transition: all 500ms ease-in;
        transition: all 500ms ease-in;
        width: 100%;
        height: 100%;
    }

    .position-left:hover .arrow-link-wrap,
    .position-bottom:hover .arrow-link-wrap {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        opacity: .8;
        background-color: #212c43;
    }

    .grey-img .arrow-link-wrap .arrow-link,
    .arrow-link-wrap .arrow-link {
        background: url(../img/benefits-arrow-white.png) 0 0 no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -13px 0 0 -13px;
    }
}

@media (min-width: 768px) {
    ul#navigation > li:hover > ul {
        display: block;
        width: 150px;
        position: absolute;
        padding: 0 15px;
        top: 84px;
        left: 0;
        background: #212c43;
        background: rgba(33, 44, 67, .8);
        -webkit-animation: anime 500ms;
        -moz-animation: anime 500ms;
        -o-animation: anime 500ms;
        animation: anime 500ms;
        z-index: 50;
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
    }

    @-moz-keyframes anime {
        from {
            opacity: 0;
            -moz-transform: scaleY(0);
            transform: scaleY(0);
        }

        to {
            opacity: 1;
            -moz-transform: scaleY(1);
            transform: scaleY(1);
        }
    }

    @-webkit-keyframes anime {
        from {
            opacity: 0;
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
        }

        to {
            opacity: 1;
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
        }
    }

    @keyframes anime {
        from {
            opacity: 0;
            -webkit-transform: scaleY(0);
            -moz-transform: scaleY(0);
            transform: scaleY(0);
        }

        to {
            opacity: 1;
            -webkit-transform: scaleY(1);
            -moz-transform: scaleY(1);
            transform: scaleY(1);
        }
    }
}

@media (max-width: 768px) {
    /*---------------	Begin navigation	------------------*/
    /*javascript use it*/
    ul#navigation.hiden {
        display: none;
    }

    ul#navigation.show {
        display: block;
    }

    ul#navigation ul.show {
        display: block;
    }

    ul#navigation ul.hiden {
        display: none;
    }

    #navigation-toggle {
        display: block;
    }

    ul#navigation {
        display: none;
        float: none;
        padding: 0 15px 0 15px;
        position: absolute;
        top: 81px;
        right: 15px;
        background: #212c43;
        background: rgba(33, 44, 67, .9);
        z-index: 1000;
    }

    ul#navigation li {
        border-bottom: 1px solid #1b253b;
    }

    ul#navigation > li {
        float: none;
        margin-top: 1px;
    }

    ul#navigation > li:hover {
        background: none;
        padding-bottom: 0;
    }

    ul#navigation a {
        padding: 12px 17px 16px;
        color: #1b253b;
    }

    ul#navigation a:hover {
        color: #1b253b;
    }

    ul#navigation > li > a {
        padding: 12px 0 16px;
        background: none;
        color: #fff;
    }

    ul#navigation > li > a:hover {
        background: none;
        color: #7ccbfc;
    }

    ul#navigation ul {
        position: static;
        background: #7ccbfc;
        padding: 0 5px;
    }

    .sub-nav-toggle {
        display: block;
        float: right;
        width: 36px;
        height: 48px;
        cursor: pointer;
        background: #7ccbfc url(../img/plus-minus-icon.png) center -25px no-repeat;
        -o-transition: all 500ms ease-in;
        -webkit-transition: all 500ms ease-in;
        -moz-transition: all 500ms ease-in;
        transition: all 500ms ease-in;
    }

    .sub-nav-toggle.plus {
        background: #1b253b url(../img/plus-minus-icon.png) center 18px no-repeat;
    }

    /*---------------	End navigation	------------------*/
    .container {
        margin-left: 20px;
        margin-right: 20px;
    }

    .top-nav p {
        float: none;
        text-align: center;
    }

    .action-area h2 {
        font-size: 50px;
        line-height: 52px;
        padding-bottom: 6px;
    }

    .action-area h3 {
        font-size: 18px;
    }

    .action-area .btn-large-maxi {
        margin-top: 57px;
        display: inline-block !important;
    }

    .lines-wrap {
        background-position: 0 337px;
    }

    .ch-grid li {
        height: 124px;
        margin: 10px;
        width: 124px;
    }

    .ch-info h4 {
        font-size: 20px;
    }

    .ch-info > div > div {
        display: table;
        width: 100%;
        height: 100%;
    }

    .ch-info > div > div > div {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    .ch-info-front img, .ch-info-back img {
        vertical-align: middle;
        position: static;
    }

    .ch-info .ch-info-front img {
        position: static;
        vertical-align: middle;
    }

    .ch-info .ch-info-front h4 {
        display: none;
    }

    .ch-info .ch-info-back h4 {
        padding: 0;
    }

    .ch-info h4 {
        font-size: 14px;
    }

    .section-title span {
        font-size: 50px;
        line-height: 62px;
    }

    .client-say-slider .simple-text-16 {
        width: auto;
        padding-top: 0;
    }

    .bx-wrapper {
        margin-top: 80px;
    }

    .bx-controls-direction .bx-prev {
        right: auto;
        top: -60px;
    }

    .bx-controls-direction .bx-next {
        right: auto;
        left: 50px;
        top: -60px;
    }

    .services-wrap {
        background-position: 0 300px;
    }

    .choose-appic-wpar {
        margin-left: 0;
    }

    .posts-choose-wrap {
        padding: 57px 0 50px;
    }

    .posts {
        border-bottom: 1px solid #e3e8ec;
        margin-bottom: 35px;
        padding-bottom: 35px;
    }

    .posts h3 {
        font-size: 18px;
        line-height: 20px;
    }

    .widget-flickr {
        margin: 30px 0 0;
    }

    footer {
        text-align: center;
    }

    footer > .social {
        float: none;
        display: inline-block;
        margin: 27px 0 0;
    }

    .copyright p {
        padding-top: 9px;
    }

    .pricing-tables.four-cols .pricing-column {
        display: inline-block;
        float: none;
    }

    .pricing-tables.three-cols .pricing-column {
        display: inline-block;
        float: none;
    }

    footer > .copyright {
        float: none;
        padding: 0 0 23px;
    }

    .get-in-touch {
        padding-bottom: 30px;
    }

    .about-contact .span3 > .btn-large {
        margin-top: 25px;
    }

    .content-404 > .simple-text-14 {
        margin: 0 20px;
    }

    .content-404 #input-search {
        width: 300px;
    }

    .compatibility-content-wrap {
        padding: 45px 0 0;
    }

    .recently-wrap .grey-block-wrap {
        margin-top: 30px;
    }

    .video-wrap .span6:first-child {
        margin-bottom: 24px;
    }

    .page-title {
        font-size: 34px;
        float: none;
        text-align: center;
    }

    .page-title > small {
        font-size: 34px;
    }

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

    .ch-second-grid {
        display: inline-block;
        padding: 0;
    }

    .ch-second-grid li.download-button {
        margin: 45px 0 0;
        float: none;
    }

    .ch-second-grid li.download-button {
        height: 150px;
        width: 150px;
    }

    .download-button > .ch-second-item h4 {
        font-size: 20px;
        padding-top: 48px;
    }

    .download-button-arrow {
        margin: 0 0 7px 9px;
    }

    .section-title .long-word {
        font-size: 40px;
        line-height: 45px;
    }

    .subscribe-meet-image {
        margin-bottom: 20px;
    }

    .col-wrap {
        padding: 20px 0 48px;
    }

    .col-wrap > .span3 {
        margin-top: 25px;
    }

    .compatibility-content-wrap img {
        margin-bottom: 20px;
    }

    .counters-title {
        padding: 70px 0 20px;
        line-height: normal;
    }

    .coming-soon #input-email {
        width: 400px;
    }

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

    .project-descript-wrap .carousel.slide {
        margin-top: 30px;
    }

    .recently-wrap-case .grey-block-wrap {
        margin-top: 30px;
    }

    .aside-wrap {
        margin: 39px 0 0;
    }

    .promobox {
        text-align: center;
    }

    .promobox p {
        float: none;
        max-width: none;
    }

    .promobox .btn-large-maxi {
        padding: 6px 41px 9px;
        float: none;
        margin-top: 15px;
    }

    .table-bordered th {
        padding: 9px 2px 10px;
    }

    .table-bordered td {
        padding: 7px 2px 11px;
    }

    .tabs-left > .nav-tabs,
    .nav-tabs > li {
        float: none;
    }

    .tabs-left > .nav-tabs .active > a,
    .tabs-left > .nav-tabs .active > a:hover,
    .tabs-left > .nav-tabs .active > a:focus,
    .nav-tabs > li > a:hover,
    .nav-tabs > li > a:focus {
        background-color: #ffffff;
        color: #7CCBFC;
        border-color: #ffffff;
    }

    .tabs-left .tab-content {
        min-height: 200px;
    }

    .nav-tabs > li > a {
        background-color: #ffffff;
        color: #212C43;
        font-weight: 700;
    }

    .tab-content {
        border: 1px solid #E8E8DD;
    }

    .nav-tabs,
    .nav-tabs > .active > a,
    .nav-tabs > .active > a:focus,
    .nav-tabs > .active > a:hover {
        border: none;
    }

    .grid3,
    .grid4 {
        width: 232px;
        overflow: hidden;
    }

    .grid1,
    .grid2 {
        overflow: hidden;
    }

    .grid1-h {
        height: 110px;
    }

    .grid2-h {
        height: 110px;
    }

    .dark-blue-img,
    .blue-img,
    .grey-img {
        border: none;
    }

    .etc.visible-phone {
        display: inline-block !important;
    }

    .span6 .image-figure > .view {
        margin: 0 auto;
        max-width: 570px;
    }

    .span6 .image-figure > .image-capture {
        margin: 5px auto 0;
        max-width: 532px;
    }

    .span4 .image-figure > .view {
        margin: 0 auto;
        max-width: 380px;
    }

    .span4 .image-figure > .image-capture {
        margin: 5px auto 0;
        max-width: 342px;
    }

    .popular-post .image-wrap {
        margin: 22px auto 5px;
        max-width: 282px;
    }

    .top-scroll {

        left: 5%;
        bottom: 5px;
    }

    .main-nav-wrap.fixed-pos {
        position: static;
    }
}

@media (max-width: 498px) {
    /*.action-area {
    height: 480px;
}*/
    /*.ch-grid {
	display: none;
}*/
    .action-area h3 {
        line-height: 22px;
    }

    .lines-wrap {
        background-image: none;
    }

    .action-area .btn-large-maxi {
        margin-top: 80px;
    }

    #input-email {
        width: 260px;
    }

    .messege-form > input.input-style {
        width: 100%;
    }

    .separation {
        width: 280px;
    }

    .coming-soon #input-email {
        width: 280px;
    }

    .section-title > .custom-size {
        font-size: 50px;
    }

    .service-list > .text-left > .bxslider-active,
    .service-list > .text-right > .bxslider-active {
        float: none;
        margin: 0;
    }

    .service-list > .text-left,
    .service-list > .text-right {
        text-align: left;
    }

    .service-list > .text-left > .bxslider-active:before,
    .service-list > .text-right > .bxslider-active:before {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid rgba(229, 229, 218, 0.5);
        bottom: -20px;
        content: "";
        height: 0;
        left: 50%;
        margin-left: -10px;
        position: absolute;
        width: 0;
        top: auto;
    }

    .service-list > .text-left .bxslider-li-wrap:before,
    .service-list > .text-right .bxslider-li-wrap:before {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #E5E5DA;;
        bottom: -20px;
        content: "";
        height: 0;
        left: 50%;
        margin-left: -10px;
        position: absolute;
        width: 0;
        top: auto;
    }

    blockquote {
        padding: 0 0 0 35px;
    }

    .client-photo-wrap,
    .post-author .client-photo-wrap {
        float: none;
    }

    .client-photo-wrap:before {
        border-left: 10px solid transparent;
        border-top: 10px solid rgba(229, 229, 218, 0.5);
        border-right: 10px solid transparent;
        content: "";
        height: 0;
        margin-top: 0;
        position: absolute;
        left: 50%;
        margin-left: -10px;
        top: auto;
        bottom: -20px;
        width: 0;
    }

    .client-photo:before {
        border-left: 10px solid transparent;
        border-top: 10px solid #E5E5DA;
        border-right: 10px solid transparent;
        content: "";
        height: 0;
        margin-top: 0;
        position: absolute;
        left: 50%;
        margin-left: -10px;
        top: auto;
        bottom: -20px;
        width: 0;
    }

    .client-say-slider .simple-text-16,
    .post-author .about-author-wrap {
        margin: 10px 0 0;
    }

    .post-author .about-author-wrap:before {
        border-left: 10px solid transparent;
        border-top: 10px solid #F2F2EC;
        border-right: 10px solid transparent;
        content: "";
        height: 0;
        margin-top: 0;
        position: absolute;
        left: 70px;
        top: 5px;
        width: 0;
        z-index: 1000;
    }

    .post-author .about-author:after {
        border-left: 10px solid transparent;
        border-top: 10px solid #FFFFFF;
        border-right: 10px solid transparent;
        content: "";
        height: 0;
        margin-top: 0;
        position: absolute;
        left: 65px;
        top: -5px;
        width: 0;
        z-index: 1001;
    }

    .comments-list > li {
        padding: 25px 10px 30px;
    }

    .comments-list ul {
        margin-left: 0;
    }

    .messege-form .btn-large {
        padding: 12px 20px 18px;
    }
}

@media (max-width: 450px) {
    .content-404 {
        background: url("../img/404.png") center 0 no-repeat;
        background-size: 140%;
    }

    .popular-post .image-wrap {
        margin: 22px 23px 5px 21px;
    }

    .posts > .image-wrap {
        float: none;
        width: 170px;
    }

    .posts h3 {
        margin: 20px 0 0;
    }

    .posts .date {
        margin: 9px 0 19px 0;
    }
}

/*--------------- Begin Revolution slider Media Queries	------------------*/
@media only screen and (min-width: 979px) and (max-width: 1199px) {
    #home-revo-slider1 .banner, #home-revo-slider1 .bannercontainer {
        width: 940px;
        height: 365px;
    }

    #home-revo-slider1 .caption.square {
        width: 840px;
        height: 180px;
    }

    #home-revo-slider1 .caption.text-block .inner-text {
        width: 840px;
        height: 180px;
    }

    #home-revo-slider1 .caption.text-block .inner-text {
        width: 840px;
        height: 180px;
    }

    #home-revo-slider1 .action-area {
        height: 540px;
    }

    .revo-img1 {
        width: 285px;
        height: 324px;
        background-size: 100% 100%;
    }

    .revo2-img1 {
        width: 268px;
        height: 226px;
        background-size: 100% 100%;
    }

    .revo2-img2 {
        width: 369px;
        height: 323px;
        background-size: 100% 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    #home-revo-slider2 .caption.list p {
        font-size: 13px;
    }

    #home-revo-slider2 .caption.list > span {
        background-size: 70% 70%;
        width: 27px;
        height: 27px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    #home-revo-slider1 .banner, #home-revo-slider1 .bannercontainer {
        width: 724px;
        height: 281px;
    }

    #home-revo-slider1 .caption.square {
        width: 600px;
        height: 180px;
    }

    #home-revo-slider1 .caption.text-block .inner-text {
        width: 600px;
        height: 180px;
    }

    #home-revo-slider1 .caption.text-block .inner-text {
        width: 500px;
        height: 180px;
    }

    #home-revo-slider1 .action-area {
        height: 450px;
    }

    .revo-img1 {
        width: 190px;
        height: 215px;
        background-size: 100% 100%;
    }

    .revo2-img1 {
        width: 204px;
        height: 172px;
        background-size: 100% 100%;
    }

    .revo2-img2 {
        width: 265px;
        height: 232px;
        background-size: 100% 100%;
    }
}

@media only screen and (max-width: 767px) {
    #home-revo-slider2 .benefits-wrap {
        padding-top: 40px;
    }

    #home-revo-slider2 .caption.list p {
        font-size: 9px;
        padding-top: 2px;
    }

    #home-revo-slider2 .caption.list > span {
        background-size: 40% 40%;
        width: 27px;
        height: 27px;
        margin: 0;
    }

    .revo2-img1 {
        width: 175px;
        height: 147px;
        background-size: 100% 100%;
    }

    .revo2-img2 {
        width: 228px;
        height: 200px;
        background-size: 100% 100%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 650px) {
    .revo2-img1 {
        width: 113px;
        height: 96px;
        background-size: 100% 100%;
    }

    .revo2-img2 {
        width: 165px;
        height: 145px;
        background-size: 100% 100%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #home-revo-slider1 .banner, #home-revo-slider1 .bannercontainer {
        width: 480px;
        height: 186px;
    }

    #home-revo-slider1 .tp-bullets.tp-thumbs {
        display: none;
    }

    #home-revo-slider1 .caption {
        display: none;
    }

    #home-revo-slider1 .action-area {
        height: 200px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    #home-revo-slider1 .banner,
    #home-revo-slider1 .bannercontainer,
    #home-revo-slider1 .tp-bullets.tp-thumbs,
    #home-revo-slider1 .action-area {
        display: none;
    }

    #home-revo-slider2 .fullwidthbanner-container {
        display: none !important;
    }
}

/*--------------- End Revolution slider Media Queries	------------------*/
/*---------------------------------------------------------------------------
						End Media Queries
---------------------------------------------------------------------------*/

section.flash-area .container {
    margin-top: 20px;
}

h2 {
    margin-bottom: 20px;
}

table {
    margin-top: 20px;
}

.btn-group {
    margin-bottom: 20px;
}

/* calendar */
table.calendar {
    border-left: 1px solid #999;
    width: 100%;
}

tr.calendar-row {
    height: 80px;
}

tr.calendar-row.hour {
    height: 40px;
}

td.calendar-day {
    min-height: 120px;
    font-size: 11px;
    position: relative;
}

* html div.calendar-day {
    height: 120px;
}

td.calendar-day:hover {
    background: #7ccbfc;
}

td.calendar-hour {
    min-height: 60px;
    font-size: 11px;
    position: relative;
}

* html div.calendar-hour {
    height: 60px;
}

td.calendar-hour:hover {
    background: #7ccbfc;
}

td.calendar-day-np {
    background: #eee;
    min-height: 120px;
}

* html div.calendar-day-np {
    height: 120px;
}

td.calendar-day-head {
    background: #ccc;
    font-weight: bold;
    text-align: center;
    width: 120px;
    padding: 5px;
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
}

div.day-number {
    padding: 5px;
    color: #c2c2c2;
    font-weight: bold;
    float: right;
    margin: -5px -5px 0 0;
    width: 20px;
    text-align: center;
}

td.calendar-day:hover div.day-number {
    color: #fff;
}

/* shared */
td.calendar-day, td.calendar-day-np, td.calendar-hour {
    width: 120px;
    padding: 5px;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
}

.image-figure > div > div {
    width: 100%;
}

input[type=checkbox] {
    margin-bottom: 10px;
}

.event-dot {
    background: yellow;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
}

#filters h4 {
    margin-bottom: 10px;
}

#filters label {
    font-weight: bold;
    margin: 10px 0 5px 0;
}

#filters #advanced-filter-toggle {
    cursor: pointer;
}

.event-tags .event-tag {
    margin-bottom: 4px;
    background: #44b6fd;
    border-radius: 5%;
}

.span3.adverts {
    margin: 0 auto;
    width: 300px;
}

.blog-post-wrap label {
    font-weight: bold;
}

.lang-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.lang-menu li {
    display: inline-block;
}

.lang-menu li.active a {
    color: #fff;
}

.lang-menu li::after {
    content: '|';
    color: #7d8e98;
}

.lang-menu li:last-child::after {
    content: '';
}

.lang-menu li img {
    width: 25px;
    opacity: 0.5;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
}

.lang-menu li img:hover,
.lang-menu li img.active {
    opacity: 1;
}

#advanced-filter-toggle {
    cursor: pointer;
}

#navigation img {
    width: 35px;
    display: inline-block;
}

#search-btn {
    margin-bottom: 10px;
}

.btn.calendar-heading {
    min-width: 200px;
}

#loader {
    text-align: center;
}

#remaining {
    margin-left: 27%;
    color: gray;
    font-size: 12px;
}

a[data-messages] {
    position: relative;
}

a[data-messages]:after {
    background-color: #C71821;
    background-image: linear-gradient(bottom, rgb(199, 24, 33) 0%, rgb(245, 71, 71) 100%);
    background-image: -o-linear-gradient(bottom, rgb(199, 24, 33) 0%, rgb(245, 71, 71) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(199, 24, 33) 0%, rgb(245, 71, 71) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(199, 24, 33) 0%, rgb(245, 71, 71) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(199, 24, 33) 0%, rgb(245, 71, 71) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(199, 24, 33)), color-stop(1, rgb(245, 71, 71)));
    border: 1px solid #751616;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    content: attr(data-messages);
    font-size: 11px;
    font-weight: bold;
    min-width: 10px;
    padding: 2px 3px;
    position: absolute;
    right: -20px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    top: -2px;
    line-height: 13px;
}

textarea {
    width: 80%;
    height: 200px;
}

/*#event_search_address {width: 97%;}*/

#answer {
    text-align: right;
}

#answer form {
    margin: 0;
}

#answer textarea {
    width: 98%;
    height: 40px;
    margin: 0;
    padding: 10px 1%;
}

#answer button {
    margin: 10px 0;
}

.btn.disabled {
    position: relative;
    padding-left: 24px;
}

.btn.disabled:after {
    content: url('images/ajax-loader.gif');
    position: absolute;
    left: 2px;
    top: 4px;
}

.footer-menu {
    padding-top: 18px;
    list-style: none;
}

.footer-menu li {
    display: inline-block;
    margin-right: 8px;
}

.blog-post-content i {
    min-width: 20px;
    text-align: center;
    color: #bbbbbb;
}

.blog-post-content img {
    width: 50px;
}

.blog-post-content h2 {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 20px
}

.row i.fa {
    color: #6a6a6a
}

.contact-wrap .desc {
    color: #212c43;
    font-size: 14px;
}

.evt h2 {
    color: #212c43;
    font-size: 40px;
    line-height: 1.1;
    margin: 20px 0 40px 0;
}

.evt i.fa {
    color: #212c43;
    font-size: 26px;
}

.evt .evt-block {
    border-left: 4px solid #e20d30;
    padding-left: 4px;
    margin-bottom: 30px;
}

.evt .evt-block-desc {
    border-left-color: #83078e;
}

.evt .evt-block-map {
    border-left-color: #10f667;
}

.evt .evt-block-photo {
    border-left-color: #facb10;
}

.evt .evt-block-organizer {
    border-left-color: #7bcafb;
}

.evt .evt-block-comments {
    border-left-color: #7bcafb;
}

.evt .evt-block img {
    width: 100%;
}

.evt .ico {
    width: 30px;
    text-align: center;
    display: inline-block;
}

form input {
    margin: 0;
}

.table-grid {
    width: 100%;
    display: table;
    margin: 10px 0 0 0;
}

.table-grid > * {
    display: table-cell;
    float: none;
}

.table-grid label {
    width: 100%;
}

.table-grid.fixed-label label {
    width: 140px;
}

.table-grid.reset-label label {
    width: auto;
}

.table-grid select,
.table-grid input[type=email],
.table-grid input[type=url],
.table-grid input[type=number],
.table-grid input[type=text] {
    width: 100%;
    margin-bottom: 0;
    box-sizing: border-box;
    height: 30px;
}

.table-grid .dropdown {
    padding-left: 10px;
    width: 25px;
}

.table-grid input[type=checkbox] {
    vertical-align: top;
    margin-right: 10px;
}

.table-grid select {
    margin-bottom: 0;
}

.table-grid > i {
    width: 25px;
}

.form-section {
    margin-bottom: 25px;
    overflow: hidden;
}

#event_price_type > * {
    width: auto;
    display: inline-block;
    margin: 0;
}

#event_price_type > input {
    margin: 0 5px 0 25px;
}

#event_price_type > input:first-child {
    margin-left: 0;
}

.form-actions {
    margin: 15px 0;
}

/* Style the CKEditor element to look like a textfield */
.cke_textarea_inline {
    padding: 10px;
    height: 200px;
    overflow: auto;

    border: 1px solid gray;
    -webkit-appearance: textfield;
}

form .row div.span5.left-column > div div.dropdown:hover,
form .row div.span5.left-column > div div.dropdown.open {
    background: #c2c2c2;
}

form .row div.span5.left-column > div div.dropdown a > div {
    font-size: 16px;
    display: inline-block;
    width: 100%;
}

form .row div.span5.left-column > div div.dropdown a {
    width: 100%;
    display: block;
}

form .row div.span5.left-column > div div.dropdown a span.arrow {
    display: inline-block;
    font-size: 10px;
    float: right;
    color: #000;
}

form .row div.span5.left-column > div div.dropdown .dropdown-menu {
    cursor: pointer;
}

form .row div.span5.left-column > div div.dropdown .dropdown-menu li {
    padding: 0 10px;
}

form .row div.span5.left-column > div div.dropdown .dropdown-menu li:hover {
    background: #ccc;
}

form .row div.span5.left-column > div div.dropdown .dropdown-menu li.active {
    background: #7bcafb;
}

form .row div.span5.left-column > div div.dropdown .dropdown-menu li i {
    margin-right: 6px;
}

form .row div.span5.left-column > div textarea {
    width: 70%;
}

form .row div.span5.left-column > div.date input {
    width: 32%;
}

form .row div.span5.right-column > div label {
    color: #212c43;
    font-weight: bold;
}

form .row div.span5.right-column .ui-widget {
    font-family: "PT Sans";
}

form .row div.span5.right-column > div i {
    display: inline-block;
    width: 3%;
}

form .row div.span5.right-column > label {
    display: inline-block;
    width: 22%;
    color: #212c43;
    font-weight: bold;
}

form .row div.span5.right-column > label sup {
    color: #ff0000;
    font-size: 14px;
}

form .row div.span5.left-column > div input[type=radio] {
    width: 10px;
}

form .row div.span5.left-column > h4 {
    margin-top: 20px;
}

#event-page .colorbox img {
    width: 100%;
}

#event-page #event-tools {
    overflow: hidden;
}

#event-page .event-buy-ticket {
    margin-bottom: 30px;
}

#event-page .event-buy-ticket .btn {
    width: 100%;
    box-sizing: border-box;
}

#profile-page .evt-block-photo {
    text-align: center;
}

body.main_page {
    background: url('../../../img/main_page_bg.jpg') center center no-repeat;
    background-size: cover;
    z-index: -2;
    height: 100%;
    background-color: #000;
}

body.main_page:after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../img/call-to-action-pattern.png) repeat;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

.action-area #all-events-btn {
    margin-top: 25px;
}

.action-area #localization,
.action-area #search {
    font-size: 44px;
    color: rgba(124, 203, 252, 1.0);
    text-shadow: 0 1px 0 #bbbcb3;
    text-shadow: 0 1px 0 rgba(33, 44, 67, .2);
    box-sizing: border-box;
    width: 60%;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 10px;
}

.action-area #localization > div,
.action-area #search > div {
    position: relative;
    background: #fff;
}

.action-area #localization div.pull-left,
.action-area #localization div.pull-right {
    padding: 0 10px;
    display: inline-block;
    width: auto;
    border-radius: 0 0 10px 10px;
    text-align: right;
}

.action-area #localization > div.pull-left a,
.action-area #localization > div.pull-right a{
    color: #162a43;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    text-shadow: 0 0 3px #fff;
    margin-top: 10px;
    margin-right: 30px;
}

.action-area #localization > div.pull-left a:hover,
.action-area #localization > div.pull-right a:hover {
    color: #7ccbfc;
}

.action-area #localization > div:hover i,
.action-area #localization > div:hover i,
.action-area #search > div:hover i {
    transform: rotate(180deg) ;
    -webkit-transform: rotate(180deg) ;
    -moz-transform: rotate(180deg) ;
    -o-transform: rotate(180deg) ;
    -ms-transform: rotate(180deg) ;
}

.action-area #search button {
    display: inherit;
    border: none;
    margin: 0;
    padding: 0;
}

.action-area #localization input,
.action-area #search input {
    text-align: center;
    font-size: 25px;
    color: rgba(124, 203, 252, 1.0);
    text-shadow: 0 1px 0 #bbbcb3;
    text-shadow: 0 1px 0 rgba(33, 44, 67, .2);
    border: none;
    line-height: 1em;
    height: 100%;
    width: 100%;
    box-shadow: none;
    margin: 0;
    padding: 5px 40px 5px 10px;
    box-sizing: border-box;
}

.action-area #search input {
    font-size: 27px;
    font-weight: bold;
}

.action-area #localization i,
.action-area #search i {
    position: absolute;
    right: 5px;
    color: #162a43;
    font-size: 30px;
    cursor: pointer;
    top: 50%;
    margin-top: -15px;
    -webkit-transition: transform linear .2s;
    -moz-transition: transform linear .2s;
    -o-transition: transform linear .2s;
    transition: transform linear .2s;

}

.action-area #localization-btn {
    color: #162a43;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    text-shadow: 0 0 3px #fff;
}

.action-area #localization-btn i {
    position: absolute;
    right: 5px;
    color: #162a43;
    font-size: 30px;
    cursor: pointer;
    top: 50%;
    margin-top: -15px;
}

.tt-query,
.tt-hint {
    width: 100%;
    height: 30px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
}

.tt-menu {
    background: #fff;
    width: 100%;
    background: #e3e8ec;
    margin-top: -5px;
    border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
}

.tt-menu .tt-suggestion {
    -webkit-transition: background linear .1s;
    -moz-transition: background linear .1s;
    -o-transition: background linear .1s;
    transition: background linear .1s;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    font-size: 14px;
}

.tt-menu .tt-suggestion:hover {
    color: #fff;
    background-color: #7ccbfc;
}

.typeahead {
    background-color: #fff;
    width: 150px;
}

.typeahead:focus {
    border: 2px solid #0097cf;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-dropdown-menu {
    width: 100%;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
}

.tt-suggestion:hover {
    background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion p {
    margin: 0;
}

.gist {
    font-size: 14px;
}

.cke_textarea_inline.cke_editable.cke_editable_inline.cke_contents_ltr {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

.bi-advert {
    text-align: center;
    margin-bottom: 10px;
    position: relative;
}

/*.bi-advert:after {
    content: ' ';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}*/

.help-inline {
    width: 100%;
    text-align: right;
    display: block;
}

a#check-all-categories {
    font-size: 10px;
    color: #0097cf;
}

a#check-all-categories span:nth-child(2) {
    display: none;
}

a#check-all-categories.checked span:nth-child(1) {
    display: none;
}

a#check-all-categories.checked span:nth-child(2) {
    display: inline;
}

label.required:after {
    content: "*";
    color: #ff0000;
}

#ajax-feed {
    margin-top: 10px;
}

#category-page #ajax-feed {
    margin-top: 10px;
}

#category-page #ajax-feed img {
    display: none;
}

#fos_user_registration_form_regulations_acceptance {
    display: inline-block;
}

[for=fos_user_registration_form_regulations_acceptance] {
    display: inline-block;
}

#suggestion-wrapper {
    padding: 10px;
    box-sizing: border-box;
    position: absolute;
    top: -7px;
    left: -320px;
    background: #fff;
    max-width: 320px;
    min-height: 200px;
    border-right: 2px solid #cb2222;
    border-bottom: 2px solid #cb2222;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.75);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    z-index: 9999;
}

#suggestion-wrapper #suggestion-button {
    background: #cb2222;
    position: absolute;
    top: 2px;
    right: 0;
    transform-origin: top right;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    padding: 8px;
    color: #fff;
    text-shadow: 1px 1px 0 #aa1c1c;
    cursor: pointer;
}

#suggestion-wrapper h6 {
    line-height: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

#suggestion-wrapper label {
    font-size: 12px;
}

#suggestion-wrapper input {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    font-size: 12px;
}

#suggestion-wrapper textarea {
    height: 100px;
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
}

span.tag {
    display: inline-block;
    background-color: #00AFBF;
    padding: 4px 6px;
    color: #FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    text-decoration: none;
    /*cursor: pointer;*/
    font-size: 10px;
}

span.category {
    display: inline-block;
    background-color: #09818c;
    padding: 4px 6px;
    color: #FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 4px;
    margin-right: 4px;
    text-decoration: none;
    /*cursor: pointer;*/
    font-size: 10px;
}

span.category.parent {
    font-weight: bold;
}

span.category.main {
    text-decoration: underline;
}

.header-height.bi-widget {
    height: 40px;
}

.bi-widget .main-nav-wrap {
    height: 40px;
}

.bi-widget .logo {
    padding-top: 5px;
}

#bi-widget-customizer {
    display: none;
}

#bi-widget-customizer {
    overflow: hidden;
}

#bi-widget-customizer #clipboard {
    vertical-align: middle;
}

#bi-widget-customizer h4 {
    margin-left: 30px;
}

#bi-widget-customizer > div {
    border: dashed 1px #7ccbfc;
    margin-left: 0;
    margin-right: 30px;
    overflow: hidden;
    padding: 10px 0;
}

#bi-widget-customizer > div > div {
    overflow: hidden;
}

#bi-widget-customizer label.inline {
    display: inline-block
}

#bi-widget-customizer i {
    margin: 0 10px;
}

#bi-widget-customizer iframe {
    border: dashed 1px #7ccbfc !important;
}

#bi-widget-customizer .control-group {
    margin-bottom: 0;
}

#bi-widget-code {
    margin-top: 10px;
}

#bi-widget-preview {
    text-align: center;
    margin-top: 10px;
    overflow-x: scroll;
}

.bi-widget.container {
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}

.bi-widget.container > .row {
    overflow: hidden;
}

.bi-widget ul#navigation {
    display: block;
    float: right;
    min-width: 10px;
    margin-right: -15px;
    position: static;
    padding: 0;
    font-size: 12px;
    background: none;
}

.bi-widget .logo img {
    width: 100px;
}

.bi-widget ul#navigation > li > a {
    text-decoration: none;
    display: block;
    padding: 10px 15px 16px;
}

.bi-widget ul#navigation a i {
    font-size: 16px;
}

.bi-widget .author-post {
    width: auto;
    margin-right: 4px;
    padding: 4px 0 4px;
}

.bi-widget .blog-post-content {
    margin-left: 0;
    padding: 0 0 4px;
}

.bi-widget .blog-post-wrap {
    padding-top: 0;
}

.bi-widget .blog-post-content a,
.bi-widget .blog-post-content p,
.bi-widget .blog-post-content h2 {
    font-size: 14px;
    white-space: nowrap;
}

.bi-widget .blog-post-content i {
    min-width: 0;
}

.spinner {
    width: 37px;
    height: 30px;
    text-align: center;
    font-size: 10px;
}

.spinner > div {
    background-color: #333;
    height: 100%;
    width: 5px;
    border-top: solid 10px #7ccbfc;
    display: inline-block;
    -webkit-animation: stretchdelay 0.7s infinite alternate ease-in-out;
    animation: stretchdelay 0.7s infinite alternate ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.spinner .rect4 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.spinner .rect5 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

@-webkit-keyframes stretchdelay {
    0% {
        -webkit-transform: scaleY(0.4)
    }
    100% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes stretchdelay {
    0%, 20%, 80%, 100% {
        transform: scaleY(0.6);
        -webkit-transform: scaleY(0.6);
    }
    40%, 60% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

#bi-page-loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#bi-page-loader > div {
    width: 100%;
    height: 100%;
    display: flex;
    border: dashed 1px #7ccbfc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#bi-page-loader > div > div {
    width: auto;
    margin: auto;
    text-align: center;
}

#bi-page-loader .spinner {
    margin: auto;
}

@media (max-width: 250px) {

}

@media (max-width: 240px) {
    .bi-widget .author-post {
        clear: both;
        width: 100%;
    }

    .bi-widget .blog-post-content {
        clear: both;
    }

    .bi-widget .blog-post-wrap {
        text-align: center;
    }
}

@media (max-width: 500px) {
    .action-area #localization div.pull-left,
    .action-area #localization div.pull-right {
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .action-area #localization div.pull-right {
        border-radius: 0;
    }
}

#used-filters span {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #7ccbfc;
    text-transform: capitalize;
}

#used-filters span.remove-filter {
    margin: 0 0 0 5px;
    cursor: pointer;
    display: inline-block;
}

#used_filters_link {
    width: 100%;
}

#event-occurs table {
    margin-top: 0;
    width: 100%;
}

#event-occurs #occurs-table {
    height: auto;
    display: inline-block;
    overflow: hidden;
    margin-top: 0;
}

#event-occurs #occurs-table tr:last-child td {
    padding-bottom: 0;
}

#event-occurs thead th {
    font-weight: bold;
    text-align: left;
    min-width: 100px;
}

#event-occurs tfoot {
    border-bottom: 1px solid #ccc;
}

#event-occurs td {
    max-width: 130px;
    padding-right: 10px;
}

#event-occurs tbody tr:last-child td {
    padding-bottom: 10px;
}

#event-occurs tfoot td {
    padding-top: 0;
    padding-left: 0;
}

#event-occurs button {
    font-size: 0;
}

#event-occurs #occurs-actions button {
    font-size: 12px;
}

#event-occurs button i {
    color: #fff;
    font-size: 9px;
    width: auto;
    vertical-align: middle;
}

#event-occurs td.day_of_week {
    width: 80px;
}

#event-occurs td.end {
    width: 110px;
}

#event-occurs td:last-child {
    text-align: right;
}

#event-occurs input.timepicker,
#event-occurs input.datepicker,
#event-occurs input[type=text] {
    width: 84px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin: 5px 0;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#event-occurs input.timepicker {
    width: 40px;
}

#event-occurs span.hide,
#event-occurs a.hide {
    display: none;
}

#event-occurs .add-date-end {
    font-size: 12px;
}

#event-occurs .add-date-end i {
    float: none;
}

#event-occurs .occur-end {
    display: inline;
    position: relative;
}

#event-occurs .occur-end i {
    font-size: 14px;
    position: absolute;
    bottom: 0;
    right: -5px;
    color: #6a6a6a;
    cursor: pointer;
    background: #fff;
}

#event-occurs .datepicker {
    min-width: 75px;
}

#event-occurs .mCSB_dragger {
    margin-top: 0;
}

#event-occurs .mCSB_container,
#event-occurs .mCSB_scrollTools {
    margin-top: 0;
}

#event-occurs .occur-row {
    width: 100%;
    overflow: hidden;
}

#event-occurs .date-input {
    width: 100px;
    float: left;
}

#event-occurs .day_of_week {
    line-height: 40px;
    width: 82px;
    padding-left: 5px;
    float: left;
}

#event-occurs .time-input {
    float: left;
    width: 60px;
    margin-left: 5px;
}

#event-occurs .action-buttons {
    float: right;
    line-height: 37px;
}

#event-occurs .end {
    float: left;
    line-height: 38px;
    margin-left: 5px;
}

#occurs-table {
    width: 100%;
}

form .control {margin-bottom: 5px;}
form div.errors ul,
form div.errors ul {color: #fff; background: #f29090; padding: 8px; text-shadow: 1px 1px #e98a8a;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  margin: 0;
  padding: 10px;
  list-style: none;
  margin-bottom: 4px;
}
form div.errors ul:after,
form div.errors ul:after {font-family: FontAwesome; content: "\f0a6"; right: 10px; top: 8px; position: absolute; transform: rotate(225deg);}

#newsletter-tab input[type=radio] {margin: 0 10px;}
#newsletter-tab input[type=checkbox] {margin: 0;}

.btn-facebook {
    max-width: 285px;
    font-size: 14px;
    display: inline;
    margin-right: 10px;
}

.row .btn-facebook i.fa {
    color: #fff;
    font-size: 20px;
}

.categories-checkboxes {
    margin-left: 12px;
}

.categories-checkboxes ul {
    list-style: none;
    margin: 5px 0 15px 18px;
}

.categories-checkboxes li {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 5px 0;
}

.categories-checkboxes input[type=checkbox] {
    margin: 0;
}

.categories-checkboxes li {
    width: 100%;
    clear: both;
}

.categories-checkboxes .cat-name {
    display: inline-block;
    margin-left: 3%;
    max-width: 87%;
    font-size: 12px;
}

.categories-checkboxes input {
    display: inline-block;
    float: left;

}

.categories-checkboxes .daredevel-tree-anchor {
    cursor: pointer !important;
}

#tree.daredevel-tree li span.daredevel-tree-label {
    cursor: pointer;
    position: relative;
    left: 0!important;
    top: 0!important;
}

#filters .filter-events {
    width: 100%;
}

#filters .filter-fields {
    margin-bottom: 5px;
}

.filter-fields input[type=text] {
    width: 100%;
    margin-bottom: 0;
    box-sizing: border-box;
    height: 30px;
}

.filter-fields .twitter-typeahead {
    width: 100%;
}

.filter-fields .twitter-typeahead input[type=text] {
    width: 100%;
}

.filter-fields #search_in_description {
    margin: 0 5x 0 10px;
}

#filters .filter-fields label.inline {
    display: inline;
    font-weight: normal;
}

.icon-search {
    vertical-align: baseline;
}

#filter-group .filter-wrapper {
    width: 100%;
    max-width: 386px;
    position: relative;
}

#filter-group .span12 input {
    height: 30px;
    padding-right: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#clipboard-wrapper {
    position: relative;
}

#used_filters_clipboard {
    top: 0;
    right: 0;
    position: absolute;
    height: 20px;
    padding-top: 5px;
    padding-right: 3px;
}

#clipboard {
    top: 5px;
    right: 3px;
    position: absolute;
    height: 20px;
}

#dynamic-address {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    margin-bottom: 15px;
}

#dynamic-address input[type=text] {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    font-size: 20px;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    color: #7ccbfc;
}

.ff-toggle-button {
    position: absolute;
}

.ff-close-button {
    position: fixed;
    bottom: 5px;
    right: 5%;
    background: rgba(0,0,0,0.6);
    text-align: center;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    font-size: 30px;
    line-height: 50px;
    color: #fff;
    display: none;
}

#newsletter-category label {
    display: inline;
}

#newsletter-category .newsletter-field-report > label {
    display: none;
}

#newsletter-category .newsletter-field-report > div > div > div label:after {
    content: '';
}

#newsletter-small {
    background: #EEE;
    padding: 10px;
}

#newsletter-small h4 {
    text-transform: uppercase;
}

#newsletter-small .newsletter-city {
    color: #7ccbfc;
    font-weight: bold;
}

#newsletter-small .newsletter-field-mail input {
    line-height: 20px;
    width: 150px;
    margin-bottom: 0;
}

#newsletter-small .newsletter-city {
    cursor: pointer;
}

#small-newsletter .newsletter-field-accept label {
    display: inline;
}

#category-page .span6 {
    box-sizing: border-box;
    margin-left: 0;
}

#category-page .span6 .span3 {
    padding: 0 5px;
    margin: 0;
    box-sizing: border-box;
    width: 50%;
    float: left;
}

#category-page .span6 .span3 label {
    display: inline-block;
}

#category-page .tab-content {
    border-left: 1px solid #e8e8dd;
    border-right: 1px solid #e8e8dd;
    border-top: none;
    border-bottom: none;
    min-height: 0;
    padding: 0;
}

#category-page .tab-content input[type=text] {
    width: 100%;
    box-sizing: border-box;
    height: auto;
}

#category-page .tab-content > div {
    padding: 23px 20px 15px;
    border-bottom: 1px solid #e8e8dd;
}

#category-page .tab-content > div > div > div {
    overflow: hidden;
}

#category-page .tab-content #bi-widget-code {
    box-sizing: border-box;
    width: 100%;
    padding-right: 50px;
    margin-top: 0;
}

#category-page #widget-tab .span3 input[type=text] {
    position: relative;
}

#category-page #widget-tab .span3 input[type=text]:after {
    position: absolute;
    top: 5px;
    right: 3px;
    content: "px";
}

#category-page .nav-tabs > li a {
    position: relative;
    cursor: pointer;
}

#category-page .nav-tabs > li a span {
    display: none;
}

#category-page .nav-tabs > li.active a span {
    display: inline-block;
    position: absolute;
    font-size: 15px;
    top: 8px;
    right: 3px;
    cursor: pointer;
}

#category-page .nav-tabs > li.active a span i {
    -o-transition: color 300ms ease-in;
    -webkit-transition: color 300ms ease-in;
    -moz-transition: color 300ms ease-in;
    transition: color 300ms ease-in;
}

#category-page .nav-tabs > li.active a span i:hover {
    color: #7ccbfc;
}

#advanced-filters .ui-widget {
    font-family: "PT Sans";
}

#advanced-filters > div {
    display: none;
}

#advanced-filters > label {
    margin: 10px 0 0 0;
}

@media screen and (max-width: 767px) {
    #filter-group .filter-wrapper {
        max-width: 100%;
    }

    #dynamic-address {
        display: block;
    }

    .ch-grid {
        display: none;
    }

    #event-page #event-title {
        font-size: 30px;
    }

    .action-area #localization,
    .action-area #search {
        width: 100%;
        margin: 10px auto 0 auto;
    }

    .action-area h2 {
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 50px;
    }

    #suggestion-wrapper {
        display: none;
    }

    .action-area {
        min-height: 400px;
    }

    #filters {
        display: none;
        position: absolute;
        min-height: 100%;
        background: #fff;
        top: 0;
        left: 0;
        z-index: 1000;
        padding: 20px;
        -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.49);
        -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.49);
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.49);
    }

    .action-area #all-events-btn {
        margin-top: 40px;
    }

    .logo {
        width: 155px;
        height: 39px;
        float: none;
        margin: 0 auto;
    }

    .logo > a {
        display: block;
    }

    #navigation-box {
        position: absolute;
        float: none;
        top: 15px;
        right: 0;
    }

    .bi-widget #navigation-box {
        position: static;
        float: right;
    }

    .bi-widget .logo {
        float: left;
        width: auto;
    }

    .main-navbar.container {
        position: relative;
    }

    #navigation-toggle {
        margin-top: 0;
    }

    ul#navigation {
        top: 68px;
        right: -5px;
    }

    #localization-btn {
        display: block !important;
        margin: 0 auto;
    }

    .ff-toggle-button {
        left: 40px;
        top: 28px;
        width: 34px;
        height: 34px;
        font-size: 30px;
        z-index: 1002;
        cursor: pointer;
        color: #fff;
        transition: text-shadow 0.2s;
    }

    .ff-toggle-button.opened,
    .ff-toggle-button:hover {
        transition: text-shadow 0.2s;
        text-shadow: 0 0 15px rgb(205, 215, 234);
    }

    .header-height {
        position: relative;
        z-index: 1001;
        height: 103px;
    }

    .evt i.fa {
        display: block;
        float: left;
        width: 50px;
        font-size: 20px;
    }

    .evt i.fa.fa-clock-o {
        margin-top: 10px;
    }

    .evt .ico {
        width: auto;
    }

    .evt-header .ico {
        margin-top: 10px;
    }

    .evt .evt-header {
        overflow: hidden;
        margin-bottom: 10px;
    }

    .evt .evt-header > * {
        float: left;
    }

    #event-tools {
        margin-top: 20px;
    }

    .login-panel {
        margin-top: 50px;
    }

    .login-panel > form {
        width: 210px;
        margin: 0 auto;
    }

    .login-panel > .btn-facebook {
        display: block;
        margin: 0 auto;
        max-width: 200px;
    }

    .login-panel .passwd-reset-btn {
        display: block;
        text-align: center;
        margin: 15px 0;
    }

    .login-panel #_submit {
        margin: 15px auto;
        display: block;
        padding: 5px 10px 5px 35px;
        background-position: 5px;
    }

    .login-panel #remember_me {
        float: left;
        margin: 3px 10px 0 15px;
    }

    .login-panel .error-field {
        text-align: center;
        color: #f00;
        padding: 15px 0;
    }

    .table-grid {
        display: block;
    }

    .table-grid input[type=text] {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .table-grid input[type=checkbox] {
        float: left;
    }

    #category-page .span6 {
        padding-right: 0;
    }

    #category-page .nav-tabs > li > a {
        border-radius: 0;
        color: #fff;
        background-color: #7ccbfc;
        padding: 7px 17px 10px;
        margin-right: 0;
    }

    #category-page .nav-tabs > li:first-child {
        margin-bottom: 10px;
    }

    #category-page .nav-tabs > li > a:hover,
    #category-page .nav-tabs > li > a:focus {
        background-color: #212c43;
        border-color: #212c43;
    }

    #category-page .nav-tabs > li.active a span i {
        color: #fff;
    }
}

@media only screen and (max-width: 430px) {
    #event-occurs .occur-row {
        width: 100%;
        overflow: hidden;
    }

    #event-occurs .date-input {
        width: 111px;
    }

    #event-occurs .day_of_week {
        width: 50%;
        padding: 0;
    }

    #event-occurs .time-input {
        margin-left: 0;
        width: 40%;
    }

    #event-occurs .action-buttons {
        float: right;
        line-height: 37px;
    }

    #event-occurs .end {
    }

    #event-occurs input.timepicker {
        width: 83px;
    }

    #occurs-actions .next-occur {
        width: 100%;
        margin: 5px 0 5px 0;
    }

    .help-inline {
        padding-left: 0;
        text-align: left;
    }

    .form-actions button {
        width: 100%;
        margin: 5px 0 5px 0;
    }

    #event_price_type {
        clear: both;
        float: left;
        width: 100%;
    }

    #event_price_type input {
        margin: 0;
        width: 10%;
    }

    #event_price_type label {
        margin: 0;
        width: 40%;
    }

    form .row div.span5.right-column > div i {
        width: auto;
        float: left;
        line-height: 20px;
        margin-right: 10px;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
    .bi-widget ul#navigation span {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    #category-page .span6 {
        width: 100%;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    /* Styles */
}

/**********
iPad 3
**********/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) and (-webkit-min-pixel-ratio: 2) {
    /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width: 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width: 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) and (-webkit-min-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: portrait) and (-webkit-min-pixel-ratio: 2) {
    /* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: landscape) and (-webkit-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait) and (-webkit-pixel-ratio: 2) {
    /* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-width: 375px) and (max-height: 667px) and (orientation: landscape) and (-webkit-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-width: 375px) and (max-height: 667px) and (orientation: portrait) and (-webkit-pixel-ratio: 2) {
    /* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-width: 414px) and (max-height: 736px) and (orientation: landscape) and (-webkit-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-width: 414px) and (max-height: 736px) and (orientation: portrait) and (-webkit-pixel-ratio: 2) {
    /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-width: 320px) and (max-height: 640px) and (orientation: landscape) and (-webkit-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-width: 320px) and (max-height: 640px) and (orientation: portrait) and (-webkit-pixel-ratio: 2) {
    /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-width: 320px) and (max-height: 640px) and (orientation: landscape) and (-webkit-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-width: 320px) and (max-height: 640px) and (orientation: portrait) and (-webkit-pixel-ratio: 3) {
    /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-width: 360px) and (max-height: 640px) and (orientation: landscape) and (-webkit-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-width: 360px) and (max-height: 640px) and (orientation: portrait) and (-webkit-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-width: 1200px) {
    #category-page .span6 {
        padding-right: 30px;
    }
}