body {
	font-family: 'Raleway', sans-serif;
	padding: 0;
	/* [disabled]margin:0 auto; */
  
}

.off_dis{
	display:none;
}

/*----========header_stert=====----*/
/*----========header_start=====----*/
.main-header {
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 999;
	width: 100%;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.sticky-header {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0px 0px;
	background: #ffffff;
	z-index: 0;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
}

.sticky-header .logo {
	padding: 12px 0px 21px;
}

.sticky-header.now-visible {
	z-index: 999;
	opacity: 1;
	visibility: visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.main-header .header-upper {
	position: relative;
	padding: 15px 0px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	z-index: 5;
}

.main-header .header-upper .logo-outer {
	padding: 22px 0;
}

.main-header .header-upper .logo img {
	position: relative;
	display: inline-block;
	max-width: 100%;
}

.main-header .header-upper .upper-right {
	position: relative;
	top: 18px;
}
.main-header .header-upper .info-box:last-child {
	margin-right: 0px;
}

.main-header .info-box {
	position: relative;
	float: left;
	min-height: 60px;
	margin-left: 60px;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 18px 0px 20px 70px;
	color: #222;
	font-weight: 600;
	min-width: 200px;
}

.main-header .info-box .icon-box {
	position: absolute;
	left: 0px;
	top:10px;
	width: 54px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	font-weight: 400;
	color: #00bffd;
	font-size: 32px;
	border-right: 2px solid #9099a1;
}

.main-header .info-box .light-text {
	color: #606060;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: 0px;
}

.main-header .info-box li a {
	color: #9b9b9b;
}

.main-header .info-box strong {
	font-weight: 700;
	color: #555555;
	font-size: 15px;
}

.main-header .header-lower {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	background: #043247;
	z-index: 5;
}

.main-header.style-two .header-lower {
	background: #1c1c1c;
}

.main-header .nav-outer {
	position: relative;
	padding-right: 170px;
}

.main-menu {
	position: relative;
}

.main-menu .navbar-collapse {
	padding: 0px;
}

.main-menu .navigation {
	position: relative;
	margin: 0px;
	margin-left:180px;
}

.main-menu .navigation>li {
	position: relative;
	float: left;
	padding: 0px;
	margin-right: 40px;
}

.main-menu .navigation>li.dropdown01 {
	padding-right: 15px;
}

.main-menu .navigation>li.dropdown01:before {
    position: absolute;
    font-family: FontAwesome;
    font-size: 16px;
    color: #fff;
    right: -5px;
    top: 50%;
    margin-top: -13.5px;
    content: "\f107";
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.sticky-header .main-menu .navigation>li.dropdown01:before {
	color: #333;
}

.sticky-header .main-menu .navigation>li {
	margin-right: 0px;
}

.main-menu .navigation>li>a {
	position: relative;
	display: block;
	padding: 25px 0px;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	border-top: none;
	font-weight: 700;
	text-transform: uppercase;
	opacity: 1;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.sticky-header .main-menu .navigation>li>a {
	color: #181818;
	padding: 23px 23px;
	padding-right: 0;
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a,
.main-menu .navigation>li.current-menu-item>a {
	color: #ffffff;
	opacity: 1;
}

.sticky-header .main-menu .navigation>li:hover>a,
.sticky-header .main-menu .navigation>li.current>a,
.sticky-header .main-menu .navigation>li.current-menu-item>a {
	color: #00b7f1;
	opacity: 1;
}

.sticky-header.style-two .main-menu .navigation>li:hover>a,
.sticky-header.style-two .main-menu .navigation>li.current>a,
.sticky-header.style-two .main-menu .navigation>li.current-menu-item>a {
	background: #1c1c1c;
}

.main-menu .navigation>li:hover>a:after {
	opacity: 1;
}

.main-menu .navigation>li>ul {
	position: absolute;
	left: 0px;
	top: 130%;
	width: 250px;
	padding: 10px 0;
	z-index: 100;
	display: none;
	background: #ffffff;
	border-top: 2px solid #00b7f1;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.06);
}

.main-header.style-two .main-menu .navigation>li>ul {
	background: #1c1c1c;
}

.main-menu .navigation>li>ul.from-right {
	left: auto;
	right: 0px;
}

.main-menu .navigation>li>ul>li {
	position: relative;
	width: 100%;
	border-top: 1px solid rgba(255, 255, 255, 0.30);
}

.main-menu .navigation>li>ul>li>a {
	position: relative;
	display: block;
	padding: 8px 20px;
	line-height: 22px;
	font-weight: 500;
	font-size: 14px;
	text-transform: capitalize;
	color: #222;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.main-menu .navigation>li>ul>li>a:hover {
	color: #00b7f1;
	padding-left: 25px;
}

.main-menu .navigation>li>ul>li:hover>a {
	background: rgba(255, 255, 255, 0.20);
}

.main-menu .navigation>li>ul>li.dropdown01>a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	right: 10px;
	top: 12px;
	width: 10px;
	height: 20px;
	display: block;
	color: #ffffff;
	line-height: 20px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	z-index: 5;
}

.main-menu .navigation>li>ul>li.dropdown01:hover>a:after {
	color: #ffffff;
}

.main-menu .navigation>li>ul>li>ul {
	position: absolute;
	left: 100%;
	top: 20px;
	width: 220px;
	padding: 0px;
	z-index: 100;
	display: none;
	background: #ffffff;
	border-top: 2px solid #00b7f1;
}

.main-header.style-two .main-menu .navigation>li>ul>li>ul {
	background: #1c1c1c;
}

.main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
	border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 12px 15px;
	line-height: 22px;
	font-weight: 600;
	font-size: 14px;
	text-transform: capitalize;
	color: #222;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li>a:hover {
	background: rgba(255, 255, 255, 0.20);
}

.main-menu .navigation>li.dropdown01:hover>ul {
	visibility: visible;
	opacity: 1;
	top: 100%;
}

.main-menu .navigation li>ul>li.dropdown01:hover>ul {
	visibility: visible;
	opacity: 1;
	top: 0px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navbar-collapse>ul li.dropdown01 .dropdown-btn {
	position: absolute;
	right: 6px;
	top: 6px;
	width: 34px;
	height: 30px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	line-height: 30px;
	border: 1px solid #ffffff;
	cursor: pointer;
	z-index: 5;
	display: none;
}

.main-header .social-icon {
	position: absolute;
	padding: 25px 0px;
	right: 0px;
	top: 0px;
}

.main-header .social-icon a {
	position: relative;
	line-height: 24px;
	text-align: center;
	font-weight: 400;
	font-size: 14px;
	color: #ffffff;
	margin-left: 18px;
	display: inline-block;
}

.main-header .social-icon a:hover {
	color: #00b7f1;
}

.main-header .social-icon .appt-btn:hover {
	color: #00b7f1;
	background: #ffffff;
}

.main-header .header-top .social-icons li a {
	color: #f5f5f5;
}


/*Header Style Two*/

.header-style-two {
	position: relative;
}

.main-header .header-top {
	position: relative;
	background-color: #2d6eae;
	padding: 12px 0px;
}

.main-header .header-top p{
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0;
    color: #f5f5f5;
    letter-spacing: 1px;
}

.main-header .header-top .top-left {
	position: relative;
}

.main-header .header-top .top-left .social-links {
	position: relative;
}

.main-header .header-top .top-left .social-links a {
	position: relative;
	color: #f5f5f5;
	margin-right: 12px;
	font-size: 15px;
}

.main-header .header-top .top-left .social-links a:hover,
.main-header.header-style-two .header-top.style-two .top-left .social-links a:hover {
	color: #00b7f1;
}

.main-header.header-style-two .header-top .top-left .social-links a:hover {
	color: #888888;
}

.main-header .header-top .top-right .links-nav li {
	position: relative;
	color: #f5f5f5;
	font-size: 16px;
	margin-right: 36px;
	display: inline-block;
	font-weight: 300;
}

.main-header .header-top .top-right .links-nav li:last-child {
	margin-right: 0px;
}

.main-header .header-top .top-right .links-nav li .icon {
	font-size: 16px;
	margin-right: 5px;
	color: #00b7f1;
}

.main-header .header-top.style-two {
	background-color: #1c1c1c;
}

.main-header .header-top.style-two .top-right .links-nav li {
	color: #bcbcbc;
}

.main-header.header-style-two .logo-outer {
	padding: 15px 0px;
}

.header-style-two .header-upper {
	padding: 0;
}

.header-style-two .header-upper .border-bottom {
	border-bottom: 1px solid #f0f0f0;
	padding: 13px 0;
}

.header-style-two .navigation>li.current>a,
.header-style-two .navigation>li:hover>a {
	color: #00b7f1;
}

.header-style-two .main-menu .navigation>li.dropdown01:before {
	color: #333;
}

.header-style-two .navigation li>a {
	color: #333;
	font-size: 13px;
	letter-spacing: 1px;
	padding: 19px 0px;
}

.header-style-two .nav-outer {
	padding-right: 130px;
}

.header-style-two .btn-outer {
	position: absolute;
	right: 0px;
	top: 16px;
}

.header-style-two .btn-outer li {
    display: inline-block;
    border-right: 1px solid #959595;
    padding-right: 15px;
    line-height: 27px;
}

.header-style-two .btn-outer li:last-child {
	padding-right: 0px;
	border-right: 0px;
}

.header-style-two .btn-outer .search-btn {
	position: relative;
	display: block;
	line-height: 20px;
	text-align: right;
	font-weight: 700;
	font-size: 16px;
	color: #222;
	text-transform: uppercase;
	background: #ffffff;
	z-index: 1;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.btn-outer .header-cart {
	position: relative;
	right: -5px;
}

.btn-outer .header-cart i {
	font-size: 15px;
	position: relative;
	bottom: -2px;
}
.btn-outer .cart-inner {
    color: #fff;
    font-size: 11px;
    background: #043247;
    border-radius: 50%;
    position: relative;
    left: -4px;
    padding: 2px 7px;
    top: -8px;
}

/* header style three */

.main-header.header-style-three .header-top {
	background: #f4f4f4;
}

.main-header.header-style-three .header-top p {
	color: #454545;
}

.main-header.header-style-three .header-top .top-right .links-nav li {
	color: #454545;
}

.main-header.header-style-three .info-box .btn-style-three {
	border-radius: 26px;
}

.main-header.header-style-three .header-lower {
	background: transparent;
}

.main-header.header-style-three .nav-outer {
	background: #043247;
	padding-left: 30px;
	margin-bottom: -37px;
}

.main-header.header-style-three .social-icon {
	right: 30px;
}


/*Header Style four*/



.main-header.header-style-four .logo-outer {
	padding: 32px 0px;
}

.header-style-four .header-upper {
	padding: 0px;
	background: transparent;
}

.header-style-four .navigation>li.current>a,
.header-style-four .navigation>li:hover>a {
	color: #00b7f1;
}

.header-style-four .navigation li>a {
	color: #222;
	font-size: 14px;
	padding: 43px 0px;
	letter-spacing: 1px;
}

.header-style-four .nav-outer {
	padding-right: 40px;
}

.header-style-four .btn-outer {
	position: absolute;
	right: 0px;
	top: 42px;
	width: 40px;
	border-left: 1px solid #888888;
}

.header-style-four .btn-outer .search-btn {
	position: relative;
	display: block;
	line-height: 20px;
	text-align: right;
	font-weight: 700;
	font-size: 14px;
	color: #222;
	text-transform: uppercase;
	z-index: 1;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}


/* Header Style five */

.main-header.header-style-five {
	margin-bottom: -84px;
}

.main-header.header-style-five .logo-outer {
	padding: 20px 0px 25px;
}

.header-style-five .header-upper {
	padding: 0px;
	background: transparent;
}

.header-style-five .navigation>li.current>a,
.header-style-five .navigation>li:hover>a {
	color: #00b7f1;
}

.header-style-five .navigation li>a {
	color: #fff;
	font-size: 14px;
	padding: 30px 0px 30px;
}

.header-style-five .nav-outer {
	padding-right: 40px;
}

.header-style-five .btn-outer {
	position: absolute;
	right: 0px;
	top: 30px;
	width: 40px;
	border-left: 1px solid #888888;
}

.header-style-five .btn-outer .search-btn {
	position: relative;
	display: block;
	line-height: 20px;
	text-align: right;
	font-weight: 700;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	z-index: 1;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-header.header-style-five .header-top {
	background-color: transparent;
	padding: 20px 0px 0px;
}

.main-header.header-style-five .header-top .top-left .social-links a {
	color: #fff;
}

.main-header.header-style-five .header-top .top-right .links-nav li {
	color: #fff;
}



/* side-menu */

.side-menu .mobile-nav-button {
    width: 22px !important;
    position: relative;
    right: 0;
    top: 5px;
    z-index: 999;
    cursor: pointer;
    height: 17px;
}
.side-menu .mobile-nav-button .mobile-nav-button-line {
    width: 100%;
    height: 2px;
    background: #0e0e0e;
    position: relative;
    transition: 1s ease;
}
.side-menu .mobile-nav-button .mobile-nav-button-line:nth-of-type(2) {
    margin: 4px 0;
}
.side-menu .mobile-nav-button .mobile-nav-button-line-2 {
    display: none;
}
.side-content {
    overflow-y: scroll;
    display: block;
    max-width: 414px;
    width: 100%;
    right: -100%;
    height: 100vh;
    background: #ffffff;
    position: fixed;
    z-index: 99999;
    transition: 0.5s ease;
    top: 0;
    opacity: 0;
    box-shadow: 0px 0px 85px rgba(0, 0, 0, 0.2);
}
.side-content-info {
    padding: 40px 40px 100px;
}
.side-content-open {
    right: 0;
    opacity: 1;
}
.mega-menu.desktopTopFixed .side-menu .mobile-nav-button {
    margin: 30px 0 0 5px;
}

/*search*/

.mega-menu.desktopTopFixed .search-button {
    padding: 18px 0px 12px;
}
.mega-menu.desktopTopFixed .search {
    position: fixed;
    top: 74px;
}

/*content*/

.side-content-image {
    position: fixed;
    bottom: 0;
    background: #00b7f1;
}
.mega-menu .menu-links li.side-menu-main:hover {
    color: inherit;
}
.side-content .side-logo img {
    height: 40px;
    display: block;
    margin-bottom: 30px;
}
.side-content .side-logo p {
    display: block;
    clear: both;
    padding-bottom: 10px;
}
.menu-toggle-hamburger.menu-close {
    display: block;
    text-align: right;
}
.menu-toggle-hamburger.menu-close span {
    color: #353535;
    background: #f6f7f8;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}
.menu-toggle-hamburger.menu-close span:hover {
    color: #ffffff;
    background: #00b7f1;
}

/* scrollbar */

#scrollbar::-webkit-scrollbar-track {
    box-shadow: none;
    background-color: transparent;
}
#scrollbar::-webkit-scrollbar {
    width: 2px;
    background-color: transparent;
}
#scrollbar::-webkit-scrollbar-thumb {
    background-color: #00b7f1;
}
#scrollbar::-moz-scrollbar-track {
    box-shadow: none;
    background-color: transparent;
}
#scrollbar::-moz-scrollbar {
    width: 2px;
    background-color: transparent;
}
#scrollbar::-moz-scrollbar-thumb {
    background-color: #2046f2;
}
#scrollbar::-o-scrollbar-track {
    box-shadow: none;
    background-color: transparent;
}
#scrollbar::-o-scrollbar {
    width: 2px;
    background-color: transparent;
}
#scrollbar::-o-scrollbar-thumb {
    background-color: #00b7f1;
}
#scrollbar::-ms-scrollbar-track {
    box-shadow: none;
    background-color: transparent;
}
#scrollbar::-ms-scrollbar {
    width: 2px;
    background-color: transparent;
}
#scrollbar::-ms-scrollbar-thumb {
    background-color: #00b7f1;
}
.menu-overlay {
    position: fixed;
    z-index: 9999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: url("../images/icons/close.png") 25 25, pointer;
    background-color: rgba(0, 0, 0, 0.8);
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.search-overlay.is-visible, .menu-overlay.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
.no-js .search {
    position: relative;
    top: 0;
    opacity: 1;
    visibility: visible;
}
/*----========header_close=====----*/
/*----========header_close=====----*/



/*----========slider_start=====----*/
/*----========slider_start=====----*/

/*
// Sub page Entry
// ================ */
.sub-page-entry {
  text-align: left;
  padding: 120px 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.sub-page-entry h2 {
	font-size: 30px;
	line-height: 30px;
}
@media (min-width: 992px) {
  .sub-page-entry {
    padding: 120px 0;
	color:#fff;
  }
}
.sub-page-entryabout:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 /* background: rgba(0, 0, 0, 0.5);*/
  z-index: -1;
}


.sub-page-entryaboutelevoter01:before {
  background: rgba(0, 0, 0, 0.5);
}


.sub-page-entryabout:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(http://ropebuselevator.com/wp-content/uploads/2018/02/about.jpg) center center no-repeat;
  background-size: cover;
  z-index: -2;
  -webkit-animation: moving_img 40s infinite;
  -moz-animation: moving_img 40s infinite;
  -ms-animation: moving_img 40s infinite;
  animation: moving_img 40s infinite;
  animation-fill-mode: forwards;
}

.maintenance_bg:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(http://ropebuselevator.com/wp-content/uploads/2018/02/maintance.jpg) center center no-repeat;
  background-size: cover;
  z-index: -2;
  -webkit-animation: moving_img 40s infinite;
  -moz-animation: moving_img 40s infinite;
  -ms-animation: moving_img 40s infinite;
  animation: moving_img 40s infinite;
  animation-fill-mode: forwards;
}

.enquiry_bg:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(http://ropebuselevator.com/wp-content/uploads/2018/02/enquiry.jpg) center center no-repeat;
  background-size: cover;
  z-index: -2;
  -webkit-animation: moving_img 40s infinite;
  -moz-animation: moving_img 40s infinite;
  -ms-animation: moving_img 40s infinite;
  animation: moving_img 40s infinite;
  animation-fill-mode: forwards;
}

.blog_bg:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(http://ropebuselevator.com/wp-content/uploads/2018/02/blog.jpg) center center no-repeat;
  background-size: cover;
  z-index: -2;
  -webkit-animation: moving_img 40s infinite;
  -moz-animation: moving_img 40s infinite;
  -ms-animation: moving_img 40s infinite;
  animation: moving_img 40s infinite;
  animation-fill-mode: forwards;
}

.sub-page-entryabout01:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(http://ropebuselevator.com/wp-content/uploads/2018/02/contact3.jpg) center center no-repeat;
  background-size: cover;
  z-index: -2;
  -webkit-animation: moving_img 40s infinite;
  -moz-animation: moving_img 40s infinite;
  -ms-animation: moving_img 40s infinite;
  animation: moving_img 40s infinite;
  animation-fill-mode: forwards;
}


.sub-page-entryabouthome1:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/about_back_home.jpg) center center no-repeat;
  background-size: cover;
  z-index: -2;
  -webkit-animation: moving_img 40s infinite;
  -moz-animation: moving_img 40s infinite;
  -ms-animation: moving_img 40s infinite;
  animation: moving_img 40s infinite;
  animation-fill-mode: forwards;
}


