.inncontent p,
body,
html {
    font-family: Arial, Helvetica, sans-serif
}

.containermain,
.dd2 {
    padding: 0!important
}

.head-nav ul li a,
.heading,
.r-tabs,
.what-top,
ul.tabs li {
    position: relative
}

.head-nav ul li,
.head-nav ul li a {
    outline: 0;
    text-decoration: none;
    display: inline-block;
    font-weight: 400;
    letter-spacing: 1px
}

.clear,
.clearfix:after,
.container:after,
.heading,
.news-letter,
.row:after {
    clear: both
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0
}

ol,
p,
ul {
    margin: 0
}

body,
html {
    background: #F7EBDB
}

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

.head-nav {
    float: right;
    width: 80%;
    background-color: #FF3613;
    border-radius: 50px 0 0
}

.containermain {
    background-color: #F7EBDB;
    box-shadow: 0 10px 10px #666
}

.dd2 {
    border-bottom: 5px solid #FF3613
}

.dd1 {
    margin-bottom: 30px
}

.head-nav ul li a {
    margin: 0 19px;
    padding: 0;
    color: #000;
    text-shadow: 0 0 1px rgba(255, 255, 255, .3);
    font-size: 1em
}

.head-nav a:focus,
.head-nav a:hover {
    outline: 0
}

.head-nav ul {
    padding: 0;
    float: right;
    margin: 0
}

.head-left,
.logo {
    float: left
}

*,
::before,
:after {
    box-sizing: border-box
}

#portfoliolist .portfolio,
*,
::before,
:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.head-nav ul li {
    line-height: 50px;
    border-radius: 15px;
    font-size: 16px;
    margin: 0 .5em
}

.head-nav ul li a:hover,
.head-nav ul li.active a {
    color: #000
}

ul a:focus,
ul a:hover {
    outline: 0;
    color: #000;
    text-decoration: none
}

.cl-effect-3 a {
    padding: 8px 0
}

.cl-effect-3 a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 4px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    -moz-transition: opacity .3s, -moz-transform .3s;
    transition: opacity .3s, transform .3s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px)
}

.cl-effect-3 a:focus::after,
.cl-effect-3 a:hover::after {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}

.logo {
    text-align: right
}

.logo a {
    display: block
}

.header-bottom {
    padding: 2em 0 .39em
}

#servicesm li {
    float: left;
    text-align: left;
    width: 33%
}

i.mail,
i.phone {
    display: inline-block;
    width: 21px;
    vertical-align: middle
}

#servicesm li a {
    text-align: left;
    line-height: 30px;
    font-size: 16px
}

i.mail {
    height: 18px;
    background: url(../images/img-sprite.png) -59px -12px no-repeat;
    margin-right: .3em
}

i.phone {
    height: 22px;
    background: url(../images/img-sprite.png) -18px -10px no-repeat;
    margin-right: .1em
}

i.fb,
i.fb:hover {
    background: url(../images/img-sprite.png) -102px -6px no-repeat
}

i.dib,
i.fb,
i.in,
i.ttt,
i.twt,
i.ve {
    height: 18px
}

i.dib,
i.fb,
i.fli,
i.in,
i.rss,
i.ttt,
i.twt,
i.ve {
    width: 20px;
    vertical-align: middle
}

ul.number {
    padding: 0
}

ul.number li {
    list-style: none;
    display: inline-block;
    margin: 0 1em
}

ul.number li a,
ul.number li span {
    color: #758594;
    padding: .4em 0;
    display: block;
    font-size: 1.2em;
    font-weight: 300
}

.head-right li {
    display: inline-block;
    margin: 0
}

.head-right ul {
    padding: 0;
    margin: 0
}

.head-right {
    float: right;
    margin: .5em 0
}

#sidebar,
.customlist2 li,
.reservation ul li,
i.dib,
i.drib,
i.fb,
i.in,
i.rss,
i.ttt,
i.twt,
i.ve,
ul.tabs li {
    float: left
}

.header-top {
    padding: 1em 0;
    border-bottom: 1px solid #b8b8b8
}

i.twt {
    background: url(../images/img-sprite.png) -129px -26px no-repeat
}

i.twt:hover {
    background: url(../images/img-sprite.png) -129px -6px no-repeat
}

i.ttt {
    background: url(../images/img-sprite.png) -154px -27px no-repeat
}

i.ttt:hover {
    background: url(../images/img-sprite.png) -154px -6px no-repeat
}

i.ve {
    background: url(../images/img-sprite.png) -179px -27px no-repeat
}

i.ve:hover {
    background: url(../images/img-sprite.png) -179px -6px no-repeat
}

i.in {
    background: url(../images/img-sprite.png) -203px -28px no-repeat
}

i.in:hover {
    background: url(../images/img-sprite.png) -203px -6px no-repeat
}

i.dib {
    background: url(../images/img-sprite.png) -229px -26px no-repeat
}

i.dib:hover {
    background: url(../images/img-sprite.png) -229px -5px no-repeat
}

i.fli {
    height: 15px;
    background: url(../images/img-sprite.png) -254px -29px no-repeat;
    float: left
}

i.fli:hover {
    background: url(../images/img-sprite.png) -254px -9px no-repeat
}

i.rss {
    height: 18px;
    background: url(../images/img-sprite.png) -279px -27px no-repeat
}

i.rss:hover {
    background: url(../images/img-sprite.png) -279px -6px no-repeat
}

.banner {
    padding: 0
}

.book1 input[type=text] {
    width: 100%!important;
    color: #666;
    font-size: 1.2em;
    background: #eee;
    font-weight: 300;
    padding: 10px 14px;
    font-style: italic;
    outline: 0;
    border: 1px solid #fff;
    box-shadow: inset 0 0 2px #ececec;
    -webkit-box-shadow: inset 0 0 2px #ececec;
    -moz-box-shadow: inset 0 0 2px #ececec;
    -o-box-shadow: inset 0 0 2px #ececec;
    -webkit-appearance: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px
}

#tab-body,
.tabcontainer,
ul.tabs li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ebebeb;
    border-image: none;
    border-style: solid
}

.reservation ul li {
    list-style: none;
    width: 30%
}

.banner-info h1 {
    color: #fff;
    font-size: 3em;
    font-weight: 800;
    text-align: center;
    margin: 0
}

.banner-info p {
    color: #fff;
    font-size: 1.2em;
    text-align: center;
    margin: 1em auto;
    line-height: 1.8em;
    width: 84%
}

i.best,
i.interv,
i.resu {
    display: inline-block;
    width: 94px;
    height: 94px;
    vertical-align: middle
}

.our h2,
.our h5 {
    text-transform: uppercase;
    color: #202020;
    text-align: center
}

.our h5 {
    font-size: 1.5em;
    font-weight: 400
}

.our h2 {
    font-size: 2.5em;
    font-weight: 800;
    margin: 0
}

.our p {
    color: #666;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.8em;
    text-align: justify;
    margin: 1em 0
}

.our-top,
.title_pattern {
    text-align: center
}

.our {
    padding: 1em 0 0;
    border-bottom: 0 solid #eee
}

i.best {
    background: url(../images/img-sprite.png) -11px -145px no-repeat
}

i.resu {
    background: url(../images/img-sprite.png) -118px -145px no-repeat
}

i.interv {
    background: url(../images/img-sprite.png) -225px -145px no-repeat
}

.our-top h3 {
    color: #202020;
    font-size: 1.6em;
    margin: 1em 0 0;
    font-weight: 400
}

.employs {
    padding: 0
}

.team-top li {
    display: inline-block;
    margin: 0 .1em
}

.title_pattern {
    background: url(../images/pattern_title.gif) left center repeat-x;
    font-size: 16px;
    margin: 20px 0
}

