/* Table of Content
==================================================

	***Header
	***Footer 
	***Homepage (index.html)
	***About (about.html)
	***Single employee (single-employee.html)
	***Sevices (sevice.html)
	***Single-sevices (single-sevice.html)
	***Random gallery (gallery-random.html)
	***Gallery with column (gallery-two-columns.html and gallery-three-columns.html)
	***Blog style (blog-style-one.html and blog-style-two.html and blog-style-three.html)
	***Single post  (single-post.html and single-post-two.html)
	***Audio and video  (blog-audio.html and blog-video.html)
	***Price  (price.html)
	***Support  (support.html)
	***Contact  (contact.html)
	***Error 404  (404.html)
	***Comming soon  (coming-soon.html)
	***Responsive
		* min-width: 1025px and max-width: 1199px
		* min-width: 769px and max-width: 1024px
		* min-width: 481px and max-width: 768px
		* min-width: 320px and max-width: 480px

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

/* ***Header 
=====================================*/
.header {
    /*background-color: #26455f; */
    /*background-color: #d2e4f4; */
    background-color: #110F3A;
    position: relative;
    height: auto;
    /*background-image: url(../images/pattern-header-inner.png);*/
    background-size: 59px 90px;
    background-position: left bottom;
    background-repeat: repeat-x;
    margin-bottom: 0;
}

.home .header {
    /*background-color:#26455f;*/
    /*background-image: url(../images/pattern-header.png);*/
    background-size: 59px 160px;
}

.call-number {
    color: #728FA8;
    margin-top: 14px;
    margin-bottom: 15px;
    font-family: "Source Sans Pro", sans-serif;
}

/*.call-number span {*/
/*    color: #FFFFFF;*/
/*}*/

/* social icon block */
.social-icon {
    margin-top: -33px;
}

.social-icon li {
    display: inline-block;
    padding-left: 0;
}

.big-social-icon li {
    padding-left: 0;
}

.social-icon li a,
.social-icon li a i {
    display: block;
    width: 22px;
    height: 22px;
}

.social-icon li a {
    margin-right: 2px;
}

.social-icon li a i {
    padding-top: 4px;
    background-color: #728FA8;
    color: #26455F;
    text-align: center;
    font-size: 12px;
}

.social-icon li a:hover,
.social-icon li a:focus {
    text-decoration: none;
}

.social-icon li a:hover i,
.big-social-icon li a:hover i {
    color: #FFFFFF;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.icon-instagram:hover {
    background-color: #3F729B;
}

.icon-dribbble:hover {
    background-color: #EA4C89;
}

.icon-linkedin:hover {
    background-color: #0E76A8;
}

.icon-tumblr:hover {
    background-color: #34526F;
}

.icon-pinterest:hover {
    background-color: #C8232C;
}

.icon-facebook:hover {
    background-color: #3B5998;
}

.icon-twitter:hover {
    background-color: #00ACEE;
}

.icon-googleplus:hover {
    background-color: #DB4A39;
}

.icon-vimeo:hover {
    background-color: #86C9EF;
}

.icon-flickr:hover {
    background-color: #FF0084;
}

.icon-stumbleupon:hover {
    background-color: #F74425;
}

.icon-lastfm:hover {
    background-color: #C3000D;
}

.icon-rdio:hover {
    background-color: #008FD5;
}

.icon-skype:hover {
    background-color: #00AFF0;
}

.icon-behance:hover {
    background-color: #053EFF;
}

.icon-soundcloud:hover {
    background-color: #FF7700;
}

.fa-youtube:hover {
    background-color: #C4302B;
}

/* main zone for menu and slider */
.main-zone {
    /*background-color: #222053;*/
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
    position: relative;
    padding: 0 4px;
    width: 1198px;
    margin-left: -29px;
    padding-top: 80px;
}

.home .main-zone {
    padding-top: 0;
}

.main-zone:before {
    content: "";
    height: 97.7%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.28);
    position: absolute;
    top: 0;
    left: 4px;
    right: 4px;
}

.home .main-zone:before {
    height: 100%;
}

.main-zone:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -1px;
    z-index: 30;
    width: 0px;
    height: 0px;
    /*		border-style: solid;
		border-width: 25px 25px 0 0;
		border-color: #234058 transparent transparent transparent;*/
}


/*ACTIVATE CORNER*/
/*.corner{
	position: absolute;
	top: 0;
	left: 4px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent rgba(0,0,0,0.2) transparent;
	z-index: 35;
}

.corner-line{
	background-color: #F15549;
    display: block;
    width: 4px;
    height: 20px;
    position: absolute;
    top: 0;
	left: 10px;
    z-index: 300;
	-webkit-transform: skewX(-45deg);
	-moz-transform: skewX(-45deg);
	-ms-transform: skewX(-45deg);
	transform: skewX(-45deg);
}*/

.current-page {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
    /*	padding-top: 80px;*/
}

.top-devider {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    top: 1px;
    margin-top: 0;
    display: block;
    left: 0;
    position: absolute;
    width: auto;
    left: 44px;
    right: 44px;
    z-index: 40;
    overflow: visible;
}


/* logo */
.logo {
    font-family: "novecento_wide_demibold";
    font-size: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    background-image: url(../img/new/logo_alb.png);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    background-size: 195px 62px;
    position: relative;
    padding: 16px 123px 32px 123px;
    display: inline-block;
    z-index: 302;
    text-indent: -9999px;
}
.logo-footer {
    font-family: "novecento_wide_demibold";
    font-size: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    background-image: url(../img/new/logo_alb.png);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    background-size: 195px 62px;
    position: relative;
    padding: 55px 123px 32px 123px;
    display: inline-block;
    z-index: 302;
    text-indent: -9999px;
}

.logo:hover,
.logo:focus {
    color: #FFFFFF;
    text-decoration: none;
}

/* Navigation interaction */
.top-navigation {
    display: block;
    height: 70px;
    width: 100%;
    position: fixed;
    top: 51px;
    left: 0;
    z-index: 600;
}

.navigation-front {
    width: 1190px;
    margin: 0 auto;
    display: block;
    height: 70px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.fixed-pos {
    background-color: #1B1749;
}

.nav-show {
    width: 100%;
    margin-top: -51px;
}

.nav-strict {
    width: 1190px;
    margin-top: 0px;
}

/* navigation block */
#navigation-box {
    background: none;
    margin-top: 0;
    position: relative;
    top: 0px;
    /*right: 219px;*/
    z-index: 300;
}

#navigation-box {
    margin-top: -76px;
}

#navigation {
    padding-top: 0;
}

ul#navigation a {
    /*color: #D13246;*/
    color: #E2AC26;
    text-shadow: none;
}

ul#navigation > li {
    padding-left: 0;
    padding-right: 0;
}

ul#navigation > li a {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 17px;
}

ul#navigation ul li a {
    color: #FFFFFF;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

ul#navigation ul li a:hover {
    color: #E7E0E0;
}

#navigation-toggle {
    background-color: #FFFFFF;
    /*background-image: url(../images/button-pattern.png);*/
    background-repeat: repeat;
    border: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    position: relative;
}

#navigation-toggle.open-menu {
    background-color: #25425B;
    background-image: url(../images/button-pattern.png);
    background-repeat: repeat;
    border: none;
}

/* rules for dropdown desktop menu */
@media (min-width: 769px) {
    ul#navigation li > ul {
        background-color: #222053;
        line-height: 16px;
        top: 52px;
        left: -10px;
        margin: 10px;
        margin-top: 8px;
        width: 170px;
        min-height: 20px;
        display: none;
    }

    ul#navigation ul li {
        border: none;
        border-left: 1px solid #AF2233;
        padding: 7px 0 8px 9px;
    }

    ul#navigation ul li:before {
        content: "";
        width: 3px;
        height: 3px;
        background-image: url(../images/marker.png);
        background-repeat: no-repeat;
        position: absolute;
        top: 14px;
        left: -2px;
    }

    ul#navigation li:first-child {
        padding-top: 0;
    }

    ul#navigation li:first-child:before {
        top: 7px;
    }

    ul#navigation ul li:last-child {
        padding-bottom: 6px;
    }

    ul#navigation ul li:last-child {
        border-left: 1px solid #AF2233;
    }

    .hover-link a:before {
        color: #FFFFFF;
        /*color: #fff;*/
        content: attr(data-hover);
        pointer-events: none;
        position: absolute;
        text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
        -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s;
        transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    }

    .hover-link a:after {
        /*background: none repeat scroll 0 0 #b02234;*/
        background: none repeat scroll 0 0 #E2AC26;
        bottom: 0px;
        content: "";
        height: 5px;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s;
        transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
        width: 100%;
        z-index: 15;
    }

    .hover-link a:hover:before, .hover-link a:focus:before {
        opacity: 0;
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    .hover-link a:hover:after, .hover-link a:focus:after {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    #navigation .active:before {
        color: #BE423A;
        text-shadow: none;
    }
}

/* custom rules for mobile menu */
@media (max-width: 768px) {
    #navigation-box {
        position: absolute;
        margin-top: 0;
        right: 25px;
        height: 70px;
    }

    .full-width .navigation-front {
        /*background: none;*/
        background-color: #252348;
        padding: 0 15px;
    }

    ul#navigation {
        background-color: rgba(33, 31, 81, 0.8);
        padding-bottom: 0px;
        top: 86px;
        z-index: 199;
        width: 170px;
    }

    ul#navigation li > ul {
        display: none;
    }

    ul#navigation li:hover ul {
        display: none;
    }

    ul#navigation li ul.showen-c {
        display: block;
    }

    .menu-icon {
        margin-top: 17px;
    }

    .menu-icon:before {
        font-family: "icomoon";
        content: "\e678";
        font-size: 19px;
        color: #FFFFFF;
        text-decoration: none;
        position: absolute;
        left: 16px;
        top: 39px;
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
        transition: transform 0.5s ease, opacity 0.5s ease;
    }

    .open-menu .menu-icon:before {
        opacity: 1;
        -webkit-transform: translate3d(0, -27px, 0);
        -moz-transform: translate3d(0, -27px, 0);
        transform: translate3d(0, -27px, 0);
        -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
        transition: transform 0.5s ease, opacity 0.5s ease;

    }

    .open-menu .menu-icon:hover:before,
    .open-menu .menu-icon:focus:before {
        text-decoration: none;
    }

    ul#navigation li {
        border-color: #000000;
    }

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

    .sub-nav-toggle {
        background-color: #D2E4F4;
        background-image: none;
    }

    .sub-nav-toggle.plus {
        background-color: #000000;
        background-image: none;
    }

    .sub-nav-toggle:before {
        content: "\e67f";
        font-family: "icomoon";
        font-size: 16px;
        color: #26455F;
        margin-left: 10px;
        position: absolute;
        top: 6px;
    }

    .sub-nav-toggle.plus:before {
        content: "\e680";
        font-family: "icomoon";
        font-size: 16px;
        color: #FFFFFF;
        margin-left: 10px;
        position: absolute;
        top: 6px;
    }

    ul#navigation a {
        /*color: #b12334;*/
        color: #FFFFFF;
    }

    ul#navigation > li a {
        padding-bottom: 6px;
        padding-left: 0;
    }

    ul#navigation ul {
        background-color: #222053;
    }

    ul#navigation ul li {
        padding: 6px 15px;
    }
}

/*mega menu*/
ul#navigation li > ul.mega-menu {
    width: 1148px;
    left: -791px;
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
    top: 70px;
    display: block;
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
    visibility: hidden;
    z-index: 400;
}

ul#navigation li > ul.mega-menu ul {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
}

ul#navigation li:hover > ul.mega-menu {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    top: 56px;
    visibility: visible;
}

.mega-menu-text {
    padding-left: 10px;
    padding-right: 15px;
}

.mega-menu-item {
    padding-left: 15px;
    padding-right: 10px;
}

ul#navigation .mega-menu h4 {
    margin-top: 27px;
    margin-bottom: 26px;
}

ul#navigation .mega-menu .heading h4 {
    margin-top: 20px;
    margin-bottom: 18px;
    margin-left: -9px;
}

ul#navigation .mega-menu .empty div {
    height: 55px;
}

ul#navigation .mega-menu a {
    padding-left: 0;
}

ul#navigation .mega-menu > li,
ul#navigation .mega-menu > li:last-child,
ul#navigation .mega-menu .heading,
ul#navigation .mega-menu .empty {
    border: none;
}

ul#navigation .mega-menu > li:before,
ul#navigation .mega-menu .heading:before,
ul#navigation .mega-menu .empty:before {
    display: none;
}

ul#navigation li > .mega-menu ul {
    margin: 0;
    width: auto;
    padding-right: 30px;
    top: 0
}

ul#navigation .mega-menu .image-wrap {
    border: 1px solid #DADEE1;
    margin-bottom: 10px;
    margin-right: 20px;
    padding: 4px;
    width: 220px;
    float: left;
}

ul#navigation .mega-menu .image-wrap img {
    max-width: 100%;
    border: 1px solid #DADEE1;
}

/* banner revolution */
.bannercontainer {
    width: 100%;
    position: relative;
    padding: 0;
}

.banner {
    width: 100%;
    position: relative;
    height: 100%;
    max-height: 590px;
    overflow: hidden;
}

.bannercontainer .top-devider {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    top: 81px;
    display: block;
    left: 0;
    position: absolute;
    width: auto;
    left: 44px;
    right: 44px;
    z-index: 40;
    overflow: visible;
}