.sub-page-entryenqui:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
/*
* Helpers
// ================ */
.z-index-high {
  position: relative;
  z-index: 50;
}

.width100 {
  width: 100%;
}

.height100 {
  height: 100%;
}





/*--------------animatecss--*/


.sub-page .top-header {
  padding: 14px 0;
}

@media (min-width: 768px) {
  .sub-page .top-header address {
    float: left;
  }
  .sub-page .top-header ul {
    float: right;
  }
}

.sub-page .k-nav {
  display: block;
  position: relative;
  -webkit-transition: all 0s ease;
  transition: all 0s ease;
}

ul.breadcrumbs {
  margin-top: 30px;
}

@media (min-width: 768px) {
  ul.breadcrumbs {
    margin-top: 0;
  }
}

ul.breadcrumbs li {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

ul.breadcrumbs li a {
	color: #fff;
	text-align: center;
	text-decoration: none;
}
ul.breadcrumbs li:last-child {
  font-weight: 300;
}

ul.breadcrumbs li:last-child:after {
  content: none;
}

ul.breadcrumbs li + li {
  margin-left: 30px;
}

ul.breadcrumbs li:after {
  content: '/';
  color: #fff;
  font-size: 18px;
  position: absolute;
  top: 0;
  right: -20px;
}

@media (min-width: 768px) {
  .entry-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.entry-content .page-subtitle {
  font-weight: 300;
  line-height: 25px;
  font-size: 17px;
  padding-bottom: 14px;
}

.entry-content .divider {
  margin: 9px auto 12px 0;
}

@media (min-width: 768px) {
  .entry-content .divider {
    margin: 19px auto 22px 0;
  }
}

/*----========slider_close=====----*/
/*----========slider_close=====----*/


/*----========welpart=====----*/

.welpart{
	width:100%;
	float:left;
	text-align:center;
	    padding: 50px 0px;
}
.welpart h2 {
	font-size: 30px;
	line-height: 24px;
	font-weight: 500;
	line-height: 34px;
	margin-bottom: 20px;
}
.welpart h2 span{
	color:#0D97DF;
}
.wel_img{
	width:100%;
	float:left;
	margin-top:60px;
}

.wel_img img{
	width:100%;
	float:left;
}
.wel_txt{
	width:100%;
	float:left;
	text-align:left;
	margin-top:60px;
}
.wel_txt h2{
	font-size:24px;
	font-weight:600;
	line-height:24px;
	margin:0;
	padding-bottom:30px;
}
.wel_txt p {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin: 0;
	padding-bottom: 15px;
	color: #000;
}
.welbtn{
	width:100%;
	float:left;
	margin-top:25px;
}
.welbtn a{
	    background: #0D97DF;
    text-align: center;
    text-decoration: none;
    padding: 12px 28px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
}

/*----========welpart=====----*/


/*----========services=====----*/
.servi_part{
	width:100%;
	float:left;
	padding-top: 50px;
padding-bottom: 80px;
}
.servi_part h2 {
	font-size: 30px;
	line-height: 24px;
	font-weight: 500;
	line-height: 34px;
	margin-bottom: 20px;
	text-align: center;
}
.servi_part h2 span{
color: #0D97DF;
}
.servi_part .col-md-2.col-sm-2 {
	margin: 0;
	padding: 0;
}
.test_icon {
	float: left;
	text-align: center;
	width: 100%;
	margin-top:30px;
	background:#f8f8f8;
    min-height: 215px;
}
.test_icon01 {
	background:#e8eaeb;
}
.test_icon02 {
	background:#dde1e3;
}
.test_icon > h2 {
	margin-top: 13px;
	font-size: 15px;
	font-weight: 400;
	padding: 10px 6px;
	color: #000;
	line-height: 22px;
}
.test_icon > img {
	padding-top: 20px ;
}
/*----========services end=====----*/

.banner
{
	width:100%;
	float:left;
	padding:50px 0;
	background:url(../images/banner02.jpg) no-repeat fixed;
	background-size:cover;
	
}

.banner h2{
	font-size: 30px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 25px;
	color:#fff;
	font-weight:500;
}
.banner h4 {
	font-size: 22px;
	line-height: 24px;
	text-align: center;
	margin-bottom: 50px;
	color: #fff;
	font-weight:400;
}
.about_part {
	width: 100%;
	float: left;
	padding: 80px 0;
}
.abou_box img {
	width: 100%;
	float: left;
}
.abou_box h2 {
	font-size: 24px;
	line-height: 24px;
	text-align: left;
	margin: 0 0 20px 0;
	font-weight: 400;
	color: #000;
}
.abou_box p i {
	color: #0D97DF;
	padding-right: 6px;
}
.about_part h2 span {
	color: #0D97DF;
}
.abou_box p {
	line-height: 22px;
	font-size: 14px;
	font-weight: 400;
	color: #000;
}
.servi_box {
	width: 100%;
	float: left;
}
.servi_box h2 {
	font-size: 30px;
	line-height: 24px;
	text-align: left;
	margin: 0 0 20px 0;
	font-weight: 500;
}
.servi_box p {
	line-height: 22px;
	font-size: 14px;
	font-weight: 400;
	color: #000;
}
.servi_box h3 {
	font-size: 18px;
	line-height: 24px;
	text-align: left;
	margin: 0 0 20px;
	font-weight: 400;
}
.ser_iconbox {
	width: 100%;
	float: left;
	text-align: left;
}
.sed {
	border-right: 2px dotted #2C3687;
}
.ser_iconbox i {
	font-size: 40px;
	color: #0D97DF;
}
.ser_iconbox h2 {
	font-size: 16px;
	text-align: left;
	padding-top: 15px;
}
.banner-box
{
	float:left;
	width:100%;
	padding:15px 0px;
}
.banner-box h3 {
	float: left;
	width: 100%;
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight:400;
}
.banner-box:hover .show-line-hover {
    width: 150px;
    -webkit-transition: width 1s linear;
    transition: width 1s linear;
}


.show-line-hover {
    margin: 15px auto;
    display: block;
    width: 0;
    height: 2px;
    background: #ffffff;
    -webkit-transition: width 1s linear;
    transition: width 1s linear;
}

/*----=======Elevoter Effect======----*/
/*----=======Elevoter Effect======----*/

.elevator_box{
	width:100%;
	float:left;
	padding:50px 0;
	
}
.elevator_box h2 {
	font-size: 30px;
	font-weight:500;
	line-height: 24px;
	text-align: center;
	padding-bottom: 20px;
}

.elevator_box h2 span{
	color:#0D97DF;
}

.hide-in-mob a{
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #0D97DF;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	text-align: center;
	overflow: hidden;
	color: #fff;
	border-radius: 4px;
	padding:10px 25px;
}
.btn_main {
	
	float: left;
	
	margin: 0 20px 20px 0;
	
	width: 190px;
	/* height: 70px; */
	
	;
}

.home-section-1 {
	background: url(../images/vector-bg-1.png) no-repeat right top;
	padding: 30px 0 0;
	background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(90%, white), to(#f9f9f9));
	background: -webkit-linear-gradient(top, white 0%, white 90%, #f9f9f9 100%);
	background: -o-linear-gradient(top, white 0%, white 90%, #f9f9f9 100%);
	background: linear-gradient(to bottom, white 0%, white 90%, #f9f9f9 100%);
	position: relative
}

.home-section-1:before {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	background-image: url(../images/vector-bg-1.png);
	background-position: right top;
	background-repeat: no-repeat;
	z-index: 0
}
.home-section-1 h5 {
	font-size: 24px;
	color: #2e3235;
	line-height: 30px;
	font-weight: 300;
	margin-bottom: 5px
}
.home-section-1 .container {
	position: relative;
	z-index: 20;
	overflow: hidden
}

.home-services {
	padding: 30px 0 40px 0
}
.home-services .col-3 {
	padding: 0;
	float: left;
	width: 100%
}
.home-services .box {
	position: relative;
	width: 50%;
	background: #4eccff;
	float: left;
	background-size: cover!important
}
.home-services .box:before {
	content: "";
	display: block;
	padding-top: 100%
}
.home-services .box .service-tilte {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center
}
.home-services .icon {
	width: 80px;
	height: 70px;
	margin: 0 auto 10px auto;
	background: url(../images/service-icon.png) no-repeat center 0
}
.home-services h4 {
	font-size: 20px;
	color: #fff;
	font-family: "Montserrat", sans-serif
}
.home-services .b-1 {
	background: url(../images/effect-thum05.jpg) no-repeat 0 -40px;
	width: 100%
}
.home-services .b-1 .service-expand {
	background: url(../images/effect05.jpg) no-repeat 0 0px;
	right: 0;
	top: 0
	width: 100%
}
.home-services .b-2 {
	background: url(../images/effect-thum02.jpg) no-repeat 0 -40px;
	width: 100%
}
.home-services .b-2 .icon {
	background-position: center -67px
}
.home-services .b-2 .service-expand {
	background: url(../images/effect02.jpg) no-repeat 0 0px;
	right: 0;
	bottom: 0
}



.home-services .b-3 {
	background: url(../images/effect03.jpg) no-repeat 0 -40px;
	width: 100%
}
.home-services .b-3:before {
	padding-top: 50%
}
.home-services .b-3 .icon {
	background-position: center -143px
}
.home-services .b-3 .service-expand {
	background: url(../images/effect03.jpg) no-repeat 0 0px;
	right: 0;
	bottom: 0
}
.home-services .b-3 .service-expand.open {
	width: 100%
}
.home-services .b-4 {
	background: url(../images/effect-thum06.jpg) no-repeat 0 0px;
	width: 100%
}


.home-services .b-4 .icon {
	background-position: center -218px
}
.home-services .b-4 .service-expand {
	background: url(../images/effect06.jpg) no-repeat 0 0px;
	background-size: cover;
	top: 0;
	left: 0
}

.home-services .b-4 .service-expand .close {
	color: #0d556f
}
.home-services .b-5 {
	background: url(../images/effect-thum07.jpg) no-repeat center;
}
.home-services .b-5 .icon {
	background-position: center -451px
}
.home-services .b-5 .service-expand {
	background: url(../images/effect07.jpg) no-repeat center;
	background-size: cover;
	right: 0;
	bottom: 0
}
.home-services .b-6 {
	background: url(../images/effect-thum04.jpg) no-repeat center
}
.home-services .b-6 .icon {
	background-position: center -370px
}
.home-services .b-6 .service-expand {
	background: url(../images/effect04.jpg) no-repeat center;
	background-size: cover;
	left: 0;
	top: 0
}
.home-services .b-7 {
	background: url(../image/effect-thum01.jpg) no-repeat center;
}
.home-services .b-7 .icon {
	background-position: center -291px
}
.home-services .b-7 .service-expand {
	background: url(../images/effect01.jpg) no-repeat center;
	background-size: cover;
	right: 0;
	top: 0
}
.home-services p {
	margin: 25px 0;
	color: #2e3235;
	line-height: 26px;
	font-family: "Montserrat", sans-serif
}
.service-detail {
	padding: 25px;
	clear: both;
	position: relative;
	-webkit-transition: all 0.6s ease-out 0s;
	-moz-transition: all 0.6s ease-out 0s;
	-ms-transition: all 0.6s ease-out 0s;
	-o-transition: all 0.6s ease-out 0s;
	transition: all 0.6s ease-out 0s;
	height: 0;
	padding: 0;
	overflow: hidden;
	z-index: 99
}
.service-detail .icon {
	float: left
}
.service-detail h3 {
	float: left;
	font-size: 22px;
	color: #fff;
	line-height: 27px;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	padding-top: 5px
}
.service-detail h5 {
	font-size: 20px;
	color: #fff;
	font-family: "Montserrat", sans-serif
}
.service-detail ul a {
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	margin-bottom: 10px;
	display: block
}
.service-detail .close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 22px;
	color: #fff;
	color: #0d556f;
	cursor: pointer
}
.service-detail .close:hover {
	color: #fff
}
.service-detail.open {
	height: auto;
	overflow: visible
}
.service-detail.open .box-outer {
	padding: 20px
}
.service-detail.open:before {
	top: -8px
}
.service-detail.open ul a {
	width: auto
}
.service-detail:before {
	content: '';
	position: absolute;
	top: 0;
	left: 25%;
	width: 0;
	margin-left: -4px;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #00aeef;
	display: none
}
.service-detail .box-outer {
	background: #00aeef;
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.6s ease-out 0s;
	-moz-transition: all 0.6s ease-out 0s;
	-ms-transition: all 0.6s ease-out 0s;
	-o-transition: all 0.6s ease-out 0s;
	transition: all 0.6s ease-out 0s;
	overflow: hidden
}
.service-detail ul a {
	width: 0;
	overflow: hidden;
	-webkit-transition: all 0.9s ease-out 0s;
	-moz-transition: all 0.9s ease-out 0s;
	-ms-transition: all 0.9s ease-out 0s;
	-o-transition: all 0.9s ease-out 0s;
	transition: all 0.9s ease-out 0s;
	overflow: hidden
}
.service-expand {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9;
	-webkit-transition: all 0.4s ease-out 0s;
	-moz-transition: all 0.4s ease-out 0s;
	-ms-transition: all 0.4s ease-out 0s;
	-o-transition: all 0.4s ease-out 0s;
	transition: all 0.4s ease-out 0s;
	overflow: hidden
}
.service-expand.open {
	width: 200%;
	height: 200%;
	padding: 20px;
	z-index: 99
}
.service-expand.open .service-tilte {
	position: relative;
	top: auto;
	text-align: left;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	margin-bottom: 5px
}
.service-expand.open .icon {
	margin: 0;
	float: left;
	-webkit-transform: translateY(0px)!important;
	-ms-transform: translateY(0px)!important;
	transform: translateY(0px)!important
}
.service-expand.open h4 {
	float: left;
	margin-left: 15px;
	padding-top: 15px
}
.service-expand.open .more-cnt {
	display: block;
	width: 100%;
	overflow: visible;
	margin-top: 25px
}
.service-expand.open .close {
	display: block
}
.service-expand .close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	z-index: 99;
	font-size: 22px;
	color: #fff;
	cursor: pointer;
	display: none;
	-webkit-transition: all 0.6s ease-out 0s;
	-moz-transition: all 0.6s ease-out 0s;
	-ms-transition: all 0.6s ease-out 0s;
	-o-transition: all 0.6s ease-out 0s;
	transition: all 0.6s ease-out 0s
}
.service-expand .close:hover {
	color: #fff
}
.service-expand h5,
.service-expand p {
	font-size: 20px;
	color: #fff;
	font-family: "Montserrat", sans-serif;
	display: none
}
.service-expand ul a,
.service-expand ul span {
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	margin-bottom: 10px;
	display: block;
	cursor: auto;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}
.service-expand ul a:hover,
.service-expand ul span:hover {
	-webkit-transform: translatex(5px);
	-ms-transform: translatex(5px);
	transform: translatex(5px)
}
.service-expand .more-cnt {
	display: none;
	width: 0;
	overflow: hidden
}
.acodez-won {
	padding-bottom: 55px
}
.acodez-won .box {
	-webkit-box-shadow: 0px 30px 62px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 30px 62px 0px rgba(0, 0, 0, 0.15);
	padding: 24px;
	background: #fff;
	position: relative
}
.acodez-won .box:hover {
	-webkit-box-shadow: 0px 30px 62px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 30px 62px 0px rgba(0, 0, 0, 0.25)
}
.acodez-won .box:hover h4 {
	color: #00aeef
}
.acodez-won h4 {
	font-size: 16px;
	color: #acacac;
	margin-bottom: 15px;
	text-align: center;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}
.acodez-won h4 span {
	font-size: 26px;
	font-weight: 700;
	margin-right: 10px;
	position: relative;
	top: 3px
}
.acodez-won .box-1 {
	width: 47%;
	float: right;
	z-index: 3;
	margin-bottom: -107px
}
.acodez-won .box-1 img {
	max-width: 80px
}
.acodez-won .box-2 {
	width: 73%;
	float: left;
	z-index: 1
}
.acodez-won .box-2 li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f0f0f0
}
.acodez-won .box-2 li:last-child {
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0
}
.acodez-won .box-2 li a>div {
	padding: 0
}
.acodez-won .box-2 li .pic {
	padding-right: 15px
}
.acodez-won .box-3 {
	width: 57%;
	float: right;
	margin-top: -60px;
	z-index: 2;
	margin-right: -6px
}
.acodez-won .box-3 img {
	max-width: 100px
}
.acodez-won .content {
	margin-bottom: 32px
}
.acodez-won .content .acodie-1 {
	display: none
}
.acodez-won .btn-01 {
	float: right
}
.acodez-won p {
	margin-bottom: 25px
}

.service {
	width: 100%;
	background-size: cover;
	padding: 40px 0;
	background: #f7f6f6
}
.service h2 {
	padding-bottom: 0;
	margin-bottom: 10px
}
.service h2:before {
	display: none
}
.service p {
	margin-bottom: 15px
}
.service h4 {
	font-size: 18px;
	color: #5e707d;
	margin-bottom: 8px;
	font-family: "Montserrat", sans-serif;
	font-weight: 500
}
.service .pic {
	display: none
}
.gray-bg {
	background: #ececec
}
.service-1 {
	background: #f6f5f5
}
.service-2 {
	background: #e4e6e6
}
.service-3 {
	background: #f9f9f9
}
.service-4 {
	background: #fff
}
.service-5 {
	background: #f6f5f5
}
.service-6 {
	background: #fff
}
.service-7 {
	background: #f7f6f6
}
.service-8 {
	background: #fff
}

@media only screen and (min-width: 480px) {
	

	.home-services .b-3 .service-expand {
		background-size: cover
	}
	.service-expand.open {
		padding: 35px
	}
	.service-expand h5,
	.service-expand p {
		display: block
	}
	.service-expand.service-expand.open .more-cnt {
		margin-top: 0
	}
	
}


@media only screen and (min-width: 767px) {
	
	.home-services {
		margin-top: 30px
	}
	.home-services .col-3 {
		width: 25%
	}
	.home-services .box {
		width: 100%;
		background-size: cover;
		-webkit-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-ms-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s
	}
	.home-services .box h4 {
		-webkit-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-ms-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s
	}
	.home-services .box .icon {
		-webkit-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-ms-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s
	}
	.home-services .box:hover .icon {
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		transform: translateY(-5px)
	}
	.home-services .b-3 {
		background-size: cover;
		background-position: 0
	}
	.home-services .b-3:before {
		padding-top: 200%
	}
	.home-services .b-1 .service-expand {
		top: auto;
		right: auto;
		left: 0;
		bottom: 0
	}
	.home-services .b-3 .service-expand:hover {
		height: 100%
	}
	.home-services .b-3 .service-expand:hover.open {
		height: 100%;
		width: 200%
	}
	.home-services .b-7 .service-expand {
		top: auto;
		right: 0;
		bottom: 0
	}
	.home-services .b-6 .service-expand {
		top: 0;
		right: 0;
		left: auto;
		bottom: auto
	}
	.home-services .b-2 .service-expand {
		left: auto;
		right: 0;
		bottom: auto;
		top: 0
	}
	.service-expand:hover {
		width: 200%;
		height: 200%;
		padding: 20px;
		z-index: 99
	}
	.service-expand:hover .service-tilte {
		position: relative;
		top: auto;
		text-align: left;
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		margin-bottom: 5px
	}
	.service-expand:hover .icon {
		margin: 0;
		float: left;
		-webkit-transform: translateY(0px)!important;
		-ms-transform: translateY(0px)!important;
		transform: translateY(0px)!important
	}
	.service-expand:hover h4 {
		float: left;
		margin-left: 15px;
		padding-top: 15px
	}
	.service-expand:hover .more-cnt {
		display: block;
		width: 100%;
		overflow: visible
	}
	
	.service-detail {
		width: 0;
		left: 15px;
		top: 30px;
		position: absolute
	}
	.service-detail.open {
		height: calc(100% - 60px);
		width: 50%
	}
	.service-detail.open .box-outer {
		padding: 60px
	}
	.service-detail:before {
		display: none
	}

	.acodez-won .box-1 img,
	.acodez-won .box-3 img {
		max-width: 100%
	}
	.acodez-won h4 {
		font-size: 24px
	}
	.acodez-won h4 span {
		font-size: 40px
	}
	.acodez-won .box-1 {
		margin-bottom: -180px;
		margin-right: 21px
	}
	.acodez-won .box-3 {
		margin-top: -126px
	}
	
	.service {
		background-size: cover!important
	}
	.service .pic {
		text-align: center;
		display: block
	}
	.service p {
		font-size: 18px;
		line-height: 31px;
		font-weight: 100;
		margin-bottom: 20px
	}
	.service h4 {
		font-size: 22px
	}
	
	.service-1 {
		background: url(mobile-bg.jpg) no-repeat right top;
		background-position: 5% top
	}
	.service-2 {
		background: url(service-mobile-bg.jpg) no-repeat left top;
		background-position: 38% top
	}
	.service-3 {
		background: url(service-bg-3.jpg) no-repeat right top #f9f9f9;
		background-size: contain!important
	}
	.service-5 {
		background: url(service-bg-5.jpg) no-repeat right top;
		background-position: 62% top
	}
	.service-6 {
		background: url(service-bg-6.jpg) no-repeat left top;
		background-position: 46% top
	}
	
}

@media only screen and (min-width: 1024px) {
	
	.acodez-won .box-2 {
		width: 373px
	}
	.acodez-won .box-3 {
		width: 300px
	}

	.service {
		min-height: 500px;
		padding: 80px 0
	}
	
	.service-expand:hover {
		padding: 60px
	}
	.service-expand.open {
		padding: 60px
	}
	.service-expand h5 {
		font-size: 25px;
		margin: 25px 0 20px 0
	}
	.service-expand:hover h4 {
		font-size: 30px
	}
	.home-services h4 {
		font-size: 24px
	}
	
	
	.home-section-1 .container {
		overflow: visible;
		margin-bottom: 73px
	}
	.home-section-1 .container.acodez-won {
		margin-bottom: 35px
	}
	.home-section-1 .container.aco-clients {
		margin-bottom: 0
	}
	
	
}
@media only screen and (min-width: 1250px) {
	
	.service-expand {
		overflow: hidden
	}
	.service-expand p {
		width: 470px
	}
	
}

/*----=======Elevoter Effect======----*/
/*----=======Elevoter Effect======----*/



/* =============================
   19. RESPONSIVE STYLES 
================================ */

@media only screen and (min-width: 1101px) and (max-width: 1200px) {

header .navbar-default .navbar-nav > li {
    margin-left: 35px;
  }
.carousel-nav a {
    padding: 0 15px;
  }
.home4-slider.home-slider2 .slider-info h2 {
    line-height: 36px;
    font-size: 35px;
}
  
}
@media only screen and (min-width: 993px) and (max-width: 1150px) {
.home4-slider.home-slider2 .slider-info h2 {
    line-height: 36px;
    font-size: 35px;
}
header.header2 .navbar-header {
    padding: 11px 0 0 !important;
    margin-bottom: -18px !important;
}
.home-slider3 .item {
    min-height: 642px;
    position: relative;
}
header .navbar-default .navbar-nav > li > a {
    font-size: 13px;
}
header .navbar-default .navbar-nav > li {
    margin-left: 25px;
}

}
@media only screen and (min-width: 768px) and (max-width: 992px) {

.custom-head-inner {
    width: 40%;
}
.home1-info {
    top: -45px;
    margin-bottom: -45px;
}
header.header2 .navbar-nav > li > a {
    padding: 22px 15px !important;
}
header.header2 .topbar span {
    font-size: 14px;
    margin-right: 15px;
    margin-top: 4px !important;
}
header.header2 .topbar .tb-social a {
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 26px;
}
header.header2 .navbar-header {
    padding: 5px 0 0 !important;
    margin-bottom: -7px !important;
}

}

@media only screen and (min-width: 250px) and (max-width: 550px) {

.quote-tab-group li {
    float: left;
    margin: 15px 0;
    width: 100%;
}

}

@media only screen and (min-width: 250px) and (max-width: 767px) {


.home1-info {
    top: -45px;
    margin-bottom: -45px;
}



.home-quote .container .next2 {
    width: 47px;
    top: 0;
    margin-top: 0;
    right: 15px;
}


header .navbar-default .navbar-nav > li {
    margin-left: 0;
}
header .navbar-default .navbar-nav > li > a {
    padding: 12px 16px;
}
.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    margin: 10px 0 0 !important;
    position: absolute;
    background: #fff;
    width: 96%;
    left: 2%;
    right: 0;
    z-index: 777;
    /*max-height: calc(100vh - 135px);*/
    overflow: auto;
    overflow-x: hidden;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
/*header .navbar-nav > li > .dropdown-menu02 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;
    width: 100%;
    opacity: 1;
    visibility: visible;
    margin-top: -5px !important;
}*/
}
@media only screen and (min-width: 1051px) and (max-width: 4000px) {

.center-content {
    display: flex;
    align-items: center;
    flex-direction: row;
}
}
@media only screen and (min-width: 768px) and (max-width: 4000px) {

.center-content-ipad {
    display: flex;
    align-items: center;
    flex-direction: row;
}
/*header .navbar-nav > li:last-child > .dropdown-menu02 {
  left: auto;
  right: 0;
}*/
header.header2 .navbar-right {
    background: #2C3687;
    position: relative;
    z-index: 55;
    margin:14px 0 -29px;
}
header.header2 .navbar-right:after {
    content: "";
      background: #2c3687;
    width: 1000px;
    height: 64px;
    position: absolute;
    left: 116px;
    z-index: -1;
}
header.header2 .navbar-right:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 34px 30px 31px 0;
    border-color: transparent #2C3687;
    display: block;
    width: 0;
    z-index: 1;
    left: -30px;
    top: 0;
}

header.header2 .navbar-nav > li {
    margin-left: 0px;
}

header.header2 .navbar-nav > li > a {
    padding: 22px 25px;
    color: #fff;
	font-size:15px;
}

header.header2 .navbar-nav > li > a:hover {
    text-decoration: none !important;
    background:#0D97DF;
    color: #fff;
}

header.header2 .navbar-header {
    padding:12px 0;
}
}

.boxpart{
    width:100%;
	float:left;
	padding-top:50px;
	padding-bottom:80px;
}
.boxpart h2 {
    font-size: 30px;
    line-height: 24px;
	font-weight: 500;
}
.boxpart h2 span {
  
  color: #0D97DF;
}


.boxpart i {
     color: #0d97df;
    float: left;
    font-size: 22px;
    
   padding-right: 5px;
}	
.boxpart h3 {
	color: #000;
	font-size: 18px;
	/* font-weight: 400; */
	padding: 3px 0 0 !important;
	font-weight: 400;
	margin: 14px 0 0;
}
.boxpart p {
  color:#fff;
  padding: 5px 0 0 60px;
  text-transform: lowercase;
  width: 100%;
  font-size: 14px;
}
.box1
{
	float:left;
	width:100%;
	padding:20px 20px;
}
.sap_about {
	width: 100%;
	float: left;
	padding: 1px 0px;
}	
.boxspimg{
	width:100%;
	float:left;
	text-align:center;
	
}
.boxspimg video{
	width:100%;
	float:left;
	margin-top:50px;
}
.boxpart .col-md-6.col-sm-6 {
  padding-right: 0;
}


/*-- testimonial start --*/

 /*-========Testimonial part=============--------*/
/*-========Testimonial part=============--------*/
#testimonial4{
  overflow: hidden;
  min-height: 375px;
  position: relative;
  width:100%;

}
#testimonial4 .carousel-inner{
  width: 75%;
  margin: auto;
}
#testimonial4 .carousel-inner:hover{
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#testimonial4 .carousel-inner:active{
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#testimonial4 .carousel-inner .item{
  overflow: hidden;
}