.uppercase {
    text-transform: uppercase
}

.title_pattern span {
    background: #fff;
    padding: 0 20px
}

.inncontent p {
    text-align: left;
    text-align: justify;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 25px
}

.inncontent img {
    width: 100%;
    margin-bottom: 20px
}

#sidebar {
    padding-left: 35px;
    width: 100%
}

#sidebar ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#sidebar ul li.widget-container {
    clear: both;
    margin: 0 0 40px!important
}

#sidebar .widget-title {
    font-size: 16px;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: left
}

#sidebar ul li a,
#sidebar ul li a:visited {
    color: #555
}

#sidebar ul li a:hover {
    color: #dc6a4d;
    text-decoration: none
}

#sidebar li {
    background: url(../images/double_line.gif) left bottom repeat-x, url(../images/arrow.gif) 0 7px no-repeat;
    list-style-type: none;
    margin: 0 0 8px;
    padding: 0 0 8px 15px;
    text-align: left
}

#sidebar li:hover {
    background: url(../images/double_line.gif) left bottom repeat-x, url(../images/arrow2.gif) 0 7px no-repeat
}

.heading {
    background: #e8e800;
    height: auto;
    padding: 30px 0
}

ul.tabs,
ul.tabs li {
    margin: 0;
    height: 41px
}

.tabcontainer {
    border-width: 0 0 0 1px;
    margin: 0
}

ul.tabs {
    list-style: none;
    padding: 0 0 1px;
    width: 100%
}

ul.tabs li {
    background: url(../images/navtab.gif) repeat-x;
    border-width: 1px 1px 0 0;
    font-family: Ubuntu, Arial;
    font-size: 14px;
    line-height: 41px;
    overflow: hidden;
    padding: 0 15px
}

.footer-top p,
.recnt p,
.what-top p {
    line-height: 1.8em
}

ul.tabs li a {
    color: #555;
    display: block;
    outline: 0;
    padding: 0;
    text-decoration: none
}

.tab-content {
    padding: 20px 0
}

ul.tabs li.active {
    background: 0 0
}

html ul.tabs li.active a {
    color: #dc6a4d
}

#tab-body {
    border-width: 1px 1px 1px 0;
    padding: 0 20px
}

.customlist2 {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.customlist2 li {
    margin-right: 20px;
    width: 220px
}

.customlist2 li.last {
    margin: 0
}

.imgleading {
    margin: 25px 0
}

.r-tabs .r-tabs-nav .r-tabs-tab {
    position: relative;
    top: 0
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
    background: 0 0;
    padding: .5em 0;
    display: inline-block;
    text-decoration: none;
    color: #666;
    font-size: 1.3em;
    margin: 0 0 0 1em
}

.r-tabs .r-tabs-nav .r-tabs-state-disabled {
    opacity: .5
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    color: #666;
    font-weight: 700;
    border-bottom: 4px solid #F1B30A
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    display: block;
    padding: 10px;
    color: #000;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 3px
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
    opacity: .5
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background-color: #fff;
    color: #F03627;
    margin-bottom: 0
}

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none
}

.r-tabs .r-tabs-panel {
    padding: 2em 0;
    display: none
}

.r-tabs .r-tabs-accordion-title {
    display: none
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block
}

.air li,
.air-1 li {
    vertical-align: middle;
    display: inline-block
}

.apply_btn form input[type=submit] {
    text-transform: capitalize;
    width: 100%!important;
    background: #42E4d8;
    color: #fff;
    padding: 10px;
    border: none;
    font-size: 1em;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    outline: 0;
    cursor: pointer;
    font-weight: 400;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px
}

.recnt h3,
.recnt h6 {
    text-align: center;
    text-transform: uppercase
}

.apply_btn form input[type=submit]:hover {
    background: #00FFEC
}

.air ul {
    padding: 0
}

.air,
.air-1 {
    padding: 1em
}

i.drib {
    width: 74px;
    height: 76px;
    background: url(../images/img-sprite.png) -249px -56px no-repeat;
    vertical-align: middle
}

i.cli,
i.facb,
i.intre,
i.wind {
    vertical-align: middle;
    width: 76px;
    height: 76px;
    float: left
}

i.cli {
    background: url(../images/img-sprite.png) -320px -54px no-repeat
}

i.facb {
    background: url(../images/img-sprite.png) -165px -56px no-repeat
}

i.intre {
    background: url(../images/img-sprite.png) -84px -56px no-repeat
}

i.wind {
    background: url(../images/img-sprite.png) -4px -56px no-repeat
}

.recnt h4 {
    color: #202020;
    font-weight: 700;
    font-size: 1.3em;
    margin: 0;
    vertical-align: middle
}

.recnt p {
    color: #666;
    font-size: 1em;
    font-weight: 400;
    vertical-align: middle
}

li.ic-on {
    width: 11%;
    vertical-align: middle
}

li.wb-dis {
    width: 26%;
    vertical-align: middle
}

li.dr-co {
    width: 17%;
    vertical-align: middle
}

li.sa-pn {
    width: 19%;
    vertical-align: middle
}

li.dolla {
    width: 10%;
    vertical-align: middle
}

.air {
    background: #f9f9f9
}

.air-1 {
    background: #f4ffff
}

.air-1:hover,
.air:hover {
    background: #42E4d8
}

.recnt h5 {
    margin: 0;
    font-size: 1.1em;
    font-weight: 300;
    color: #202020
}

.air-1:hover li p,
.air:hover,
.air:hover li p {
    color: #fff
}

.air-1:hover {
    color: #fff
}

.recnt h6 {
    color: #202020;
    font-size: 1.4em;
    font-weight: 300
}

.recnt span {
    color: #E442C2;
    font-weight: 800
}

.recnt h3 {
    color: #202020;
    font-size: 2.5em;
    font-weight: 800;
    margin: .5em 0 2em
}

.recent-right {
    background: url(../images/10.jpg) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 500px
}

.recent-right-info h3 {
    color: #fff;
    text-align: left;
    padding: 0 .5em .8em;
    margin: 0
}

.cre_btn form input[type=submit] {
    width: 100%!important;
    background: #42E4d8;
    color: #fff;
    padding: 17px;
    border: none;
    font-size: 1.1em;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    outline: 0;
    cursor: pointer;
    font-weight: 400;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px
}

.what h3,
.what h6 {
    text-transform: uppercase;
    text-align: center;
    color: #202020
}

.cre_btn form input[type=submit]:hover {
    background: #666
}

.recent-right-info {
    padding: 23em 0 0
}

.what {
    min-height: 500px;
    padding: 4em 0
}

.what h6 {
    font-size: 1.4em;
    font-weight: 300
}

.what h3 {
    font-size: 2.5em;
    font-weight: 800;
    margin: .5em 0 2em
}

.what-top {
    background: #42E4d8;
    width: 67%;
    padding: 2em;
    margin: 0 auto
}

.what-bottom {
    position: absolute;
    top: 6em;
    right: -1em
}

.what-top p {
    color: #fff;
    font-size: 1em;
    margin: 1em 0;
    font-weight: 400
}

.days {
    padding: 0
}

.what-top h5 {
    color: #fff;
    font-size: 1.2em;
    margin: 0;
    font-weight: 700
}

.what-top span {
    font-size: 1em;
    font-style: italic
}

.footer-top {
    background: #8F2415;
    padding: 3em 0
}

.footer-top p {
    color: #eee;
    font-size: 1em;
    font-weight: 400;
    margin: 1em 0
}

.footer-top h6 {
    color: #fff;
    font-size: 1em;
    font-weight: 700;
    margin: 0
}

.footer-top h3 {
    color: #fff;
    font-size: 1.5em;
    font-weight: 700;
    margin: 1em 0
}

.footer-top li {
    display: block;
    line-height: 2em
}

