.menu--horatio .menu__item a,
.menu__list,
.navbar {
    position: relative
}

.callbacks_nav,
.menu__link {
    -webkit-tap-highlight-color: transparent
}

.callbacks,
.callbacks_tabs,
.events,
.menu__list,
.rslides,
.rslides_tabs {
    list-style: none
}

.content_left ul li,
.fb_icons li,
.header_left ul li,
.login ul li,
.team-info ul li,
ul.con-icons li {
    list-style-type: none
}

.callbacks_nav,
.contact-list li a,
.content_left ul li a,
.copy-right a,
.header_left ul li a,
.hvr-outline-out,
.link,
.login ul li a,
.login-grids p a,
.navbar-default .navbar-brand,
.sign-in a,
body a,
body a:hover,
ul.con-icons li a {
    text-decoration: none
}

.callbacks,
.callbacks_nav,
.fb_icons li,
.gal-spin-effect,
.link--nukun,
.progress,
.rslides {
    overflow: hidden
}

body,
html {
    margin: 0;
    background: #fff;
    font-family: 'Open Sans', sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: Viga, sans-serif
}

p {
    margin: 0
}

label,
ul {
    margin: 0;
    padding: 0
}

input[type=button],
input[type=submit] {
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all
}

body a {
    transition: .5s all;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all
}

.contact {
    background: #253b50;
    padding-bottom: 100px
}

.contact-left {
    padding: 100px 0 55px;
    float: left;
    border-right: 1px solid #9caec2
}

.contact-right {
    padding: 100px 0 0 60px;
    float: right
}

.contact-left h2,
.contact-right h3 {
    font-size: 25px;
    color: #fff
}

.contact-left p.para {
    color: #9caec2;
    line-height: 2.2em;
    font-size: 15px;
    padding-bottom: 50px;
    border-bottom: 1px solid #9caec2;
    margin-top: 30px
}

.copy-right {
    color: #9caec2;
    font-size: 14px;
    margin-top: 50px
}

.copy-right a {
    color: #9caec2
}

.copy-right a:hover {
    color: #fda30e
}

.strip {
    background: #00b4f9;
    width: 50px;
    height: 2px;
    margin-top: 20px
}

.fb_icons li,
.fb_icons li a {
    height: 32px;
    display: inline-block
}

.contact-right input[type=email],
.contact-right input[type=text] {
    border: 1px solid #fff;
    width: 38%;
    margin: 0 0 1.9em;
    outline: 0;
    font-size: 13px;
    color: #fff;
    padding: 10px 12px;
    -webkit-appearance: none;
    background: 0 0
}

.contact-right input[type=submit] {
    border: none;
    padding: 7px 0 9px;
    width: 22%;
    margin-top: 0;
    font-size: 18px;
    color: #fff;
    letter-spacing: 1px;
    outline: 0;
    background: #fda30e;
    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -o-transition: .5s all ease;
    -ms-transition: .5s all ease;
    -webkit-appearance: none
}

.contact-right input[type=submit]:hover {
    background: #00a4e4
}

.contact-right form {
    margin-top: 35px
}

ul.con-icons li {
    color: #9caec2;
    font-size: 14px;
    display: inline-block;
    margin-right: 10px
}

ul.con-icons li span {
    top: 3px;
    font-size: 18px;
    margin-right: 9px
}

ul.con-icons li a {
    color: #9caec2
}

ul.con-icons li a:hover {
    color: #fda30e
}

ul.con-icons {
    margin: 30px 0
}

.fb_icons {
    margin-bottom: 40px
}

.fb_icons li {
    margin: 0 2px
}

.fb_icons li a {
    width: 32px;
    border: 1px solid #9caec2
}

.fb_icons li a.fb {
    background: url(../images/social.png) -48px -7px no-repeat
}

.fb_icons li a.twit {
    background: url(../images/social.png) -7px -7px no-repeat
}

.fb_icons li a.goog {
    background: url(../images/social.png) -88px -7px no-repeat
}

.fb_icons li a.pin {
    background: url(../images/social.png) -130px -7px no-repeat
}

.fb_icons li a.drib {
    background: url(../images/social.png) -171px -7px no-repeat
}

.header {
    background: #00a4e4
}

.header_left {
    float: left;
    width: 50%
}

.header_right {
    float: right
}

.header_left ul li {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    border-left: 1px solid #7eccea;
    padding: 16px 21px
}

.header_left ul li:nth-child(2) {
    border-right: 1px solid #7eccea
}

.header_left ul li span {
    top: 1px;
    font-size: 11px;
    margin-right: 14px;
    border: 1px solid #7eccea;
    padding: 4px 5px;
    border-radius: 3px
}

.header_left ul li a {
    color: #fff
}

.header_left ul li a:hover {
    color: #fda30e
}

.login {
    float: left
}

.login ul li {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    border: 1px solid #7eccea;
    padding: 4px 11px;
    margin: 12px 6px 0 0
}

.login ul li a {
    color: #fff;
    outline: 0
}

.login ul li a span {
    margin-right: 8px;
    font-size: 11px;
    top: 0
}

.navbar-nav {
    float: right
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border: none
}

.navbar-default {
    background: 0 0;
    border: none
}

.navbar {
    min-height: inherit;
    margin-bottom: 0
}

.navbar-default .navbar-brand {
    color: #fda30e;
    font-size: 32px
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    color: #fda30e;
    background-color: transparent
}

.nav>li>a {
    padding: 10px 8px !important
}

.logo h1 a span {
    color: #000
}

.logo h1 a,
.logo h1 a:hover {
    color: #fda30e;
    text-decoration: none
}

.logo h1 a i {
    background: url(../images/logo.png) no-repeat;
    width: 150px;
    height: 82px;
    display: inline-block
}

.banner1,
.banner2,
.banner3,
.banner4 {
    min-height: 500px
}

.menu__list {
    padding: 0;
    margin: 8px 0 0
}

.menu__item {
    display: block;
    margin: 0
}

.menu__link {
    display: block;
    padding: 1em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none
}

.menu__link:focus,
.menu__link:hover {
    outline: 0
}

.menu--horatio {
    padding: 16px 0
}

.menu--horatio .menu__item {
    color: #4e3c3e;
    margin: 0 8px;
    position: relative;
    -webkit-transition: color .25s;
    transition: color .25s
}

li.menu__item.menu__item--current a.menu__link {
    color: #000
}

.menu--horatio .menu__item a::after,
.menu--horatio .menu__item a::before,
.menu--horatio .menu__item::after,
.menu--horatio .menu__item::before {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid currentColor
}

.link,
.link--nukun span {
    display: inline-block;
    position: relative
}