.testimonial4_indicators .carousel-indicators{
  left: 0;
  margin: 0;
  width: 100%;
  font-size: 0;
  height: 20px;
  bottom: 45px;
  padding: 0 5px;
  cursor: e-resize;
  overflow-x: auto;
  overflow-y: hidden;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}
.testimonial4_indicators .carousel-indicators li{
  padding: 0;
  width: 10px;
  height: 10px;
  border: none;
  text-indent: 0;
  margin: 2px 3px;
  cursor: pointer;
  display: inline-block;
  background: #000;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators .active{
  padding: 0;
  width: 10px;
  height: 10px;
  border: none;
  margin: 2px 3px;
 background-color: #2c3687;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar{
  height: 3px;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{
  background: #eeeeee;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.testimonial4_control_button .carousel-control{
  top: 247px;
  opacity: 1;
  width: 40px;
  bottom: auto;
  height: 40px;
  font-size: 10px;
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
  line-height: 38px;
  text-shadow: none;
  text-align: center;
  position: absolute;
  background: transparent;
  border: 2px solid #000;
  text-transform: uppercase;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
  transition: all 0.6s cubic-bezier(0.3,1,0,1);
  color:#000;
}
.testimonial4_control_button .carousel-control.left{
  left: 7%;
  right: auto;
}
.testimonial4_control_button .carousel-control.right{
  right: 7%;
  left: auto;
}
.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover{
  color: #000;
  background: #fff;
  border: 2px solid #000;
}

.testimonial4_header{
  top: 0;
  left: 0;
  bottom: 0;
  width: 550px;
  display: block;
  margin: 30px auto;
  text-align: center;
  position: relative;
}
.testimonial4_header h2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    padding-bottom: 20px;
}
.testimonial4_header h2 span{
color: #0D97DF;
}
.testimonial4_slide{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70%;
  margin: auto;
  padding: 85px;
  position: relative;
  text-align: center;
}
.testimonial4_slide img {
  top: 0;
  left: 0;
  right: 0;
  width: 50px;
  height: 50px;
  margin: auto;
  display: block;
  color: #000;
  font-size: 18px;
  line-height: 46px;
  text-align: center;
  position: relative;
}