.top-devider:before {
    content: "";
    width: 23px;
    height: 3px;
    background-image: url(../images/three-dotted-white.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -2px;
    left: 0;
    margin-left: -23px;
    z-index: 43;
}

.top-devider:after {
    content: "";
    width: 23px;
    height: 3px;
    background-image: url(../images/three-dotted-white.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -2px;
    right: 0;
    margin-right: -23px;
    z-index: 43;
}

.bannercontainer .bottom-devider {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    bottom: 30px;
    display: block;
    left: 0;
    position: absolute;
    width: auto;
    left: 44px;
    right: 44px;
    z-index: 40;
    overflow: visible;
}

.bannercontainer .bottom-devider:before {
    content: "";
    display: block;
    width: 1px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 40;
}

.banner ul:before {
    content: "";
    width: 23px;
    height: 3px;
    background-image: url(../images/three-dotted-white.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 49px;
    left: 44px;
    margin-left: -23px;
    z-index: 43;
}

.banner ul:after {
    content: "";
    width: 23px;
    height: 3px;
    background-image: url(../images/three-dotted-white.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 49px;
    right: 44px;
    margin-right: -23px;
    z-index: 43;
}

.bannercontainer li,
.bx-wrapper li,
.flexslider li {
    padding-left: 0;
}

.btn-yellow-slider {
   background-color: rgb(250, 188, 48);
    min-height: 0px;
    min-width: 0px;
    white-space: nowrap;
    line-height: 17px;
    border-width: 0px;
    margin: 0px 20px 20px 0px;
    padding: 16px;
    font-size: 14px;"
}

/* preload style*/
.banner ul li {
    min-height: 590px;
}

.banner .big-title,
.banner .dectiption,
.banner .slider-btn,
.banner .slider-image,
.banner .huge-title,
.banner .semibig-title,
.huge-dectiption {
    opacity: 0;
}

/*end*/

.big-title p, p.big-title {
    font: 46px "Novecento_wide_bold";
    color: #FFFFFF;
    line-height: 46px;
    text-transform: uppercase;
}

.semibig-title p, p.semibig-title {
    font: 32px "Novecento_wide_bold";
    color: #FFFFFF;
    line-height: 32px;
    text-transform: uppercase;
}

.huge-title p, p.huge-title {
    font: 56px "Novecento_wide_bold";
    color: #FFFFFF;
    line-height: 56px;
    text-transform: uppercase;
}

.semihuge-title p, p.semihuge-title {
    font: 32px "Source Sans Pro";
    color: #FFFFFF;
    line-height: 32px;
    text-transform: uppercase;
}

.huge-dectiption p, p.huge-dectiption {
    font: 56px "Novecento_wide_light";
    color: #FFFFFF;
    line-height: 56px;
    text-transform: uppercase;
}

.semibig-title p span, p.semibig-title span {
    color: #728FA8;
}

.big-title.p-center p {
    text-align: center;
}

.dectiption p, p.dectiption {
    font: 20px "Source Sans Pro";
    color: #FFFFFF;
}

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

.btn-downnload {
    line-height: 17px;
}

.btn-success.btn-downnload,
.btn-success.btn-downnload:hover {
    color: #4F7146;
}

.btn-danger.btn-downnload,
.btn-danger.btn-downnload:hover {
    color: #FFFFFF;
}

.btn-downnload .icon-download {
    font-size: 16px;
    position: absolute;
    left: 10%;
    top: 30%;
}

.btn-downnload .icon-circled-right {
    font-size: 18px;
    position: absolute;
    left: 13%;
    top: 35%;
}

.slide-phone {
    opacity: 0;
}

.slide-phone img {
    width: 50%;
    height: 50%;
}

.slider-video {
    left: 0 !important;
    opacity: 0;

}

.slider-video video {
    width: 1920px;
    height: 1080px;
}

.tparrows.default {
    width: 20px;
    height: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tp-leftarrow.default,
.tp-rightarrow.default {
    background: none;
    background-color: rgba(0, 0, 0, 0.2);
    top: auto !important;
}

.tp-leftarrow.default:hover,
.tp-rightarrow.default:hover {
    background-color: #26455F;
}

.tp-leftarrow.default:before {
    content: "\e6d5";
    font: 10px "icomoon";
    color: #FFFFFF;
    position: absolute;
    top: 5px;
    left: 5px;
}


.tp-rightarrow.default:before {
    content: "\e6d8";
    font: 10px "icomoon";
    color: #FFFFFF;
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
}

@media (min-width: 480px) and (max-width: 660px) {
    .bannercontainer .big-title p {
        margin-top: 45px;
    }

    .bannercontainer .dectiption p {
        margin-top: 45px;
    }

    .btn-downnload {
        margin-top: 45px;
    }
}

@media (max-width: 480px) {
    .home .header {
        height: 260px;
    }

    .home .recent-works {
        margin-top: -70px;
    }

    .bannercontainer {
        display: none;
    }

    .home .main-zone {
        min-height: 80px;
    }
}

/* slider #2 - banner onebyone */
.home-two .main-zone {
    min-height: 590px;
}

.home-two .top-devider {
    top: 81px;
    left: 48px;
    right: 48px;
    overflow: visible;
}

.home-two .top-devider:before {
    content: "";
    width: 23px;
    height: 3px;
    background-image: url(../images/three-dotted-white.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -2px;
    left: 0;
    margin-left: -23px;
    z-index: 43;
}

.home-two .top-devider:after {
    content: "";
    width: 23px;
    height: 3px;
    background-image: url(../images/three-dotted-white.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -2px;
    right: 0;
    margin-right: -23px;
    z-index: 43;
}

.home-two .bottom-devider {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    bottom: 50px;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    width: auto;
    left: 48px;
    right: 48px;
    z-index: 40;
    overflow: visible;
}

.home-two .bottom-devider:before {
    content: "";
    display: block;
    width: 1px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 40;
}

.oneByOne1:before {
    content: "";
    width: 23px;
    height: 3px;
    background-image: url(../images/three-dotted-white.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 49px;
    left: 47px;
    margin-left: -26px;
    z-index: 43;
}

.oneByOne1:after {
    content: "";
    width: 23px;
    height: 3px;
    background-image: url(../images/three-dotted-white.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 49px;
    right: 47px;
    margin-right: -26px;
    z-index: 43;
}

.oneByOne1 .arrowButton {
    position: absolute;
    bottom: 0px;
    left: 50%;
}

.oneByOne1 .prevArrow,
.oneByOne1 .nextArrow {
    width: 20px;
    height: 20px;
    text-indent: 0;
    margin-top: -35px;
    background: none;
    background-color: rgba(0, 0, 0, 0.2);
    top: auto !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.oneByOne1 .prevArrow {
    left: 50%;
    margin-left: -30px;
}

.oneByOne1 .nextArrow {
    right: 50%;
    margin-right: -30px;
}

.prevArrow:hover,
.nextArrow:hover {
    background-color: #26455F;
}

.prevArrow:before {
    content: "\e6d5";
    font: 10px "icomoon";
    color: #FFFFFF;
    position: absolute;
    top: 5px;
    left: 5px;
}


.nextArrow:before {
    content: "\e6d8";
    font: 10px "icomoon";
    color: #FFFFFF;
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
}

.home-two .main-slider .big-title {
    position: absolute;
    top: 180px;
    left: 25px;
}

.home-two .main-slider .dectiption {
    position: absolute;
    top: 290px;
    left: 25px;
}

.home-two .main-slider .btn-downnload {
    position: absolute;
    top: 355px;
    left: 25px;
}

.home-two .main-slider .slide-image {
    position: absolute;
    top: 81px;
    right: 0;

}

.home-two .secondary-slider .big-title {
    position: absolute;
    top: 230px;
    left: 25px;
}

.home-two .secondary-slider .dectiption {
    position: absolute;
    top: 280px;
    left: 25px;
}

.home-two .secondary-slider .btn-downnload {
    position: absolute;
    top: 345px;
    left: 25px;
}

.home-two .secondary-slider .slide-image {
    position: absolute;
    bottom: 0;
    right: 0;

}

.home-two .last-slider .big-title {
    text-align: center;
    position: absolute;
    top: 190px;
    left: 50%;
    margin-left: -209px;
}

.home-two .last-slider .dectiption {
    text-align: center;
    position: absolute;
    top: 305px;
    left: 50%;
    margin-left: -170px;
}

.home-two .last-slider .btn-downnload {
    position: absolute;
    top: 385px;
    left: 50%;
    margin-left: -78px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .oneByOne1, #banner .oneByOne_item { width: 990px; }
}

@media (min-width: 769px) and (max-width: 993px) {
    .oneByOne1, #banner .oneByOne_item { width: 770px; }

    .home-two .main-slider .slide-image {
        width: 70%;
        top: 161px;
    }

    .home-two .secondary-slider .slide-image {
        width: 70%;
    }
}

@media (min-width: 750px) and (max-width: 768px) {
    .oneByOne1, #banner .oneByOne_item { width: 705px; }

    .home-two .main-slider .slide-image {
        width: 70%;
        top: 181px;
    }

    .home-two .secondary-slider .slide-image {
        width: 70%;
    }

}

@media (min-width: 740px) and (max-width: 750px) {
    .oneByOne1, #banner .oneByOne_item { width: 690px; }

    .home-two .slide-image {display: none !important; }

}

@media (max-width: 740px) {
    .oneByOne1 { display: none; }

    .home-two .header {min-height: 340px;}

    .home-two .main-zone {min-height: 74px;}

    .home-two .top-devider, .home-two .bottom-devider {display: none;}

    .home-two .recent-works {margin-top: -100px;}
}

/* slider #3 - banner bxslider*/
.bxslider {
    max-height: 590px;
    overflow: hidden;
}

.home-three .top-devider {
    top: 81px;
    left: 48px;
    right: 48px;
    overflow: visible;
}

.home-three .top-devider:before {
    content: "";
    width: 23px;
    height: 3px;
    background-image: url(../images/three-dotted-white.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -2px;
    left: 0;
    margin-left: -23px;
    z-index: 43;
}

.home-three .top-devider:after {
    content: "";
    width: 23px;
    height: 3px;
    background-image: url(../images/three-dotted-white.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -2px;
    right: 0;
    margin-right: -23px;
    z-index: 43;
}

.home-three .bottom-devider {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    bottom: 50px;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    width: auto;
    left: 48px;
    right: 48px;
    z-index: 40;
    overflow: visible;
}

.home-three .bottom-devider:before {
    content: "";
    display: block;
    width: 1px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 40;
}

.bx-wrapper:before {
    content: "";
    width: 23px;
    height: 3px;
    background-image: url(../images/three-dotted-white.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 49px;
    left: 47px;
    margin-left: -26px;
    z-index: 43;
}

.bx-wrapper:after {
    content: "";
    width: 23px;
    height: 3px;
    background-image: url(../images/three-dotted-white.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 49px;
    right: 47px;
    margin-right: -26px;
    z-index: 43;
}

.bx-wrapper .bx-viewport {
    background: none;
    border: none;
    box-shadow: none;
    max-height: 560px;
    margin-left: 4px;
}

.home-three .main-slider .big-title {
    position: absolute;
    top: 180px;
    left: 25px;
}

.home-three .main-slider .dectiption {
    position: absolute;
    top: 290px;
    left: 25px;
}

.home-three .main-slider .btn-downnload {
    position: absolute;
    top: 355px;
    left: 25px;
}

.home-three .main-slider .slide-image {
    position: absolute;
    top: 81px;
    right: 0;

}

.home-three .secondary-slider .big-title {
    position: absolute;
    top: 230px;
    left: 25px;
}

.home-three .secondary-slider .dectiption {
    position: absolute;
    top: 280px;
    left: 25px;
}

.home-three .secondary-slider .btn-downnload {
    position: absolute;
    top: 345px;
    left: 25px;
}

.home-three .secondary-slider .slide-image {
    position: absolute;
    bottom: 0;
    right: 0;

}

.home-three .last-slider .big-title {
    text-align: center;
    position: absolute;
    top: 190px;
    left: 50%;
    margin-left: -209px;
}

.home-three .last-slider .dectiption {
    text-align: center;
    position: absolute;
    top: 305px;
    left: 50%;
    margin-left: -170px;
}

.home-three .last-slider .btn-downnload {
    position: absolute;
    top: 385px;
    left: 50%;
    margin-left: -78px;
}

.bx-wrapper .bx-controls-direction a {
    width: 20px;
    height: 20px;
    text-indent: 0;
    margin-top: -35px;
    z-index: 99;
}

.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
    background: none;
    background-color: rgba(0, 0, 0, 0.2);
    top: auto !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bx-wrapper .bx-prev {
    left: 50%;
    margin-left: -30px;
}

.bx-wrapper .bx-next {
    right: 50%;
    margin-right: -30px;
}

.bx-prev:hover,
.bx-next:hover {
    background-color: #26455F;
}

.bx-prev:before {
    content: "\e6d5";
    font: 10px "icomoon";
    color: #FFFFFF;
    position: absolute;
    top: 5px;
    left: 5px;
}

.bx-next:before {
    content: "\e6d8";
    font: 10px "icomoon";
    color: #FFFFFF;
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
}

@media (min-width: 769px) and (max-width: 993px) {
    .home-three .main-slider .big-title {
        top: 100px;
        font-size: 36px;

    }

    .home-three .main-slider .dectiption {
        top: 200px;
        font-size: 16px;

    }

    .home-three .main-slider .btn-downnload {
        top: 235px;

    }

    .home-three .main-slider .slide-image {
        width: 50%;

    }

    .home-three .secondary-slider .big-title {
        top: 130px;
        font-size: 36px;

    }

    .home-three .secondary-slider .dectiption {
        top: 180px;
        font-size: 16px;

    }

    .home-three .secondary-slider .btn-downnload {
        top: 235px;

    }

    .home-three .secondary-slider .slide-image {
        width: 50%;
    }

    .home-three .last-slider .big-title {
        top: 100px;
    }

    .home-three .last-slider .dectiption {
        top: 205px;
    }

    .home-three .last-slider .btn-downnload {
        top: 255px;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .home-three .main-slider .big-title {
        top: 33%;
        font-size: 30px;
        line-height: 30px;

    }

    .home-three .main-slider .dectiption {
        top: 56%;
        font-size: 12px;

    }


    .home-three .main-slider .slide-image {
        width: 50%;

    }

    .home-three .secondary-slider .big-title {
        top: 40%;
        font-size: 30px;
        line-height: 30px;

    }

    .home-three .secondary-slider .dectiption {
        top: 51%;
        font-size: 12px;

    }

    .home-three .secondary-slider .slide-image {
        width: 50%;
    }

    .home-three .main-slider .btn-downnload {
        padding: 7px 7px 7px 30px;
        font-size: 10px;
        top: 69%;
        margin-top: 0;
    }

    .home-three .secondary-slider .btn-downnload {
        padding: 7px 7px 7px 30px;
        font-size: 10px;
        top: 67%;
        margin-top: 0;
    }

    .home-three .last-slider .big-title {
        font-size: 30px;
        line-height: 30px;
        top: 30%;
        left: 50%;
        margin-left: -137px;
    }

    .home-three .last-slider .dectiption {
        font-size: 12px;
        top: 57%;
        left: 50%;
        margin-left: -104px;
    }

    .home-three .last-slider .btn-downnload {
        top: 70%;
        left: 50%;
        margin-left: -46px;
        padding: 7px 7px 7px 30px;
        font-size: 10px;
        margin-top: 0;
    }

    .btn-downnload .icon-download,
    .btn-downnload .icon-circled-right {
        font-size: 12px;

    }
}

@media (max-width: 481px) {
    .home-three .bxslider {
        display: none;
    }
}

/* slider #4 - banner flexslider*/
.home-four .top-devider {
    top: 81px;
    left: 48px;
    right: 48px;
    overflow: visible;
}

.home-four .top-devider:before {
    content: "";
    width: 23px;
    height: 3px;
    background-image: url(../images/three-dotted-white.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -2px;
    left: 0;
    margin-left: -23px;
    z-index: 43;
}

.home-four .top-devider:after {
    content: "";
    width: 23px;
    height: 3px;
    background-image: url(../images/three-dotted-white.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -2px;
    right: 0;
    margin-right: -23px;
    z-index: 43;
}

.home-four .bottom-devider {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    bottom: 50px;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    width: auto;
    left: 48px;
    right: 48px;
    z-index: 40;
    overflow: visible;
}

.home-four .bottom-devider:before {
    content: "";
    display: block;
    width: 1px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 40;
}

.flexslider:before {
    content: "";
    width: 23px;
    height: 3px;
    background-image: url(../images/three-dotted-white.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 49px;
    left: 47px;
    margin-left: -26px;
    z-index: 43;
}

.flexslider:after {
    content: "";
    width: 23px;
    height: 3px;
    background-image: url(../images/three-dotted-white.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 49px;
    right: 47px;
    margin-right: -26px;
    z-index: 43;
}

.flexslider {
    background: none;
    border: none;
    margin-bottom: 0;
    max-height: 590px;
}

.home-four .main-slider .big-title {
    position: absolute;
    top: 180px;
    left: 25px;
}

.home-four .main-slider .dectiption {
    position: absolute;
    top: 290px;
    left: 25px;
}

.home-four .main-slider .btn-downnload {
    position: absolute;
    top: 355px;
    left: 25px;
}

.home-four .main-slider .slide-image {
    position: absolute;
    top: 81px;
    right: 0;
    width: 65%;

}

.home-four .secondary-slider .big-title {
    position: absolute;
    top: 230px;
    left: 25px;
}

.home-four .secondary-slider .dectiption {
    position: absolute;
    top: 280px;
    left: 25px;
}

.home-four .secondary-slider .btn-downnload {
    position: absolute;
    top: 345px;
    left: 25px;
}

.home-four .secondary-slider .slide-image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 55%;
}

.home-four .last-slider .big-title {
    text-align: center;
    position: absolute;
    top: 190px;
    left: 50%;
    margin-left: -209px;
}

.home-four .last-slider .dectiption {
    text-align: center;
    position: absolute;
    top: 305px;
    left: 50%;
    margin-left: -170px;
}

.home-four .last-slider .btn-downnload {
    position: absolute;
    top: 385px;
    left: 50%;
    margin-left: -78px;
}

.flexslider .flex-direction-nav a {
    width: 20px;
    height: 20px;
    text-indent: 0;
    margin-top: -35px;
}

.flex-direction-nav a:before {
    font: 10px "icomoon";
    display: block;
    color: #FFFFFF;
    position: absolute;
    top: 5px;
    left: 5px;
}

.flexslider .flex-prev,
.flexslider .flex-next {
    background: none;
    background-color: rgba(0, 0, 0, 0.2);
    top: auto !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.flex-direction-nav .flex-prev {
    left: 20px;
}

.flex-direction-nav .flex-next {
    right: 20px;
}

.flexslider:hover .flex-prev {
    left: 50%;
    margin-left: -30px;
}

.flexslider:hover .flex-next {
    right: 50%;
    margin-right: -30px;
}

.flex-prev:hover,
.flex-next:hover {
    background-color: #26455F;
}

.flexslider a.flex-prev:before {
    content: "\e6d5";
}

.flexslider a.flex-next:before {
    content: "\e6d8";
}

@media (min-width: 992px) and (max-width: 1199px) {
    .home-four .main-slider .big-title {
        top: 150px;

    }

    .home-four .main-slider .dectiption {
        top: 260px;

    }

    .home-four .main-slider .btn-downnload {
        top: 335px;

    }

    .home-four .main-slider .slide-image {
        width: 55%;

    }

    .home-four .secondary-slider .big-title {
        top: 200px;

    }

    .home-four .secondary-slider .dectiption {
        top: 250px;

    }

    .home-four .secondary-slider .btn-downnload {
        top: 315px;

    }

    .home-four .secondary-slider .slide-image {
        width: 55%;
    }
}

@media (min-width: 769px) and (max-width: 993px) {
    .home-four .main-slider .big-title {
        top: 100px;
        font-size: 36px;

    }

    .home-four .main-slider .dectiption {
        top: 200px;
        font-size: 16px;

    }

    .home-four .main-slider .btn-downnload {
        top: 235px;

    }

    .home-four .main-slider .slide-image {
        width: 50%;

    }

    .home-four .secondary-slider .big-title {
        top: 130px;
        font-size: 36px;

    }

    .home-four .secondary-slider .dectiption {
        top: 180px;
        font-size: 16px;

    }

    .home-four .secondary-slider .btn-downnload {
        top: 235px;

    }

    .home-four .secondary-slider .slide-image {
        width: 50%;
    }

    .home-four .last-slider .big-title {
        top: 100px;
    }

    .home-four .last-slider .dectiption {
        top: 205px;
    }

    .home-four .last-slider .btn-downnload {
        top: 255px;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .home-four .main-slider .big-title {
        top: 33%;
        font-size: 30px;
        line-height: 30px;

    }

    .home-four .main-slider .dectiption {
        top: 56%;
        font-size: 12px;

    }


    .home-four .main-slider .slide-image {
        width: 50%;

    }

    .home-four .secondary-slider .big-title {
        top: 40%;
        font-size: 30px;
        line-height: 30px;

    }

    .home-four .secondary-slider .dectiption {
        top: 51%;
        font-size: 12px;

    }

    .home-four .secondary-slider .slide-image {
        width: 50%;
    }

    .home-four .main-slider .btn-downnload {
        padding: 7px 7px 7px 30px;
        font-size: 10px;
        top: 69%;
        margin-top: 0;
    }

    .home-four .secondary-slider .btn-downnload {
        padding: 7px 7px 7px 30px;
        font-size: 10px;
        top: 67%;
        margin-top: 0;
    }

    .home-four .last-slider .big-title {
        font-size: 30px;
        line-height: 30px;
        top: 30%;
        left: 50%;
        margin-left: -137px;
    }

    .home-four .last-slider .dectiption {
        font-size: 12px;
        top: 57%;
        left: 50%;
        margin-left: -104px;
    }

    .home-four .last-slider .btn-downnload {
        top: 70%;
        left: 50%;
        margin-left: -46px;
        padding: 7px 7px 7px 30px;
        font-size: 10px;
        margin-top: 0;
    }

    .btn-downnload .icon-download,
    .btn-downnload .icon-circled-right {
        font-size: 12px;

    }
}

@media (max-width: 481px) {
    .home-four .flexslider {
        display: none;
    }
}

/* Full width slider*/
.full-width .main-zone {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}

.full-width .main-zone:after,
.full-width .main-zone:before,
.full-width .banner ul:after,
.full-width .banner ul:before {
    display: none;
}

.full-width .banner {
    min-height: 830px;
}

.full-width .navigation-front {
    width: 100%;
    /*background-color: #222053;*/
    background-color: #252348;
    /*border-bottom: 2px solid #b02234;*/
    /*border-top: 2px solid #b02234;*/
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(34, 32, 82, 0.2);
    /*border-top: 1px solid #222052;*/
}

.full-width .top-info {
    /*position: absolute;*/
    z-index: 40;
    /*left: 100%;*/
    /*margin-left: -585px;*/
}

.full-width .top-info p {
    color: #FFFFFF;
}

.full-width .social-icon li a i {
    background-color: #FFFFFF;
}

.full-width .tparrows.default {
    width: 60px;
    height: 60px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    top: 50% !important;
}

.full-width .tp-leftarrow.default:before {
    content: "\e6d5";
    font: 25px "icomoon";
    color: #FFFFFF;
    position: absolute;
    top: 18px;
    left: 14px;
}


.full-width .tp-rightarrow.default:before {
    content: "\e6d8";
    font: 25px "icomoon";
    color: #FFFFFF;
    position: absolute;
    top: 18px;
    left: 18px;
    display: block;
}

@media (min-width: 993px) and (max-width: 1199px) {

    .full-width .banner {
        min-height: 760px;
    }

    .full-width .top-info {
        margin-left: -470px;
    }

}

@media (min-width: 769px) and (max-width: 992px) {
    .full-width .banner {
        min-height: 640px;
    }

    .full-width .top-info {
        margin-left: -360px;
    }
}

@media (max-width: 768px) {
    .full-width .banner {
        min-height: 450px;
    }

    .full-width .top-info {
        margin-left: 0;
        left: 0;
        width: 100%;
    }


}

/* end full width */

/* ***Footer
==================================================*/

.footer {
    background-color: #222052;
    /*background-color:#110F3A;*/
    /*background-color:#222053;*/
    /*background-color:#26455f;*/
    position: relative;
    margin-top: 95px;
}

.home .footer {
    margin-top: 15px;
}

.footer:before {
    content: "";
    width: 100%;
    height: 15px;
    /*background-image: url(../images/pattern-footer.png);*/
    background-size: 59px 15px;
    background-position: left top;
    background-repeat: repeat-x;
    position: absolute;
    left: 0;
    top: -15px;
    z-index: 0;
}

.footer h2,
.footer h2:before,
.footer h2:after,
.footer h4 {
    color: #FFFFFF;
}

.footer h2 {
    margin-top: 70px;
    margin-bottom: 35px;
}

/*.footer h4 {*/
/*    padding-left: 22px;*/
/*}*/

.footer i {
    font-size: 15px;

    font-style: normal;
    position: absolute;
    /*top: 9px;*/
    left: 0px;
}

.footer .location,
.footer .phone {
    top: 8px;
}

.footer p {
    color: #728FA8;
}

.footer a {
    text-decoration: none;
}

.contact-info {
    min-height: 120px;
}

.footer .social-icon {
    margin-top: -17px;
}

.footer-info {
    padding-right: 60px;
}

.footer .devider {
    background-color: rgba(255, 255, 255, 0.2);
    margin-top: 80px;
    width: 100%;
}

.footer .devider:before,
.footer .devider:after {
    background-image: url(../images/three-dotted-white.png);
    background-color: #26455F;
}

input, textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    box-shadow: none;
    border: solid 1px #223749;
    background-color: #728FA8;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .4);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .4);
    color: #FFFFFF;
}

input:focus,
textarea:focus {
    outline: none;
    border: 1px solid #FFFFFF;
}

#contact-form input {
    padding: 9px 23px 10px;
    margin-bottom: 10px;
}

#contact-form textarea {
    height: 83px;
    margin-bottom: 5px;
    padding: 14px 5px 5px 23px;

}

textarea {
    resize: none;
}

.btn-form {
    padding: 15px 22px 16px 52px;
}

.btn-form .entypo {
    color: #4F7146;
    top: 15px;
    left: 23px;
    font-size: 36px;
}

.copy {
    text-align: center;
    margin-top: 24px;
    margin-bottom: 24px;
    color: #FFFFFF;
}


/* ***Homepage (index.html)
=====================================*/
/* --- Recent works */
.recent-works {
    margin-top: 80px;
    position: relative;
}

.works-decript {
    border: 1px solid #26455F;
    padding: 32px 30px 16px;
    /*min-height: 545px;*/
    position: relative;
    margin-bottom: 41px;
}

.recent-works .works-decript {
    margin-right: 20px;
}

.works-decript:before {
    content: "";
    display: block;
    width: 3px;
    height: 80px;
    background-color: #FFFFFF;
    background-image: url(../images/break-blue.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 30px;
    left: -2px;
}

.works-decript:after {
    content: "";
    display: block;
    width: 3px;
    height: 80px;
    background-color: #FFFFFF;
    background-image: url(../images/break-blue.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 30px;
    right: -2px;
}

.works-decript .decript {
    font: 20px "Source Sans Pro", sans-serif;
    font-weight: 300;
    color: #1B1749;
    text-transform: lowercase;
    margin-bottom: 27px;
}

/* works-gallery */
.works-gallery {
    min-height: 545px;
}

#loading {
    display: none;
    width: 60px;
    height: 60px;
    background: url(../images/ajax-loader.GIF) no-repeat center center;
    position: absolute;
    top: 120px;
    left: 50%;
    margin: -20px 0 0 -20px;
}

#gallery {
    position: absolute;
    top: 0;
    left: -15px;
    width: 100%;
    height: 100%;
    margin-left: 15px;
}

#gallery a {
    opacity: 0;
    float: left;
    background-size: 210px 210px;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;

    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);

    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
}


#gallery a.static {
    opacity: 1;

    -webkit-transform: none;
    -moz-transform: none;
    transform: none;

    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

#gallery a.next,
#gallery a.prev {
    background-color: #222053;
    cursor: pointer;
}

#gallery a.next:hover,
#gallery a.prev:hover {
    background-color: #B02234;
}

#gallery a.next:before {
    content: "\e6d8";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "icomoon";
    font-size: 40px;
    color: #FFFFFF;
    margin-left: -20px;
    margin-top: -30px;
}

#gallery a.prev:before {
    content: "\e6d5";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "icomoon";
    font-size: 40px;
    color: #FFFFFF;
    margin-left: -20px;
    margin-top: -30px;
}


#gallery a.show-g {
    opacity: 1;
    -webkit-transform: scale(0.99);
    -moz-transform: scale(0.99);
    transform: scale(0.99);
}

#gallery .swipeboxCustom p.textDetails {
    position: absolute;
    bottom: -10px;
    left: 0px;
    opacity: 1;
    background-color: #222053;
    color: #FFFFFF;
    width: 100%;
    height: 50px;
    padding: 5px 10px;
    text-align: center;
}

#gallery .swipeboxCustom:hover p.textDetails {
    opacity: 1;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    background-color: #B02234;
}

#gallery .swipeboxCustom:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(38, 69, 95, 0.5);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
}

#gallery .swipebox:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(38, 69, 95, 0.5);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
}

#gallery .swipeboxCustom:hover:before {
    background-color: rgba(38, 69, 95, 0);
}

#gallery .swipebox:hover:before {
    background-color: rgba(38, 69, 95, 0);
}

/* --- Promobox */
.promobox-one .container {
    width: 1140px;
}

/* --- Available services */
.avalible-services {
    min-height: 421px;
    margin-top: 22px;
}

.avalible-services + .devider {
    margin-top: 30px;
}

.service-item {
    min-height: 120px;
    margin-bottom: 30px;
    padding-right: 45px;
    padding-left: 2px;
}

.icon-holder {
    float: left;
    margin-right: 20px;
    position: relative;
}

.icon-holder .service-icon {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.icon-holder .service-icon:after {
    content: "";
    display: block;
    width: 121px;
    height: 121px;
    -webkit-border-radius: 59px 60px 60px 59px/59px 59px 60px 60px;
    -moz-border-radius: 59px 60px 60px 59px/59px 59px 60px 60px;
    border-radius: 59px 60px 60px 59px/59px 59px 60px 60px;
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 2px;
    z-index: -1;
    background: #D2E4F4;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
    -moz-transition: -moz-transform 0.2s, opacity 0.3s;
    transition: transform 0.2s, opacity 0.3s;
    z-index: 10;
}


.icon-holder:hover .service-icon:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
}

.service-icon {
    display: block;
    width: 119px;
    height: 119px;
    -webkit-border-radius: 59px 60px 60px 59px/59px 59px 60px 60px;
    -moz-border-radius: 59px 60px 60px 59px/59px 59px 60px 60px;
    border-radius: 59px 60px 60px 59px/59px 59px 60px 60px;
    background-color: #1B1749;
    position: relative;
}

.service-icon:before {
    display: block;
    font: 65px "icomoon";
    /*color: #26455f;*/
    color: #222053;
    position: absolute;
    top: 28px;
    left: 28px;
    z-index: 15;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.icon-holder:hover .service-icon:before {
    color: #FFFFFF;
}

.icon-holder:after {
    content: "";
    width: 99px;
    height: 99px;
    -webkit-border-radius: 49px 50px 50px 49px/49px 49px 50px 50px;
    -moz-border-radius: 49px 50px 50px 49px/49px 49px 50px 50px;
    border-radius: 49px 50px 50px 49px/49px 49px 50px 50px;
    /*border: solid 1px #fff;*/
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 12;
}

.icon-holder:hover:after {
    /*border: solid 3px #fff;*/
}


.icon-cog:before {
    content: "\e62a";
    left: 42px;
}

.icon-cloud:before {
    content: "\e6a6";
}

.icon-users:before {
    content: "\e60e";
}

.icon-brench:before {
    content: "\e6ba";
}

.icon-keyboard:before {
    content: "\e655";
    /*left: 41px;*/
}

.icon-planet:before {
    content: "\e654";
}

.icon-wifi:before {
    content: "\e66b";
}

.icon-case:before {
    content: "\e644";
}

.home .testimonials-first {
    min-height: 308px;
}

.client-say {overflow: hidden;}

.client-say-wrap { padding-right: 29px;}

.client-say + .devider {margin-top: 50px;}

/* --- Latest stats */

.progress-item {
    min-height: 160px;
    margin-bottom: 30px;
    padding-right: 30px;
}

.progress-item h4 {
    padding-top: 28px;
}

.works-decript.progress-list {
    min-height: 345px;
}

.works-decript ul {
    margin-top: 19px;
}

.works-decript ul li {
    margin-bottom: 20px;
}

#donutchart1,
#donutchart2,
#donutchart3,
#donutchart4 {
    float: left;
    margin-right: 20px;
}

#donutchart1 div {
    font-family: "Source Sans Pro", sans-serif !important;
    color: #26455F;
}

#donutchart2 div {
    font-family: "Source Sans Pro", sans-serif !important;
    color: #1B1749;
}

#donutchart3 div {
    font-family: "Source Sans Pro", sans-serif !important;
    color: #26455F;
}

#donutchart4 div {
    font-family: "Source Sans Pro", sans-serif !important;
    color: #1B1749;
}