.footer-top ul {
    padding: 0
}

.footer-top li a {
    color: #fff;
    font-size: 1em
}

.footer-top li a:hover {
    color: #bd0c0c
}

.footer-bottom {
    background: #FF3613;
    padding: 1em 0
}

.footer-bottom p {
    color: #fff;
    font-size: 1em;
    line-height: 1.8em;
    font-weight: 400
}

.footer-bottom a {
    color: #fff;
    text-decoration: none
}

.footer-bottom a:hover {
    color: #42E4d8
}

.recnt {
    padding: 4em 0;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee
}

#slider2,
#slider3 {
    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 rgba(0, 0, 0, 1);
    -moz-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1);
    font-size: 18px;
    list-style: none;
    margin: 0 auto 50px;
    max-width: 540px;
    padding: 10px 0;
    text-align: center;
    width: 100%
}

.rslides_tabs li {
    display: inline;
    float: none;
    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
}

.events {
    list-style: none
}

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

.callbacks {
    position: relative;
    list-style: none;
    overflow: hidden;
    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;
    border: 5px solid #91c5A9
}

.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
}

#slider3-pager a,
.callbacks_tabs ul,
.rslides {
    padding: 0
}

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

.callbacks_nav {
    position: absolute;
    -webkit-tap-highlight-color: transparent;
    top: 52%;
    left: 0;
    opacity: .7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 55px;
    background: url(../images/themes.png) left top no-repeat;
    margin-top: -65px
}

.callbacks_nav:active {
    opacity: 1
}

.callbacks_nav.next {
    left: auto;
    background-position: right top;
    right: 0
}

#slider3-pager span {
    float: left;
    width: 100px;
    height: 15px;
    background: #fff;
    border-radius: 30em;
    opacity: .6
}

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

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

.rslides {
    list-style: none;
    overflow: hidden;
    margin: 0
}

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

.b-link-stripe,
.callbacks_tabs li,
.header-right1 li,
i.bung {
    display: inline-block
}

.callbacks_tabs {
    list-style: none;
    position: absolute;
    top: 200%;
    z-index: 999;
    padding: 0;
    margin: 0;
    left: 49%
}

@media screen and (max-width:600px) {
    .callbacks_nav {
        top: 47%
    }
}

.callbacks_tabs li {
    text-align: center
}

.callbacks_tabs a {
    visibility: hidden
}

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

.callbacks_here a:after {
    background: #fff
}

ul#slider4 {
    max-width: 100%!important
}

.header-right1 li a {
    text-decoration: none;
    color: #fff;
    font-size: 1.1em;
    background: #42E4d8;
    padding: .5em 1.5em;
    border-radius: 3px
}

.header-right1 li a:hover {
    color: #fff;
    background: #666
}

.header-right1 {
    float: left;
    vertical-align: middle;
    margin: 0;
    text-align: center;
}

i.bung {
    width: 12px;
    height: 16px;
    background: url(../images/bung.png) 1px 1px no-repeat;
    vertical-align: middle;
    margin-right: .2em
}

.about-main {
    padding: 3em 0;
    background: #f3f3f3
}

.main-about {
    text-align: left;
    padding: 2em 0
}

.about-main h3,
.data-index,
.mission h3,
.portfolio-top {
    text-align: center
}

.about-main h3 {
    color: #42E4d8;
    text-transform: uppercase;
    font-weight: 700;
    padding: 1.3em 0 0;
    font-size: 2.2em
}

.main-img img {
    width: 100%
}

.main-about h4 {
    font-size: 1.1em;
    color: #666;
    font-weight: 600;
    line-height: 1.6em;
    margin: 10px 0 15px;
    text-transform: uppercase;
    text-decoration: underline
}

#filters li span,
.b-animate-go,
.b-tag-weight ul li a,
.blog a,
.blog-pagenat ul li a {
    text-decoration: none
}

.main-text p.para,
p.para1 {
    font-size: 1em;
    color: #666;
    font-weight: 400;
    line-height: 1.8em;
    margin: 0
}

.mission {
    padding: 2em 0
}

.data-index {
    top: 2px;
    left: 0;
    width: 50px;
    height: 50px;
    font: 300 50px/29px 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #fff;
    background: #666;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%
}

.data-index span {
    left: 15px;
    font-weight: 400;
    font-size: 23px;
    top: 0
}

.visson-text h4 {
    font-size: 1.1em;
    color: #666;
    font-weight: 600;
    line-height: 1.4em;
    margin: 10px 0 15px;
    text-transform: uppercase
}

.visson-text p {
    color: #666;
    font-size: 1em;
    line-height: 1.8em;
    margin: .7em 0;
    padding: 0;
    font-weight: 400
}

.mission h3 {
    color: #42E4d8;
    text-transform: uppercase;
    font-weight: 400;
    padding: 1.3em 0 0;
    font-size: 2.3em
}

.mission-grids {
    margin-top: 3em
}

.portfolio-top h3 {
    color: #bd0c0c;
    font-size: 2em;
    margin: 0 0 10px;
    font-weight: 700;
    text-align: left
}

.portfolios {
    padding: 0 0 4em
}

#project p {
    line-height: 30px;
    font-size: 1.2em;
    text-align: justify
}

#filters,
p.m_5 {
    text-align: center
}

.b-link-stripe {
    position: relative;
    vertical-align: top;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    overflow: hidden
}

#filters li,
.b-animate img {
    display: -webkit-inline-box
}

.b-link-stripe .b-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    color: #fff;
    overflow: hidden
}

.b-link-stripe .b-line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20%;
    background: rgba(15, 207, 140, .9);
    transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    opacity: 0;
    visibility: hidden
}

.b-animate {
    transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    visibility: hidden;
    font-size: 1.1em;
    font-weight: 700
}

.b-animate img {
    margin-top: 23%
}

.b-animate-go:hover .b-animate {
    visibility: visible
}

.b-from-left {
    position: relative;
    left: -100%
}

.b-animate-go:hover .b-from-left,
.b-link-stripe .b-line1 {
    left: 0
}

span.m_4 {
    font-size: 14px;
    font-weight: 400
}

#filters li span,
p.m_5 {
    font-weight: 600;
    font-size: 1.1em
}

p.m_5 {
    margin: 2% auto 5%;
    width: 70%;
    color: #283A47;
    line-height: 1.5em
}

ul#filters {
    padding: 0;
    margin-top: 3em
}

.b-wrapper:hover {
    background: rgba(37, 44, 86, .69);
    transition: .5s all;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all
}

.b-link-stripe:hover .b-line {
    visibility: visible;
    opacity: 1
}

.b-link-stripe .b-line2 {
    left: 20%;
    transition-delay: .1s!important;
    -moz-transition-delay: .1s!important;
    -ms-transition-delay: .1s!important;
    -o-transition-delay: .1s!important;
    -webkit-transition-delay: .1s!important
}

.b-link-stripe .b-line3 {
    left: 40%;
    transition-delay: .2s!important;
    -moz-transition-delay: .2s!important;
    -ms-transition-delay: .2s!important;
    -o-transition-delay: .2s!important;
    -webkit-transition-delay: .2s!important
}

.b-link-stripe .b-line4 {
    left: 60%;
    transition-delay: .3s!important;
    -moz-transition-delay: .3s!important;
    -ms-transition-delay: .3s!important;
    -o-transition-delay: .3s!important;
    -webkit-transition-delay: .3s!important
}

.b-link-stripe .b-line5 {
    left: 80%;
    transition-delay: .4s!important;
    -moz-transition-delay: .4s!important;
    -ms-transition-delay: .4s!important;
    -o-transition-delay: .4s!important;
    -webkit-transition-delay: .4s!important
}