.menu--horatio .menu__item::before {
    border-width: 0 0 0 2px;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

.menu--horatio .menu__item::after {
    border-width: 0 2px 0 0;
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.menu--horatio .menu__item a::after,
.menu--horatio .menu__item a::before {
    z-index: 2
}

.menu--horatio .menu__item a::before {
    border-width: 2px 0 0;
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.menu--horatio .menu__item a::after {
    border-width: 0 0 2px;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

.menu--horatio .menu__item--current a::after,
.menu--horatio .menu__item--current a::before,
.menu--horatio .menu__item--current::after,
.menu--horatio .menu__item--current::before,
.menu--horatio .menu__item:hover a::after,
.menu--horatio .menu__item:hover a::before,
.menu--horatio .menu__item:hover::after,
.menu--horatio .menu__item:hover::before {
    content: '';
    border-color: #fda30e
}

.menu--horatio .menu__item:not(.menu__item--current):hover a::after,
.menu--horatio .menu__item:not(.menu__item--current):hover a::before,
.menu--horatio .menu__item:not(.menu__item--current):hover::after,
.menu--horatio .menu__item:not(.menu__item--current):hover::before {
    -webkit-animation: horatio-anim .6s ease-in-out;
    animation: horatio-anim .6s ease-in-out
}

.menu--horatio .menu__item:not(.menu__item--current):hover::before {
    -webkit-animation-delay: -.45s;
    animation-delay: -.45s
}

.menu--horatio .menu__item:not(.menu__item--current):hover a::before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.menu--horatio .menu__item:not(.menu__item--current):hover::after {
    -webkit-animation-delay: -.15s;
    animation-delay: -.15s
}

.menu--horatio .menu__item:not(.menu__item--current):hover a::after {
    -webkit-animation-delay: 0;
    animation-delay: 0
}

@-webkit-keyframes horatio-anim {

    0%,
    33% {
        opacity: 0;
        -webkit-transform: rotate(45deg) scale(1.5);
        transform: rotate(45deg) scale(1.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes horatio-anim {

    0%,
    33% {
        opacity: 0;
        -webkit-transform: rotate(45deg) scale(1.5);
        transform: rotate(45deg) scale(1.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.header-bottom {
    padding: 0
}

.navbar-default .navbar-nav>li>a {
    color: #000;
    font-size: 17px
}

.link {
    outline: 0;
    line-height: 1
}

.link--nukun {
    padding: 10px 0 0;
    -webkit-transition: color .3s;
    transition: color .3s
}

.link--nukun::after {
    background: #acd07a;
    -webkit-transform: translate3d(-300%, 0, 0) scale3d(0, 1, 1);
    transform: translate3d(-300%, 0, 0) scale3d(0, 1, 1)
}

.link--nukun:hover::before {
    -webkit-transform: translate3d(300%, 0, 0) scale3d(0, 1, 1);
    transform: translate3d(300%, 0, 0) scale3d(0, 1, 1)
}

.link--nukun:hover::after {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
}

.link--nukun span {
    -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 0deg);
    transform: perspective(1000px) rotate3d(0, 1, 0, 0deg);
    -webkit-transition: -webkit-transform .5s, color .5s;
    transition: transform .5s, color .5s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.link--nukun:hover span {
    -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(1000px) rotate3d(0, 1, 0, 180deg)
}

#slider3,
#slider4 {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 auto
}

.rslides_tabs {
    background: rgba(0, 0, 0, .25);
    box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px #000;
    -moz-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px #000;
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px #000;
    font-size: 18px;
    margin: 0 auto 50px;
    max-width: 540px;
    padding: 10px 0;
    text-align: center;
    width: 100%
}

.hvr-outline-out,
.hvr-rectangle-out {
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle
}

.rslides_tabs li {
    display: inline;
    margin-right: 1px
}

.rslides_tabs a {
    width: auto;
    line-height: 20px;
    padding: 9px 20px;
    height: auto;
    background: 0 0;
    display: inline
}

.rslides_tabs li:first-child {
    margin-left: 0
}

.rslides_tabs .rslides_here a {
    background: rgba(255, 255, 255, .1);
    color: #fff;
    font-weight: 700
}

.callbacks_container {
    position: relative;
    float: left;
    width: 100%
}

.callbacks {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0
}

.callbacks li {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

.callbacks img {
    position: relative;
    z-index: 1;
    height: auto;
    border: 0
}

.callbacks .caption {
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 20px;
    text-shadow: none;
    color: #fff;
    left: 0;
    right: 0;
    padding: 10px 20px;
    margin: 0;
    max-width: none;
    top: 10%;
    text-align: center
}

.callbacks_nav {
    position: absolute;
    top: 61%;
    left: 0;
    opacity: .7;
    z-index: 3;
    text-indent: -9999px;
    height: 62px;
    width: 45px;
    margin-top: -65px
}

.callbacks_nav:active {
    opacity: 1
}

a.callbacks_nav.callbacks1_nav.prev {
    left: .6%
}

#slider3-pager a,
#slider4-pager a {
    display: inline-block;
    padding: 0
}

#slider3-pager span,
#slider4-pager span {
    width: 100px;
    height: 15px;
    background: #fff;
    display: inline-block;
    border-radius: 30em;
    opacity: .6
}

.rslides,
.rslides li {
    width: 100%;
    position: relative
}

#slider3-pager .rslides_here a,
#slider4-pager .rslides_here a {
    background: #fff;
    border-radius: 30em;
    opacity: 1
}

#slider3-pager li,
#slider4-pager li {
    display: inline-block
}

.rslides {
    padding: 0;
    margin: 0
}

.rslides li {
    -webkit-backface-visibility: hidden;
    left: 0;
    top: 0;
    display: block
}

.callbacks_tabs {
    position: absolute;
    top: 87%;
    z-index: 999;
    left: 42.5%;
    padding: 0;
    margin: 0
}

ul.callbacks_tabs.callbacks2_tabs {
    top: 107%;
    left: 0
}

.slider-top {
    text-align: center;
    padding: 10em 0
}

.slider-top h1 {
    font-weight: 700;
    font-size: 48px;
    color: #010101
}

.slider-top p {
    font-weight: 400;
    font-size: 20px;
    padding: 1em 7em;
    color: #010101
}

.slider-top ul.social-slide {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.callbacks_tabs li,
ul.social-slide li i {
    display: inline-block
}

ul.social-slide li i {
    width: 70px;
    height: 74px;
    background: url(../images/img-resources.png) no-repeat;
    margin: 0 15px
}

ul.social-slide li i.win {
    background-position: -6px 0
}

ul.social-slide li i.android {
    background-position: -110px 0
}

ul.social-slide li i.mac {
    background-position: -215px 0
}

.callbacks_tabs a {
    visibility: hidden
}

.callbacks_tabs a:after {
    content: "\f111";
    font-size: 0;
    font-family: FontAwesome;
    visibility: visible;
    height: 6px;
    width: 48px;
    display: inline-block;
    background: #ccc;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px
}

.callbacks_here a:after {
    background: #00a4e4
}

a.callbacks_nav.callbacks2_nav.prev {
    background: url(../images/2.png) left top no-repeat;
    width: 23px;
    height: 23px;
    left: 86% !important;
    top: 9%
}

a.callbacks_nav.callbacks2_nav.next {
    background: url(../images/2.png) -29px 0 no-repeat;
    width: 23px;
    height: 23px;
    right: 0 !important;
    top: 9%
}

.modal-body {
    padding: 15px 38px 30px
}

.login-bottom input[type=password],
.login-bottom input[type=text],
.login-right input[type=password],
.login-right input[type=text] {
    width: 100%;
    padding: 10px;
    font-weight: 400;
    background: 0 0;
    border: 1px solid #e6e4e4;
    color: #d2d1d1;
    outline: 0;
    font-size: 14px;
    margin: 6px 0 17px
}

.login-bottom input[type=password]:hover,
.login-bottom input[type=text]:hover,
.login-right input[type=password]:hover,
.login-right input[type=text]:hover {
    border: 1px solid #fda30e
}

.login-bottom h4,
.login-right h4 {
    color: #000;
    font-size: 14px;
    margin: 0;
    font-family: Lato, sans-serif
}

.login-bottom input[type=submit],
.login-right input[type=submit] {
    background: #7b7b7b;
    color: #fff;
    font-size: 17px;
    border: none;
    width: 100%;
    outline: 0;
    -webkit-appearance: none;
    padding: 8px 15px 9px;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all
}

.login-bottom input[type=submit]:hover,
.login-right input[type=submit]:hover {
    background: #fda30e
}

.modal-dialog {
    width: 525px;
    margin: 92px auto 0
}

.modal-header {
    border-bottom: none
}

.login-bottom h3,
.login-right h3 {
    color: #fda30e;
    font-size: 22px;
    margin-bottom: 23px
}

.sign-in a {
    font-size: 12px;
    color: #a9a9a9
}

.sign-in a:hover {
    color: #fda30e
}

.single-bottom input[type=checkbox] {
    display: none
}

.single-bottom input[type=checkbox]+label {
    position: relative;
    padding-left: 31px;
    border: none;
    outline: 0;
    font-size: 14px;
    color: #a9a8a8;
    font-weight: 400
}

.single-bottom input[type=checkbox]+label span:first-child {
    width: 14px;
    height: 14px;
    display: inline-block;
    border: 2px solid #fda30e;
    position: absolute;
    left: 0;
    top: 4px
}

.single-bottom input[type=checkbox]:checked+label span:first-child:before {
    content: "";
    background: url(../images/mark1.png) no-repeat;
    position: absolute;
    left: -1px;
    top: -1px;
    font-size: 10px;
    width: 16px;
    height: 16px
}

.single-bottom {
    margin: 14px 0 22px
}

.login-grids p {
    font-size: 13px;
    text-align: center;
    margin-top: 30px;
    color: #000
}

.login-grids p a {
    color: #000
}

.login-grids p a:hover {
    color: #fda30e
}

.banner1 {
    background: url(../images/banner1.jpg) top no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover
}

.banner2 {
    background: url(../images/banner2.jpg) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover
}

.banner-info,
.banner-info2 {
    margin-top: 1em
}

.banner-info h3,
.banner-info2 h3 {
    color: #00a4e4;
    font-size: 35px;
    line-height: 1.5em
}

.banner-info h3 span,
.banner-info2 h3 span {
    display: block
}

.banner3 .banner-info2 p,
.banner4 .banner-info2 p {
    color: #000
}

.hvr-outline-out {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    background: #fda30e;
    padding: 11px 19px;
    color: #fff;
    font-size: 16px
}

.banner-info p,
.banner-info2 p {
    font-size: 14px;
    line-height: 2.2em;
    width: 54%
}

.hvr-outline-out:before {
    content: '';
    position: absolute;
    border: 4px solid #fda30e;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
    color: #fff !important
}

.hvr-outline-out:active:before,
.hvr-outline-out:focus:before,
.hvr-outline-out:hover:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px
}

.hvr-outline-out:hover {
    color: #fff !important
}

.banner-info p {
    color: #464646;
    margin: 15px 0 34px
}

.banner-info2 p {
    color: #000;
    margin: 30px 0 45px
}

.content_left h3,
.content_middle h3 {
    font-size: 27px;
    margin-bottom: 30px;
    text-align: center
}

.content_left ul li {
    color: #464646;
    line-height: 2.5em;
    text-indent: 2em
}

.content_left ul li a {
    color: #fff;
    background: url(../images/ar1.png) 0 2px no-repeat;
    padding-left: 36px
}

.content_left ul li a:hover {
    padding-left: 44px
}

.content_left h3 {
    color: #fff
}

.welcome {
    background: #00a4e4;
    min-height: 425px
}

.content_right {
    padding-top: 77px
}

.content_middle,
.welcome {
    padding-top: 57px
}

.content_middle h3 {
    color: #00a4e4
}

.content_middle input[type=text],
.content_middle select,
.content_middle textarea {
    background: 0 0;
    color: #999;
    border: 1px solid #00a4e4;
    outline: 0;
    width: 100%;
    margin-bottom: 15px;
    padding: 8px 10px
}

.content_middle input[type=submit] {
    background: #fda30e;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    border: none;
    outline: 0
}

.content_middle input[type=submit]:hover {
    background: #00a4e4
}

.services {
    background-attachment: fixed;
    background-image: url(../images/school.jpg);
    background-position: center top;
    background-size: cover;
    height: auto;
    padding: 50px 0;
    position: relative
}

.services_left h3 {
    color: #00a4e4;
    font-size: 32px
}

.services_left p.ser-para {
    line-height: 2.2em;
    color: #fff;
    font-size: 14px;
    margin: 27px 0 35px
}

.ser-bottom {
    margin-top: 40px
}

.ser-bottom h5 {
    color: #bbb;
    font-family: 'Open Sans', sans-serif;
    line-height: 2em;
    font-style: italic
}

.ser-bottom p {
    color: #fff;
    margin-top: 20px;
    font-size: 20px
}

.list-left {
    float: left;
    width: 50%
}

.list-left span {
    color: #fda30e;
    font-size: 25px;
    padding: 20px;
    border: 1px solid #fff
}

.list-left:hover.list-left span {
    color: #fff;
    border: 1px solid #fda30e;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-border-radius: 100%;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all
}

.list-left h4 {
    color: #00a4e4;
    font-size: 20px;
    margin: 20px 0
}

.list-left p {
    color: #fff;
    line-height: 2.2em;
    font-size: 14px;
    text-align: left
}

.no_marg {
    margin-top: 40px
}

.ind-gds img {
    width: 100%
}

.ind-team {
    padding: 100px 0
}

.ind-team h3 {
    font-size: 35px;
    color: #00a4e4;
    text-align: center;
    margin-bottom: 30px
}

.team-img {
    position: relative
}

.team-info {
    position: absolute;
    bottom: 2px;
    left: 5px;
    background: rgba(255, 255, 255, .59);
    width: 97%;
    text-align: center;
    padding: 21px 0
}

.ind-gds h4 {
    color: #fda30e;
    font-size: 23px;
    margin: 26px 0 11px
}

.ind-gds p {
    color: #464646;
    font-size: 14px;
    font-weight: 600
}

.capabil_grid1,
.capabil_grid2,
.capabil_grid3,
.capabil_grid4 {
    font-size: 60px;
    font-family: Viga, sans-serif
}

.team-info ul li {
    display: inline-block;
    margin: 0 2px;
    overflow: hidden;
    height: 32px
}

.team-info ul li a.eco1 {
    background: url(../images/social.png) -7px -7px no-repeat
}

.team-info ul li a.eco2 {
    background: url(../images/social.png) -48px -7px no-repeat
}

.team-info ul li a.eco3 {
    background: url(../images/social.png) -88px -7px no-repeat
}

.team-info ul li a.eco4 {
    background: url(../images/social.png) -130px -7px no-repeat
}

.team-info ul li a.eco5 {
    background: url(../images/social.png) -171px -7px no-repeat
}

.team-info ul li a {
    width: 32px;
    height: 32px;
    display: inline-block;
    border: 1px solid #9caec2
}

.hvr-rectangle-out {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    background: 0 0;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    color: #fff
}

.hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fda30e;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-rectangle-out:active,
.hvr-rectangle-out:focus,
.hvr-rectangle-out:hover {
    color: #fff
}

.hvr-rectangle-out:active:before,
.hvr-rectangle-out:focus:before,
.hvr-rectangle-out:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.capacity {
    padding: 100px 0;
    background: #f7f7f7
}

.capabil_grid1 {
    color: #00a4e4
}

.capabil_grid2 {
    color: #b7c439
}

.capabil_grid3 {
    color: #fda30e
}

.capabil_grid4 {
    color: #464646
}

.capil_text p,
.nav-tabs>li>a {
    font-family: 'Open Sans', sans-serif
}

.capil_text {
    border: 3px solid #000;
    width: 202px;
    height: 202px;
    margin: 0 auto;
    padding-top: 44px;
    border-radius: 100%;
    border-left: 3px solid #01a4e4;
    border-top: 3px solid #01a4e4
}

.capil_text p {
    color: #464646;
    font-size: 16px;
    font-weight: 600
}

.capacity h3,
h3.tittle {
    color: #00a4e4;
    text-align: center
}

.capacity h3 {
    font-size: 35px;
    margin-bottom: 30px
}

.page_head {
    background: url(../images/background.png) top no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 150px !important
}

.no_banner {
    background: 0 0 !important;
    padding-top: 0;
    min-height: 10px !important
}

.about-page,
.gallery,
.map_contact,
.typrography {
    padding: 10px 0
}

h3.tittle {
    font-size: 38px;
    margin-bottom: 35px
}

.map iframe {
    width: 100%;
    min-height: 400px
}

.contact-grid input[type=date],
.contact-grid input[type=email],
.contact-grid input[type=password],
.contact-grid input[type=text],
.contact-grid select,
.contact-grid textarea {
    outline: 0;
    border: 1px solid #e9e9e9;
    width: 100%;
    background: 0 0;
    color: #999;
    font-size: 14px;
    padding: 12px 10px
}

.contact-grid input[type=email]:hover,
.contact-grid input[type=password]:hover,
.contact-grid input[type=text]:hover,
.contact-grid textarea:hover,
.newsletter:hover {
    border: 1px solid #fda30e;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all
}

.contact-grid textarea {
    min-height: 141px;
    resize: none
}

.contact-grid [type=date],
.contact-grid [type=text],
.contact-grid input[type=email],
.contact-grid select,
.contact-grid textarea {
    margin: .5em 0
}

.contact-grid input[type=password] {
    margin-bottom: .5em
}

.contact-grid input[type=submit] {
    outline: 0;
    border: none;
    width: 100%;
    background: #fda30e;
    color: #fff;
    font-size: 18px;
    padding: 12px 0;
    text-transform: uppercase;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all
}

.contact-grid input[type=submit]:hover {
    background: #00a4e4
}

.contact-left-map p {
    font-size: 14px;
    color: #464646;
    line-height: 2.2em
}

.contact-list {
    margin: 2.2em 0;
    padding: 0
}

.contact-list li {
    display: block;
    margin: 0 0 1em 1em;
    font-size: 15px;
    color: #464646
}

.contact-list li a {
    color: #464646;
    transition: .5s all
}

.contact-list li a:hover {
    color: #00a4e4
}

.contact-list li span {
    color: #fda30e;
    left: -1em
}

.contact-grids {
    margin-bottom: 90px
}

.mb-60 {
    padding-left: 0
}

.mb-60 h4 {
    margin: 36px 0 38px;
    font-size: 24px
}

.tab-content {
    padding: 0 15px 0 0;
    border-top: none
}

.nav-tabs {
    border: none
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    background: #f8f8f8;
    margin-right: 3px;
    border: none;
    border-radius: 0;
    font-size: 14px;
    color: #555;
    padding: 12px 20px;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.nav-tabs>li>a .fa {
    margin-right: 10px
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #000;
    border: none;
    border-radius: 0
}

.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    color: #fff;
    background-color: #000
}

.grid_4,
.grid_5 {
    background: #fff
}

.nav-tabs>li>a i {
    font-size: 32px;
    margin-right: 20px;
    vertical-align: middle
}

.tab-content p {
    line-height: 2.2em;
    font-size: 14px
}

.grid_4 {
    padding: 0
}

.grid_5 {
    padding: 1em 0 2em
}

.table td,
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 15px !important
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    font-size: .8em;
    color: #999;
    border-top: none !important
}

.tab-content>.active {
    display: block;
    visibility: visible
}

.label {
    font-weight: 300 !important;
    padding: 4px 6px;
    border: none;
    text-shadow: none
}

h4.typ1,
h5.typ1 {
    margin-bottom: 15px
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    background-color: #eee;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar,
.progress-bar-primary {
    background-color: #03a9f4
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    box-shadow: none
}

.progress-bar-info {
    background-color: #00bcd4
}

.progress-bar-success {
    background-color: #8bc34a
}

.progress-bar-warning {
    background-color: #ffc107
}

.progress-bar-danger {
    background-color: #e51c23
}

.progress-bar-inverse {
    background-color: #757575
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #5bb2fc !important;
    border-color: #5bb2fc !important
}

.grid_3 p,
.page-header p {
    color: #888;
    font-size: 14px;
    line-height: 2em;
    margin: 1em 0 2em
}

.alert,
.breadcrumb li {
    font-size: .85em
}

.bs-docs-example {
    margin: 1em 0
}

section#tables p {
    margin-top: 1em
}

.badge-primary {
    background-color: #03a9f4
}

.badge-success {
    background-color: #8bc34a
}

.badge-warning {
    background-color: #ffc107
}

.badge-danger {
    background-color: #e51c23
}

.tab-container .tab-content {
    border-radius: 0 2px 2px;
    border: 1px solid #e0e0e0;
    padding: 16px;
    background-color: #fff
}

.nav-tabs {
    margin-bottom: 1em
}

h1.t-button,
h2.t-button,
h3.t-button,
h4.t-button,
h5.t-button {
    line-height: 1.8em;
    margin-top: .5em;
    margin-bottom: .5em
}

.bars {
    margin-bottom: .8em;
    color: #fda30e
}

li.list-group-item1 {
    line-height: 2.5em
}

ol {
    margin-bottom: 44px
}

.list-group {
    margin-bottom: 48px
}

.input-group {
    margin-bottom: 20px
}

.gal-text-box,
.img-box-content {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.gal-text-box img,
.img-box-content img {
    display: block;
    position: relative;
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.img-box-content {
    position: relative
}

.gal-text-box {
    top: 0;
    left: 0;
    position: absolute
}

.gal-spin-effect,
.gal-text-box .info-gal-con,
.separator {
    display: block;
    position: relative
}

.gal-text-box .info-gal-con {
    padding: 2%;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center
}

.separator {
    height: 1px;
    width: 60%;
    margin: 10px auto;
    background: rgba(255, 255, 255, .5);
    clear: both
}

.about_img img,
.baner-top img {
    width: 100%
}

.gal-spin-effect .gal-text-box {
    -wekbit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateZ(0) scale(2, 2);
    -moz-transform: translateZ(0) scale(2, 2);
    -ms-transform: translateZ(0) scale(2, 2);
    -o-transform: translateZ(0) scale(2, 2);
    transform: translateZ(0) scale(2, 2);
    color: #e6e6e6
}

.gal-spin-effect .gal-text-box * {
    z-index: 3
}

.gal-spin-effect .gal-text-box:after,
.gal-spin-effect .gal-text-box:before {
    content: "";
    display: block !important;
    position: absolute;
    visibility: visible !important;
    background-color: rgba(0, 0, 0, .8);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: .6s ease-in-out;
    -moz-transition: .6s ease-in-out;
    -ms-transition: .6s ease-in-out;
    -o-transition: .6s ease-in-out;
    transition: .6s ease-in-out
}

.gal-spin-effect.vertical .gal-text-box:before {
    -webkit-transform: translateZ(0) translateX(100%) rotateZ(180deg);
    -moz-transform: translateZ(0) translateX(100%) rotateZ(180deg);
    -ms-transform: translateZ(0) translateX(100%) rotateZ(180deg);
    -o-transform: translateZ(0) translateX(100%) rotateZ(180deg);
    transform: translateZ(0) translateX(100%) rotateZ(180deg)
}

.gal-spin-effect.vertical .gal-text-box:after {
    -webkit-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
    -moz-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
    -ms-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
    -o-transform: translateZ(0) translateX(-100%) rotateZ(180deg);
    transform: translateZ(0) translateX(-100%) rotateZ(180deg)
}

.gal-spin-effect.vertical:hover .gal-text-box {
    -wekbit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1, 1);
    -moz-transform: translateZ(0) scale(1, 1);
    -ms-transform: translateZ(0) scale(1, 1);
    -o-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0) scale(1, 1)
}

.gal-spin-effect.vertical:hover .gal-text-box:before {
    -webkit-transform: translateZ(0) translateX(50%) rotateZ(0);
    -moz-transform: translateZ(0) translateX(50%) rotateZ(0);
    -ms-transform: translateZ(0) translateX(50%) rotateZ(0);
    -o-transform: translateZ(0) translateX(50%) rotateZ(0);
    transform: translateZ(0) translateX(50%) rotateZ(0)
}

.gal-spin-effect.vertical:hover .gal-text-box:after {
    -webkit-transform: translateZ(0) translateX(-50%) rotateZ(0);
    -moz-transform: translateZ(0) translateX(-50%) rotateZ(0);
    -ms-transform: translateZ(0) translateX(-50%) rotateZ(0);
    -o-transform: translateZ(0) translateX(-50%) rotateZ(0);
    transform: translateZ(0) translateX(-50%) rotateZ(0)
}

.gal-spin-effect.horizontal .gal-text-box:before {
    -webkit-transform: translateZ(0) translateY(100%) rotateZ(180deg);
    -moz-transform: translateZ(0) translateY(100%) rotateZ(180deg);
    -ms-transform: translateZ(0) translateY(100%) rotateZ(180deg);
    -o-transform: translateZ(0) translateY(100%) rotateZ(180deg);
    transform: translateZ(0) translateY(100%) rotateZ(180deg)
}

.gal-spin-effect.horizontal .gal-text-box:after {
    -webkit-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
    -moz-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
    -ms-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
    -o-transform: translateZ(0) translateY(-100%) rotateZ(180deg);
    transform: translateZ(0) translateY(-100%) rotateZ(180deg)
}

.gal-spin-effect.horizontal:hover .gal-text-box {
    -wekbit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1, 1);
    -moz-transform: translateZ(0) scale(1, 1);
    -ms-transform: translateZ(0) scale(1, 1);
    -o-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0) scale(1, 1)
}

.gal-spin-effect.horizontal:hover .gal-text-box:before {
    -webkit-transform: translateZ(0) translateY(50%) rotateZ(0);
    -moz-transform: translateZ(0) translateY(50%) rotateZ(0);
    -ms-transform: translateZ(0) translateY(50%) rotateZ(0);
    -o-transform: translateZ(0) translateY(50%) rotateZ(0);
    transform: translateZ(0) translateY(50%) rotateZ(0)
}

.gal-spin-effect.horizontal:hover .gal-text-box:after {
    -webkit-transform: translateZ(0) translateY(-50%) rotateZ(0);
    -moz-transform: translateZ(0) translateY(-50%) rotateZ(0);
    -ms-transform: translateZ(0) translateY(-50%) rotateZ(0);
    -o-transform: translateZ(0) translateY(-50%) rotateZ(0);
    transform: translateZ(0) translateY(-50%) rotateZ(0)
}

.info-gal-con h4 {
    font-size: 28px;
    margin-bottom: 30px
}

.info-gal-con p {
    font-size: 14px;
    line-height: 2.2em
}

.baner-top a {
    padding: 10px;
    display: block;
    box-shadow: 0 0 9px #bdbdbd
}

.ban-mar {
    margin: 25px 0
}

p.para_abt {
    font-size: 24px;
    line-height: 1.8em;
    text-align: center;
    font-style: italic;
    color: #464646;
    margin-top: 40px
}

.choose-grid h4 {
    font-size: 23px;
    color: #fda30e;
    line-height: 1.4em
}

.choose-grid p {
    font-size: 14px;
    line-height: 2em;
    color: #464646;
    margin-top: 1.2em
}

.choose-grid:nth-child(2) {
    margin: 25px 0 0
}

.testimonials {
    background: #f7f7f7;
    padding: 100px 0;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee
}

.testimonials-grid1 {
    text-align: center
}

.testimonials-grid1 img {
    width: 24%;
    margin: 0 auto;
    padding: 8px;
    border: 2px dotted #fda30e;
    border-radius: 100%
}

.testimonials-grid1 p {
    font-size: 1.5em;
    color: #fda30e;
    margin: 1em 0 0
}

.testimonials-grid2 {
    padding: 1em;
    background: #969696;
    position: relative;
    margin: 2em 0 0
}

.testimonials-grid2:before {
    content: '';
    position: absolute;
    top: -9.5%;
    left: 48%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #969696
}

.testimonials-grid2 p {
    font-size: 14px;
    color: #fff;
    line-height: 1.8em;
    margin: 0
}

@media (max-width:1080px) {
    .map iframe {
        min-height: 320px
    }

    .page_head {
        min-height: 187px !important
    }

    .callbacks_tabs {
        left: 38.5%
    }

    .content_left h3,
    .content_middle h3 {
        font-size: 22px
    }

    .content_left ul li {
        text-indent: 1em
    }

    .content_left ul li a {
        padding-left: 20px
    }

    .content_left ul li a:hover {
        padding-left: 26px
    }

    .content_middle input[type=text],
    .content_middle select {
        font-size: 13px
    }

    .content_middle input[type=submit] {
        padding: 8px 10px;
        font-size: 14px
    }

    .content_middle,
    .welcome {
        padding-top: 40px
    }

    .welcome {
        min-height: 380px
    }

    .content_right {
        padding-top: 98px
    }

    .capabil_grid1,
    .capabil_grid2,
    .capabil_grid3,
    .capabil_grid4 {
        font-size: 54px
    }

    .contact {
        padding-bottom: 72px
    }

    .contact-left {
        padding: 72px 0 55px
    }

    .contact-right {
        padding: 72px 0 0 45px
    }

    .choose-grid h4 {
        font-size: 18px
    }

    .choose-grid:nth-child(2) {
        margin: 14px 0 0
    }

    .choose-grid p {
        margin-top: 1em
    }

    p.para_abt {
        font-size: 20px
    }

    .about-page,
    .capacity,
    .gallery,
    .ind-team,
    .map_contact,
    .services,
    .testimonials,
    .typrography {
        padding: 72px 0
    }

    .testimonials-grid2:before {
        top: -6.5%
    }

    .info-gal-con h4 {
        font-size: 22px;
        margin-bottom: 16px
    }
}

@media (max-width:1024px) {

    .banner-info,
    .banner-info2 {
        margin-top: 6em
    }

    .banner-info h3,
    .banner-info2 h3 {
        font-size: 27px
    }

    .banner-info p,
    .banner-info2 p,
    .capil_text p,
    .choose-grid p,
    .contact-left p.para,
    .contact-left-map p,
    .contact-list li,
    .content_left ul li,
    .copy-right,
    .ind-gds p,
    .info-gal-con p,
    .list-left p,
    .ser-bottom h5,
    .services_left p.ser-para,
    .testimonials-grid2 p,
    ul.con-icons li {
        font-size: 13px
    }

    .banner-info p {
        width: 62%
    }

    .banner1,
    .banner2,
    .banner3,
    .banner4 {
        min-height: 499px
    }

    .content_left ul li {
        line-height: 2.7em
    }

    .contact-grid input[type=email],
    .contact-grid input[type=password],
    .contact-grid input[type=text],
    .contact-grid textarea {
        font-size: 13px;
        padding: 8px 10px
    }

    .contact-grids {
        margin-bottom: 72px
    }
}

@media (max-width:991px) {
    .navbar-default .navbar-nav>li>a {
        font-size: 13px
    }

    .nav>li>a {
        padding: 7px 12px !important
    }

    .logo.grid a {
        font-size: 31px
    }

    .link--nukun {
        padding: 5px 0 0
    }

    .header_left ul li {
        padding: 16px 13px
    }

    .hvr-outline-out {
        padding: 8px 14px;
        font-size: 13px
    }

    .callbacks_tabs a:after {
        height: 4px;
        width: 33px
    }

    .content_left,
    .content_middle {
        float: left;
        width: 50%
    }

    .content_right {
        float: none;
        width: 50%;
        margin: 0 auto 30px;
        padding-top: 72px
    }

    .content_left ul li {
        text-indent: 2.1em
    }

    .services_left {
        padding: 0
    }

    .services_right {
        margin-top: 74px
    }

    .services_left p.ser-para {
        margin: 17px 0 21px
    }

    .ser-bottom {
        margin-top: 18px
    }

    .ser-bottom p {
        margin-top: 12px
    }

    .ind-gds {
        float: left;
        width: 33.333%;
        padding: 0 10px
    }

    .capabil_grid1,
    .capabil_grid2,
    .capabil_grid3,
    .capabil_grid4 {
        float: left;
        width: 25%;
        padding: 0 10px;
        font-size: 34px
    }

    .capil_text {
        padding-top: 35px;
        width: 150px;
        height: 150px
    }

    .contact-left,
    .contact-right {
        width: 50%
    }

    .contact-left p.para {
        padding-bottom: 33px;
        padding-right: 9px
    }

    .copy-right {
        margin-top: 36px;
        padding-right: 9px;
        line-height: 1.8em
    }

    .contact-right input[type=email],
    .contact-right input[type=text] {
        width: 100%;
        margin: 0 0 1em;
        padding: 7px 12px
    }

    .fb_icons {
        margin-bottom: 24px
    }

    ul.con-icons {
        margin: 23px 0
    }

    .contact-right form {
        margin-top: 17px
    }

    .contact-right input[type=submit] {
        padding: 6px 0;
        width: 27%;
        font-size: 15px
    }

    .contact-left h2,
    .contact-right h3 {
        font-size: 22px
    }

    .contact-right {
        padding: 72px 0 0 29px
    }

    .about_img img {
        width: inherit
    }

    .choose-grid h4 {
        font-size: 20px
    }

    .about_img {
        padding: 0
    }

    .about_img_left {
        margin-top: 35px
    }

    p.para_abt {
        font-size: 17px;
        margin-top: 25px
    }

    .testimonials-grid {
        float: left;
        width: 50%;
        padding: 0 6px
    }

    .testimonials-grid1 img {
        width: 32%;
        margin: 0 auto
    }

    .baner-top,
    .contact-grid,
    .contact-left-map {
        float: left;
        width: 50%
    }

    .testimonials-grid1 p {
        font-size: 1.3em
    }

    .baner-top {
        padding: 0 10px
    }

    .ban-mar {
        margin: 25px 0 0
    }

    .baner-top:nth-child(7),
    .baner-top:nth-child(8) {
        margin-top: 25px
    }
}

@media (max-width:800px) {
    h3.tittle {
        font-size: 34px
    }

    .map iframe {
        min-height: 250px
    }

    .header_left ul li,
    .login ul li {
        font-size: 12px
    }

    .contact-grids {
        margin-bottom: 51px
    }
}

@media (max-width:767px) {
    ul.nav.navbar-nav.menu__list {
        width: 100%
    }

    .menu--horatio .menu__item {
        margin: 7px 0
    }

    .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fda30e
    }

    .navbar-default .navbar-toggle {
        border-color: #000
    }

    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background: 0 0
    }

    .menu--horatio .menu__item--current a::after,
    .menu--horatio .menu__item--current a::before,
    .menu--horatio .menu__item--current::after,
    .menu--horatio .menu__item--current::before,
    .menu--horatio .menu__item:hover a::after,
    .menu--horatio .menu__item:hover a::before,
    .menu--horatio .menu__item:hover::after,
    .menu--horatio .menu__item:hover::before {
        content: initial
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 13px;
        border: 2px solid transparent;
        text-align: center
    }

    .navbar-default .navbar-nav>li>a:hover,
    li.menu__item.menu__item--current a.menu__link {
        border: 2px solid #fda30e
    }

    .contact-grid,
    .contact-left-map {
        padding: 0 10px
    }

    .contact-list {
        margin: 1.5em 0 0
    }
}

@media (max-width:667px) {
    .banner-info p {
        width: 77%;
        margin: 9px 0 15px
    }

    .header_left ul li {
        padding: 11px 6px
    }

    .header_left {
        float: left;
        width: 56%
    }

    .login ul li {
        margin: 9px 6px 0 0
    }

    .page_head {
        min-height: 127px !important
    }

    .contact-grid,
    .contact-left-map {
        padding: 0;
        width: 100%
    }

    .contact-grids {
        margin-bottom: 0
    }

    .contact-left-map {
        margin: 30px 0
    }

    .contact-right {
        float: left;
        width: 100%
    }

    .contact-left {
        float: right;
        width: 100%;
        border: none;
        padding: 45px 0 0
    }

    .contact-right input[type=email],
    .contact-right input[type=text] {
        width: 35%;
        margin: 0
    }

    .contact-right input[type=submit] {
        padding: 6px 0 8px
    }

    .callbacks_tabs {
        left: 36.5%
    }

    .capil_text {
        padding-top: 25px;
        width: 130px;
        height: 130px
    }

    .capabil_grid1,
    .capabil_grid2,
    .capabil_grid3,
    .capabil_grid4 {
        font-size: 31px
    }

    .contact-right {
        padding: 72px 0 0
    }

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

@media (max-width:640px) {

    .banner-info h3,
    .banner-info2 h3 {
        font-size: 20px;
        width: 75%
    }

    .banner-info2 p {
        line-height: 2em;
        margin: 12px 0 26px
    }

    .banner-info h3 span,
    .banner-info2 h3 span {
        display: inline-block
    }

    .banner-info2 h3 {
        margin: 0 auto
    }

    .banner-info p {
        width: 100%
    }

    .banner1,
    .banner2,
    .banner3,
    .banner4 {
        min-height: 384px
    }

    .banner-info,
    .banner-info2 {
        margin-top: 5em
    }

    .content_left ul li {
        text-indent: 1em
    }

    .capacity h3,
    .ind-team h3,
    .services_left h3,
    h3.tittle {
        font-size: 28px
    }

    .ind-gds {
        float: none;
        width: 50%;
        padding: 0;
        margin: 0 auto
    }

    .testimonials-grid1 img {
        width: 43%
    }

    .about_img img {
        width: 100%
    }
}

@media (max-width:600px) {
    .header_left {
        float: left;
        width: 59%
    }

    .mfp-close {
        right: 14px
    }

    .modal-dialog {
        width: 454px
    }

    .content_left,
    .content_middle {
        width: 61%;
        float: none;
        margin: 0 auto
    }

    .content_middle {
        padding-bottom: 40px
    }

    .services_right {
        padding: 0
    }

    .list-left {
        padding: 0 11px
    }

    .capabil_grid1,
    .capabil_grid2,
    .capabil_grid3,
    .capabil_grid4 {
        float: left;
        width: 50%
    }

    .capil_text {
        padding-top: 36px;
        width: 145px;
        height: 145px
    }

    .capabil_grid3,
    .capabil_grid4 {
        margin-top: 30px
    }

    .testimonials-grid2:before {
        top: -4.5%
    }

    .callbacks_tabs a:after {
        width: 27px
    }

    .baner-top {
        float: none;
        width: 56%;
        padding: 0;
        margin: 0 auto 25px !important
    }
}

@media (max-width:568px) {

    .header_left,
    .header_right {
        width: 100%;
        text-align: center
    }

    .header_left {
        float: left
    }

    .header_left ul li {
        padding: 11px 15px
    }

    .login {
        float: none
    }

    .header_right {
        float: left;
        padding: 13px 0;
        border-top: 1px solid #7eccea
    }

    .login ul li {
        margin: 0 6px 0 0
    }

    .banner-info h3,
    .banner-info2 h3 {
        width: 80%
    }

    .baner-top {
        width: 63%
    }

    h1.t-button,
    h2.t-button,
    h3.t-button,
    h4.t-button,
    h5.t-button {
        font-size: 18px
    }

    .ui-datepicker {
        width: 43.7%
    }

    .ui-datepicker td a,
    .ui-datepicker td span {
        display: block;
        padding: .5em;
        font-size: 1.2em
    }

    .ui-datepicker .ui-datepicker-title {
        line-height: 1.5em;
        font-size: 1.2em
    }
}

@media (max-width:480px) {
    .map iframe {
        min-height: 207px
    }

    .contact-grid textarea {
        min-height: 135px
    }

    .contact-grid input[type=submit] {
        font-size: 16px;
        padding: 10px 0
    }

    .content_left,
    .content_middle,
    .content_right {
        width: 73%
    }

    .banner-info h3,
    .banner-info2 h3,
    .list-left {
        width: 100%
    }

    .banner-info,
    .banner-info2 {
        margin-top: 3em
    }

    .banner-info p {
        line-height: 2em
    }

    .callbacks_tabs {
        left: 33.5%
    }

    .list-left h4 {
        margin: 20px 0 8px
    }

    .list-left {
        float: left;
        padding: 0;
        margin-bottom: 25px
    }

    .no_marg {
        margin-top: 0
    }

    .list-left:nth-child(4) {
        margin: 0
    }

    .ind-gds {
        width: 72%
    }

    .testimonials-grid {
        float: left;
        width: 100%;
        padding: 0
    }

    .testimonials-grid1 img {
        width: 28%
    }

    .testimonials-grid:nth-child(2) {
        margin-top: 30px
    }

    p.para_abt {
        font-size: 14px
    }

    .baner-top {
        width: 74%
    }

    .ind-gds:nth-child(3) {
        margin: 25px auto
    }
}

@media (max-width:414px) {
    .log {
        width: 100%
    }

    .logo.grid a {
        font-size: 27px
    }

    .logo h1 a i {
        width: 85px;
        height: 36px;
        background-size: 100% !important
    }

    .baner-top,
    .content_right,
    .ind-gds {
        width: 100%
    }

    .banner-info h3,
    .banner-info2 h3 {
        font-size: 17px
    }

    .banner-info p,
    .banner-info2 p {
        line-height: 1.8em;
        font-size: 12px
    }

    .navbar-toggle {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0
    }

    .content_right {
        padding: 50px 0 0
    }

    .content_left,
    .content_middle {
        width: 100%;
        padding: 0
    }

    .content_left ul li {
        text-indent: 3em
    }

    .content_left ul li a:hover {
        padding-left: 39px
    }

    .content_left ul li a {
        padding-left: 36px
    }

    .content_middle {
        margin: 50px 0
    }

    .banner1,
    .banner2,
    .banner3,
    .banner4 {
        min-height: 322px
    }

    .banner-info2 p {
        margin: 7px 0 13px
    }

    .banner-info p {
        margin: 6px 0 11px
    }

    .callbacks_tabs {
        left: 31.5%
    }

    .about-page,
    .capacity,
    .gallery,
    .ind-team,
    .map_contact,
    .services,
    .testimonials,
    .typrography {
        padding: 50px 0
    }

    .contact-left {
        padding: 50px 0 0
    }

    .contact {
        padding-bottom: 50px
    }

    .contact-left h2,
    .contact-right h3 {
        font-size: 20px
    }

    .ser-bottom h5 {
        font-size: 14px
    }

    .modal-dialog {
        width: 326px
    }

    .modal-body {
        padding: 15px 21px 30px
    }

    .login-bottom input[type=password],
    .login-bottom input[type=text],
    .login-right input[type=password],
    .login-right input[type=text] {
        padding: 6px 10px;
        font-size: 13px
    }

    .login-grids p {
        line-height: 1.8em
    }

    .login-bottom h3,
    .login-right h3 {
        font-size: 18px
    }

    .pagination-lg>li>a,
    .pagination-lg>li>span {
        padding: 5px 12px
    }

    .ui-datepicker {
        width: 59.7%
    }

    .contact-right {
        padding: 50px 0 0
    }
}

@media (max-width:384px) {
    .header_left ul li {
        padding: 11px 10px
    }

    .login_pop input[type=text] {
        font-size: 1em
    }

    .header-bottom {
        padding: 8px 0
    }

    .navbar-toggle {
        margin-top: 2px
    }

    .banner-info h3,
    .banner-info2 h3 {
        font-size: 16px
    }

    .hvr-outline-out {
        padding: 5px
    }

    .hvr-outline-out:before {
        border: 2px solid #fda30e
    }

    .hvr-outline-out:active:before,
    .hvr-outline-out:focus:before,
    .hvr-outline-out:hover:before {
        top: -5px;
        right: -5px;
        bottom: -5px;
        left: -5px
    }

    .callbacks_tabs {
        top: 90%
    }

    .callbacks_tabs a:after {
        width: 24px
    }

    .choose-grid h4 {
        font-size: 19px
    }

    h1.t-button,
    h2.t-button,
    h3.t-button,
    h4.t-button,
    h5.t-button {
        font-size: 16px
    }

    .page_head {
        min-height: 96px !important
    }

    .contact-grid textarea {
        min-height: 114px
    }

    .contact-right input[type=email],
    .contact-right input[type=text] {
        width: 100%;
        margin: 0 0 1em
    }
}

@media (max-width:375px) {
    .ui-datepicker {
        width: 64.7%
    }
}

@media (max-width:320px) {

    .header_left ul li,
    .login ul li {
        font-size: 12px
    }

    .header_left ul li {
        padding: 11px 5px
    }

    .header_left ul li span {
        margin-right: 4px
    }

    .navbar-toggle {
        padding: 7px
    }

    .capabil_grid1,
    .capabil_grid2,
    .capabil_grid3,
    .capabil_grid4 {
        float: left;
        width: 100%
    }

    .capabil_grid2 {
        margin-top: 30px
    }

    .content_left ul li {
        text-indent: 1em;
        line-height: 2.2em
    }

    .content_left ul li a {
        padding-left: 25px
    }

    .content_left ul li a:hover {
        padding-left: 32px
    }

    .banner-info,
    .banner-info2 {
        margin-top: 2em
    }

    .banner-info h3,
    .banner-info2 h3 {
        font-size: 14px
    }

    .content_left h3 {
        margin-bottom: 18px
    }

    .welcome {
        min-height: 310px
    }

    .ui-datepicker {
        width: 71.7%
    }

    ul.con-icons li {
        margin-right: 7px
    }

    ul.con-icons li span {
        margin-right: 6px
    }

    .modal-dialog {
        width: 285px;
        margin: 70px auto 0
    }

    .login-bottom h4,
    .login-right h4 {
        font-size: 13px
    }

    .modal-body {
        padding: 0 18px 13px
    }

    .testimonials-grid1 img {
        width: 37%
    }

    .pagination-lg>li>a,
    .pagination-lg>li>span {
        padding: 5px 9px
    }

    .table td,
    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
        padding: 10px !important
    }

    .baner-top a {
        padding: 6px
    }

    .separator {
        margin: 3px auto
    }

    .capacity h3,
    .ind-team h3,
    .services_left h3,
    h3.tittle {
        font-size: 26px
    }

    .map iframe {
        min-height: 177px
    }
}

.blink_me {
    animation: blinker 3s linear infinite;
    text-align: center;
    color: red;
    padding-bottom: 8px
}

.blink_me a {
    color: red
}

@keyframes blinker {
    90% {
        opacity: 0
    }
}