/* ***About (about.html)
=====================================*/
.about .devider {
    padding: 0 15px;
}

/* --- Introduction */
.intro {
    margin-top: 56px;
    overflow: hidden;
}

.intro-holder {
    border: 1px solid #DADEE1;
    padding: 4px;
    margin-right: 20px;
    margin-bottom: 10px;
}

.intro-holder img {
    width: 100%;
}

.intro-text {
    padding-left: 10px;
    text-align: justify;
}

/* Staff slider */
.staff-slider {
    padding: 0;
}

.staff-slider h2 {
    margin-left: 15px;
}

.slider-wrapper {
    position: relative;
}

.arrow-left,
.arrow-right {
    width: 27px;
    height: 27px;
    text-indent: 0;
    margin-top: -35px;
    background: none;
    background-color: #26455F;
    top: -23px !important;
    display: block;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.arrow-left {
    left: auto;
    right: 53px;
    margin-left: 0px;
}

.arrow-right {
    right: 16px;
    margin-right: 0px;
}

.arrow-left:hover,
.arrow-right:hover {
    background-color: #1B1749;
}

.arrow-left:before {
    content: "\e6d5";
    font: 9px "icomoon";
    color: #FFFFFF;
    position: absolute;
    top: 8px;
    left: 9px;
    z-index: 2;
}


.arrow-right:before {
    content: "\e6d8";
    font: 9px "icomoon";
    color: #FFFFFF;
    position: absolute;
    top: 8px;
    left: 9px;
    display: block;
    z-index: 2;
}

/* slides */
.swiper-slide {
    text-align: center;
    padding: 0 15px;
}

.swiper-slide a {
    background-color: #F6F6F6;
    position: relative;
    padding: 29px;
    margin-bottom: 10px;
    min-height: 240px;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.swiper-slide a img {
    max-width: 100%;
}

.swiper-slide a:hover {
    background-color: #1B1749;
    text-decoration: none;
}

.swiper-slide a:focus {
    text-decoration: none;
}

.swiper-slide a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #C5C5C5 transparent;
    background-color: #FFFFFF;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.swiper-slide a:hover:before {
    border-color: transparent transparent #C2443A transparent;
}

.swiper-slide h4 {
    margin-top: 25px;
    margin-bottom: 9px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.swiper-slide a:hover h4 {
    color: #FFFFFF;
}

.swiper-slide small {
    color: #1B1749;
    font: 13px "Source Sans Pro", sans-serif;
    font-weight: 300;
    display: inline-block;
    margin-top: 6px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.swiper-slide a:hover small {
    color: #FFFFFF;
}


/* separator */
.separator {
    width: 100%;
    height: 1px;
    background-color: #26455F;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.swiper-slide a:hover .separator {
    background-color: #FFFFFF;
}

.left-sepr {
    position: absolute;
    left: 0;
    top: -30px;
    width: 1px;
    height: 60px;
    background-color: #1B1749;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.left-sepr:before,
.left-sepr:after,
.right-sepr:before,
.right-sepr:after {
    content: "";
    width: 1px;
    height: 60px;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.left-sepr:before {
    left: 1px;
    background-color: #F6F6F6;
}

.left-sepr:after {
    left: 2px;
    background-color: #26455F;
}

.right-sepr {
    position: absolute;
    right: 0;
    top: -30px;
    width: 1px;
    height: 60px;
    background-color: #1B1749;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.right-sepr:before {
    right: 1px;
    background-color: #F6F6F6;
}

.right-sepr:after {
    right: 2px;
    background-color: #26455F;
}

.swiper-slide a:hover .left-sepr,
.swiper-slide a:hover .left-sepr:after,
.swiper-slide a:hover .right-sepr,
.swiper-slide a:hover .right-sepr:after {
    background-color: #FFFFFF;
}

.swiper-slide a:hover .left-sepr:before,
.swiper-slide a:hover .right-sepr:before {
    background-color: #1B1749;
}


/* Our clients */
.about .works-decript {
    min-height: 440px;
    margin-top: -56px;
    margin-bottom: 0;
}

.our-clients {
    overflow: hidden;
}

.client-grid {
    overflow: hidden;
}

.client-grid a {
    display: inline-block;
    position: relative;
    width: 177px;
}

.client-grid img {
    /*border: 1px solid #dadee1;*/
    margin: 0 2px 4px 0;
    padding: 12px;
    max-width: 100%;
}

.client-grid a:hover img {
    border: 5px solid #1B1749;
    padding: 8px;
}

.client-grid a:nth-child(1):before,
.client-grid a:nth-child(2):before,
.client-grid a:nth-child(3):before,
.client-grid a:nth-child(5):before,
.client-grid a:nth-child(6):before,
.client-grid a:nth-child(7):before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    /*background-image: url(../images/about/dotted.png);*/
    background-repeat: no-repeat;
    position: absolute;
    bottom: -6px;
    right: -8px;
    z-index: -1;
}

@media (min-width: 993px) and (max-width: 1199px) {
    .client-grid a:nth-child(10),
    .client-grid a:nth-child(11),
    .client-grid a:nth-child(12) {
        display: none;
    }

    .client-grid a:nth-child(1):before,
    .client-grid a:nth-child(2):before,
    .client-grid a:nth-child(4):before,
    .client-grid a:nth-child(5):before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        background-image: url(../images/about/dotted.png);
        background-repeat: no-repeat;
        position: absolute;
        bottom: -6px;
        right: -8px;
        z-index: -1;
    }

    .client-grid a:nth-child(3):before,
    .client-grid a:nth-child(6):before,
    .client-grid a:nth-child(7):before {
        display: none;
    }
}

@media (max-width: 992px) {
    .client-grid a:nth-child(1):before,
    .client-grid a:nth-child(2):before,
    .client-grid a:nth-child(3):before,
    .client-grid a:nth-child(4):before,
    .client-grid a:nth-child(5):before,
    .client-grid a:nth-child(6):before,
    .client-grid a:nth-child(7):before {
        display: none;
    }

    .client-grid a {
        width: 24%;
    }
}

.about .client-testimonial .bx-wrapper {
    overflow: hidden;
    min-height: 311px;
}

.about .client-testimonial .bx-viewport {
    margin-left: -14px;
    min-height: 300px;
}

.about .client-testimonial .bx-viewport li {
    padding-left: 20px;
}

.client-testimonial .bx-wrapper .bx-prev,
.client-testimonial .bx-wrapper .bx-next {
    background-color: #26455F;
}

.client-testimonial .bx-prev:hover,
.client-testimonial .bx-next:hover {
    background-color: #1B1749;
}

.client-testimonial .image-holder {
    border-right: 1px solid #1B1749;
    position: relative;
    width: 61px;
    margin-right: 16px;
    float: left;
    z-index: 30;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.client-testimonial .image-holder:before {
    content: "";
    display: block;
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -2px;
    background-color: #F6F6F6;
    z-index: 20;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;

}

.client-testimonial .image-holder:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -3px;
    background-color: #26455F;
    z-index: 20;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;

}


.client-testimonial .name {
    color: #26455F;
    font-weight: bold;
    font-size: 16px;
    padding-top: 2px;
    margin-bottom: 14px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.client-testimonial .name:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #26455F;
    position: absolute;
    bottom: -8px;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.client-testimonial .organization {
    color: #1B1749;
    font-weight: 300;
    font-size: 13px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.client-testimonial .message {
    color: #58646E;
    margin-top: 35px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.client-testimonial .bx-wrapper .bx-controls-direction a {
    margin-top: -9px;
}

.client-testimonial .bx-wrapper .bx-prev {
    margin-left: -23px;
}

.client-testimonial .bx-wrapper .bx-next {
    margin-right: -23px;
}

/* achievements */
.achievements .left-side {
    padding-right: 10px;
}

.achievements .right-side {
    padding-left: 10px;
}

.achievement-item {
    margin-bottom: 20px;
    position: relative;
}

.achievement-item .achive-count {
    width: 90px;
    height: 90px;
    background-color: #26455F;
    color: #FFFFFF;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.6);
    font: 38px "Novecento_wide_bold";
    text-align: center;
    padding-top: 17px;
    position: absolute;
    top: 0;
    left: 0;
}

.achive-count:before {
    content: "";
    width: 4px;
    height: 4px;
    display: block;
    background-color: #FFFFFF;
    box-shadow: 1px 0 #ACB9C4;
    position: absolute;
    right: -2px;
    top: 10px;
}

.achive-count:after {
    content: "";
    width: 4px;
    height: 4px;
    display: block;
    background-color: #FFFFFF;
    box-shadow: 1px 0 #ACB9C4;
    position: absolute;
    right: -2px;
    bottom: 10px;
}

.achievement-item .achive-dectipt {
    display: block;
    height: 90px;
    background-color: #D2E4F4;
    background-image: url(../images/pattern-promo.png);
    background-repeat: repeat;
    padding-left: 110px;
    color: #26455F;
    font: 20px "Source Sans Pro", sans-serif;
    font-weight: 600;
    padding-top: 29px;
}

/*promo*/
.about .promobox-two {
    margin-top: 60px;
}


@media (min-width: 993px) and (max-width: 1199px) {
    .main-zone {
        width: 998px;
    }

    .navigation-front,
    .nav-strict {
        width: 990px;
    }

    .nav-show {
        width: 100%;
    }

    .promobox-one .container {
        width: 940px;
    }

    .slider-video video {
        width: 1520px;
        height: 860px;
    }

}

@media (min-width: 769px) and (max-width: 992px) {
    .main-zone {
        width: 778px;
    }

    .navigation-front,
    .nav-strict {
        width: 770px;
    }

    .nav-show {
        width: 100%;
    }

    .promobox-one .container {
        width: 720px;
    }

    .slider-video video {
        width: 1280px;
        height: 720px;
    }
}

@media (max-width: 768px) {
    .main-zone {
        width: auto;
        margin-left: 0;
    }

    .promobox-one .container {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .slider-video video {
        width: 1200px;
        height: 675px;
    }


}


.employee-photo {
    margin-top: 60px;
}

.employee-photo .imgSpacer img {
    padding: 4px;
    border: 1px solid #DADEE1;
    margin: 0px 5px 5px 5px;
}

/* ***Single employee (single-employee.html)
=====================================*/
/* Emloyee gallery */
.employee-photo {
    overflow: hidden;
}

.employee-photo .slideshow {
    margin-right: 20px;
    max-height: 352px;
    overflow: hidden;
}

.employee-photo .thumbs {
    margin-left: 10px;
}

.employee-photo .pagination {
    display: none;
}

.employee-photo .slideshow,
.employee-photo .thumbs li a {
    border: 1px solid #DADEE1;
    padding: 4px;
}

.slideshow .image-wrapper {
    margin-top: -20px;
    display: block;
}

.employee-photo .slideshow img,
.employee-photo .thumbs li img {
    border: 1px solid #DADEE1;
    max-width: 100%;
}

.employee-photo .thumbs li {
    padding: 0 0 10px 12px;
}

.employee-photo .thumbs li a {
    display: block;
    margin-left: 3px;
}

.employee-photo .thumbs li.selected a,
.employee-photo .thumbs li:hover a {
    padding: 0;
    border: 6px solid #1B1749;
}

.employee-photo .thumbs .img-container {
    position: relative;
}

.employee-photo .thumbs li.selected .img-container:before,
.employee-photo .thumbs li:hover .img-container:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(38, 69, 95, 0.2);
}

.employee-photo .thumbs li.selected img,
.employee-photo .thumbs li:hover img {
    border: transparent;
}

/* Emloyee about */
.employee-information {
    overflow: hidden;
}

.employee-information + .devider {
    margin-top: 45px;
}

.about-employee {
    padding-right: 30px;
}

.about-employee p strong {
    color: #26455F;
}

.about-employee .employee-text {
    margin-top: 17px;
}

.employee-twitter {
    padding-left: 23px;
}

.employee-twitter h2 {
    margin-bottom: 12px;
}

/* Employee skill and atats*/
.employee-achievement {
    overflow: hidden;
}

.employee-achievement + .devider {
    margin-top: 42px;
}

.about-skill {
    padding-right: 7px;
}

.about-skill h2 {
    margin-bottom: 25px;
}

.skill {
    margin-bottom: 19px;
}

.skill-wrapper {
    border: 1px solid #DADEE1;
    padding: 14px 0;
    margin-left: 50px;
    border-left: none;
}

.skill-bar {
    height: 1px;
    background-color: #DADEE1;
}

.skill-value {
    height: 3px;
    background-color: #1B1749;
    position: relative;
    top: -1px;
}

.skill-name {
    font-size: 14px;
    color: #58646E;
    margin-bottom: 9px;
}

.skill-progress {
    background-color: #1B1749;
    font: 21px "Novecento_wide_bold";
    color: #FFFFFF;
    width: 50px;
    float: left;
    padding: 1px 0 3px 8px;
}

.skill-light .skill-value,
.skill-light .skill-progress {
    background-color: #FE948B;
}

.about-stat {
    padding-left: 23px;
}

.employee-achive {
    padding-left: 2px;
}

.employee-achive .achievement-item {
    margin-bottom: 11px;
}

.employee-achive .achievement-item .achive-count {
    width: 70px;
    font-size: 26px;
    padding-top: 26px;
}

.employee-achive .achievement-item .achive-dectipt {
    padding-left: 95px;
}

.employee-achive .achievement-item .fa {
    margin-right: 15px;
}

/* ***Sevices (sevice.html)
=====================================*/
/* services example */
.services-list {
    text-align: center;
    margin-top: 60px;

}

.services-list .service-item {
    margin-bottom: 47px;
}

.services-list .icon-holder {
    float: none;
    display: inline-block;
    margin-right: 0;
}

.services-list .first-service:after {
    left: 38px;
}

.services-list .last-service:after {
    left: 31px;
}

.service-icon {
    margin: 0 auto;
}

.services-list .icon-holder h4 {
    margin-top: 12px;
}

.services-list .icon-holder:hover h4 {
    color: #1B1749;
}

.showcase {
    height: 380px;
    background-color: #D2E4F4;
    background-image: url("../images/pattern-promo.png");
    background-repeat: repeat;
    margin-top: 7px;
    position: relative;
}

.showcase h5 {
    margin: 0;
    padding: 15px 0;
    text-align: center;
}

.showcase .works-gallery {
    min-height: 320px;
    width: auto;
}

.showcase #gallery {
    top: 55px;
    left: 0;
    margin-left: 0;
}

/* Graphs */
.function-features {
    overflow: hidden;
}

.function-features + .devider {
    margin-top: 30px;
}

.wijmo-wijpiechart {
    text-align: center;
    border: 1px solid #DADEE1;
    margin-top: 60px;
    margin-left: 30px;
    padding-top: 44px;
    min-height: 410px;
}

.wijchart-header-text {
    font: 30px "Novecento_wide_bold" !important;
    color: #26455F;
    fill: #26455F;
    text-transform: uppercase;
    position: relative;
}

.wijchart-header-text tspan {
    alignment-baseline: central;
}

.wijpiechart-label {
    display: none;
}

.wijchart-legend-icon {
    width: 10px;
    height: 10px;
}

.wijchart-legend-text {
    font: 12px "Source Sans Pro", sans-serif !important;
    fill: #26455F;
}

/* benefit */
.service-text {
    padding-right: 95px;
}

.service-text h2 {
    margin-bottom: 24px;
}

.read-more {
    font-family: "novecento_wide_medium";
    font-size: 12px;
    color: #FFFFFF;
    background-color: #1B1749;
    padding: 6px 35px 7px;
    position: relative;
    margin-top: 16px;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.read-more:hover {
    color: #FFFFFF;
    background-color: #26455F;
}

.read-more:before {
    content: "";
    height: 1px;
    width: 30px;
    position: absolute;
    top: 14px;
    left: 0;
    background-color: #FFFFFF;
}

.read-more:after {
    content: "";
    height: 1px;
    width: 30px;
    position: absolute;
    top: 14px;
    right: 0;
    background-color: #FFFFFF;
}

.benefit {
    padding-left: 30px;
}

.benefit .accordion-first {
    margin-bottom: 0;
}

/* ***Single-sevices (single-sevice.html)
=====================================*/
/* services info */
.service-information {
    overflow: hidden;
    margin-top: 60px;
}

.first-colunm {
    padding-right: 30px;
    padding-top: 26px;
}

.last-colunm {
    padding-left: 30px;
    padding-top: 26px;
}

.statment {
    margin-bottom: 67px;
    position: relative;
}


.statment i {
    font-style: normal;
    font-size: 30px;
    color: #26455F;
    padding-left: 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

.statment p {
    color: #26455F;
    padding-left: 84px;
}

.phone-holder {
    background-image: url(../images/service/iphone.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 244px 517px;

    height: 517px;
    margin: 0 auto;
    width: 244px;
    padding: 77px 21px 73px 18px;
    position: relative;
}

.phone-holder img {
    max-width: 100%;
}

.phone-holder:before {
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 205px 485px 0;
    border-color: transparent rgba(255, 255, 255, 0.04) transparent transparent;
    position: absolute;
    top: 6px;
    right: 4px;
}

/* services detail */
.service-detail {
    margin-top: 49px;
    overflow: hidden;
    margin-bottom: 34px;
}

.detail-article {
    overflow: hidden;
    padding-bottom: 60px;
}

.detail-article.second-article {
    margin-top: 60px;
}

.detail-article .decript {
    color: #1B1749;
    font: 300 20px "Source Sans Pro", sans-serif;
    margin-bottom: 27px;
    text-transform: lowercase;
}

.preview-image {
    /*background-image: url(../images/service/iphone-small.jpg);*/
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 143px 306px;

    height: 306px;
    margin: 0 auto;
    /*width: 143px;*/
    padding: 44px 12px 43px 9px;
    position: relative;
}

.preview-image:before {
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 100px 200px 0;
    border-color: transparent rgba(255, 255, 255, 0.04) transparent transparent;
    position: absolute;
    top: 43px;
    right: 12px;
}

.preview-image img {
    max-width: 100%;
}

.large-zoom {
    width: 153px;
    height: 153px;
    -webkit-border-radius: 76px 77px 77px 76px/76px 76px 77px 77px;
    -moz-border-radius: 76px 77px 77px 76px/76px 76px 77px 77px;
    border-radius: 76px 77px 77px 76px/76px 76px 77px 77px;
    background-color: rgba(246, 246, 246, 0);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    padding: 5px;
}

.small-zoom {
    width: 124px;
    height: 124px;
    -webkit-border-radius: 62px;
    -moz-border-radius: 62px;
    border-radius: 62px;
    background-color: rgba(246, 246, 246, 0);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .16);
    box-shadow: 0 0 5px rgba(0, 0, 0, .16);
    padding: 4px;
}

.large-zoom .zoom-holder {
    width: 142px;
    height: 142px;
    -webkit-border-radius: 71px;
    -moz-border-radius: 71px;
    border-radius: 71px;
    background-color: #F6F6F6;
}

.small-zoom .zoom-holder {
    width: 115px;
    height: 115px;
    -webkit-border-radius: 57px 58px 58px 57px/57px 57px 58px 58px;
    -moz-border-radius: 57px 58px 58px 57px/57px 57px 58px 58px;
    border-radius: 57px 58px 58px 57px/57px 57px 58px 58px;
    background-color: #F6F6F6;
}

.detail-article.first-article .large-zoom {
    position: absolute;
    top: 10px;
    left: 60px;
}

.detail-article.first-article .small-zoom {
    position: absolute;
    top: 165px;
    left: 30px;
}

.detail-article.second-article .large-zoom {
    position: absolute;
    top: 35px;
    left: -35px;
}

.detail-article.second-article .small-zoom {
    position: absolute;
    top: 175px;
    left: 55px;
}

/* timetable  */
.timetable-wrap {
    margin-top: 60px;

}

.timetable {
    border: 1px solid #DADEE1;
    margin-bottom: 23px;
    padding: 0 15px;
    position: relative;
}


.timetable .wijchart-header-text {
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-transform: none;

    -webkit-transform: translate(80px, 344px);
    -ms-transform: translate(80px, 344px);
    transform: translate(80px, 344px);
}

.timetable .wijchart-axis-label {
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 13px !important;
    font-weight: normal !important;
}

.timetable .wijchart-legend-icon,
.timetable .chart-legend-dot {
    -webkit-transform: translate(425px, 0px);
    -ms-transform: translate(425px, 0px);
    transform: translate(425px, 0px);
}

.timetable .wijchart-legend-text {
    -webkit-transform: translate(950px, 343px);
    -ms-transform: translate(950px, 343px);
    transform: translate(950px, 343px);
}

.timetable .wijchart-legend-text + .wijchart-legend-icon + .chart-legend-dot + .wijchart-legend-text {
    -webkit-transform: translate(1060px, 343px);
    -ms-transform: translate(1060px, 343px);
    transform: translate(1060px, 343px);
}

.seperate-line {
    position: absolute;
    bottom: 20px;
    right: 0;
    border: none;
    border-top: 1px solid #DADEE1;
    width: 100%;
}

.background-timetable {
    position: absolute;
    top: 25px;
    left: 62px;
    height: 248px;
    width: 1042px;
    background-color: #F6F6F6;
    z-index: -1;
}

/* ***Random gallery (gallery-random.html)
=====================================*/
.gallery-info {
    text-align: center;
    margin-top: 54px;
}

#filters {
    text-align: center;
    margin-top: 44px;
    margin-bottom: 30px;
}

#filters li {
    display: inline-block;
    padding-left: 0;
}

#filters li a {
    font: 12px "novecento_wide_medium";
    color: #26455F;
    text-transform: uppercase;
    display: block;
    padding: 8px 18px 7px;
    margin-left: 5px;
    background-color: #D2E4F4;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#filters li a:hover,
#filters li a.active-filter {

    color: #FFFFFF;
    background-color: #1B1749;
}

.random-view {
    position: relative;
}

.gallery .works-gallery {
    min-height: 640px;
}

/* *** Gallery with column (gallery-two-columns.html and gallery-three-columns.html)
=====================================*/
.col-gallery .gallery-holder {
    padding-left: 0;
    padding-right: 0;
}

.col-gallery .gallery-item {
    padding: 0 15px;
    position: relative;
    z-index: 10;
}

.col-gallery #filters {
    margin-top: 60px;
}

.column-gallery {
    overflow: hidden;
}

.column-gallery .item {
    border: 1px solid #DADEE1;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.column-gallery .item:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #DADEE1;
    position: absolute;
    right: 0px;
    top: 0px;

}

.column-gallery .item:after {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #DADEE1;
    position: absolute;
    right: 0px;
    bottom: 0px;

}

.column-gallery .image-wrap {
    padding: 4px;
}

.column-gallery .image-wrap img {
    border: 1px solid #DADEE1;
    max-width: 100%;
}

.column-gallery .image-wrap:hover {
    padding: 0px;
}

.column-gallery .image-wrap:hover img {
    border: 5px solid #1B1749;
}

.column-gallery .image-wrap:before {
    content: "";
    background-color: rgb(242, 85, 73, 0);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

.column-gallery .image-wrap:after {
    content: "\e628";
    font-family: "icomoon";
    font-size: 30px;
    color: #FFFFFF;
    text-align: center;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: -18px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.column-gallery .image-wrap:hover:before {
    width: 90%;
    left: 5%;
    right: 5%;
    height: 90%;
    top: 5%;
    left: 5%;
    background-color: rgba(242, 85, 73, 0.8);
}

.column-gallery .image-wrap:hover:after {
    opacity: 1;
}

.column-gallery .upload-date {
    color: #DADEE1;
    font: 26px "Novecento_wide_bold";
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #DADEE1;
    padding-top: 72px;
    padding-bottom: 70px;
}

.image-describe {
    padding-left: 21px;
    padding-top: 33px;
}

.image-describe .stButton {
    margin-bottom: 0;
}

.image-describe p {
    font-size: 16px;
    font-weight: 700;
    color: #26455F;
    margin-bottom: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.image-describe small {
    font-size: 13px;
    font-weight: 300;
    color: #26455F;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.image-describe a:hover p,
.image-describe a:hover small {
    color: #1B1749;
}

.image-describe .share-btn {
    display: inline-block;
    font-family: "novecento_sans_widenormal";
    font-size: 12px;
    color: #FFFFFF;
    background-color: #26455F;
    padding: 1px 14px 2px;
    margin-top: 13px;
}

.addthis_toolbox {
    padding-top: 7px;
    margin-left: -2px;
    display: none;
}

.addthis_toolbox > a {
    display: inline-block;
    margin-bottom: 3px;
}


/* gallery 3 col*/
.gallery-three-col .column-gallery .item {
    overflow: visible;
}

.gallery-three-col .image-wrap {
    display: block;
    position: relative;
    overflow: hidden;
}

.gallery-three-col .column-gallery .item:before,
.gallery-three-col .column-gallery .item:after {
    display: none;
}

.gallery-three-col .image-describe {
    text-align: center;
    border-top: 1px solid #DADEE1;
    padding-top: 20px;
    padding-bottom: 25px;
}


.gallery-three-col .image-describe .share-btn {
    display: none;
}

.gallery-three-col .column-gallery .upload-date {
    position: absolute;
    bottom: -10px;
    left: 50%;
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 16px;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #FFFFFF;
    margin-left: -41px;

}

.gallery-three-col .column-gallery .upload-date:before {
    content: "";
    width: 3px;
    height: 3px;
    position: absolute;
    left: 0;
    top: 9px;
    background-color: #DADEE1;
}

.gallery-three-col .column-gallery .upload-date:after {
    content: "";
    width: 3px;
    height: 3px;
    position: absolute;
    right: 0;
    top: 9px;
    background-color: #DADEE1;
}

/* paginator */

.pagination {
    display: block;
    width: auto;
    margin: 0 44px;
    background-color: #F6F6F6;
    border-radius: 0;
    text-align: center;
    position: relative;
    min-height: 40px;
}

.col-gallery .pagination {
    margin: 0 59px;
}

.pagination a {
    color: #26455F;
    display: inline-block;
    font-family: "novecento_sans_widenormal";
    font-size: 16px;
    margin: 0 4px;
    padding: 8px;
    padding-bottom: 0;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    -moz-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.pagination .jp-current {
    color: #1B1749;
    font-family: "Novecento_wide_bold";
}

.pagination a:hover,
.pagination a:focus {
    border-bottom: 3px solid #26455F;
    font-family: "Novecento_wide_bold";
    cursor: pointer;
}

.pagination .jp-first,
.pagination .jp-last,
.pagination .jp-previous,
.pagination .jp-next {
    width: 40px;
    height: 40px;
    background-color: #EBEDEE;
    text-align: center;
    color: #26455F;
    display: inline-block;
    font-family: "novecento_sans_widenormal";
    font-size: 12px;
    position: absolute;
    top: 0;
    margin: 0;
    padding-top: 11px;
}

.pagination .jp-first:hover,
.pagination .jp-last:hover,
.pagination .jp-previous:hover,
.pagination .jp-next:hover {
    background-color: #1B1749;
    font-family: "novecento_sans_widenormal";
    color: #FFFFFF;
    border: none;
}

.pagination .jp-first {
    left: -44px;
}

.pagination .jp-last {
    right: -44px;
}

.pagination .jp-previous {
    left: 1px;
}

.pagination .jp-next {
    right: 1px;
}


.pagination .jp-previous:before {
    content: "\e6d5";
    font-family: "icomoon";
    font-size: 20px;
    color: #26455F;
    position: absolute;
    top: 6px;
    left: 10px;
    z-index: 20;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pagination .jp-next:before {
    content: "\e6d8";
    font-family: "icomoon";
    font-size: 20px;
    color: #26455F;
    position: absolute;
    top: 6px;
    left: 13px;
    z-index: 20;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pagination .jp-previous:hover:before,
.pagination .jp-next:hover:before {
    color: #FFFFFF;
}

/* *** Blog style (blog-style-one.html and blog-style-two.html and blog-style-three.html)
=====================================*/
.blog #filters {
    margin-top: 60px;
    margin-bottom: 60px;
}

.blog #filters li a {
    font-size: 16px;
    padding: 4px 15px 7px;
}

.blog #filters li a#all {
    font-size: 12px;
    padding: 8px 15px;
}

.blog-posts {
    height: auto;
    min-height: 1px !important;
}

.blog-posts article {
    position: relative;
    text-align: center;
    margin-bottom: 80px;
}

.blog-photo-container {
    padding: 4px;
    border: 1px solid #DADEE1;
    display: block;
    position: relative;
    overflow: hidden;
}

.blog-photo-container img {
    max-width: 100%;
    border: 1px solid #DADEE1;
}


.blog-photo-container:hover {
    padding: 0px;
}

.blog-photo-container:hover img {
    border: 5px solid #1B1749;
}

.blog-photo-container:before {
    content: "";
    background-color: rgb(242, 85, 73, 0);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

.blog-photo-container:after {
    content: "\e628";
    font-family: "icomoon";
    font-size: 30px;
    color: #FFFFFF;
    text-align: center;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: -18px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.blog-photo-container:hover:before {
    width: 96%;
    left: 2%;
    right: 2%;
    height: 90%;
    top: 5%;
    bottom: 5%;
    background-color: rgba(242, 85, 73, 0.8);
}

.blog-photo-container:hover:after {
    opacity: 1;
}

.publish-date {
    background-color: #1B1749;
    width: 90px;
    height: 50px;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -45px;
}

.publish-date p {
    color: #FFFFFF;
    font: 16px "Novecento_wide_bold";
    text-transform: uppercase;
    text-align: center;
    padding-top: 19px;

}

.publish-date:before {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent;
    content: "";
    position: absolute;
    bottom: -10px;
    right: 0;
    z-index: 5;
}

.publish-date:after {
    content: "";
    border-left: 0 solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #1B1749;
    height: 0;
    width: 90px;
    position: absolute;
    bottom: -10px;
    left: 0;
}

.acticle-about {
    margin-top: 15px;
    margin-bottom: 30px;
}

.acticle-about li {
    display: inline-block;
    font-size: 13px;
    color: #58646E;
    padding: 0 25px;
    position: relative;
    text-align: left;
}

.acticle-about li a {
    color: #58646E;
}

.acticle-about li a:hover {
    color: #58646E;
    text-decoration: underline;
}

.acticle-author:before {
    content: "\e60d";
    font-family: "icomoon";
    color: #58646E;
    font-size: 13px;
    position: absolute;
    left: 2px;
    top: 0px;
}

.acticle-tags:before {
    content: "\e62d";
    font-family: "icomoon";
    color: #58646E;
    font-size: 13px;
    position: absolute;
    left: 2px;
    top: 0px;
}

.acticle-comment:before {
    content: "\e620";
    font-family: "icomoon";
    color: #58646E;
    font-size: 13px;
    position: absolute;
    left: 2px;
    top: 0px;
}

.article-title {
    font: 20px "Novecento_wide_bold";
    color: #26455F;
    text-transform: uppercase;
    margin-bottom: 18px;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.article-title:hover {
    color: #1B1749;
}

.blog .pagination {
    margin-top: 80px;
}

/* blog style 2 */
.blog-style-2 .blog-posts {
    margin-top: 60px;
    padding-right: 50px;
}

.blog-style-2 article {
    margin-bottom: 65px;
}

.blog-style-2 .blog-photo-container:hover:before {
    width: 94%;
    left: 3%;
    right: 3%;
}

.article-describe {
    border: 1px solid #DADEE1;
    border-top: none;
    position: relative;
    padding: 40px 25px 12px;
}

.blog-style-2 .acticle-about {
    margin-top: 35px;
}


.blog-style-2 .published-date {
    background-color: #FFFFFF;
    border: 0 none;
    bottom: -20px;
    left: 50%;
    margin: 0 0 0 -41px;
    padding: 0 25px;
    position: absolute;
}

.blog-style-2 .published-date p {
    font: 16px "Novecento_wide_bold";
    text-transform: uppercase;
    text-align: center;
    color: #26455F;
}


.blog-style-2 .published-date:before {
    background-color: #DADEE1;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 3px;
}

.blog-style-2 .published-date:after {
    background-color: #DADEE1;
    content: "";
    height: 3px;
    position: absolute;
    right: 0;
    top: 9px;
    width: 3px;
}

.blog-style-2 .pagination {
    margin-right: 94px;
}

/* sitebar */
.sitebar {
    margin-top: 60px;
    padding-left: 15px;
}

#search-form {
    position: relative;
    z-index: 20;
}

#search-form .search-field {
    background: none;
    box-shadow: none;
    border: 1px solid #DADEE1;
    color: #58646E;
    padding: 10px 40px 11px 15px;
}

#search-form .search-field:focus {
    border: 1px solid #26455F;
}

#search-form .search-submit-buttom {
    background: none;
    box-shadow: none;
    border: none;
    padding: 11px 0 10px;
}

#search-form .search-submit {
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
}

#search-form .search-submit:before {
    content: "\e624";
    font-family: "icomoon";
    color: #26455F;
    font-size: 15px;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: -1;
}

#search-form .search-field:focus + .search-submit:before {
    color: #1B1749;
}

.form-offset {
    margin-top: 46px;
}

.sitebar ul li a {
    font-size: 14px;
    color: #58646E;
    margin-bottom: 13px;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sitebar ul.style-five li:before {
    color: #58646E;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sitebar ul li:hover a {
    color: #1B1749;
}

.sitebar ul.style-five li:hover:before {
    color: #1B1749;
}

.popular-post {
    background-color: #F6F6F6;
    position: relative;
    padding: 22px 29px;
    margin-bottom: 10px;
    min-height: 240px;
    display: block;
    margin-top: 43px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.popular-post:hover {
    background-color: #1B1749;
    text-decoration: none;
}

.popular-post:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #C5C5C5 transparent;
    background-color: #FFFFFF;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.popular-post:hover:before {
    border-color: transparent transparent #C2443A transparent;
}

.popular-post h6 {
    margin-top: 0;
    margin-bottom: 22px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.popular-post img {
    max-width: 100%;
}

.popular-post p {
    font-size: 16px;
    font-weight: bold;
    color: #26455F;
    margin-top: 22px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.popular-post .date {
    font-size: 13px;
    font-weight: 300;
    color: #1B1749;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.popular-post:hover h6,
.popular-post:hover p,
.popular-post:hover .date {
    color: #FFFFFF;
}

.tags-item {
    color: #E5E5DA;
    font-size: 11px;
    background-color: #26455F;
    display: inline-block;
    padding: 2px 9px 3px;
    margin-bottom: 1px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tags-item:hover {
    color: #FFFFFF;
    background-color: #1B1749;
}

/* flickr stream */

.sitebar .flickr {
    padding-left: 0;
}

.flickr li {
    display: inline-block;
    margin-bottom: 4px;
    margin-right: 4px;
    padding-left: 0;
}

.sitebar .flickr li a {
    margin-bottom: 0;
}

.flickr li img {
    border: 1px solid #DADEE1;
}

.sitebar #twitter-feed {
    margin-top: -10px;
    padding-top: 0;
}


/* blog style 3*/
.blog-style-3 .blog-posts {
    margin-top: 60px;
    padding-right: 50px;
}

.blog-style-3 article {
    text-align: left;
    overflow: hidden;
    margin-bottom: 45px;
}

.blog-style-3 .blog-photo-container {
    margin-right: 20px;
}

.blog-style-3 .article-info {
    /*	padding-left: 30px;*/
}

.blog-style-3 .blog-photo-container:hover:before {
    width: 90%;
    left: 5%;
    right: 5%;
}

.blog-style-3 .article-title {
    margin-top: -6px;
    margin-bottom: 1px;
}

.blog-style-3 .published-date p {
    color: #ABB8C4;
    font: 16px "Novecento_wide_bold";
    text-transform: uppercase;
}

.blog-style-3 .acticle-about {
    margin-bottom: 24px;
    margin-top: 31px;
    margin-left: 36%;
}

.blog-style-3 .acticle-about li {
    display: block;
    margin-bottom: 2px;
    color: #26455F;
}

.acticle-author:before,
.acticle-tags:before,
.acticle-comment:before {
    color: #26455F;
}

.article-info p a {
    color: #1B1749;
    text-decoration: underline;
}

.article-info p a:hover {
    text-decoration: none;
}

.blog-style-3 .pagination {
    margin-right: 94px;
    margin-top: 45px;
}

/* *** Single post  (single-post.html and single-post-two.html)
=====================================*/
.single-post {
    padding-right: 50px;
    margin-top: 60px;
}

.single-post .start-photo {
    border: 1px solid #DADEE1;
    padding: 4px;
}

.single-post .start-photo img {
    border: 1px solid #DADEE1;
    max-width: 100%;
}

.post-date {
    text-align: center;
    color: #26455F;
    font-family: "Novecento_wide_bold";
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    background-color: #D2E4F4;
    display: inline-block;
    width: 60px;
    height: 60px;
    padding-top: 14px;
    float: left;
    margin-top: 23px;
}

.single-post .acticle-about {
    margin: 23px 0 34px 80px;
}

.single-post .acticle-about li {
    display: block;
    margin-bottom: 2px;
    color: #26455F;
}

.single-post p {
    margin-bottom: 23px;
}

.single-post p a {
    color: #1B1749;
    text-decoration: underline;
}

.single-post p a:hover {
    text-decoration: none;
}

.single-post blockquote {
    margin: 54px 0 51px 30px;
}

.single-post ol,
.single-post ul {
    margin-top: 3px;
    margin-bottom: 26px;
    padding-left: 40px;
}

.single-post ol li,
.single-post ul li {
    margin-bottom: 11px;
}

.single-post .img-text {
    border: 1px solid #DADEE1;
    padding: 4px;
    margin: 20px;
}

.single-post .img-text.pull-left {
    margin-left: 0;
}

.single-post .img-text.pull-right {
    margin-right: 0;
}

.single-post .img-text img {
    border: 1px solid #DADEE1;
    max-width: 100%;
}

/* share box */
.share-box {
    border: 1px solid #DADEE1;
    position: relative;
    padding: 35px 0 13px;
    margin-top: 55px;
    text-align: center;

}

.share-box .addthis_toolbox {
    display: block;
    width: 420px;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 3px;
}

.addthis_button_google_plusone {
    margin-left: -12px;
}

.addthis_button_tweet {
    margin-left: -34px;
    width: 82px;
}

.stButton {
    margin-bottom: 10px;
}

.stMainServices,
.stHBubble,
.stButton .stButton_gradient {
    min-height: 22px;
}

.this_toolbox {
    min-height: 40px;
}

.share-header {
    background-color: #FFFFFF;
    position: absolute;
    top: -11px;
    left: 50%;
    margin: 0 0 0 -51px;
    padding: 0 25px;
    color: #1B1749;
    font: 16px "Novecento_wide_bold";
    text-align: center;
    text-transform: uppercase;
}

.share-header:before {
    background-color: #DADEE1;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 3px;
}

.share-header:after {
    background-color: #DADEE1;
    content: "";
    height: 3px;
    position: absolute;
    right: 0;
    top: 9px;
    width: 3px;
}

.single-post .author-photo {
    border: 1px solid #DADEE1;
    padding: 4px;
}

.single-post .author-photo img {
    border: 1px solid #DADEE1;
    max-width: 100%;
}

.author-descript {
    padding-left: 30px;
}

.author-descript .author-name {
    font-size: 16px;
    font-weight: 700;
    color: #26455F;
    margin: 15px 0;
}

/*comment*/
.comment-wrap {
    background-color: #F6F6F6;
    position: relative;
    padding: 29px;
    padding-bottom: 1px;
    margin-bottom: 10px;
    display: block;
    margin-bottom: 20px;
}

.comment-wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #C5C5C5 transparent;
    background-color: #FFFFFF;;
}

.comment-wrap .image-holder {
    border-right: 1px solid #1B1749;
    position: relative;
    width: 61px;
    margin-right: 16px;
    float: left;
    z-index: 30;
}

.comment-wrap .image-holder:before {
    content: "";
    display: block;
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -2px;
    background-color: #F6F6F6;
    z-index: 20;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;

}

.comment-wrap .image-holder:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -3px;
    background-color: #26455F;
    z-index: 20;

}

.comment-wrap .name {
    color: #26455F;
    font-weight: bold;
    font-size: 16px;
    padding-top: 2px;
    margin-bottom: 14px;
    position: relative;
}


.comment-wrap .name:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #26455F;
    position: absolute;
    bottom: -8px;
    left: 0;
    z-index: 1;
}

.comment-wrap .date {
    color: #1B1749;
    font-weight: 300;
    font-size: 13px;
}

.comment-wrap .message {
    color: #58646E;
    margin-top: 26px;
}

.reply-btn {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("../images/button-pattern.png");
    background-repeat: repeat;
    background-color: #26455F;
    position: absolute;
    top: 34px;
    right: 29px;
    -webkit-box-shadow: 0 1px rgba(38, 69, 95, .2), inset 0 1px rgba(255, 255, 255, .2);
    -moz-box-shadow: 0 1px rgba(38, 69, 95, .2), inset 0 1px rgba(255, 255, 255, .2);
    box-shadow: 0 1px rgba(38, 69, 95, .2), inset 0 1px rgba(255, 255, 255, .2);
}

.reply-btn:hover {
    background-image: none;
}

.reply-btn:before {
    content: "";
    background-image: url(../images/comment-reply.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: -1px;
    width: 24px;
    height: 24px;
}

.comment-reply {
    margin-left: 30px;
}

.comment-reply:after {
    content: "\f061";
    font: 12px "FontAwesome";
    color: #26455F;
    position: absolute;
    top: 50%;
    left: -30px;
}

.image-holder.comment-author img {
    border: 3px solid #1B1749;
}

.image-holder.comment-author:before {
    right: -7px;
}

.image-holder.comment-author:after {
    right: -8px;
}

.author-indecate {
    font-weight: 300;
    font-size: 13px;
    color: #1B1749;
    position: absolute;
    top: 65px;
    right: 29px;
}

.last-comment {
    margin-bottom: 0;
}

#comment-form .comment-message {
    padding-left: 30px;
}

#comment-form input,
#comment-form textarea {
    background: none;
    box-shadow: none;
    border: 1px solid #DADEE1;
    margin-bottom: 20px;
    padding: 10px 15px 11px 15px;
    color: #58646E;
}

#comment-form textarea {
    min-height: 102px;
}

#comment-form input:focus,
#comment-form textarea:focus {
    border: 1px solid #26455F
}

#comment-form .btn-form {
    margin-right: 0;
}