#filters {
    margin: 3% 0;
    padding: 0;
    list-style: none
}

#filters li span {
    display: block;
    padding: 11px 15px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    background: #84b239;
    margin: 0 10px 0 0
}

#filters li span.active,
#filters li span:hover {
    background: #00AEEF;
    color: #fff
}

#portfoliolist .portfolio {
    -o-box-sizing: border-box;
    width: 32%;
    display: none;
    float: left;
    overflow: hidden;
    margin: 0 1% 1% 0
}

div#portfoliolist {
    padding: 40px 0
}

.portfolio-wrapper {
    overflow: hidden;
    position: relative!important;
    cursor: pointer
}

.portfolio img {
    max-width: 100%;
    transition: all 300ms!important;
    -webkit-transition: all 300ms!important;
    -moz-transition: all 300ms!important
}

.portfolio .label {
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: -40px
}

.portfolio .label-bg {
    background: #22B4B8;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.clear,
.clearfix:after,
.clearfix:before,
.row:after,
.row:before {
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.portfolio .label-text {
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 5px 8px
}

.portfolio .text-category {
    display: block;
    font-size: 9px;
    font-size: 12px;
    text-transform: uppercase
}

.container:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden
}

.clearfix:after,
.clearfix:before,
.row:after,
.row:before {
    content: '\0020'
}

.clearfix,
.row {
    zoom: 1
}

.small-text p {
    font-size: 15px;
    width: 100%;
    color: #fff;
    text-align: left
}

.small-text {
    background: #666;
    padding: 10px
}

.blog-head-left {
    float: left
}

.blog-head-left h3 {
    color: #FFF;
    font-size: 2em
}

.blog-head-right {
    float: right;
    margin-top: .7em
}

.blog-head-right ul li {
    display: inline-block
}

.blog-head-right ul li a {
    color: #69BAE9
}

.blog-head-right ul li a span {
    height: 13px;
    width: 10px;
    background: url(../images/nav-arrow.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: 0 .5em
}

.blog-content-left {
    float: left;
    width: 73%
}

.blog-content-right {
    float: right;
    width: 23.5%
}

.blog-artical-info-head h2 a {
    color: #42E4d8;
    font-size: .87em;
    margin: .5em 0;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none
}

.b-tag-weight ul,
.blog-artical-basicinfo ul {
    margin: 0;
    padding: 0
}

.blog-artical-basicinfo {
    float: left;
    width: 12%
}

.blog-artical-basicinfo li {
    width: 80px;
    height: 80px;
    border: 1px solid #666;
    text-align: center;
    margin: .8em auto;
    list-style: none;
    background: #666
}

.blog-artical-info {
    float: right;
    width: 85%
}

.post-date span {
    display: block;
    color: #fff;
    font-size: 1.5em
}

.post-date label {
    font-size: 12px;
    color: #fff;
    margin-top: -.2em;
    display: block
}

.post-date p {
    padding: .7em 0 0
}

.blog-content {
    margin: 3em 0 6em
}

.blog-artical-info-head ul {
    padding: .6em;
    border: 1px solid #E7E4E4;
    border-right: 0;
    border-left: 0
}

.blog-artical-info-head ul li span {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/tag.png) no-repeat;
    vertical-align: middle;
    margin-right: .5em
}

i.adm1 {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url(../images/imzs.png) 1px 4px no-repeat;
    vertical-align: middle;
    margin-right: 12px
}

.blog-artical-info-head ul li,
.blog-artical-info-head ul li a {
    color: #777;
    font-size: 1em;
    display: inline-block;
    padding: 0 .2em;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all
}

.blog-artical-info-head ul li a:hover {
    color: #4E9ECA
}

.blog-artical-info-text p {
    color: #777;
    font-size: 1em;
    line-height: 1.6em;
    margin: 1em 0;
    font-weight: 100
}

.blog-artical-info-text p a {
    color: #4E9ECA;
    margin-left: .4em;
    font-size: .875em;
    vertical-align: middle
}

.blog-artical {
    margin-bottom: 2em
}

.blog-artical-info-img img {
    border: 2px solid #10335b;
    width: 100%
}

.blog-pagenat ul li a.frist span,
.blog-pagenat ul li a.last span {
    vertical-align: middle;
    display: inline-block;
    width: 13px;
    height: 17px
}

.blog-pagenat ul li {
    display: inline-block
}

.blog-pagenat ul li a {
    background: #42E4d8;
    padding: .7em 1em;
    font-size: .875em;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 700;
    display: inline-block;
    margin-top: 1em;
    border-radius: .5em;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    -o-border-radius: .5em;
    -ms-border-radius: .5em
}

.blog-pagenat ul li a:hover {
    background: #4E9ECA
}

.blog-pagenat ul li a.frist span {
    background: url(../images/page-icons.png) 1px -2px no-repeat
}

.blog-pagenat ul li a.last span {
    background: url(../images/page-icons.png) -10px 0 no-repeat
}

.blog-pagenat {
    text-align: center
}

.b-search {
    position: relative;
    border: 1px solid #EEE;
    padding: .5em 0;
    background: #fff
}

.b-search input[type=text] {
    width: 80%;
    outline: 0;
    padding: 0 .6em;
    font-size: 1em;
    color: #999;
    position: relative;
    border: none
}

.b-search input[type=submit] {
    background: url(../images/search-icon.png) 0 2px no-repeat;
    border: none;
    height: 26px;
    width: 26px;
    display: inline-block;
    position: absolute;
    outline: 0;
    cursor: pointer;
    top: 6px;
    right: 2px
}

.twittbtn,
.twitter-weight-grid {
    border-bottom: 1px solid #E7E4E4
}

.twitter-weight-grid h4 span {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(../images/twter.png) no-repeat;
    vertical-align: middle;
    margin-right: .5em
}

.twitter-weight-grid h4 {
    color: #4E9ECA;
    font-size: 1.2em;
    margin: 0
}

.twitter-weight-grid p {
    color: #999;
    margin: .5em 0;
    line-height: 1.5em
}

.twitter-weight-grid {
    padding: 1em 0
}

.twitter-weight-grid p a {
    color: #42E4d8;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all
}

.twitter-weight-grid p a:hover {
    color: #041e39
}

.twitter-weight-grid i a {
    color: #ccc;
    font-size: .9em;
    font-weight: 300;
    font-style: normal
}

.b-tag-weight h3,
.twitter-weights h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4em
}

.twitter-weights h3 {
    color: #42E4d8;
    margin: 0;
    padding: 0
}

.b-tag-weight,
.twitter-weights {
    margin-top: 2em
}

.twittbtn {
    color: #666;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    padding: .5em 0;
    display: block
}

.b-tag-weight ul li,
.b-tag-weight ul li a,
.sucss-bottom li,
.sucss-top li,
a.reply {
    display: inline-block
}

.twittbtn:hover {
    color: #000
}

.b-tag-weight h3 {
    color: #42E4d8;
    margin: .5em 0
}

.b-tag-weight ul li a {
    background: #666;
    padding: .7em 1em;
    font-size: .875em;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 700;
    margin-top: 1em;
    border-radius: .5em;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    -o-border-radius: .5em;
    -ms-border-radius: .5em
}

.b-tag-weight ul li a:hover {
    background: #42E4d8
}

.contact-map iframe {
    min-height: 380px;
    width: 100%;
    border: none
}

.contact-head h3,
.contact-head p {
    text-align: left;
    color: #fff;
    width: 73%
}

.contact_top {
    padding: 4em 0 3em
}

.contact-head h3 {
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 auto
}

.contact-head p {
    font-size: 1.2em;
    font-weight: 300;
    margin: .2em auto
}

.contact-top h3 {
    color: #FFF;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 0 1em
}

.contact_left p span {
    cursor: pointer;
    color: #2aacc8
}