.testimonial4_slide p {
  color: #000;
  font-size: 16px;
  margin: 40px 0 20px 0;
}

.testimonial4_slide h4 {
  color: #000;
  font-size: 24px;
  font-weight: bold;
}


@media only screen and (max-width: 480px){
  .testimonial4_control_button .carousel-control{
    display: none;
  }
  .testimonial4_header{
    width: 95%;
  }
  .testimonial4_header h4{
    font-size: 20px;
  }
  .testimonial4_slide{
    width: 98%;
    padding: 5px;
  }
}

@media (min-width: 481px) and (max-width: 767px){
  .testimonial4_control_button .carousel-control.left{
    left: 2%;
  }
  .testimonial4_control_button .carousel-control.right{
    right: 2%;
  }
  .testimonial4_header{
    width: 95%;
  }
  .testimonial4_slide{
    width: 98%;
    padding: 5px;
  }
}

@media (min-width: 768px) and (max-width: 991px){
  .testimonial4_control_button .carousel-control.left{
    left: 5%;
  }
  .testimonial4_control_button .carousel-control.right{
    right: 5%;
  }
}

@-webkit-keyframes psBoxShadowEffect_2{
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #ffffff, 0 0 0 5px rgba(255,255,255,0.5);
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes psBoxShadowEffect_2{
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #ffffff, 0 0 0 5px rgba(255,255,255,0.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

/*-========Testimonial part=============--------*/
/*-========Testimonial part=============--------*/


/*-- testimonial end --*/

/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}


.footer
{
	    float: left;
    width: 100%;
    padding-top: 36px;
    background-color: #f3f3f3;
}

.footer p {
	color: #000000;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
   font-family: 'Roboto', sans-serif;
}
.rowt
{
	float:left;
	width:100%;
	margin-top:30px;
}

.rowt1
{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:10px;
}

.social
{
	float:left;
	width:100%;
	padding:40px 0px;
border-bottom: 1px solid #656363;
	
}

.social1
{
	float:left;
	width:100%7;
}

.copy
{
	float:left;
	width:100%;
	padding:15px 0px;
}
.copy p
{
	    float: left;
    width: 100%;
    font-size: 14px;
    color: #000000;
}
.copy a {
	color: rgb(44, 54, 135);
}

@media screen and (max-width: 991px) and (min-width: 768px)
{

header .navbar-default .navbar-nav > li > a 
{
    
    font-size: 13px;
    
}
}


.caption-text h3 {
	font-size: 23px;
	font-weight:400;
}
/*-- =====Home page close===== ---*/
/*-- =====Home page close===== ---*/





@media (max-width:991px){
.sed {
	border-right: 0 dotted #2C3687 !important;
}
}
@media (max-width:767px){
.abou_box img {
	margin-bottom: 30px;
}
._icon {
	padding: 50px 0;
}
.sub-page-entry {
	padding: 20px 0 30px;
}
.head_maintop{
	display:none !important;
}
.head_mainbutt{
	display:block !important;
}
.slider {
	padding: 0 0 120px;
}
}

/*.group{ padding: 20px; overflow:hidden}*/
.gray{ background: #f6f6f6; }


/*------------------------------------------------------------
base button
------------------------------------------------------------*/

.btn_main {
	cursor: pointer;
	float: left;
	display: inline-block;
	margin: 0 20px 20px 0;
	background: #0D97DF;
	width: 190px;
	/* height: 70px; */
	font-size: 19px;
	line-height: 59px;
	text-align: center;
	overflow: hidden;
	color: #fff;
	border-radius: 4px;
}
.btn_main01 {
	cursor: pointer;
	float: left;
	display: inline-block;
	margin: 0 20px 20px 0;
	background: #0D97DF;
	width: 245px;
	/* height: 70px; */
	font-size: 19px;
	line-height: 59px;
	text-align: center;
	overflow: hidden;
	color: #fff;
	border-radius: 4px;
}

.b-effect3:before{ transition: all .4s ease-out;
  float:left;
  margin-left: -10px;
  margin-top: -10px;
  width:10px;
  height:10px;
  display: block;
  background: #fff;
  content: "";
  box-shadow: 
   30px 30px 0px -10px rgba(100, 255, 255, .2);
  }


.b-effect3:hover.b-effect3:before{
  box-shadow: 
    30px 30px 0px 20px rgba(0, 0, 0, .2),
    80px 10px 0px 20px rgba(0, 0, 0, .2),
    20px 80px 0px 20px rgba(0, 0, 0, .2),
    100px 60px 0px 20px rgba(0, 0, 0, .2),
    65px 45px 0px 5px rgba(0, 0, 0, .2),
    60px 70px 0px 10px rgba(0, 0, 0, .2),
    130px 10px 0px 20px rgba(0, 0, 0, .2),
    140px 50px 0px 10px rgba(0, 0, 0, .2),
    145px 85px 0px 15px rgba(0, 0, 0, .2),
    185px 75px 0px 15px rgba(0, 0, 0, .2),
    165px 15px 0px 5px rgba(0, 0, 0, .2),
    170px 40px 0px 10px rgba(0, 0, 0, .2),
    160px 60px 0px  rgba(0, 0, 0, .2),
    195px 45px 0px 5px  rgba(0, 0, 0, .2),
    190px 10px 0px 10px  rgba(0, 0, 0, .2),
    190px 30px 0px   rgba(0, 0, 0, .2),
    200px 30px 0px   rgba(0, 0, 0, .2)
  ;
}

.iconbox_main{
	padding: 20px 0;
	background: #03396C;
	position: relative;
}
.iconbox_main01{
	padding: 20px 0;
	background:#005B96;
}
.iconbox_main02{
	padding: 20px 0;
	background:#6497B1;
}

.iconbox_main::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background:rgba(76,158,217,0.2);
	z-index: 0;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.iconbox_main:hover::before {
	height: 100%;
}
.iconbox_main01::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background:rgba(76,158,217,0.2);
	z-index: 0;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.iconbox_main01:hover::before {
	height: 100%;
}

.iconbox_main02::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: rgba(255,255,255,0.3);
	z-index: 0;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.iconbox_main02:hover::before {
	height: 100%;
}



.box video {
	width: 100%;
	float: left;
}
.wel_img video {
	width: 100%;
	float: left;
}
.video{
    width:100%;
	height:auto;
	float:left;
}
.box .col-md-5.col-sm-5 {
	margin: 0;
	padding: 0;
}
.table-responsive .tabale_clr{
	border:1px solid #ddd; 
	background:#fff; 
	text-align:left;
}
.table-responsive .td_headi{
	font-size:18px;  
	background:rgb(44,54,135); 
	color:#fff;
}
.table-responsive .td_back{
	background:#f1f1f1;
}
.table-responsive .text_headi{
	font-weight:600 !important;
}
.table-responsive span i {
	color: rgb(255,94,0);
	font-size: 10px !important;
	padding: 0 3px;
}






.photo-desc {
	font-size: .85em;
	color: #fff;
	padding: 1.1em 1em 0;
	background: #345d88;
}
/* ---- Float clearfix ---- */

.clearfix::after {
	content: " ";
	display: table;
	clear: both;
}
.home_eleva {
	width: 100%;
	padding: 80px 0;
}
.promo {
	-webkit-clip-path: polygon(0 0, 1600px 30%, 1600px 100%, 0 80%);
	clip-path: polygon(0 0, 1600px 30%, 1600px 100%, 0 80%);
}
.midBox img {
	width: 100%;
	float: left;
}
.midBox {
	margin: 10px;
	-webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.1);
	background: #0D97DF;
	color: #fff;
	text-align: center;
	padding: 5px;
}
.mainhome {
	width: 80%;
	background: #0D97DF;
	position: realtive;
	padding: 20px 0;
	float: left !important;
	height: 552px;
}
.mainhomecolor {
	position: absolute;
	bottom: 23%;
	left: 18%;
	width: 60%;
}
.mainmid {
	position: absolute;
	top: 50px;
	right: 10px;
	width: 70%;
	color: #fff;
}
.add_boxs h2 {
	font-size: 22px;
	line-height: 24px;
	text-align: left;
	margin-bottom: 20px;
	color: #2C3687;
}
.add_boxs ul li {
	list-style-type: none;
	font-size: 16px;
	line-height: 35px;
	color: #000;
	margin-bottom: 8px;
	font-weight: 300;
}
.add_boxs ul li i {
	color: #0D97DF;
	padding-right: 10px;
}
.add_boxs ul li:hover {
	color: #0D97DF;
}
.home_eleva01 h2 {
	font-size: 30px;
	line-height: 24px;
	text-align: left;
	margin-bottom: 40px;
	font-weight: 500;
}
.home_eleva01 h2 span {
	color: #0D97DF;
}
.home_eleva01 p {
	font-size: 15px;
	line-height: 22px;
	margin-top: 15px;
	font-weight: 400;
}
.servi_box p {
	line-height: 22px;
	font-size: 14px;
	font-weight: 400;
	color: #000;
}
.servi_box p i {
	color: #0D97DF;
	padding-right: 6px;
}
.servi_box h4 {
	font-size: 18px;
	line-height: 24px;
	text-align: left;
	margin: 20px 0;
	font-weight: 400;
}
.enquiry_box {
	width: 100%;
	float: left;
	padding: 80px 0;
}
.form-horizontal h2 {
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	margin: 0 0 40px;
	font-weight: 400;
	color: #2C3687;
}
.enquiry_box .form-horizontal .control-label {
	padding-top: 7px;
	margin-bottom: 0;
	text-align: right;
	font-weight: 400;
}
.enquiry_box .form-control {
	background: #fff;
	border-radius: 4px;
	color: #333;
	height: 42px;
	border: 1px solid #CFCFCF;
	box-shadow: none;
}
.enquiry_box .form-control01 {
	background: #fff;
	border-radius: 4px;
	color: #333;
	height: 42px;
	border: 1px solid #CFCFCF;
	box-shadow: none;
	min-height: 91px !important;
	resize: vertical;
	width: 100%;
	padding: 6px 12px;
}
.enquiry_box .form-control02 {
	background: #fff;
	border-radius: 4px;
	color: #333;
	border: 1px solid #CFCFCF;
	box-shadow: none;
	resize: vertical;
	width: 47%;
	padding: 6px 12px;
	float: left;
	margin-right: 7px;
}
.enquiry_box .form-group p {
	font-style: italic;
	padding-top: 4px;
}
.enquiry_box .form-group span {
	font-size: 16px;
	/*padding-right: 15px;*/
}
.btnbox {
	line-height: 1;
	text-decoration: none;
	font-size: 18px;
	padding: 14px 60px;
	background: none;
	color: #0D97DF;
	border: 1px solid #0D97DF;
	border-radius: 4px;
	text-align: center;
	float: right;
	font-weight: 500;
}
.btnbox:hover {
	background: #0D97DF;
	color: #fff;
	border: 1px solid #0D97DF;
}

.p-80 {
	padding: 40px 0 80px;
}
.main-container h2 {
	font-size: 30px;
	line-height: 24px;
	text-align: center;
	margin: 60px 0 40px;
	font-weight: 500;
	text-align: left;
}
.main-container h2 span {
	color: #0D97DF;
}
.contact-data .media .media-left {
	padding-right: 20px;
}
.media-body h6 {
	font-size: 18px;
}
.media-body p {
	font-size: 17px;
	color: #000;
	font-weight: 400;
}
.media .media-left .icon {
	font-size: 30px;
	color: #0D97DF;
}
.main-container h3 {
	font-size: 23px;
	padding: 0;
	margin: 0;
	color: #0D97DF;
}
.form-control {
	background: #fff;
	border-radius: 4px;
	color: #333;
	height: 42px;
	border: 1px solid #CFCFCF;
	box-shadow: none;
}
.contact-form {
	margin-top: 20px;
}
.btn-primary {
	color: #0D97DF;
	background: transparent;
	border: 1px solid #0D97DF;
	border-radius: 0;
	position: relative;
	z-index: 1;
	border-radius: 4px;
}
.btn {
	display: inline-block;
	text-align: center;
	line-height: 1;
	white-space: nowrap;
	max-width: 100%;
	letter-spacing: 0.04em;
	text-overflow: ellipsis;
	cursor: pointer;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	text-decoration: none;
	text-transform: inherit;
	font-size:20px;
	font-weight: 500;
}
.btn-sm {
	padding: 12px 20px;
	font-size: 14px;
}
.btn-primary:hover {
	color: #fff;
	background: #0D97DF;
	border-color: #0D97DF;
}
textarea.form-control {
	height: 140px;
	resize: vertical;
	border-radius: 4px;
}
.enquiry_box h2 span {
	color: #0D97DF;
}
.blog_part {
	width: 100%;
	float: left;
	padding: 80px 0;
}
.blog_box h2 {
	font-size: 22px;
	font-weight: 400;
	text-align: left;
	padding: 0 15px;
	line-height: 24px;
}
.blog_part h2 span {
	color: #0D97DF;
}

.blog_addpart {
	width: 100%;
	float: left;
	border-left: 1px solid #ddd;
	padding-left: 15px;
}
.blog_addpart h2 {
	font-size: 20px;
	text-align: left;
}
#custom-search-input .search-query {
	padding-right: 3px;
	padding-right: 4px \9;
	padding-left: 3px;
	padding-left: 4px \9;
	margin-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#custom-search-input button {
	border: 0;
	background: none;
	padding: 2px 5px;
	margin-top: 2px;
	position: relative;
	left: -28px;
	margin-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #0D97DF;
}
.blog_box {
	width: 100%;
	float: left;
	border: 1px solid #ddd;
	padding: 0 0 20px;
	margin-bottom: 30px;
}
.blog_part h2 {
	font-size: 30px;
	line-height: 24px;
	text-align: left;
	margin: 0 0 40px;
	font-weight: 500;
}
.blog_addpart h4 {
	font-size: 20px;
	font-weight: 400;
	padding-top: 30px;
}
.recent_box {
	width: 100%;
	float: left;
	padding-top: 20px;
}
.recent_img {
	width: 30%;
	float: left;
}
.recent_img img {
	width: 100%;
	float: left;
}
.recent_txt {
	width: 70%;
	float: left;
	padding-left: 15px;
}
.recent_txt h4 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 400;
}
.recent_txt p {
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	line-height: 24px;
	margin: 12px 0;
}
.recent_txt p i {
	color: #0D97DF;
	padding-right: 8px;
}
.blog_box img {
	width: 100%;
	float: left;
	padding-bottom: 40px;
}
.blog_box h2 {
	font-size: 22px;
	font-weight: 400;
	text-align: left;
	padding: 0 15px;
	line-height: 24px;
}
.blog_box h6 {
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	padding: 0 15px;
	line-height: 24px;
	margin-bottom: 15px;
}
.blog_box h6 span {
	border-bottom: 1.5px solid #0D97DF;
	padding-bottom: 5px;
}
.blog_box p {
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	padding: 0 15px;
	line-height: 24px;
	margin-bottom: 30px;
	color: #000;
}
.blog_box a {
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	padding: 10px 30px;
	line-height: 1px;
	text-decoration: none;
	color: #0D97DF;
	background: none;
	border: 1px solid #0D97DF;
	margin: 30px 15px 0;
}
.blog_box a:hover {
	color: #fff;
	background: #0D97DF;
	border: 1px solid #0D97DF;
}
.blog_box h5 i {
	color: #0D97DF;
	padding-right: 8px;
	font-size: 20px;
}
.blog_box h5 {
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	padding: 0 15px;
	line-height: 24px;
	margin-bottom: 15px;
}
.blog_box h6 i {
	color: #0D97DF;
	padding-right: 8px;
	font-size: 20px;
}
/* ================================= 
  Media Queries
==================================== */
@media (max-width:767px) {
.main-menu{
	display:none;
}
.off_dis{
	display:block;
}
.btn-group-vertical > .btn, .btn-group > .btn {
	position: relative;
	float: left;
	width: 100%;
	text-align: left;
	border: none;
	font-size: 18px;
	margin-bottom: 10px;
	color: #9d9d9d;
	font-weight: 400;
}
.main-header .info-box .icon-box {
	top:0;
	width:0;
	height:0;
	line-height:0;
}
}
@media (max-width:998px) {
.main-menu .navigation {
	margin-left:2px !important;
}
.header-style-two .nav-outer {
	padding-right: 41px !important;
}
.page-title {
	color: #fff !important;
}
.page-subtitle{
	color:#fff;
}
}
@media (min-width: 769px) {
	.cube-container {
		float: left;
		margin-left: 16.6%;
	}
}
@media (min-width: 1025px) {
	.cube-container:first-child {
		margin-left: 0;
	}
	.cube-container:last-child{
		float: right;
	}
	.content {
		max-width: 900px;
		margin: auto;
	}

}
.info-box p {
	font-family: 'Roboto', sans-serif;
}
.sub-page-entryaboutelevoter:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/about_back.jpg) center center no-repeat;
  background-size: cover;
  z-index: -2;
  -webkit-animation: moving_img 40s infinite;
  -moz-animation: moving_img 40s infinite;
  -ms-animation: moving_img 40s infinite;
  animation: moving_img 40s infinite;
  animation-fill-mode: forwards;
}
.sub-page-entryaboutelevoter01:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(http://ropebuselevator.com/wp-content/uploads/2018/02/Elevator-Market.jpg) center center no-repeat;
  background-size: cover;
  z-index: -2;
  -webkit-animation: moving_img 40s infinite;
  -moz-animation: moving_img 40s infinite;
  -ms-animation: moving_img 40s infinite;
  animation: moving_img 40s infinite;
  animation-fill-mode: forwards;
}