/*single page style 2*/
.single-post-two {
    padding-right: 0;
}

.single-post-two .post-photo-container {
    border: 1px solid #DADEE1;
    padding: 4px;
    display: block;
    position: relative;
}

.single-post-two .post-photo-container img {
    border: 1px solid #DADEE1;
    max-width: 100%;
}

.single-post-two .acticle-about {
    margin: 35px 0 -16px;
    text-align: center;
}

.single-post-two .acticle-about li {
    display: inline-block;
    margin-bottom: 2px;
    color: #26455F;
}

/* more posts */
.more-posts {
    background-color: #F6F6F6;
    margin-top: 60px;
    padding-bottom: 30px;
}

.post-preview {
    padding-right: 90px;
    overflow: hidden;
    margin-bottom: 30px;
}

.post-preview .post-preview-image {
    border: 1px solid #DADEE1;
    padding: 4px;
    background-color: #FFFFFF;
}

.post-preview .post-preview-image img {
    border: 1px solid #DADEE1;
    max-width: 100%;
}

.post-preview .preview-title {
    color: #26455F;
    font-weight: bold;
    font-size: 16px;
    padding-top: 6px;
    margin-bottom: 8px;
    position: relative;
    display: block;
    padding-left: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.post-preview .preview-title:hover {
    color: #1B1749;
}

.post-preview .preview-date {
    color: #1B1749;
    font-weight: 300;
    font-size: 13px;
    padding-left: 20px;
}

.single-post-two .comment-wrap .message {
    margin-bottom: 23px;
}

.single-post-two .last-comment {
    margin-left: 60px;
}


/* *** Audio and video blog mode (blog-audio.html and blog-video.html)
========================================*/

/* audio and video blog*/
.audio-blog .blog-posts article {
    margin-bottom: 53px;
}

.audio-record {
    margin-top: 24px;
}

.item-share {
    position: relative;
    text-align: center;
    margin-bottom: -17px;
}

.item-share .share-header {
    background: none;
    position: absolute;
    top: 7px;
    left: -100px;
    margin-left: 0;
}

.item-share .share-header:before {
    background: none;
}

.item-share .share-header:after {
    background: none;
}

.item-share .addthis_toolbox {
    display: inline-block;
    margin-top: 8px;
    position: relative;
}

/*video blog*/


.video-blog-holder {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}

.video-blog-holder .blog-posts {
    overflow: hidden;
}

.video-blog-holder div.pagination {
    margin: 30px 59px 0;

}

.video-blog-holder .blog-posts article {
    margin-bottom: 0;
}

.video-blog-holder .blog-item {
    padding-left: 15px;
    padding-right: 15px;
}

.video-blog-holder .item {
    border: 1px solid #DADEE1;
    margin-bottom: 30px;
    position: relative;
}

.video-blog-holder .video-wrap {
    margin: 4px;
    margin-bottom: 0;
}

.video-blog-holder .video-wrap iframe {
    border: 1px solid #DADEE1;
}

.video-descript {
    border-top: 1px solid #DADEE1;
    padding: 33px 35px 43px;
}

.video-descript .title {
    color: #26455F;
    font-size: 20px;
    font-family: "Novecento_wide_bold";
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding-bottom: 16px;
    display: block;
}

.video-descript .title:hover {
    color: #1B1749;
}


.video-blog-holder .upload-date:before {
    background-color: #DADEE1;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 3px;
}

.video-blog-holder .upload-date:after {
    background-color: #DADEE1;
    content: "";
    height: 3px;
    position: absolute;
    right: 0;
    top: 9px;
    width: 3px;
}


.video-blog-holder .upload-date {
    background-color: #FFFFFF;
    border: 0 none;
    bottom: -8px;
    font-size: 16px;
    left: 50%;
    margin: 0 0 0 -41px;
    padding: 0 25px;
    position: absolute;

}

.video-blog-holder .upload-date {
    color: #26455F;
    font: 14px "Novecento_wide_bold";
    text-transform: uppercase;
}


/* *** Price  (price.html)
=====================================*/

/* price table 1 style */
.price {
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}

.price .btn {
    margin-right: 0;
}

.price-left {
    padding-right: 15px;
}

.price-center {
    padding-left: 15px;
    padding-right: 15px;
}

.price-right {
    padding-left: 15px;
}

.price-style-one {
    margin-top: 60px;
    overflow: hidden;
}

.price-style-one .price {
    border: 1px solid #26455F;
}

.price-style-one .price:before {
    background-color: #FFFFFF;
    background-image: url("../images/break-blue.png");
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 80px;
    left: -2px;
    position: absolute;
    top: 30px;
    width: 3px;
}

.price-style-one .price:after {
    background-color: #FFFFFF;
    background-image: url("../images/break-blue.png");
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 80px;
    position: absolute;
    right: -2px;
    top: 30px;
    width: 3px;
}

.price-style-one .price-inner {
    padding: 0 19px;
}

.price-style-one .value {
    color: #26455F;
    font-family: "Novecento_wide_bold";
    font-size: 54px;
    margin-top: 55px;
    margin-bottom: 16px;
}

.price-style-one .price-package {
    color: #26455F;
    font-size: 20px;
    font-weight: 300;
}

.price-style-one .popular-price .value {
    color: #1B1749;
}

.price-style-one .popular-price .price-package {
    color: #1B1749;
}


.price-style-one .price ul {
    padding-top: 7px;
    padding-bottom: 23px;
}

.price-style-one .price ul li {
    font-size: 13px;
    color: #58646E;
    border-bottom: 1px solid #DADEE1;
    padding: 17px 0 14px;
}

/* price table 2 style */

.price-style-two {
    margin-top: 30px;
    overflow: hidden;
}

.price-style-two .price {
    border: 1px solid #DADEE1;
}

.price-style-two .value {
    color: #26455F;
    font-family: "Novecento_wide_bold";
    font-size: 54px;
    background-color: #D2E4F4;
    background-image: url("../images/pattern-promo.png");
    background-repeat: repeat;
    padding: 36px 0 46px;
}

.price-style-two .price-package {
    color: #26455F;
    font-family: "novecento_wide_light";
    font-size: 15px;
    text-transform: uppercase;
    margin: 13px 0;
}

.price-style-two .popular-price .value {
    color: #FFFFFF;
    background-color: #1B1749;
}

.price-style-two .popular-price .price-package {
    color: #1B1749;
}

.price-style-two .price ul {
    padding-top: 22px;
    padding-bottom: 9px;
}

.price-style-two .price ul li {
    font-size: 13px;
    color: #26455F;
    border-bottom: 1px solid #DADEE1;
    padding: 17px 0 14px;
}

.price-style-two .price ul li.last-point {
    border: none;
}

/* price table 3 style */

.price-style-three {
    margin-top: 30px;
    overflow: hidden;
    position: relative;
}

.price-style-three .price {
    background-color: #D2E4F4;
    position: relative;
    margin: 10px 0;
}

.price-style-three .price.popular-price {
    background-color: #1B1749;
    background-image: url("../images/pattern-promo.png");
    background-repeat: repeat;
}

.price-style-three .price:before {
    content: "";
    width: 92%;
    height: 10px;
    background-color: #D2E4F4;
    position: absolute;
    top: -10px;
    left: 4%;
    right: 4%;

}

.price-style-three .price:after {
    content: "";
    width: 92%;
    height: 10px;
    background-color: #D2E4F4;
    position: absolute;
    bottom: -10px;
    left: 4%;
    right: 4%;
}

.price-style-three .price.popular-price:before,
.price-style-three .price.popular-price:after {
    background-color: #1B1749;
    background-image: url("../images/pattern-promo.png");
    background-repeat: repeat;
}

.price-style-three .value {
    color: #26455F;
    font-family: "novecento_wide_light";
    font-size: 60px;
    padding: 39px 0 13px;
}

.price-style-three .price-package {
    color: #3F5348;
    font-family: "novecento_wide_light";
    font-size: 15px;
    text-transform: uppercase;
    margin: 13px 0;
}

.price-style-three .price ul {
    padding-top: 25px;
    padding-bottom: 29px;
    position: relative;
    z-index: 25;
}

.price-style-three .price ul li {
    font-size: 13px;
    color: #26455F;
    padding: 14px 0 15px;
    line-height: 20px;
}

.price-style-three li .icon-cross {
    color: #1B1749;
}

.price-style-three .popular-price .value,
.price-style-three .popular-price .price-package,
.price-style-three .popular-price ul li,
.price-style-three .popular-price li .icon-cross {
    color: #FFFFFF;
}

.package-info {
    position: absolute;
    width: 100%;
    z-index: 20;
    top: 155px;
    left: 0;
}

.package-info li {
    color: #26455F;
    font-size: 14px;
    padding: 14px 0 15px 30px;
}

.package-info li:nth-child(even) {
    background: rgba(0, 0, 0, 0.05);
}

.package-info li:nth-child(odd) {
    background: rgba(255, 255, 255, 0.3);
}

/* *** Support  (support.html)
=====================================*/
.support .accordion-second {
    margin-top: 24px;
    padding-right: 50px;
}

.support #accordion-two {
    min-height: 1px !important;
}