.contact_left p span:hover {
    text-decoration: underline
}

.form_details input[type=text],
.form_details textarea {
    padding: 11px;
    width: 51%;
    font-size: 1em;
    margin: 10px 0;
    border: 1px solid #bbb;
    color: #bbb;
    background: #fff;
    -webkit-appearance: none;
    float: left;
    outline: 0;
    font-weight: 400;
    border-radius: .3em;
    -webkit-border-radius: .3em;
    -o-border-radius: .3em;
    -moz-border-radius: .3em
}

.form_details textarea {
    height: 200px;
    resize: none;
    width: 80%
}

.form_details input[type=submit] {
    margin-top: 1em;
    color: #fff;
    font-size: 1.2em;
    padding: .7em 1em;
    -webkit-appearance: none;
    display: inline-block;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-weight: 400;
    border: none;
    text-transform: uppercase;
    outline: 0;
    cursor: pointer;
    width: 30%;
    background: #666;
    border-radius: .3em;
    -webkit-border-radius: .3em;
    -o-border-radius: .3em;
    -moz-border-radius: .3em
}

.company_ad span,
.contact_left p {
    line-height: 1.8em;
    font-style: italic;
    width: 84%
}

.form_details input[type=submit]:hover {
    text-decoration: none;
    color: #fff;
    background: #42E4d8
}

.sub-button {
    margin-bottom: 25px
}

.contact_left h4 {
    font-size: 1.7em;
    color: #42E4d8;
    font-weight: 600;
    margin: 0 0 .5em;
    text-transform: uppercase;
    text-align: left
}

.contact_left p {
    font-size: 1em;
    color: #4E9ECA;
    font-weight: 400;
    margin-bottom: 19px
}

.company_ad h3,
.main-head-section h3 {
    text-transform: uppercase;
    color: #42E4d8
}

.main-head-section h3 {
    font-size: 2.2em;
    font-weight: 700;
    margin: 0 0 1em;
    padding-bottom: 15px;
    text-align: center
}

.company_ad h3 {
    font-size: 1.7em;
    font-weight: 600;
    margin: 0 0 .5em;
    text-align: left
}

.rep,
.sin-right {
    text-align: right
}

.company_ad span {
    font-size: 1em;
    color: #4E9ECA;
    font-weight: 400;
    margin-bottom: 19px
}

.company_ad p,
.days p {
    font-size: 1em;
    line-height: 1.8em;
    color: #8A8888
}

.company_ad lable {
    font-size: .9em;
    line-height: 1.2em;
    color: #4E9ECA;
    margin-left: 2px
}

.store h4 {
    color: #42E4d8;
    font-size: 1.5em;
    font-weight: 600
}

.main-head-section {
    background: #f3f3f3;
    padding: 1.6em 0 .6em
}

.sin-lef {
    float: left;
    width: 66%
}

.sin-right {
    float: left;
    width: 34%
}

.single-bottom {
    background: #171717;
    padding: 2em
}

.single-top p {
    color: #999;
    font-size: 1em;
    font-weight: 400;
    margin: 1em 0;
    line-height: 1.8em
}

.sucss-top ul {
    padding: 0
}

.sucss-top {
    padding: 1em 0;
    border-bottom: 1px dashed #555;
    border-top: 1px dashed #555;
    margin: 2em 0
}

.sucss-bottom ul {
    padding: 0
}

.sucss-bottom li {
    margin: 0 1em 0 0
}

a.reply {
    text-decoration: none;
    font-size: 1.1em;
    background: #666;
    color: #f0f0f0;
    padding: .5em 1em;
    font-weight: 400;
    border: none
}

a.reply:hover {
    background: #42E4d8
}

.strator,
.strator1 {
    padding: 2em;
    background: rgba(235, 235, 235, .61)
}

.strator-right {
    float: right;
    width: 88%
}

.strator-left {
    float: left;
    width: 11%
}

.strator1 {
    margin: 1em 0 0 5em
}

.comment input[type=text],
.comment textarea {
    font-size: 1em;
    font-weight: 300;
    border: none;
    outline: 0;
    display: block;
    padding: 12px;
    color: #000;
    background: rgba(235, 235, 235, .61)
}

.comment input[type=text] {
    width: 31.33%;
    float: left;
    margin-bottom: 1em;
    margin-right: 1em
}

.comment textarea {
    width: 98%;
    height: 170px;
    resize: none;
    margin: 1em 0
}

.comment input[type=submit] {
    font-size: 1em;
    font-weight: 300;
    color: #fff;
    background: #42E4d8;
    text-transform: uppercase;
    padding: .6em 1em;
    border: none;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-apperance: none;
    font-family: 'Open Sans', sans-serif;
    outline: 0
}

.comment input[type=submit]:hover {
    background: #4E9ECA
}

.single-top h2 {
    color: #42E4d8;
    font-weight: 600;
    font-size: 1.5em;
    margin-bottom: 1em
}

.respon h5 {
    color: #4E9ECA;
    font-size: 1.4em;
    font-weight: 400
}

.respon {
    margin-top: 2em
}

i.tag {
    width: 17px;
    height: 16px;
    display: inline-block;
    background: url(../images/tag.png) 1px 1px no-repeat;
    vertical-align: middle;
    margin-right: 6px
}

.comment {
    padding: 2em 0
}

.blog,
.content-top {
    background: rgba(243, 243, 243, .55);
    padding: 2em 0
}

.succs {
    background: #2096da;
    padding: 1em 3em;
    margin: 2em 0
}

.succs h3 {
    color: #fff;
    margin: 0;
    font-size: 2em;
    font-weight: 400;
    text-align: center
}

.succs li {
    display: block
}

.single-top {
    float: left;
    width: 73%
}

i.adm,
i.inter {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-right: 12px
}

i.adm {
    background: url(../images/imzs.png) -85px 1px no-repeat
}

i.inter {
    background: url(../images/imzs.png) -211px 2px no-repeat
}

.error-404 h1,
.error-404 p {
    text-transform: uppercase;
    margin: 0
}

.single-top img {
    width: 100%
}

.main {
    padding: 12em 0;
    background: #f3f3f3
}

.error-404 h1 {
    font-size: 12em;
    font-weight: 700;
    color: #42E4d8;
    padding: 0
}

.error-404 p {
    color: #666;
    font-size: 1.2em
}

a.b-home {
    background: #42E4d8;
    padding: .8em 3em;
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    margin-top: 1em
}

a.b-home:hover {
    background: #666;
    color: #fff
}

.login-left {
    padding: 0
}

.login-left h3,
.login-right h3 {
    color: #0c99c8;
    font-size: 1.2em;
    padding-bottom: .5em;
    font-weight: 600
}

.login-left p,
.login-right p {
    color: #868583;
    display: block;
    font-size: 1em;
    margin: 0 0 2em;
    line-height: 1.8em
}

.acount-btn {
    background: #666;
    color: #FFF;
    font-size: 1em;
    padding: .7em 1.2em;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    display: inline-block;
    text-transform: uppercase
}

.acount-btn:hover,
.login-right input[type=submit]:hover {
    background: #42E4d8;
    text-decoration: none;
    color: #fff
}

.login-right form {
    padding: 1em 0
}

.login-right form div {
    padding: 0 0 2em
}

.login-right span {
    color: #999;
    font-size: .8125em;
    padding-bottom: .2em;
    display: block;
    text-transform: uppercase
}

.login-right input[type=text],
.login-right input[type=password] {
    border: 1px solid #4E9ECA;
    outline-color: #4E9ECA;
    width: 96%;
    font-size: .8125em;
    padding: .7em
}

.login-right input[type=submit] {
    background: #666;
    color: #FFF;
    font-size: 1em;
    padding: .6em 1.2em;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    display: inline-block;
    text-transform: uppercase;
    border: none;
    outline: 0
}