.sub-page-entryaboutpassenger_elevoter:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(http://ropebuselevator.com/wp-content/uploads/2018/02/passenger.jpg) center center no-repeat;
  background-size: cover;
  z-index: -2;
  -webkit-animation: moving_img 40s infinite;
  -moz-animation: moving_img 40s infinite;
  -ms-animation: moving_img 40s infinite;
  animation: moving_img 40s infinite;
  animation-fill-mode: forwards;
}
.sub-page-entryaboutcapsule_elevoter:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(http://ropebuselevator.com/wp-content/uploads/2018/02/capsule.jpg) center center no-repeat;
  background-size: cover;
  z-index: -2;
  -webkit-animation: moving_img 40s infinite;
  -moz-animation: moving_img 40s infinite;
  -ms-animation: moving_img 40s infinite;
  animation: moving_img 40s infinite;
  animation-fill-mode: forwards;
}
.sub-page-entryabouthospital_elevoter:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(http://ropebuselevator.com/wp-content/uploads/2018/02/hospital.jpg) center center no-repeat;
  background-size: cover;
  z-index: -2;
  -webkit-animation: moving_img 40s infinite;
  -moz-animation: moving_img 40s infinite;
  -ms-animation: moving_img 40s infinite;
  animation: moving_img 40s infinite;
  animation-fill-mode: forwards;
}
.sub-page-entryaboutgoods_elevoter:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(http://ropebuselevator.com/wp-content/uploads/2018/02/goods.jpg) center center no-repeat;
  background-size: cover;
  z-index: -2;
  -webkit-animation: moving_img 40s infinite;
  -moz-animation: moving_img 40s infinite;
  -ms-animation: moving_img 40s infinite;
  animation: moving_img 40s infinite;
  animation-fill-mode: forwards;
}
.sub-page-entryabouthydraulic_elevoter:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(http://ropebuselevator.com/wp-content/uploads/2018/02/hydraulic.jpg) center center no-repeat;
  background-size: cover;
  z-index: -2;
  -webkit-animation: moving_img 40s infinite;
  -moz-animation: moving_img 40s infinite;
  -ms-animation: moving_img 40s infinite;
  animation: moving_img 40s infinite;
  animation-fill-mode: forwards;
}
.sub-page-entryabouthome_elevoter:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(http://ropebuselevator.com/wp-content/uploads/2018/02/home.jpg) center center no-repeat;
  background-size: cover;
  z-index: -2;
  -webkit-animation: moving_img 40s infinite;
  -moz-animation: moving_img 40s infinite;
  -ms-animation: moving_img 40s infinite;
  animation: moving_img 40s infinite;
  animation-fill-mode: forwards;
}
.sub-page-entryaboutmrl_elevoter:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(http://ropebuselevator.com/wp-content/uploads/2018/02/MRL.jpg) center center no-repeat;
  background-size: cover;
  z-index: -2;
  -webkit-animation: moving_img 40s infinite;
  -moz-animation: moving_img 40s infinite;
  -ms-animation: moving_img 40s infinite;
  animation: moving_img 40s infinite;
  animation-fill-mode: forwards;
}