.support .panel {
    padding-top: 36px;
    padding-bottom: 40px;
}

.support .panel-heading {
    padding: 0;
}

.support .panel-body {
    padding-top: 0px;
}

.support .panel-body p:first-child {
    margin-bottom: 22px;
}

.support .pagination {
    margin-top: 60px;
    margin-right: 94px;
}

.sitebar .works-decript {
    min-height: 1px;
    text-align: center;
    margin-bottom: 54px;
}

.btn-help {
    margin-right: 0;
    padding-left: 58px;
    margin-top: 20px;
    margin-bottom: 45px;
    padding-right: 34px;
}

.btn-help.btn-animate:before {
    left: -4px;
}

.short-contact p {
    color: #58646E;
    font-size: 14px;
    position: relative;
    padding-left: 28px;
}


.short-contact .title {
    color: #26455F;
    font-size: 16px;
    font-weight: 700;
    padding-left: 0;
    margin-bottom: 19px;
}

.short-contact .icon-mail {
    color: #26455F;
    font-size: 18px;
    position: absolute;
    top: 4px;
    left: 0;
}

.short-contact .icon-skype {
    color: #26455F;
    font-size: 18px;
    position: absolute;
    top: 4px;
    left: 0;
}

/* *** Contact  (contact.html)
=====================================*/
.contact .header {
    /*background-image: url("../images/contact-pattern.png");*/
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 60px 15px;
    /*height: 175px;*/
}