.login-page {
    padding: 5em 0;
    background: #f3f3f3
}

.register {
    padding: 4em 0 5em
}

.register-bottom-grid h3,
.register-top-grid h3 {
    color: #4E9ECA;
    font-size: 1.2em;
    padding-bottom: 15px;
    margin: 0;
    font-weight: 600
}

.register-bottom-grid div,
.register-top-grid div {
    width: 48%;
    float: left;
    margin: 10px 0
}

.register-bottom-grid span,
.register-top-grid span {
    color: #999;
    font-size: .85em;
    padding-bottom: .2em;
    display: block;
    text-transform: uppercase
}

.register-bottom-grid input[type=text],
.register-bottom-grid input[type=password],
.register-top-grid input[type=text],
.register-top-grid input[type=password] {
    border: 1px solid #4E9ECA;
    outline-color: #4E9ECA;
    width: 96%;
    font-size: 1em;
    padding: .5em
}

.checkbox,
.news-letter {
    color: #555;
    font-size: .85em
}

.checkbox {
    margin-bottom: 4px;
    padding-left: 27px;
    line-height: 27px;
    cursor: pointer;
    float: left;
    position: relative
}

.checkbox:last-child {
    margin-bottom: 0
}

.news-letter {
    font-weight: 600;
    margin-bottom: 1em;
    display: block;
    text-transform: uppercase;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all
}

.checkbox i {
    position: absolute;
    bottom: 5px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    outline: 0;
    border: 2px solid #4E9ECA
}

.checkbox input+i:after {
    content: '';
    background: url(../images/tick1.png) 1px 2px no-repeat;
    top: 2px;
    left: 2px;
    width: 15px;
    height: 15px;
    font: 400 12px/16px FontAwesome;
    text-align: center;
    position: absolute;
    opacity: 0;
    transition: opacity .1s;
    -o-transition: opacity .1s;
    -ms-transition: opacity .1s;
    -moz-transition: opacity .1s;
    -webkit-transition: opacity .1s
}

.checkbox input {
    position: absolute;
    left: -9999px
}

.checkbox input:checked+i:after {
    opacity: 1
}

.news-letter:hover {
    color: #00BFF0
}

.register-but {
    margin-top: 1em
}

.register-but form input[type=submit] {
    background: #666;
    color: #FFF;
    font-size: 1em;
    padding: .6em 2em;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    display: inline-block;
    text-transform: uppercase;
    border: none;
    outline: 0
}

.register-but input[type=submit]:hover {
    background: #42E4d8
}

div.register-bottom-grid {
    margin-top: 3em
}

.main-1 {
    background: #f3f3f3
}

.hotline-container .logo{
        margin-bottom: 20px;
}

@media(max-width:1440px) {
    .callbacks_tabs {
        right: -5%;
        left: 48.5%
    }
}

@media(max-width:1366px) {
    .callbacks_tabs {
        left: 45%
    }
}

@media(max-width:1280px) {
    .callbacks_tabs {
        right: -1%;
        left: 47.5%
    }
    .banner {
        min-height: 60px;
        padding: 0
    }
}

@media(max-width:1024px) {
    .head-nav {
        float: left;
        width: 97%;
        margin-left: 3%
    }
    .header-right1 li a {
        font-size: 1em
    }
    .banner-info h1 {
        font-size: 2em
    }
    .banner {
        min-height: 50px;
        padding: 0
    }
    .our h5 {
        font-size: 1.4em
    }
    .our h2 {
        font-size: 2em
    }
    .our-top h3 {
        font-size: 1.4em
    }
    .our-left {
        padding: 2em 1em 4em
    }
    .employs,
    .our {
        padding: 2em 0
    }
    .recnt h3 {
        font-size: 2em
    }
    .air,
    .air-1 {
        padding: .5em
    }
    .recnt h4 {
        font-size: 1.2em
    }
    .recnt h5 {
        font-size: 1em
    }
    .recent-right-info {
        padding: 18em 0 0
    }
    .footer-top,
    .recnt,
    .what {
        padding: 2em 0
    }
    .recent-right {
        min-height: 430px
    }
    .what h3 {
        font-size: 2em
    }
    .footer-top h3 {
        font-size: 1.4em
    }
    .what {
        min-height: 380px
    }
    .head-nav ul li a {
        margin: 0 4px;
        padding: .5em .1em 1em;
        font-size: 1em
    }
    li.ic-on {
        width: 13%
    }
    li.wb-dis {
        width: 24%
    }
    li.dr-co {
        width: 15%
    }
    li.sa-pn {
        width: 20%
    }
    li.dolla {
        width: 11%
    }
    .about-main h3 {
        font-size: 2em;
        padding: 0
    }
    .about-main {
        padding: 2em 0
    }
    .main-about {
        text-align: left;
        padding: 1em 0 2em
    }
    .main-about h4 {
        font-size: 1em
    }
    .mission h3,
    .portfolio-top h3 {
        font-size: 2em
    }
    .portfolios {
        padding: 2em 0
    }
    .b-animate img {
        margin-top: 29%
    }
    div#portfoliolist {
        padding: 16px 0
    }
    .blog-artical-basicinfo {
        float: left;
        width: 11%
    }
    .blog-artical-info-head h2 a {
        font-size: .7em
    }
    .b-tag-weight h3,
    .twitter-weights h3 {
        font-size: 1.2em
    }
    .b-tag-weight ul li a {
        padding: .5em 1em;
        font-size: .8em
    }
    .blog-content {
        margin: 3em 0 0
    }
    .single-top h2 {
        font-size: 1.4em
    }
    .respon h5 {
        font-size: 1.3em
    }
    .main-head-section h3 {
        font-size: 2em;
        padding-bottom: 0
    }
    .company_ad h3,
    .contact_left h4 {
        font-size: 1.5em
    }
    .form_details input[type=submit] {
        font-size: 1em;
        padding: .7em 1em
    }
    .contact_top {
        padding: 3em 0 1em
    }
    .error-404 h1 {
        font-size: 9em
    }
    .main {
        padding: 10em 0
    }
    .team-top li {
        float: left;
        width: 16.3%
    }
    .callbacks_tabs {
        top: 150%;
        left: 45%
    }
}