.contact .header:before {
    content: "";
    /*background-image: url("../images/contact-pattern.png");*/
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 60px 15px;
    width: 100%;
    height: 15px;
    position: absolute;
    left: 0;
    bottom: -15px;
    z-index: 7;
}

.contact .main-zone {
    z-index: 10;
}

#map-canvas {
    z-index: 1;
}

.contact-body {
    margin-top: 60px;
    margin-bottom: 60px;
    background-image: url(../images/contact-form.png);
    background-repeat: repeat;
    background-size: cover;
    overflow: hidden;
    padding: 5px;
}

.contact-content {
    background-color: #FFFFFF;
    overflow: hidden;
}

.contact-body .information {
    /*padding-top: 56px;*/
    position: relative;
}

.contact-body .information:before {
    content: "";
    width: 1px;
    height: 280px;
    background-color: #DADEE1;
    position: absolute;
    right: 88px;
    top: 14px;
}

.contact-body .contact-info {
    min-height: 1px;
    margin-bottom: 25px;
}

.contact-body .contact-info h4 {
    float: left;
    display: block;
    margin-top: 4px;
}

.contact-body .contact-info h4 .icon-location {
    margin-right: 20px;
    margin-left: 25px;
}

.contact-body .contact-info h4 .icon-mail {
    margin-right: 16px;
    margin-left: 21px;
}


.contact-body .contact-info .icon-mobile- {
    margin-right: 18px;
    margin-left: 25px;
}

.contact-body .contact-info .new-icon {
    margin-left: 0;
}

.contact-body .contact-info .new-icon-mob {
    margin-left: 0;
}

.contact-body #main-contact-form {
    margin-top: 40px;
    padding-right: 25px;
}


#main-contact-form input,
#main-contact-form textarea {
    background: none;
    box-shadow: none;
    border: 1px solid #DADEE1;
    margin-bottom: 20px;
    padding: 10px 15px 11px 15px;
    color: #58646E;
    position: relative;
    z-index: 20;
}

#main-contact-form input:focus,
#main-contact-form textarea:focus {
    border: 1px solid #26455F
}

#main-contact-form textarea {
    min-height: 102px;
}

#main-contact-form .btn-form {
    margin-right: 0;
    margin-bottom: 24px;
}

#main-contact-form .user-name {
    padding-right: 10px;
}


#main-contact-form-partner input,
#main-contact-form-partner textarea {
    background: none;
    box-shadow: none;
    border: 1px solid #DADEE1;
    margin-bottom: 20px;
    padding: 10px 15px 11px 15px;
    color: #58646E;
    position: relative;
    z-index: 20;
}

#main-contact-form-partner input:focus,
#main-contact-form-partner textarea:focus {
    border: 1px solid #26455F
}

#main-contact-form-partner textarea {
    min-height: 102px;
}

#main-contact-form-partner .btn-form {
    margin-right: 0;
    margin-bottom: 24px;
}

#main-contact-form-partner .user-name {
    padding-right: 10px;
}

/* social icon large */
.big-social-icon {
    padding-right: 30px;
}

.big-social-icon li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

.big-social-icon li i {
    width: 50px;
    height: 50px;
    background-color: #D2E4F4;
    color: #26455F;
    font-size: 16px;
    text-align: center;
    display: block;
    padding-top: 17px;
}

.big-social-icon li i.fa-youtube {
    font-size: 18px;
}

.social-about {
    padding-right: 90px;
    margin-top: 28px;
}

.contact #twitter-feed {
    margin-top: -8px;
    padding-top: 0;
    padding-right: 0;
}

.twitter-follow-button {
    margin-right: 0;
}

/* *** Error 404  (404.html)
=====================================*/
.error-page .current-page {
    height: 745px;

}

.error-page .header {
    height: 280px;
    z-index: 30;
}

.error-page .main-zone:before {
    height: 99.4%
}

.error-page .footer {
    margin-top: 460px;
    padding-top: 155px;
}

.error-number {
    position: relative;
    background-image: url(../images/404-bg.png);
    background-repeat: repeat-x;
    background-position: 0 187px;
}

.error-number img {
    width: 542px;
    height: 232px;
    margin-top: 164px;
    margin-bottom: 59px;
}

.error-page .current-page p {
    font-size: 20px;
    font-family: "Novecento_wide_bold";
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.error-page #search-form {
    background-color: #FFFFFF;
    width: 50%;
    margin: 17px auto;
}

/* *** Comming soon  (coming-soon.html)
=====================================*/
.coming-soon {
    background-image: none;
    background-color: #26455F;
}

.coming-soon .corner-line {
    background-color: #FFFFFF;
}

.coming-soon .header {
    background: none;
}

.coming-soon .main-zone {
    text-align: center;
    background-color: #FFFFFF;
    padding-top: 0;
}

.coming-soon .main-zone:before {
    height: 99.4%
}

.coming-soon .logo {
    color: #1B1749;
    position: relative;
    display: inline-block;
}

.coming-soon .top-devider {
    border-color: #DADEE1;
    top: 27px;
}

.coming-soon .top-devider:before {
    background-image: url("../images/three-dotted-grey.png");
}

.coming-soon .top-devider:after {
    background-image: url("../images/three-dotted-grey.png");
}

.coming-soon h1 {
    color: #26455F;
    font-size: 40px;
    margin-top: 126px;
    margin-bottom: 12px;
}

.coming-soon p.info {
    color: #26455F;
    font-size: 18px;
    font-family: "novecento_wide_medium";
    text-transform: uppercase;
}

.coming-soon .footer {
    background: none;
    margin-top: 30px;
}

.coming-soon .footer:before {
    display: none;
}

/*.coming-soon .footer .copy {*/
/*    margin-bottom: 30px;*/
/*}*/

#countdown_dashboard {
    margin-top: 30px;
    margin-bottom: 180px;
    text-align: center;
}

.dash {
    background-color: #D2E4F4;
    background-image: url("../images/pattern-promo.png");
    background-repeat: repeat;
    display: inline-block;
    width: 150px;
    height: 170px;
    margin: 15px;
    position: relative;
}

.digit-count {
    position: absolute;
    width: 150px;
    height: 110px;
    background-color: #1B1749;
    -webkit-box-shadow: 0 2px 2px rgba(38, 69, 95, .3);
    -moz-box-shadow: 0 2px 2px rgba(38, 69, 95, .3);
    box-shadow: 0 2px 2px rgba(38, 69, 95, .3);
    padding-left: 46px;
    padding-top: 9px;
}

.digit-count:before {
    content: "";
    width: 5px;
    height: 15px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px rgba(0, 0, 0, .3);
    box-shadow: 0 1px rgba(0, 0, 0, .3);
    position: absolute;
    bottom: -7px;
    left: 10px;
}

.digit-count:after {
    content: "";
    width: 5px;
    height: 15px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px rgba(0, 0, 0, .3);
    box-shadow: 0 1px rgba(0, 0, 0, .3);
    position: absolute;
    bottom: -7px;
    right: 10px;
}

.digit-count .digit {
    color: #FFFFFF;
    font-family: "Novecento_wide_bold";
    font-size: 58px;
    float: left;
}

.dash_title {
    font-size: 20px;
    font-weight: 300;
    color: #26455F;
    margin-top: 123px;
    display: block;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .dash {
        margin-left: 8px;
        margin-right: 8px;
        width: 120px;
        height: 150px;
    }

    .digit-count {
        width: 120px;
        height: 110px;
        padding-top: 12px;
        padding-left: 30px;
    }

    .dash_title {
        margin-top: 116px;
    }
}

@media (min-width: 620px) and (max-width: 767px) {
    .dash {
        width: 90px;
        height: 130px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .digit-count {
        width: 90px;
        height: 90px;
        padding-top: 12px;
        padding-left: 25px;
    }

    .digit-count .digit {
        font-size: 44px;
    }

    .dash_title {
        font-size: 18px;
        margin-top: 97px;
    }
}

/* ***Login
=====================================*/
.auth-wrapper {
    padding-right: 48px;
}

.registration-wrapper {
    padding-left: 48px;
}

.login-page h2 {
    margin-bottom: 17px;
}

.login-page .devider {
    margin-top: 38px;
}

.login-page .footer .devider {
    margin-top: 80px;
}

#auth-form input,
#registrate-form input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #DADEE1;
    box-shadow: none;
    color: #58646E;
    margin-bottom: 10px;
    padding: 10px 15px 11px;
    position: relative;
    z-index: 20;
    background-color: #FFFFFF;
}

#auth-form input:focus,
#registrate-form input:focus {
    border: 1px solid #26455F;
}

#auth-form,
#registrate-form {
    margin-top: 24px;
}

.login-btn,
.registrate-btn {
    padding: 15px 26px 16px 50px;
}

.login-btn {
    margin-bottom: 44px;
}

.registrate-btn {
    margin-top: 20px;
}

.btn-facebook,
.btn-twitter {
    color: #FFFFFF;
    font-family: "novecento_wide_medium";
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 15px 25px 16px 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .4);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .4);
    display: inline-block;
    margin-top: -6px;
    margin-bottom: 10px;
    margin-right: 7px;
}

.btn-facebook i,
.btn-twitter i {
    padding-right: 20px;
}

.btn-facebook {
    background-color: #3B5998;
}

.btn-twitter {
    background-color: #00ACEE;
}

.btn-facebook:hover,
.btn-twitter:hover,
.btn-facebook:focus,
.btn-twitter:focus {
    color: #FFFFFF;
    opacity: 0.8;
}

.registration {
    background-color: #F6F6F6;
    margin-bottom: 30px;
    min-height: 405px;
    overflow: hidden;
    position: relative;
    padding: 33px 50px;
    margin-top: 60px;
}

.registration:before {
    background-image: url("../images/corner-promo.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
}

.registration .login-title {
    color: #1B1749;
    margin-bottom: 5px;
    font: 30px "Novecento_wide_bold";
    text-transform: uppercase;
    margin-top: 14px;
}

.registration .login-decript {
    color: #1B1749;
    font: 300 20px "Source Sans Pro", sans-serif;
    margin-bottom: 19px;
    text-transform: lowercase;
    margin-top: -7px;
}

/* ***Responsive
=====================================*/
@media (min-width: 1024px) and (max-width: 1199px) {
    /*single services*/
    .timetable .background-timetable {
        width: 850px;
    }

    .timetable .wijchart-legend-text {
        -webkit-transform: translate(760px, 343px);
        -ms-transform: translate(760px, 343px);
        transform: translate(760px, 343px);
    }

    .timetable .wijchart-legend-text + .wijchart-legend-icon + .chart-legend-dot + .wijchart-legend-text {
        -webkit-transform: translate(860px, 343px);
        -ms-transform: translate(860px, 343px);
        transform: translate(860px, 343px);
    }

    .timetable .wijchart-legend-icon, .timetable .chart-legend-dot {
        -webkit-transform: translate(330px, 0px);
        -ms-transform: translate(330px, 0px);
        transform: translate(330px, 0px);
    }

    /* -- gallery 2 coloumn */
    .date-wrap .upload-date {
        padding: 32px 0 30px;
    }

    .video-blog-holder .upload-date {
        padding: 0 25px;
    }


    .image-describe {
        padding-top: 13px;
    }

    /*videp blog*/
    .video-blog-holder .video-wrap iframe {
        height: 255px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    /* --- home page */
    /* recent works */
    .works-decript {
        padding: 36px 15px;
    }

    /* available services */
    .avalible-services {
        min-height: 488px;
    }

    .service-item {
        min-height: 170px;
        padding-right: 0;
    }

    .icon-holder {
        margin: 10px 15px 30px 0;
    }

    /* clients say */
    .home .testimonials-first {
        min-height: 288px;
    }

    .testimonials-first {
        padding: 26px;
        min-height: 330px;
    }

    .testimonials-first .name {
        margin-bottom: 0;
        margin-top: -4px;
        padding-top: 0;
        font-size: 14px;
    }

    .testimonials-first .organization {
        font-size: 12px;
    }

    .testimonials-first .name:before {
        display: none;
    }

    /* latest stats */
    .works-decript.progress-list {
        clear: both;
        padding: 29px;
    }

    .progress-item {
        margin-bottom: 60px;
    }

    .progress-item h4 {
        padding-top: 20px;
    }

    /* --- about page */
    .about .works-decript {
        margin-top: 20px;
        min-height: 240px;
    }

    .about .client-testimonial .bx-wrapper {
        min-height: 211px;
    }

    .about .client-testimonial .bx-viewport {
        min-height: 200px;
    }

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

    /* service*/
    .service-text {
        padding-right: 15px;
    }

    .statment {
        margin-bottom: 30px;
    }

    .phone-holder {
        margin-top: 85px;
    }


    /*single services*/
    .timetable .background-timetable {
        width: 625px;
    }

    .timetable .wijchart-legend-text {
        -webkit-transform: translate(510px, 343px);
        -ms-transform: translate(510px, 343px);
        transform: translate(510px, 343px);
    }

    .timetable .wijchart-legend-text + .wijchart-legend-icon + .chart-legend-dot + .wijchart-legend-text {
        -webkit-transform: translate(620px, 343px);
        -ms-transform: translate(620px, 343px);
        transform: translate(620px, 343px);
    }

    .timetable .wijchart-legend-icon, .timetable .chart-legend-dot {
        -webkit-transform: translate(200px, 0px);
        -ms-transform: translate(200px, 0px);
        transform: translate(200px, 0px);
    }

    /* price page */
    .price-style-two .value {
        font-size: 46px;
    }

    .price-style-three .value {
        font-size: 50px;
    }

    /*contact page */
    .contact-body .information:before {
        display: none;
    }

    /* -- gallery 2 coloum*/
    .column-gallery .item {
        margin: 0px auto 30px;
        max-width: 420px;
    }

    .column-gallery .image-wrap {
        display: block;
    }

    .column-gallery .item:before,
    .column-gallery .item:after {
        display: none;
    }

    .date-wrap .upload-date {
        padding: 12px 0 10px;
    }

    .video-blog-holder .upload-date {
        padding: 0 25px;
    }

    .image-describe {
        text-align: center;
        padding-top: 5px;
        padding-bottom: 15px;
    }

    /* -- blog */
    .blog-style-3 .acticle-about {
        margin-left: 37%;
    }

    /*videp blog*/
    .video-blog-holder .video-wrap iframe {
        height: 195px;
    }


}

@media (min-width: 481px) and (max-width: 767px) {
    /* --- home page */
    .top-navigation {
        position: absolute;
    }

    .nav-show {
        margin-top: 0;
    }

    .mobile-clear {
        clear: both;
    }

    /* recent works */
    .works-decript {
        min-height: 280px;
    }

    .recent-works .works-decript {
        margin-right: 0;
    }

    .recent-works .works-gallery {
        margin-bottom: 60px;
    }

    /* available services */
    .service-item {
        min-height: 125px;
        padding-right: 0;
        margin-bottom: 0;
        margin-top: 20px;
    }

    .icon-holder {
        margin: -15px 15px 10px 0;
    }

    /* clients say */
    .last-testimonial {
        display: none;
    }

    .testimonials-first {
        padding: 22px;
        min-height: 295px;
    }

    .testimonials-first .name {
        margin-bottom: 0;
        margin-top: -4px;
        padding-top: 0;
        font-size: 14px;
    }

    .testimonials-first .organization {
        font-size: 11px;
    }

    .testimonials-first .name:before {
        display: none;
    }

    .testimonials-first .image-holder {
        margin-right: 9px;
    }

    /* latest stats */
    .progress-item {
        margin-bottom: 60px;
    }

    .progress-item h4 {
        padding-top: 20px;
    }

    .latest .works-decript {
        min-height: 280px;
    }

    /* --- page elements */
    .page-elem .testimonials-first {
        min-height: 175px;
    }

    .page-elem .accordion-second,
    .alertgroup-second,
    .small-buttons,
    .page-elem .dropcaps2,
    .page-elem .promobox-2,
    .page-elem .tabcontainer-two,
    .testimonial-wrap-2,
    .testimonial-wrap-3 {
        padding-left: 0;
    }

    .alertgroup-first,
    .page-elem .dropcaps1,
    .page-elem .promobox-1,
    .page-elem .tabcontainer-one,
    .testimonial-wrap-1,
    .testimonial-wrap-2 {
        padding-right: 0;
    }

    .page-elem .lists .style-one,
    .page-elem .lists .style-two,
    .page-elem .lists .style-four,
    .page-elem .lists .style-five {
        padding: 0;
    }

    .hover-links {
        margin-left: 0;
    }

    /* promobox */
    .promobox-one div {
        margin: 0 15px
    }

    .promobox-one .promo:before,
    .promobox-one .promo:after,
    .promobox-two .promo:before,
    .promobox-two .promo:after,
    .promobox-one hr,
    .promobox-two hr {
        display: none;
    }

    .promo-btn {
        position: absolute;
        bottom: 20px;
        left: 50%;
        margin-left: -86px;
    }

    /* Table */
    .table > thead > tr > th,
    .table > tbody > tr > th {
        padding: 16px 8px;
        font-size: 14px;
    }

    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        padding: 16px 8px;
    }

    /* --- about page */
    .about .works-decript {
        margin-top: 20px;
        min-height: 240px;
    }

    .about .client-testimonial .bx-wrapper {
        min-height: 211px;
    }

    .about .client-testimonial .bx-viewport {
        min-height: 200px;
    }

    .achievements .left-side,
    .achievements .right-side {
        padding: 0;
    }

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

    /* --- about page */
    .employee-photo .slideshow {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .thumbs li {
        width: 163px;
        margin: 0 auto;
    }

    .employee-twitter,
    .about-stat {
        padding-left: 0;
    }

    .employee-photo .thumbs {
        margin-left: 0;
    }

    .employee-photo .thumbs li {
        padding: 0 12px 10px 0;
    }

    .employee-photo .thumbs li a {
        margin-left: 0px;
        margin-right: 3px;
    }

    /* --- services page */
    .wijmo-wijpiechart {
        margin-left: 0;
    }

    .benefit {
        padding-left: 0;
    }

    .service-text {
        padding-right: 0;
    }

    .first-colunm {
        padding-right: 0;
    }

    .last-colunm {
        padding-left: 0;
    }

    .statment {
        margin-bottom: 30px;
    }

    .timetable {
        display: none;
    }

    #wijpiechart {
        margin-top: 0;
        margin-left: 0;
    }


    /* --- blog page */
    .blog-style-2 .blog-posts {
        padding-right: 0;
    }

    .blog-style-2 .pagination {
        margin-right: 44px;
    }

    .blog-style-3 .blog-posts {
        padding-right: 0;
    }

    .blog-style-3 .pagination {
        margin-right: 44px;
    }

    .blog-style-3 .acticle-about {
        margin-left: 37%;
    }

    .sitebar {
        padding-left: 0;
        margin: 60px 0;
    }

    .popular-post {
        max-width: 400px;
    }

    .single-post {
        padding-right: 0;
    }

    h1.text-style {
        width: auto;
    }

    .single-post .author-descript {
        padding-left: 0;
    }

    .single-post .author-photo {
        display: inline-block;
        float: left;
        margin-right: 30px;
        max-width: 160px;
    }

    .post-preview {
        padding-right: 30px;
    }

    .single-post-two {
        padding-right: 15px;
    }

    #comment-form {
        overflow: hidden;
    }

    #comment-form .comment-message {
        padding-left: 0;
    }

    /*videp blog*/
    .video-blog-holder .video-wrap iframe {
        height: 305px;
    }


    /* price page*/
    .price-left {
        padding-right: 0px;
    }

    .price-center {
        padding-left: 0px;
        padding-right: 0px;
    }

    .price-right {
        padding-left: 0px;
    }

    .price-style-three .price {
        margin-bottom: 40px;
    }

    .package-info {
        display: none;
    }

    /* -- gallery 2 coloum*/
    .column-gallery .item {
        margin: 0px auto 30px;
        max-width: 350px;
    }

    .column-gallery .image-wrap {
        display: block;
    }

    .column-gallery .item:before,
    .column-gallery .item:after {
        display: none;
    }

    .date-wrap .upload-date {
        padding: 12px 0 10px;
    }

    .video-blog-holder .upload-date {
        padding: 0 25px;
    }


    .image-describe {
        text-align: center;
        padding-top: 5px;
        padding-bottom: 15px;
    }

    #filters li a {
        margin-bottom: 10px;
    }

    /* support page */
    .support .accordion-second {
        padding-right: 0;
    }

    .support .pagination {
        margin-right: 44px;
    }

    /*contact page */
    .contact-body {
        background-size: 940px 300px;
    }

    .contact-body .information:before {
        display: none;
    }

    #main-contact-form {
        padding-left: 25px;
    }

    #main-contact-form .user-name {
        padding-right: 0;
    }

    .contact-body .contact-info {
        width: 220px;
        margin-left: auto;
        margin-right: auto;
    }


    .big-social-icon,
    .social-about {
        padding-right: 0;
    }

    /*error page*/
    .error-page .current-page {
        height: 595px;
    }

    .error-page .footer {
        margin-top: 310px;
    }

    .error-number {
        background-size: 1px 93px;
    }

    .error-number img {
        width: 271px;
        height: 116px;
    }

    .error-page .current-page p {
        font-size: 14px;
    }

    /*login page*/
    .auth-wrapper {
        padding-right: 0px;
    }

    .registration-wrapper {
        padding-left: 0px;
    }

}