@media(max-width:768px) {
    .head-nav ul li {
        display: block;
        float: none;
        line-height: 22px
    }
    .head-nav ul li a {
        border-right: none;
        color: #fff
    }
    .head-nav ul {
        position: absolute;
        margin: 0;
        padding: 2% 0;
        z-index: 9999;
        width: 100%;
        display: none;
        text-align: center;
        left: 0;
        top: 9.5em
    }
    .head-nav span.menu {
        display: block;
        background: 0 0;
        position: absolute;    top: -45px;
    right: 60px;
    }
    .head-nav span.menu:before {
        content: url(../images/menu.png);
        color: #FFF;
        text-align: right;
        cursor: pointer
    }
    .head-nav ul li a {
        padding: .4em 1.5em;
        display: block;
        font-size: .875em;
        font-weight: 500
    }
    ul.number li a,
    ul.number li span {
        font-size: 1em
    }
    .header-bottom {
        padding: 1em 0 .6em
    }
    .banner-info h1 {
        font-size: 1.7em
    }
    .banner-info p,
    select {
        font-size: 1em
    }
    .book1 input[type=text] {
        font-size: 1em;
        padding: 10px 11px
    }
    select {
        padding: 9px
    }
    .reservation {
        padding: 16px 12px
    }
    .reservation ul li.span1_of_1 {
        width: 25.33333%;
        margin-left: .5em
    }
    .date_btn form input[type=submit] {
        padding: 8.5px
    }
    .banner {
        min-height: 50px;
        padding: 0
    }
    .our h5 {
        font-size: 1.3em
    }
    .our h2 {
        font-size: 1.7em
    }
    .our-top h3 {
        font-size: 1.2em
    }
    .our-left {
        padding: 2em 0
    }
    .about-main h3,
    .mission h3 {
        padding: 0
    }
    .recnt h6 {
        font-size: 1.3em
    }
    .recnt h3 {
        font-size: 1.7em
    }
    .rec-left {
        margin: 0 0 2em
    }
    .recent-right {
        width: 38%;
        margin: 0 auto
    }
    .what h6 {
        font-size: 1.3em
    }
    .about-main h3,
    .what h3 {
        font-size: 1.7em
    }
    .what-bottom {
        position: absolute;
        top: 8em;
        right: -1em
    }
    .foo-left {
        float: left;
        width: 33.33%
    }
    .logo {
        float: left;
    }
    .hotline-container {
        flex-direction: column;
    }
    
    flex-direction: column;
    .main-img {
        float: left;
        width: 40%
    }
    .main-text {
        float: right;
        width: 60%
    }
    .main-about h4,
    .main-text p.para,
    p.para1 {
        font-size: .9em
    }
    .mission h3,
    .portfolio-top h3 {
        font-size: 1.7em
    }
    .visson-text {
        float: right;
        width: 88%
    }
    .vission-lef {
        float: left;
        width: 12%
    }
    .mission-grids {
        margin-top: 1em
    }
    .about-main {
        padding: 2em 0 1em
    }
    .small-text p {
        font-size: 11px
    }
    .post-date span {
        font-size: 1.1em
    }
    .post-date label {
        font-size: 11px
    }
    .blog-artical-basicinfo li {
        width: 60px;
        height: 60px
    }
    .blog-artical-info-head h2 a {
        font-size: .6em
    }
    .twitter-weights h3 {
        font-size: 1em
    }
    .twitter-weight-grid h4 {
        font-size: 1.1em
    }
    .blog-artical-info-head ul li,
    .blog-artical-info-head ul li a,
    .blog-artical-info-text p,
    .twitter-weight-grid p {
        font-size: .9em
    }
    .b-tag-weight ul li a {
        padding: .5em 1em;
        font-size: .75em
    }
    .sucss-bottom li {
        display: inline-block;
        margin: .8em 1em 0 0
    }
    .single-top h2 {
        font-size: 1.3em
    }
    .respon h5 {
        font-size: 1.2em;
        text-align: center
    }
    .single-top p {
        font-size: .9em
    }
    .strator-left {
        float: left;
        width: 19%
    }
    .strator-right {
        float: right;
        width: 80%
    }
    .comment input[type=text] {
        margin-right: .7em
    }
    a.reply {
        font-size: .875em;
        padding: .5em 1em
    }
    .strator1 {
        padding: 2em 1em
    }
    .main-head-section h3 {
        font-size: 1.7em
    }
    .callbacks_tabs {
        right: 0;
        top: 150%;
        left: 45%
    }
    .callbacks_tabs a:after {
        height: 14px;
        width: 14px
    }
    .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
        display: inline-block;
        padding: 10px;
        background-color: none;
        color: #000;
        font-weight: 700;
        text-decoration: none;
        margin-bottom: 3px;
        float: left
    }
    .main {
        padding: 10em 0
    }
    .error-404 h1 {
        font-size: 7em
    }
    .error-404 p {
        font-size: 1.1em
    }
    .login-page {
        padding: 3em 0
    }
    .login-right.wow.fadeInRight {
        padding: 0;
        margin-top: 2em
    }
    .team-top li {
        float: left;
        width: 28.3%;
        margin: 1.1em
    }
}

@media(max-width:640px) {
    ul.number li {
        margin: 0 .5em
    }
    .banner-info h1 {
        font-size: 1.5em
    }
    .banner {
        min-height: auto;
        padding: 1em 0
    }
    .b_room {
        width: 100%
    }
    .reservation ul li.span1_of_3 {
        width: 17.25%;
        margin-left: .5em
    }
    .our h2 {
        font-size: 1.6em
    }
    .our p {
        font-size: .9em
    }
    .our-top h3 {
        font-size: 1.2em
    }
    .our-left {
        padding: 1em .5em
    }
    .recnt h3 {
        font-size: 1.6em
    }
    li.sa-pn {
        width: 18%
    }
    li.wb-dis {
        width: 21%
    }
    li.dr-co {
        width: 17%
    }
    li.ic-on {
        width: 14%
    }
    li.dolla {
        width: 13%
    }
    .apply_btn form input[type=submit] {
        padding: 7px;
        font-size: .875em
    }
    .recnt h4 {
        font-size: 1.1em
    }
    .footer-top p,
    .recnt p {
        font-size: .9em
    }
    .what-top {
        width: 90%
    }
    .footer-top h3 {
        font-size: 1.3em
    }
    .footer-bottom p {
        font-size: .9em
    }
    .what h3 {
        font-size: 1.6em
    }
    .date_btn form input[type=submit] {
        padding: 9px
    }
    .banner-info p {
        font-size: .9em
    }
    .book1 input[type=text] {
        font-size: .875em;
        padding: 10px 11px
    }
    select {
        font-size: .875em;
        padding: 9px
    }
    .reservation ul li.span1_of_1 {
        width: 24.33333%;
        margin-left: .1em
    }
    .about-main h3 {
        font-size: 1.6em;
        padding: 0
    }
    .main-about h4 {
        font-size: .9em;
        margin: 0 0 .5em
    }
    .mission h3 {
        font-size: 1.6em;
        padding: 0
    }
    .visson-text p {
        font-size: .9em
    }
    .portfolio-top h3 {
        font-size: 1.6em
    }
    .b-tag-weight ul li a {
        padding: .5em 1em;
        font-size: .6em
    }
    .blog-content {
        margin: 0
    }
    .comment input[type=text] {
        width: 100%;
        margin-right: 0
    }
    .comment textarea {
        width: 100%
    }
    .main-head-section h3 {
        font-size: 1.6em
    }
    .team-top li {
        display: inline-block;
        margin: .2em;
        width: 32%;
        float: left
    }
    .head-nav span.menu {top: -45px;
    right: 50px;
    }
    .error-404 h1 {
        font-size: 6em
    }
    .main {
        padding: 7em 0
    }
    .callbacks_tabs {
        top: 150%;
        left: 44%
    }
}