@media (min-width: 240px) and (max-width: 480px) {
    /* --- home page */
    .top-navigation {
        position: absolute;
    }

    .nav-show {
        margin-top: 0;
    }

    .mobile-clear {
        clear: both;
    }

    .contact-info {
        width: 45%;
    }

    /* home slider*/
    .bannercontainer .top-devider,
    .home-three .top-devider,
    .home-four .top-devider,
    .bannercontainer .bottom-devider,
    .home-three .bottom-devider,
    .home-four .bottom-devider,
    .banner ul:before,
    .banner ul:after,
    .bx-wrapper:before,
    .bx-wrapper:after,
    .flexslider:before,
    .flexslider:after {
        display: none;
    }

    /* recent works */
    .works-decript {
        min-height: 280px;
    }

    .recent-works .works-decript {
        margin-right: 0;
    }

    .recent-works .works-gallery {
        margin-bottom: 60px;
    }

    /* available services */
    .service-item {
        min-height: 145px;
        padding-right: 0;
        margin-bottom: 0;
        margin-top: 30px;
    }

    .icon-holder {
        margin: -5px 15px 10px 0;
    }

    /* clients say */
    .last-testimonial {
        display: none;
    }

    .home .testimonials-first {
        padding: 22px;
        min-height: 255px;
    }

    .say-block {
        width: 100%;
    }

    .client-say-wrap {
        padding-right: 0;
    }

    .testimonials-first .name {
        margin-bottom: 0;
        margin-top: -4px;
        padding-top: 0;
        font-size: 14px;
        text-align: center;
    }

    .testimonials-first .organization {
        font-size: 11px;
        text-align: center;
    }

    .testimonials-first .name:before {
        display: none;
    }

    .testimonials-first .image-holder {
        float: none;
        margin: 0 auto 10px;
    }

    /* latest stats */
    .progress-item {
        margin-bottom: 60px;
    }

    .progress-item h4 {
        padding-top: 20px;
    }

    .latest .works-decript {
        min-height: 280px;
    }

    /* --- inner page */
    h1 {
        width: 180px;
    }

    /*.social-icon {*/
    /*    display: none;*/
    /*}*/
    /* --- page elements */
    .page-elem .accordion-second,
    .alertgroup-second,
    .small-buttons,
    .page-elem .dropcaps2,
    .page-elem .promobox-2,
    .page-elem .tabcontainer-two,
    .testimonial-wrap-2,
    .testimonial-wrap-3 {
        padding-left: 0;
    }

    .alertgroup-first,
    .page-elem .dropcaps1,
    .page-elem .promobox-1,
    .page-elem .tabcontainer-one,
    .testimonial-wrap-1,
    .testimonial-wrap-2 {
        padding-right: 0;
    }

    .page-elem .lists .style-one,
    .page-elem .lists .style-two,
    .page-elem .lists .style-four,
    .page-elem .lists .style-five {
        padding: 0;
    }

    .hover-links {
        margin-left: 0;
    }

    blockquote.quote-first {
        padding-right: 0;
    }

    /* promobox */
    .promobox-one .promo,
    .promobox-two .promo {
        padding: 0;
        margin-left: 0px;
        left: 0;
        background: none;
        position: relative;
        font-size: 20px;
    }

    .promobox-one div {
        margin: 0 15px
    }

    .promobox-one .promo:before,
    .promobox-one .promo:after,
    .promobox-two .promo:before,
    .promobox-two .promo:after,
    .promobox-one hr,
    .promobox-two hr {
        display: none;
    }

    .promobox-three {
        padding: 0 20px;
    }

    .promo-btn {
        position: absolute;
        bottom: 20px;
        left: 50%;
        margin-left: -86px;
    }

    .promobox-four .promo {
        font-size: 22px;
    }

    /* Table */
    .table > thead > tr > th,
    .table > tbody > tr > th {
        padding: 8px 4px;
        font-size: 12px;
    }

    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        padding: 8px 4px;
    }

    /* Tabs */
    .popupar.active + .recent:before {
        display: none;
    }

    .all.active:before {
        display: none;
    }

    #secondTab {
        float: none;
        width: auto;
    }

    #secondTab + .tab-content {
        margin-left: 0;
        margin-top: 10px;
    }

    #firstTab.nav > li > a {
        padding: 14px 15px;
    }

    /* --- about page */
    .about .works-decript {
        margin-top: 20px;
        min-height: 240px;
    }

    .about .client-testimonial .bx-wrapper {
        min-height: 271px;
    }

    .about .client-testimonial .bx-viewport {
        min-height: 260px;
    }

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

    .achievements .left-side,
    .achievements .right-side {
        padding: 0;
    }

    /* --- about page */
    .employee-photo .slideshow {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .thumbs li {
        width: 150px;
        margin: 0 auto;
    }

    .employee-twitter,
    .about-stat {
        padding-left: 0;
    }

    .employee-photo .thumbs {
        margin-left: 0;
    }

    .employee-photo .thumbs li {
        padding: 0 12px 10px 0;
    }

    .employee-photo .thumbs li a {
        margin-left: 0px;
        margin-right: 3px;
    }

    /* --- services page */
    #wijpiechart {
        display: none;
    }

    .wijmo-wijpiechart {
        margin-left: 0;
    }

    .benefit {
        padding-left: 0;
    }

    .service-text {
        padding-right: 0;
    }

    .first-colunm {
        padding-right: 0;
    }

    .last-colunm {
        padding-left: 0;
    }

    .statment {
        margin-bottom: 30px;
    }


    .timetable {
        display: none;
    }

    .services-list > div {
        width: 100%;
    }

    #wijpiechart {
        margin-top: 0;
        margin-left: 0;
    }

    /* --- blog page */
    .blog-style-2 .blog-posts {
        padding-right: 0;
    }

    .blog-style-2 .pagination {
        margin-right: 44px;
    }

    .blog-style-3 .blog-posts {
        padding-right: 0;
    }

    .blog-style-3 .pagination {
        margin-right: 44px;
    }

    .blog-style-3 .acticle-about {
        margin-left: 38%;
    }

    .blog-style-3 .article-title {
        margin-top: 0;
    }

    .sitebar {
        padding-left: 0;
        margin: 60px 0;
    }

    .popular-post {
        max-width: 400px;
    }

    .single-post {
        padding-right: 0;
    }

    h1.text-style {
        width: auto;
    }

    .author-descript {
        padding-left: 0;
    }

    .single-post .author-photo {
        display: inline-block;
        float: left;
        margin-right: 30px;
        max-width: 160px;
    }

    .post-preview {
        padding-right: 0;
    }

    .more-posts > .container > div {
        width: 100%;
    }

    .single-post-two {
        padding-right: 15px;
    }

    #comment-form {
        overflow: hidden;
    }

    #comment-form .comment-message {
        padding-left: 0;
    }

    .share-box .addthis_toolbox {
        width: 290px;
    }

    .addthis_button_google_plusone {
        margin-left: 82px;
    }

    /*videp blog*/
    .video-blog-holder .video-wrap iframe {
        height: 190px;
    }

    /* price page*/
    .price-left {
        padding-right: 0px;
    }

    .price-center {
        padding-left: 0px;
        padding-right: 0px;
    }

    .price-right {
        padding-left: 0px;
    }

    .price-style-three .price {
        margin-bottom: 40px;
    }

    .package-info {
        display: none;
    }

    /* -- gallery 2 coloum*/
    .column-gallery .item {
        margin: 0px auto 30px;
        max-width: 320px;
    }

    .column-gallery .image-wrap {
        display: block;
    }

    .column-gallery .item:before,
    .column-gallery .item:after {
        display: none;
    }

    .date-wrap .upload-date {
        padding: 12px 0 10px;
    }

    .video-blog-holder .upload-date {
        padding: 0 25px;
    }


    .image-describe {
        text-align: center;
        padding-top: 5px;
        padding-bottom: 15px;
    }

    #filters li a {
        margin-bottom: 10px;
    }

    .col-gallery .gallery-item {
        width: 100%;
    }

    /* support page */
    .support .accordion-second {
        padding-right: 0;
    }

    .support .pagination {
        margin-right: 44px;
    }

    /*contact page */
    /*#map-canvas {*/
    /*    height: 440px !important;*/
    /*}*/
    /*.contact-body {*/
    /*    background-size: 940px 300px;*/
    /*}*/
    /*.contact-body .information:before {*/
    /*    display: none;*/
    /*}*/
    /*#main-contact-form {*/
    /*    padding-left: 25px;*/
    /*}*/
    /*#main-contact-form .user-name {*/
    /*    padding-right: 0;*/
    /*}*/
    /*.contact-body .contact-info {*/
    /*    width: 220px;*/
    /*    margin-left: auto;*/
    /*    margin-right: auto;*/
    /*}*/
    /*.big-social-icon,*/
    /*.social-about {*/
    /*    padding-right: 0;*/
    /*}*/
    /*error page*/
    .error-page .current-page {
        height: 595px;
    }

    .error-page .footer {
        margin-top: 310px;
    }

    .error-number {
        background-size: 1px 93px;
    }

    .error-number img {
        width: 271px;
        height: 116px;
    }

    .error-page .current-page p {
        font-size: 14px;
    }

    .error-page #search-form {
        width: 80%;
    }

    /*comming soon*/
    .coming-soon h1 {
        width: 300px;
        font-size: 32px;
    }

    .coming-soon p.info {
        font-size: 14px;
    }

    /*login page*/
    .auth-wrapper {
        padding-right: 0px;
    }

    .registration-wrapper {
        padding-left: 0px;
    }

}


.customText {
    border: none 3px #000000;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: rgba(37, 36, 35, 0.8);
    padding: 10px 10px 0 10px;
}

.benefitsImages img {
    margin: 5px;
    padding: 5px;
    border: 1px solid;
}

/*_____________________________*/
/*new footer*/

.bg-background {
    background-color: #222052;
}


.text-footer {
    font-size: 14px;
    line-height: 22px;

    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;

}

.contact-footer {
    max-width: 400px;
    position: relative;
    float: inline-end;


}

.p-0 {
    padding: 0px;
}

.title-top {
    font-size: 21px;
}

.client-box {
    border: 1px solid #E7E9EF;
    border-radius: 4px;


}

.client-box-border {
    border: 1px solid #E7E9EF;
    border-radius: 4px;
    border-top: 3px solid #222052;

}

.title-client-say {
    font-size: 22px;
    color: #1B1749;
}

.succes-description {
    opacity: 0.7;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: inherit;

}

.columns-parent {
    display: table;
    width: 100%;
}

/* .my-md-n15 {*/
/*    margin-top: -1.75rem !important;*/
/*}*/
.flex-container {
    display: flex;
    flex-direction: row;
    text-align: center;
}

/*.footer1{*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    width: 100%;*/
/*    !*height: 60px;*!*/
/*    line-height: 60px;*/
/*    background-color: #222052;*/
/*}*/
.social-icon-2 {
    margin-top: 0px;
}

.about-title {
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.26px;
    text-align: left;
    color: #222052;
}

.about-title-30 {
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.26px;
    text-align: left;
    color: #222052;
}

.contact-description {
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.26px;
    text-align: left;
    color: #222052;
}

.about-title-31 {
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.26px;
    text-align: left;
    color: #222052;
}

.title-top-branding {
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.96;
    letter-spacing: -1.28px;
    text-align: center;
    color: #222052;
}

.h4-border-yellow::before {
    content: "";

    height: 4px;
    width: 35px;
    background-color: #E3AA26;
    border-radius: 100px;
    position: absolute;
    top: 0px;
    left: 45%;

}

.h4-border-yellow-left::before {
    content: "";

    height: 4px;
    width: 35px;
    background-color: #E3AA26;
    border-radius: 100px;
    position: absolute;
    top: 0px;
    /*left: 14px;*/

}

.h4-border-yellow-center::before {
    content: "";

    height: 4px;
    width: 35px;
    background-color: #E3AA26;
    border-radius: 100px;
    position: absolute;
    left: 45%;
    top: 0px;


}

.spacer__large {
    padding: 40px 15px;
}

.description {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #474668;
}

.bg-grey {
    background-color: #F8F8FA;
    height: 200px;

}

.bg-grey2 {
    background-color: #F8F8FA;


}

.bg-image {
    background-image: url(../images/new_services/startechteam-services.jpg);
}

.top-title {
    font-size: 42px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -2.24px;
    text-align: left;
    color: #222052;
}
.top-title-services{
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.68px;

    color: #222052;
}

.bg-top {
    background-repeat: no-repeat;
    background-position: center;
    background-color: #44427E;
    height: 19vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

@media (max-width: 540px) {
    .top-title {
        font-size: 35px;
    }
}

.border-white {
    border-radius: 8px;
    box-shadow: 0 6.7px 5.3px 0 rgba(22, 24, 36, 0.03), 0 22.3px 17.9px 0 rgba(22, 24, 36, 0.04), 0 100px 80px 0 rgba(22, 24, 36, 0.07);
    background-color: #FFFFFF;
}

.col-text {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #474668;
}

.boxed {
    border-radius: 2px;
    border: solid 1px #D9D9D9;
    background-color: #FFFFFF;

}

.bb1 {
    border-bottom: 4px solid #589096;
}

.bb2 {
    border-bottom: 4px solid #D71D25;
}

.bb3 {
    border-bottom: 4px solid #36BDC5;
}

.bb4 {
    border-bottom: 4px solid #A4491B;
}


.pp {
    padding: 0px 34px;
}

.certification {
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #222052;
}

.border-left {


    border-right: 4px solid #E2A925
}

.border-right-c {


    border-left: 4px solid #E2A925
}

.p-certification {
    font-size: 21px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.21px;
    text-align: left;
    color: #222052;
}

a {
    font-weight: bold;
    color: #428BCA;
}

@media (max-width: 900px) {
    .about-title {
        font-size: 25px;
    }
}

@media (max-width: 568px) {
    .about-title-30 {
        font-size: 25px;
    }
}

.angle-right-custom {
    font-size: 21px;
    color: gray;
}

.check-custom {
    font-size: 20px;
    color: #E9C167;
}

.box-title {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.96;
    letter-spacing: -0.48px;
    text-align: left;
    color: #222052;
}

.link {
    color: #428BCA;
}

.btn-custom {
    padding: 12px 25px;
    max-width: 170px;
    margin: 0 auto;
    border-radius: 50px;
    font-size: 18px;
    transition: 0.3s;
}

/*services style*/


.it-services {
    height: 200px;
    width: 100%;
    background-color: #222053;
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    transition: .3s;
    overflow: hidden;
}

.it-services:hover {
    transform: translateY(-7px);
    cursor: pointer;
}

.it-services:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.1;
    border-radius: 5px;
}

.it-services--1 {
    background-image: url(../images/new_services/Real-time-monitoring.png);
}

.it-services--2 {
    background-image: url(../images/new_services/proactive-performance-monitoring.png);
}

.it-services--3 {
    background-image: url(../images/new_services/windows-server-system-administration.png);
}

.it-services--4 {
    background-image: url(../images/new_services/linux-system-administration.png);
}

.it-services--5 {
    background-image: url(../images/new_services/Internet-communications-support.png);
}

.it-services--6 {
    background-image: url(../images/new_services/database-administration.png);
}

.it-services--7 {
    background-image: url(../images/new_services/email-communication.png);
}

.it-services--8 {
    background-image: url(../images/new_services/hosting-management-solutions.png);
}

.it-services--9 {
    background-image: url(../images/new_services/helpdesk-users.png);
}

.it-services--10 {
    background-image: url(../images/new_services/Servicedesk-workstations.png);
}

.it-services--11 {
    background-image: url(../images/new_services/professional-management-mobile.png);
}

.it-services--12 {
    background-image: url(../images/new_services/external-security-management-solutions.png);
}

.it-services__title__title {
    width: 100%;
    color: rgb(14, 34, 14);
    z-index: 99;
    transition: .3s;
    display: block;

}

.it-services:hover .it-services__title {
    display: none;
}

.it-services:hover .it-services__btn {
    display: block;
    top: calc(50% - 26px);
}

.it-services__btn {
    transition: 0.3s;
    z-index: 99;
    position: absolute;
    top: 100%;
    left: 50%;
    right: -10%;
    transform: translateX(-50%);
}

.btn-custom {
    padding: 12px 25px;
    max-width: 170px;
    margin: 0 auto;
    border-radius: 50px;
    font-size: 16px;
    transition: 0.3s;
}

.btn-custom--slider {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;

}

.it-services:hover .it-services__btn {
    display: block;
    top: calc(50% - 26px);
}

.it-services__btn {
    transition: 0.3s;
    z-index: 99;
    position: absolute;
    top: 100%;
    left: 50%;
    right: -10%;
    transform: translateX(-50%);

}

.it-services::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.1;
    border-radius: 4px;
}

/*.it-services:hover .it-services__title{*/
/*    display: none;*/
/*}*/
/*.it-services:hover .it-services__btn{*/
/*    display: block;*/
/*    top: calc(50% - 26px);*/
/*}*/
/*.it-services:hover .btn-custom--slider{*/
/*    background-color: rgba($color-white, 0.2);*/
/*}*/


/*_______________________________________contact_________________*/

.contact-map-form-section .contact-form .form-inner {
    background-color: #FFFFFF;
    text-align: center;
    /*padding: 60px 100px 55px;*/
    margin-top: -250px;
    -webkit-box-shadow: 0 0 20px 0 #D9D9D9;
    -moz-box-shadow: 0 0 20px 0 #D9D9D9;
    -o-box-shadow: 0 0 20px 0 #D9D9D9;
    -ms-box-shadow: 0 0 20px 0 #D9D9D9;
    box-shadow: 0 0 20px 0 #D9D9D9;
    position: relative;
    z-index: 10;
}

.border-form {
    background-color: #FFFFFF;
    text-align: center;
    /*padding: 60px 100px 55px;*/

    -webkit-box-shadow: 0 0 20px 0 #D9D9D9;
    -moz-box-shadow: 0 0 20px 0 #D9D9D9;
    -o-box-shadow: 0 0 20px 0 #D9D9D9;
    -ms-box-shadow: 0 0 20px 0 #D9D9D9;
    box-shadow: 0 0 20px 0 #D9D9D9;

}

.contact-map-form-section .contact-form .form {
    margin-top: 70px;
}

.contact-map-form-section .contact-form .form > div {
    margin-bottom: 35px;
}

.color-yellow {
    color: #FFC431;
}

.contact-map-form-section .contact-form .form-inner h3 {
    font-size: 25px;
    font-size: 1.66667rem;
    border-bottom: 1px solid #CCCCCC;
    margin: 0;
    padding: 0 0 1.17em;
    text-transform: uppercase;
}

.contact-map-form-section .contact-form .form input, .contact-map-form-section .contact-form .form textarea {
    background-color: #E6E6E6;
    height: auto;
    font-size: 18px;
    font-size: 1.2rem;
    border: 0;
    padding: 15px 25px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.section-padding {
    padding: 100px 0;
}
.section-padding-contact {
    padding: 55px 0;
}

.section-title h2::before, .section-title-s3 h2::before, .section-title-s4 h2::before {
    width: 0px;

}

.section-title h2::after, .section-title-s3 h2::after, .section-title-s4 h2::after {
    width: 0px;

}


p > a {
    color: #333333;
}


/**--------------tools-------------------*/

/*.bb-yellow{*/
/*    border-bottom: 2px solid #f9c43b;*/
/*    width: 38%;*/
/*}*/

.title-tools {
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.6px;
    text-align: left;
    color: #222052;
}

.link-learn {
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.7px;
    text-align: left;
    color: #0E96C6;
}

.description-tools {
    background-color: #FFFFFF;
    box-shadow: 0 4px 8px 0 rgba(29, 29, 86, 0.08);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;

}

.description-brading {
    background-color: #F8F8FA;
    box-shadow: 0 4px 8px 0 rgba(29, 29, 86, 0.08);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;

}

.description-brading-box {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;

    color: #161626;
}

.title-branding-box {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.72px;
    text-align: left;
    color: #FFFFFF;
}

.pp-1 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: #161626;
}

.title-tools-2 {
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.96;
    letter-spacing: -1.28px;
    text-align: center;
    color: #161626;
}

/*----------------------------branding--------------------------------*/


.img-branding-1 {
    background-image: url(../images/branding/img1.png);
}

.img-branding-2 {
    background-image: url(../images/branding/img-17.png);
}

.img-branding-3 {
    background-image: url(../images/branding/img2.png);
}

.img-branding-4 {
    background-image: url(../images/branding/11ea8638-5651-4e06-a620-7f1cd6b6e3fc.png);
}

.img-branding-5 {
    background-image: url(../images/branding/img3.png);
}

.img-branding-6 {
    background-image: url(../images/branding/img-19.png);
}

.img-branding-7 {
    background-image: url(../images/branding/service_1.png);
}

.img-branding-8 {
    background-image: url(../images/branding/img-20.png);
}

.img-branding-9 {
    background-image: url(../images/branding/img5.png);
}

.img-branding-10 {
    background-image: url(../images/branding/img-21.png);
}

.div-branding {
    background-color: #222053;
    height: 160px;
    border-radius: 4px;
    background-size: cover;
    background-repeat: no-repeat;

}
.color-blue{
    color: #0e96c6;
}
.description-benefits{
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #161626;
}
.title-benefits{
    font-size: 21px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.21px;
    text-align: left;
    color: #222052;
}
.btn-yellow{

    padding: 16px 67px;
    border-radius: 6px;
    background-color: #f9c43b;
}
.ctn-us-btn{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: #222052;
}