@media(max-width:500px) {
    .footer-bottom p,
    .rep,
    .strator,
    .strator1 {
        text-align: center
    }
    .head-nav span.menu {
        top: -80px;
        right: 25px
    }
    .banner-info h1 {
        font-size: 1.4em
    }
    .date_btn form input[type=submit],
    select {
        font-size: .875em
    }
    .reservation {
        padding: 10px 6px
    }
    .reservation ul li {
        float: left;
        list-style: none;
        width: 26%
    }
    select {
        padding: 7px 2px
    }
    .reservation ul li.span1_of_3 {
        width: 15.25%;
        margin-left: .5em
    }
    .reservation ul li.span1_of_1 {
        width: 28%;
        margin-left: .1em
    }
    .banner {
        min-height: 60px;
        padding: 0
    }
    .imgleading {
        margin: 15px 0;
        width: 260px
    }
    .our h5 {
        font-size: 1.2em
    }
    .our h2 {
        font-size: 1.5em
    }
    .our-left {
        padding: 1em .5em;
        width: 100%;
        float: none
    }
    .recnt h6 {
        font-size: 1.2em
    }
    .recnt h3 {
        font-size: 1.5em
    }
    li.ic-on {
        width: 38%
    }
    li.wb-dis {
        width: 32%
    }
    li.dr-co {
        width: 27%
    }
    li.sa-pn {
        width: 40%
    }
    li.dolla {
        width: 27%
    }
    .recent-right {
        width: 70%;
        margin: 0 auto
    }
    .foo-left,
    .main-img,
    .main-text {
        float: none;
        width: 100%
    }
    .what h6 {
        font-size: 1.2em
    }
    .what h3 {
        font-size: 1.5em
    }
    .book1 input[type=text] {
        font-size: .875em;
        padding: 8px 11px
    }
    .main-text {
        margin-top: 1em
    }
    .vission-gride1 {
        padding: 0
    }
    .vission-lef {
        float: left;
        width: 13%;
        padding: 0
    }
    .visson-text {
        float: right;
        width: 87%
    }
    .about-main h3,
    .mission h3 {
        font-size: 1.5em;
        padding: 0
    }
    .visson-text h4 {
        font-size: 1em
    }
    .portfolio-top h3 {
        font-size: 1.5em
    }
    .blog-content-left {
        float: none;
        width: 100%
    }
    .blog-content-right {
        float: none;
        width: 100%;
        padding: 2em 1em
    }
    .blog-artical-info-head h2 a {
        font-size: .55em
    }
    .single-top {
        float: none;
        width: 100%
    }
    .strator-left {
        float: none;
        width: 25%;
        margin: 0 auto
    }
    .strator-right {
        float: none;
        width: 100%
    }
    .strator1 {
        margin: 1em 0 0
    }
    .main-head-section h3 {
        font-size: 1.5em
    }
    .contact_left p {
        font-size: .9em;
        margin-bottom: 10px;
        width: 100%;
        margin-top: 10px
    }
    .form_details input[type=text],
    .form_details textarea {
        padding: 9px;
        width: 90%;
        font-size: 1em
    }
    .company_ad h3,
    .contact_left h4,
    .store h4 {
        font-size: 1.3em
    }
    .form_details textarea {
        height: 136px;
        resize: none;
        width: 100%
    }
    .store h4 {
        color: #00aeef;
        font-weight: 600
    }
    .form_details input[type=submit] {
        font-size: .875em;
        padding: .7em 1em
    }
    .callbacks_tabs a:after {
        height: 13px;
        width: 13px
    }
    .team-top li {
        display: inline-block;
        margin: .2em;
        width: 31%;
        float: left
    }
    .head-nav ul {
        top: -4em;
        z-index: 9999;
        background-color: #F0B413
    }
    a.b-home {
        padding: .6em 2em;
        font-size: .875em
    }
    .error-404 p {
        font-size: 1em
    }
    .error-404 h1 {
        font-size: 5em
    }
    .main {
        padding: 6em 0
    }
    .head-right {
        float: right;
        margin: 0
    }
    .head-left {
        float: left;
        display: none
    }
    .callbacks_tabs {
        top: 100%;
        left: 42%
    }
    .hotline-container .logo img{
        width: 400px;
    }
    h4 {
        font-size: 15px;
    }
}

@media(max-width:400px) {
    
    .logoright {
        display: none
    }
    .header-bottom {
        padding: 1em 0
    }
    .hotline-container .logo img{
        width: 350px;
    }
    .imgleading {
        margin: 15px 0;
        width: 260px
    }
    .head-nav span.menu {    
        top: -95px;
    right: 27px;
    }
    .banner-info h1 {
        font-size: 1.1em
    }
    .banner-info p {
        font-size: .9em;
        line-height: 1.5em;
        width: 100%
    }
    .reservation ul li {
        float: left;
        list-style: none;
        width: 47%;
        margin-bottom: .5em;
        margin-right: 2%
    }
    .reservation ul li.span1_of_1 {
        width: 47%
    }
    .banner {
        min-height: 75px;
        padding: 0;
        background-size: cover
    }
    .reservation ul li.span1_of_3 {
        width: 47%;
        margin-left: .5%
    }
    .our h5 {
        font-size: 1.1em
    }
    .our h2 {
        font-size: 1.2em
    }
    .r-tabs .r-tabs-nav .r-tabs-anchor {
        font-size: 1em;
        margin: 0 0 0 .5em
    }
    .team-top li {
        width: 30%
    }
    .recnt h6 {
        font-size: 1.1em
    }
    .recnt h3 {
        font-size: 1.2em
    }
    li.ic-on {
        width: 39%
    }
    li.wb-dis {
        width: 50%
    }
    li.dr-co {
        width: 41%;
        margin: .5em 0
    }
    li.sa-pn {
        width: 50%;
        margin: .5em 0
    }
    li.dolla {
        width: 40%
    }
    .recent-right {
        width: 100%;
        margin: 0 auto;
        min-height: 370px
    }
    .what h6 {
        font-size: 1.1em
    }
    .what h3 {
        font-size: 1.2em
    }
    .what-top p {
        font-size: .9em
    }
    .what-top h5 {
        font-size: 1em
    }
    .what-top {
        width: 88%;
        padding: 1em
    }
    .employs,
    .what {
        padding: 1em 0
    }
    .what {
        min-height: 332px
    }
    .about-main h3 {
        font-size: 1.2em;
        padding: 0
    }
    .mission h3 {
        font-size: 1.3em;
        padding: 0
    }
    .visson-text h4 {
        font-size: .9em;
        margin: 0
    }
    .data-index {
        width: 35px;
        height: 35px;
        font: 300 50px/10px 'Open Sans', sans-serif
    }
    .vission-lef {
        float: left;
        width: 12%;
        padding: 0
    }
    .visson-text {
        float: right;
        width: 88%
    }
    #portfoliolist .portfolio {
        width: 49%;
        margin: 0 1% 2% 0
    }
    .portfolio-top h3 {
        font-size: 1.3em
    }
    .post-date span {
        font-size: .875em
    }
    .blog-artical-basicinfo li {
        width: 40px;
        height: 40px
    }
    .post-date label {
        font-size: 8px
    }
    .blog-artical-basicinfo {
        float: left;
        width: 18%
    }
    .blog-artical-info {
        float: right;
        width: 81%
    }
    .blog-artical-info-head h2 a {
        font-size: .45em
    }
    .blog-artical {
        margin-bottom: 0
    }
    .blog-content-right {
        float: none;
        width: 100%;
        padding: 2em 0 0
    }
    .single-top {
        padding: 0
    }
    .comment {
        padding: 2em 0 0
    }
    .sucss-bottom li {
        font-size: .875em
    }
    .single-top h2 {
        font-size: 1.2em
    }
    .contact_left {
        padding: 0
    }
    .form_details input[type=text],
    .form_details textarea {
        padding: 9px;
        width: 100%;
        font-size: .9em
    }
    .form_details input[type=submit] {
        width: 46%
    }
    .company-right {
        padding: 0
    }
    .contact_top {
        padding: 1em 0
    }
    .main {
        padding: 4em 0
    }
    .error-404 h1 {
        font-size: 7em
    }
    a.b-home {
        font-size: .8125em
    }
    .login-left p,
    .login-right p {
        font-size: .9em
    }
    .login-left h3,
    .login-right h3 {
        font-size: 1.1em
    }
    .register-bottom-grid input[type=text],
    .register-bottom-grid input[type=password],
    .register-top-grid input[type=text],
    .register-top-grid input[type=password] {
        font-size: .9em
    }
    .register-bottom-grid div,
    .register-top-grid div {
        width: 100%;
        float: none;
        margin: 10px 0
    }
    .register-bottom-grid h3,
    .register-top-grid h3 {
        font-size: 1.1em
    }
    .company_ad p,
    .footer-top li a {
        font-size: .9em
    }
    .foo-left,
    .hours {
        padding: 0
    }
    .callbacks_tabs {
        top: 100%;
        left: 37%
    }
}

.hotline-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}