@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
body{
	font-size:17px;
	line-height:25px;
	font-family: 'Roboto', sans-serif;
	
}
::-webkit-input-placeholder {
   color: #9b9b9b;
   opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
   color: #9b9b9b;
   opacity:1;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #9b9b9b; 
   opacity:1;
}

:-ms-input-placeholder {  
   color:#9b9b9b;
   opacity:1;  
}

input:focus::-webkit-input-placeholder { color:#9b9b9b; }
input:focus:-moz-placeholder { color:#9b9b9b; } /* FF 4-18 */
input:focus::-moz-placeholder { color:#9b9b9b; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:#9b9b9b;}
textarea:focus::-webkit-input-placeholder { color:#9b9b9b; }
textarea:focus:-moz-placeholder { color:#9b9b9b; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:#9b9b9b; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:#9b9b9b; }
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 99999;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../img/loader.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}

.wsmenu {font-family: 'Roboto', sans-serif;}

/*====================================== HEADER ================================================*/

header.fixed {
    left: 0;
    right: 0;
    top: 0;
    position: fixed;
    box-shadow: 1px 2px 15px rgba(100, 100, 100, 0.3);
    z-index: 9999999;
}
header.menubar {background-color: #005f72;padding: 10px 0px;}
.menu {float: right;}
.logo {float: left;}
.logo img{width:80%}
.topbar ul li {list-style-type: none;display: inline-block;margin-left: 15px;}
.topbar ul li a {color: #fff;font-size: 14px;}
.topbar {text-align: right; margin-bottom:15px;}
.topbar ul li a.mail {padding-left:20px; background-image:url('../img/mail.png'); background-repeat:no-repeat; background-position:left center;}
.topbar ul li a.phone {padding-left:20px; background-image:url('../img/phone.png'); background-repeat:no-repeat; background-position:left center;}
.wsmenu-list li a {text-transform: uppercase;font-size: 16px;font-weight: 600;}

/*===================================== Banner slider ================================================*/
a.slide-btn {
    color: #000;
	background:#ffc41f;
    display: inline-block;
    font-weight: 400;
    margin-left: 17px;
    margin-right: 5px;
    margin-top: 10px;
    padding: 12px 20px;
    
	font-weight:600;
    transition: .5s;
    text-transform: uppercase;
    position: relative;
    transition: all 0.5s linear 0s;
    border: 1px solid #ffc41f;
}
a.slide-btn:hover {
    color: #fff;
}

.flexslider .slides img:before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index:9999;
    background: rgba(0, 37, 74, 0.75);
    opacity: 1;
  
}

.flexslider {
    margin: 0 0 60px;
    background: #fff;
    border: none;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    zoom: 1;
}
	
.flexslider {
		width: 100%;
		margin: 0 auto;
		box-shadow: none;
}

.flexslider li {
		position: relative;
}


/*
.flexslider .slides li:before {
    position: absolute;
    content: '';
    background-image: none;
	background-color: rgba(27, 30, 31, 0.65);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
*/
.flexslider li .meta {
		position: absolute;
		top: 30%;
		left: 30%;
		color: white;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		font-family: 'Roboto', sans-serif;
}

.flexslider li h1 {
		
		padding: 12px 18px 12px;
		margin-bottom: 0;
		font-size: 38px;
		font-weight: 300;
}

.flexslider li p {
		padding: 13px 18px 11px;
		font-size: 20px;
		margin-bottom: 0;
		font-weight: 300;
		line-height:30px;
}

.flexslider li .category {
		display: flex;
		flex-direction: row;
}

.flexslider li .category p {
		background: #e43837;
		margin-right: 7px;
		font-size: 1.1em;
		padding: 12px 18px 10px;
		font-weight: 300;
}

.flexslider li .category span {
		background: #e43837;
		margin-top: 17px;
		padding: 8px 12px 0;
		font-size: 0.9em;
		font-weight: 300;
		height: 26px;
}

.flexslider li h1,
.flexslider li h2,
.flexslider li .category p,
.flexslider li .category span {
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeOutLeft;
		animation-name: fadeOutLeft;
}

.flexslider li.flex-active-slide .meta h1,
.flexslider li.flex-active-slide .meta h2,
.flexslider li.flex-active-slide .meta .category p,
.flexslider li.flex-active-slide .meta .category span {
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
}

.flexslider li.flex-active-slide .meta h2 {
		-webkit-animation-delay: .5s;
		animation-delay: .5s;
}

.flexslider li.flex-active-slide .meta .category p {
		-webkit-animation-delay: .6s;
		animation-delay: .6s;
}

.flexslider li.flex-active-slide .meta .category span {
		-webkit-animation-delay: .8s;
		animation-delay: .8s;
}



.flex-direction-nav {
    position: absolute;
    bottom: 14%!important;
    right: 121px!important;
}

.flex-direction-nav a {
		text-decoration: none;
		display: block;
		width: 30px;
		height: 30px;
		background-color: #ffc412;
		margin: -20px 0 0;
		position: absolute;
		top: 50px;
		z-index: 10;
		overflow: hidden;
		opacity: 1;
		cursor: pointer;
		color: #fff;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		transition: all .3s ease;
}

.flex-direction-nav .flex-prev {
		text-align: left;
		left: -10px;
}

.flex-direction-nav .flex-next {
		text-align: right;
		left: 30px;
}

.flexslider:hover .flex-prev {
		left: -10px;
}

.flexslider:hover .flex-next {
		left: 30px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
		opacity: 1;
}

.flex-direction-nav a:before {
		font-family: FontAwesome;
		content: '\f104';
		font-size: 25px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		top: 0;
		padding: 2px;
		font-size: 19px;
    line-height: 27px;
}

.flex-direction-nav a.flex-next:before {
		content: '\f105';
}

@-webkit-keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@-webkit-keyframes fadeOutLeft {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
}

@keyframes fadeOutLeft {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
}






/*===================================== About Section =========================================*/

.about-home-bg {
    background: url(../img/about-bg.png) top center no-repeat;
    background-size: cover;
    width: 100%;
    clear: both;
}

.about-text p {
    margin: 0 0 25px;
}
.about-text ul {
    width: 48%;
    display: inline-block;
	list-style:none;
}
.about-list li {
    color: #2d2d2d;
    font-size: 16px;
    padding: 0 0 8px;
	font-weight:600;
}
.about-list li i {
    color: #000;
    font-size: 18px;
    margin-right: 15px;
    vertical-align: middle;
}
.home-about-wrapper h3 {
    font-weight: 600;
    margin: 0 0 15px;
    color: #222;
    font-size: 24px;
}
/*--------Inner About-----------*/


.about-wrapper h3 {
    font-weight: 600;
    margin: 0 0 8px;
    color: #2d5f72;
    font-size: 24px;
}
.about-wrapper .inner p {
    margin: 0 0 30px;
}

.inner-img img {
    border: 1px solid #999999;
    padding: 3px;
    width: 100%;
}

.about-inner-section {
    position: relative;
    background: url(../img/about-ineer-bg.jpg) top center no-repeat;
    background-size: cover;
    width: 100%;
    clear: both
}

.service-style-two {
    position: relative;
    margin-bottom: 60px;
    z-index: 10;
}
.service-style-two .inner {
    position: relative;
    text-align: center;
    padding: 0px 40px;
}
.service-style-two .inner .icon {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    z-index: 1;
    display: inline-block;
}
.service-style-two .inner .number {
    position: absolute;
    left: 0px;
    top: -22px;
    width: 100%;
    color: #f7f7f7;
    font-size: 110px;
    line-height: 1em;
    text-align: center;
    font-weight: 700;
    font-style: italic;
    font-family: 'Rubik', sans-serif;
}
.service-style-two .inner h3 {
    position: relative;
    font-size: 24px;
    font-weight: 600;
    margin: 18px 0px 10px;
	color:#2d5f72;
    text-transform: capitalize;
}
.service-style-two .inner h3 a {
    color: #333333;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.service-style-two .inner .text {
    position: relative;
    color: #666666;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8em;
}
.about-inner-section .left-image {
    position: absolute;
    left: -55px;
    bottom: -41px;
	opacity:.67;
	display:none;
}
.about-inner-section .right-image {
    position: absolute;
    right: -119px;
    bottom: -80px;
	opacity:.67;
}


/*
.btn:before {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0);
	transform-origin: 0 50% 0 0;
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
	z-index: -1;
	background: #ffc41f;
}*/
.btn {
	color: #000;
	display: inline-block;
	font-weight: 600;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	padding: 12px 20px;
	width: 160px;
	transition: .5s;
	text-transform: uppercase;
	position: relative;
	transition: all 0.5s linear 0s;
	border: 1px solid #ffc41f;
	border-radius: 0;
	margin: 10px 0 0;
	font-size:15px;
	letter-spacing:2px;
	background: #ffc41f;
}
.btn:hover {
    color: #fff;
    background-color: #171614;
	border: 1px solid #171614;
}
/*.btn:hover:before, .btn:active::before {
	transform: scaleY(1);
}*/
.call-to-action .btn:hover, .call-to-action .btn:focus {
	color: #fff;
    background-color: #171614;
	border: 1px solid #171614;
}

.center a {
    text-decoration: none!important;
}

/*====================================== Get A Quote Section ====================================*/

.call-to-action {
	
	width: 100%;
	background: #005f72;
	text-align:center;
}
.call-to-action h3 {
	font-size: 35px;
	font-weight: 700;
	line-height: 35px;
	margin: 0 0 20px;
	color: #efce4a;
	text-align:center;
}
.call-to-action p {
	margin: 0 0 15px;
	color: #fff;
	font-size:16px;
	font-weight:600;
}

/*



/*====================================== Services Section =========================================*/


.callouts-main a{
	color:#000;
	font-size:18px;
	font-weight:700;
	line-height:50px;
	text-decoration:underline;
	
}


.services-sec h2 {
    color: #2d2e2e;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
	font-size:30px;
}

.services-sec h2 span {
    color: #ffc41f;
    font-weight: 600;
}

.callouts-wrapper .callouts-main {
    width: 100%;
    float: left;
}

.callouts-wrapper {

	width: 100%;
	float: left;
}

.callouts-wrapper p {
	text-align: center;
	margin: 0;
	padding: 0 0 5px;
	font-size: 16px;
}
.callouts-wrapper .callouts-main {
    width: 100%;
    float: left;
}

.callouts-main:hover .animated-border {
	width: 100%;
	background: #ffc41f;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.callouts-main .animated-border {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	height: 3px;
	margin: -3px auto auto;
	transition: all 0.4s ease-in-out 0s;
	width: 1%;
}
.callouts-wrapper .callouts-main {
	width: 100%;
	float: left;
}
.callouts-wrapper .callouts {
	margin: 40px 0 0;
	text-align: center;
	border: 1px solid #ededed;
	transition: all 0.3s ease 0s;
	padding: 30px;
}
.callouts-wrapper .callouts p {
	
	margin: 0;
	padding: 0;
	color: #444;
}
.callouts-wrapper .callouts a:hover:before {
	transform: rotate(90deg);
}
.callouts-wrapper .callouts span {
	color: #222222;
	font-size: 45px;
	margin: 0 0 20px;
	display: inline-block;
}
.callouts-wrapper .callouts h3 {
    font-size: 23px!important;
    font-weight: 600;
    text-align: center;
    color: #ffc41f;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.callouts-wrapper .callouts h3 a {
	color: #ffc41f;
	text-decoration:none;
	
}

/*=============================================== service-inner=======================================*/
.service-inner{
	width:100%;
	
}

.serviceBox {
    background: #fff;
    border: 1px solid #eee;
   
    margin-top: 40px;
    overflow: hidden;
    z-index: 1;
    position: relative;
}
.serviceBox:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: #f47629;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: -1;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
/*.serviceBox:hover:before {
    left: 0;
}*/
.serviceBox:after {
	content: "";
	width: 7px;
	height: 0;
	border-radius: 5px;
	background: #fd995c;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
/*
.serviceBox:hover .title {
	color: #fff;
}
.serviceBox:hover .service-icon, .serviceBox:hover .description {
	color: #fff;
}
.serviceBox:hover:after {
	height: 100%;
}*/
.serviceBox .service-text {
    color: #005bbc;
    margin-bottom: 10px;
    -webkit-transition: all 0.5s ease 0s;
	padding: 20px 25px;
    transition: all 0.5s ease 0s;
}


.serviceBox .title {
    color: #2d5f72;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
	margin-bottom:20px;
}

.serviceBox .description {
    color: #777;
    line-height: 25px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.serviceBox ul {
    width: 100%;
    display: inline-block;
    list-style: none;
}
.serviceBox li {
    color: #2d2d2d;
    font-size: 16px;
    padding: 0 0 8px;
}

.serviceBox li i {
    color: #efce4a;
    font-size: 20px;
    margin-right: 15px;
    vertical-align: middle;
}

/*=============================================== service-inner=======================================*/

/*=============================================== service-details=======================================*/

.service-details-section {
    position: relative;
    background: url(../img/about-ineer-bg.jpg) top center no-repeat;
    background-size: cover;
    width: 100%;
    clear: both
}

.service-details-section .service-style-two {
    position: relative;
    margin-bottom: 0px!important;
    z-index: 10;
}
.service-details-section .service-style-two .inner {
    position: relative;
    text-align: center;
    padding: 0px 40px;
}
.service-details-section .service-style-two .inner .icon {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    z-index: 1;
    display: inline-block;
}
.service-details-section .service-style-two .inner .number {
    position: absolute;
    left: 0px;
    top: -22px;
    width: 100%;
    color: #f7f7f7;
    font-size: 110px;
    line-height: 1em;
    text-align: center;
    font-weight: 700;
    font-style: italic;
    font-family: 'Rubik', sans-serif;
}
.service-details-section .service-style-two .inner h3 {
    position: relative;
    font-size: 24px;
    font-weight: 600;
    margin: 18px 0px 10px;
	color:#2d5f72;
    text-transform: capitalize;
}
.service-style-two .inner h3 a {
    color: #333333;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.service-details-section .service-style-two .inner .text {
    position: relative;
    color: #666666;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8em;
}
.service-details-section .about-inner-section .left-image {
    position: absolute;
    left: -55px;
    bottom: -41px;
	opacity:.67;
	display:none;
}
.service-details-section .about-inner-section .right-image {
    position: absolute;
    right: -119px;
    bottom: -80px;
	opacity:.67;
}



/*=============================================== Footer =======================================================*/
.footer-top::before {
	background: #111214;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.9;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
.copy-right{
	margin-top:20px;
	
}
.footer-top {
    
	z-index: 9;
	position: relative;
    padding: 60px 0 0px;
	float:left;
	width:100%;
	background-size:cover;
}
.footer-top p {
	color:#fff;
	font-size:15px;
	line-height:30px;
}

.copy-right p{
color:#d6d6d6;	
	
}
.footer-top h3.widget-title {
	padding:0 0 0 10px;
}

.footer-top h3.widget-title.one {
	padding:0;
	margin:0px;
}
.footer-top h3.widget-title.one:before {
	display:none;
}
/*.footer-top h3.widget-title.one:after {
	content:"";
	position:absolute;
	left:0;
	width:25%;
	height:2px;
	background:#ffc41f;
	bottom:0
}*/

.footer-top h3.widget-title::before {
	content: "";
	background: #ffc41f;
	height: 22px;
	width: 2px;
	position: absolute;
	left: 0;
	top: 0;
}
.footer-top h3.widget-title,
.widget-title {
    color: #fff;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 20px;
    text-transform: capitalize;
	font-family: 'Poppins', sans-serif;
	font-size:20px;
	position:relative;
	letter-spacing:0;
}
h3 .widget-title1{
    color: #fff;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 20px;
    text-transform: capitalize;
	font-size:20px;
	position:relative;
	letter-spacing:0;
}
h4 .widget-title1{
    color: #fff;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 20px;
    text-transform: capitalize;
	font-size:18px;
	position:relative;
	letter-spacing:0;
}
.footer-top h3.widget-title img {
	margin:0 5px 0 0;
}
.social-icon{
    margin-top: 35px;
}
.social-icon a {
    width: 40px;
    height: 40px;
    background: #ffc41f;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 23px;
    line-height: 42px;
    margin-right: 11px;
}
.social-icon a:hover{
    background: #fd0060;
    color: #fff;
}
.social-icon a.fb:hover{
    background: #3a559f;
}
.social-icon a.tw:hover{
    background: #50abf1
}
.social-icon a.gp:hover{
    background: #dd4b39
}
.social-icon a.dr:hover{
    background: #cf3f72
}
.social-icon a.be:hover{
    background: #0071b9
}
.nav-widget ul{
    margin: 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
}
.nav-widget ul li {
	padding:0 0 10px;
	font-size:15px;
}
.nav-widget ul li a{
    color: #fff;
}
.nav-widget ul li a:hover {
	color:#ffc41f;
}
.newslatter-widget{
    position: relative;
    margin-bottom: 30px;
}
.newslatter-widget input {
    background: #313131;
    border: none;
    padding: 9px 15px;
    color: #999999;
    width: 100%;
    letter-spacing: 1px;
    padding-right: 75px;
}
.newslatter-widget button,
.newslatter-widget input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border: none;
    background: #ffc41f;
    color: #fff;
    font-weight: 500;
    padding: 0 18px;
    margin: 5px;
    cursor: pointer;
}
.footer-info p{
    margin-bottom: 5px;
    position: relative;
    padding-left: 20px;
	
}
.footer-info p i{
    margin-right: 5px;
    color: #b6b6b6;
    position: absolute;
    left: 0;
    top: 5px;
}
.footer-info p b{
    font-weight: 500;
}
.footer-top .form-group {
	margin-bottom: 15px;
}
.footer-top textarea {
	width: 100%;
    height: 100px;
    padding: 0px 10px;
	
}

.footer-top textarea::-webkit-input-placeholder {
	color:#acacac;
	
}

.footer-top ::-webkit-input-placeholder { 
  color: #acacac;
  
}
.footer-top input{
    height: 42px;
    background: #ffffff;
    border: none;
    padding: 0 0 0 10px;
    font-size: 15px;
    width: 100%;
    color: #cac6c6;
    border-radius: 0px;
    line-height: 25px;
}

.footer-top textarea {
    height: 42px;
    background: #ffffff;
    border: none;
    padding: 0 0 0 10px;
    font-size: 15px;
    width: 100%;
    color: #cac6c6;
    border-radius: 0px;
    line-height: 25px;
}
.footer-top .btn {
	
	color: #fff!important;
	
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
}

.btn1 {
    color: #000;
    display: inline-block;
    font-weight: 400;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    padding: 0;
    width: 160px;
    transition: .5s;
    text-transform: uppercase;
    position: relative;
    transition: all 0.5s linear 0s;
    border: 1px solid #ffc41f;
    border-radius: 0;
    margin: 0px 0 0;
    font-size: 15px;
}
.copyright {
    background: #000;
    color: #8e959b;
    padding: 15px 0px;
	float:left;
	width:100%;
}
.copyright p {
	margin:0;
}
.copyright span.color {
	color: #fff;
}
/*


/**********************************CSS*____-------------------------------------------------------------/

/* CMS CONTENT CSS : END */

/* FORM CSS : START */
form .material-field-group{
    margin: 15px 0;
    position: relative;
}
form .material-field-group .field{
    background: none;
    border: 0;
    border-bottom: solid 2px #ddd;
    border-radius: 0;
    box-shadow: none;
    color: #111;
    font-family: 'Titillium Web', sans-serif;
    font-size: 15px;
    height: 45px;
    line-height: 28px;
    margin: 0;
    outline: none;
    padding: 15px 0 0 0;
    position: relative;
    width: 100%;
    z-index: 2;
}
form .material-field-group textarea.field{
    height: 180px;
    line-height: 28px;
    max-height: 225px;
    min-height: 45px;
    overflow: auto;
    resize: horizontal;
}
form .material-field-group label{
    color: #999;
    font-family: 'Titillium Web', sans-serif;
    font-size: 15px;
    line-height: 40px;
    left: 0;
    position: absolute;
    top: 10px;
    transition: all ease-in-out 200ms;
    width: 100%;
    z-index: 1;
}
form .material-field-group .field:focus,
form .material-field-group.active .field{
    border-bottom-color: #2f5ba6;
}
form .material-field-group .field:focus + label,
form .material-field-group.active label{
    color: #2f5ba6;
    font-size: 12px;
    line-height: 1;
    top: 0px;
}

.contact-page .btn {
    color: #000;
    display: inline-block;
    font-weight: 600;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    padding: 12px 20px;
    width: 160px;
    transition: .5s;
    text-transform: uppercase;
    position: relative;
    transition: all 0.5s linear 0s;
    border: 1px solid #ffc41f;
	background:transparent;
    border-radius: 0;
    margin: 10px 0 0;
    font-size: 15px;
    letter-spacing: 2px;
	background: #ffc41f;
}
.contact-page  .btn:hover {
    color: #fff;
    background-color: #171614;
	border: 1px solid #171614;
}

/* FORM CSS : END */



/*================================================= Contact-us Page =================================================*/
.sec-title {
    text-align: center;
}
.contact-page {padding:0px 0px;}
.contact-page .col-4 {width:40%; float:left;}
.contact-page .col-6 {width:60%; float:left;}
.contact-page h3 {font-size: 28px;margin-bottom: 25px; font-weight:500;}
.contact-page ul li a {display: block;padding: 8px 0px;margin-bottom: 15px; font-size:14px; color:#060606;}
.contact-page ul li a.mail {padding-left:50px; background-image:url('../img/mail2.png'); background-repeat:no-repeat; background-position:left top;}
.contact-page ul li a.phone {padding-left:50px; background-image:url('../img/phone2.png'); background-repeat:no-repeat; background-position:left top;}
.contact-page ul li a.fax {padding-left:50px; background-image:url('../img/fax.png'); background-repeat:no-repeat; background-position:left top;}
.contact-page ul li a.address {padding-left:50px; background-image:url('../img/address.png'); background-repeat:no-repeat; background-position:left top;}
.contact-form .form-grp input, .contact-form .form-grp textarea { width: 100%; padding:15px 5px; border-radius: 0; border: 0; border-bottom: 2px solid #9b9b9b;}
.contact-form .form-grp input:focus, .contact-form .form-grp textarea:focus {border-bottom: 2px solid #0069aa; transition:all ease-in-out 0.3s;}
.contact-form .form-grp {width: 50%;min-height: 70px;padding-right: 20px; float: left;}
.contact-form .form-grp.full textarea, .contact-form .form-grp.full input {margin-bottom:20px;}
.contact-form .form-grp.full {width:100%; float:none;}
span.captcha img {display: inline-block;}
.submit-btn button.btn {color:#083d5e; background-color:#fff; border:1px solid #083d5e; border-radius:2px; padding:10px 20px; text-transform:capitalize; margin:2px;}
/*.submit-btn button.btn:hover {color:#fff; background-color:#083d5e;}*/
span.submit-btn  {border:1px solid #083d5e;border-radius:5px; display:inline-block;position: relative;top: -17px;left: 10px;}

/*================================================= About-us Page =================================================*/

.about-page {padding:35px 0px;}
.about-page h4 {font-size: 18px;font-weight: 600;margin-bottom: 10px;}
.about-page h3 {font-size: 28px;font-family: 'eurofurence';margin-bottom: 20px;}
.fl-right.video-frame {background-image:url(../img/shadow.png); background-repeat:no-repeat; background-position:bottom center; padding-bottom:30px;margin-left: 15px;}
.fl-right.video-frame iframe {height: 240px;width: 419px;border: 5px solid #fff;outline: 1px solid #dad2d2; }

/*================================================= Gallery Page =================================================*/

.gallery-page {padding:35px 0px;}
ul.gallery-image li {float: left;margin-right: 30px;margin-bottom: 30px; overflow:hidden; position:relative;}
ul.gallery-image li:nth-child(4n+0) { margin-right:0px;}
span.rollover {top:-213px;opacity: 1;-o-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition: -webkit-transform 1s;background:url(../img/plus.png) center center no-repeat #000;cursor: pointer;height: 213px;width: 270px;position: absolute;z-index: 10;opacity: 0;transition:all ease-in-out 0.5s; left:0;}
ul.gallery-image li a:hover span.rollover {top:0px;opacity: .6;-o-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition: -webkit-transform 1s;-webkit-box-shadow: 0px 0px 4px #000;-moz-box-shadow: 0px 0px 4px #000;box-shadow: 0px 0px 4px #000;transition:all ease-in-out 0.3s;}
.load_more {text-align: center;}
.text-align-center button.load-btn {color:#083d5e; background-color:#fff; border:1px solid #083d5e; border-radius:2px; padding:10px 20px; text-transform:capitalize; margin:2px;}
.text-align-center button.load-btn {color:#fff; background-color:#083d5e;}
.text-align-center  {border:1px solid #083d5e;border-radius:5px; display:inline-block; text-align:center;}

/*================================================== Quick Quote Page ============================================*/

.quick-quote {width: 800px;margin: auto;}
.contact-form .form-grp select {width: 100%;border-bottom: 2px solid #9b9b9b;font-size: 14px;text-transform: uppercase;text-indent: 0px;color: #9b9b9b;font-family: 'Roboto', sans-serif;padding: 14px 7px;}
.control {display: inline-block;position: relative;padding-left: 30px;margin-bottom: 15px;cursor: pointer;font-size: 14px;width: 45%;font-family: 'Roboto', sans-serif;}
.control.two {display: inline-block;position: relative;padding-left: 30px;margin-bottom: 15px;cursor: pointer;font-size: 14px;width: 30%;font-family: 'Roboto', sans-serif;}
.form-grp.control-group {min-height:1px; margin:10px 0px 20px;}
.form-grp.control-group h1 {display: block;font-size: 16px; margin-right:20px; margin-bottom:10px;}
.control input {position: absolute;z-index: -1;opacity: 0;}
.control__indicator {position: absolute;top: -2px;left: 0;height: 20px;width: 20px;background: #e6e6e6;}
.control--radio .control__indicator {border-radius: 50%;}
.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {background: #ccc;}
.control input:checked ~ .control__indicator {background: #0069aa;}
.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {background: #0e647d;}
.control input:disabled ~ .control__indicator {background: #e6e6e6;opacity: 0.6;pointer-events: none;}
.control__indicator:after {content: '';position: absolute;display: none;}
.control input:checked ~ .control__indicator:after {display: block;}
.control--checkbox .control__indicator:after {left: 8px;top: 4px;width: 3px;height: 8px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {border-color: #7b7b7b;}
.control--radio .control__indicator:after {left: 7px;top: 7px;height: 6px;width: 6px;border-radius: 50%;background: #fff;}
.control--radio input:disabled ~ .control__indicator:after {background: #7b7b7b;}
.notification .close {position: relative;right: -5px;color: #FFF;opacity: 0.3;top: -8px;}
.notification .close:hover {opacity:1;}
.alert .close { color: #666666;}
button.close { padding: 0;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;}
.close {float: right;font-size: 19.5px;font-weight: bold;line-height: 1;color: #000000;text-shadow: 0 1px 0 #ffffff;opacity: 0.2;filter: alpha(opacity=20);
}

.notification {
    background-color: #0069aa;
    color: #fff;
    padding: 10px 10px;
    margin-right: 20px;
    margin-bottom: 20px;
	text-align:center;
}

.notification p {margin-bottom:0px;}
.notification p span {
    font-family: serif;
    font-size: 20px;
    font-weight: 900;
    margin-right: 10px;
    background-color: #ade0ee;
    border-radius: 50%;
    padding: 0px 8px;
}


/*nam-----------------*/

.padding-top-b{
	
	padding:50px 0px 50px;
	
}
.callouts-wrapper h2 span {
    color: #ffc41f;
    font-weight: 600;
}


/*-------------testimonial*/

/* TESTIMONIALS : STARTS */

.section-testimonials .center {
    margin: 0px auto;
    margin-top: 0px!important;
}

.section-testimonials{
    background: #fff;
    border-bottom: solid 1px #ddd;
    
    width: 100%;
}
.section-testimonials .sec-title h2{
	text-align:center;
	
}

.section-testimonials .testimony-listing .item{
    float: left;
    width: 33.33%;
}
.section-testimonials .item > .testimony-card{
    color: #999;
    font-size: 18px;
    line-height: 1.2;
    margin: 15px;
    padding: 20px;
    text-align: center;
    transition: all ease-in-out 200ms;
	box-shadow: 2px 3px 3px #ccc;
}
.section-testimonials .owl-item > .item > .testimony-card{
    opacity: 0.55;
    transform: scale(0.75);
}
.section-testimonials .owl-item.active > .item > .testimony-card{
    border-color: #e2e2e2;
    opacity: 1;
    transform: scale(1);
}
.section-testimonials .testimony-slider .item > .testimony-card:hover,
.section-testimonials .testimony-listing .item > .testimony-card:hover{
    border-color: #a2a2a2;
}
.section-testimonials .item > .testimony-card > .testimony-author-avtar{
    border-radius: 50%;
    box-shadow: 2px 2px 5px 0 #999;
    display: block;
    margin: 0 auto 10px auto;
    width: 80px;
}
.section-testimonials .item > .testimony-card > .testimony-content{
    color: inherit;
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 10px;
}
.section-testimonials .item > .testimony-card > .testimony-content:after{
    color: inherit;
    display: inline-block;
    font-size: 14px;
    line-height: 1.5;
}
.section-testimonials .item > .testimony-card > .testimony-author-name{
    color: #efce4a;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}
.section-testimonials .item > .testimony-card > .testimony-author-title{
    color: #2c5f72;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 5px;
	font-weight:500;
}
.section-testimonials .item > .testimony-card > .testimony-author-firm{
    color: #8a6a62;
    font-size: 14px;
}
.section-testimonials .owl-carousel .owl-nav,
.section-testimonials .owl-carousel .owl-dots{
    text-align: center;
}
.section-testimonials .owl-carousel .owl-nav > button,
.section-testimonials .owl-carousel .owl-dots > button{
    background: #2c5f72;
    border: 0;
	color:#fff;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 25px;
    height: 40px;
    line-height: 40px;
    margin: 5px;
    outline: none;
    padding: 0;
    text-align: center;
    width: 40px;
}
.section-testimonials .owl-carousel .owl-nav > button.active,
.section-testimonials .owl-carousel .owl-dots > button.active{
    background: #efce4a;
}
.section-testimonials .owl-carousel .owl-nav > button{
    position: absolute;
    top: 50%;
    transform: translateY(-20px);
}
.section-testimonials .owl-carousel .owl-nav > button.owl-prev{
    left: -30px;
}
.section-testimonials .owl-carousel .owl-nav > button.owl-next{
    right: -30px;
}
.section-testimonials .owl-carousel .owl-dots > button{
    height: 8px;
    line-height: 8px;
    width: 8px;
}
.section-testimonials .owl-carousel .owl-nav > button > span{
    display: block;
    height: 40px;
    line-height: 35px;
}
/* TESTIMONIALS : ENDS */



/*-------------breadcrum----------*/
.page-title{
	position:relative;
	padding:2px 0px;
	color:#ffffff;
	background-color:#ffffff;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

.page-title:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(4,4,4,0.70);
}


.page-title h1{
	position:relative;
	font-size:32px;
	line-height:44px;
	font-family: 'Roboto', sans-serif;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:1px;
}



.page-title .bread-crumb{
	position:relative;
	padding-top:15px;
	text-align:left;
}

.breadcrumb li{
	position:relative;
	display:inline-block;
	line-height:30px;
	margin-left:10px;
	color:#efce4a!important;
	font-size:15px;
	text-transform:capitalize;
	left:0px;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 12px!important;
    color: #ffffff;
    content: "/";
}
.breadcrumb a{
	color:#fff!important;
}
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 7px;
    margin-bottom: 0em;
    list-style: none;
    background-color: transparent!important;
    border-radius: .25rem;
}

.page-title .bread-crumb li:before {
    content: '/';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 133px;
    text-align: center;
    line-height: 34px;
    font-size: 29px;
}

.page-title .bread-crumb li:first-child{
	margin-left:0px;
cursor:pointer;	
}

.page-title .bread-crumb li:last-child:before{
	display:none;	
}

.page-title .bread-crumb li a{
	color:#ffffff;	
}

.page-title .bread-crumb li a:hover{
	color:#efce4a;
}

.page-title .bread-crumb li.active{
	color:#efce4a;
}

/*nav-------------*/

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: block;
    -ms-flex-wrap: wrap;
    /* flex-wrap: wrap; */
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 0rem;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    -moz-box-shadow: none!important;
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
}

/* CONTENT CSS : START */

 div.title {
      text-align: center;
      margin: 0 0 0px;
}
div.title span {
    border-color: #494949;
    border-style: solid;
    border-width: 2px 0;
    display: inline-block;
    font-size: 30px;
    padding: 18px 18px;
}
div.title img {
    left: 50%;
    margin-left: -29px;
    padding: 12px 0 0;
    position: absolute;
    margin-top: -51px;
}
.cms-content h1 {
    color: #002752;
    font-weight: 600;
    font-size: 38px;
    margin: 0 0 25px;
}

.cms-content h2 {
    color: #002752;
    font-weight: 600;
    font-size: 35px;
    margin: 0 0 25px;
}

.cms-content h3 {
    color: #002752;
    font-weight: 600;
    font-size: 30px;
    margin: 0 0 25px;
}
.cms-content h4 {
    color: #002752;
    font-weight: 600;
    font-size: 26px;
    margin: 0 0 25px;
}
.cms-content h5 {
    color: #002752;
    font-weight: 600;
    font-size: 22px;
    margin: 0 0 25px;
}

.cms-content h6 {
    color: #002752;
    font-weight: 600;
    font-size: 19px;
    margin: 0 0 25px;
}
.cms-content,
.cms-content p,
.cms-content ol,
.cms-content ul,
.cms-content table {
	color: inherit;
	font-size: inherit;
	line-height: inherit
}
.cms-content p,
.cms-content ol,
.cms-content ul,
.cms-content table {
	margin-bottom: 12px
}
.cms-content ol,
.cms-content ul {
	margin-left: 20px
}
.cms-content ul ul,
.cms-content ol ul,
.cms-content ol ul,
.cms-content ol ol {
	margin-bottom: 5px;
	margin-top: 5px
}
.cms-content ul,
.cms-content ul li,
.cms-content ol,
.cms-content ol li {
	list-style: inherit
}
.cms-content ol > li {
	list-style: decimal
}
.cms-content ol ol > li,
.cms-content ul ol > li {
	list-style: lower-roman
}
.cms-content table {
	border: solid 1px #ddd;
	border-collapse: collapse;
	text-align: left;
	vertical-align: middle;
}
.cms-content table tr th,
.cms-content table tr td {
	background: #fff;
	border: solid 1px #ddd;
	border-bottom: 0;
	padding: 4px 8px;
}
.cms-content table thead tr th,
.cms-content table thead tr td {
	background: #0b689f;
	border-color: #0a5f92;
	color: #fff;
}
.cms-content table tbody tr:nth-child(2n) > th,
.cms-content table tbody tr:nth-child(2n) > td {
	background: #fafafa;
}
.cms-content table tfoot tr th,
.cms-content table tfoot tr td {
	background: #f7f7f7;
}
.cms-content table tr th p,
.cms-content table tr td p {
	margin-bottom: 5px;
	margin-top: 5px;
}
.cms-content img {
    /*background: #fefefe;
    border: solid 2px #fff;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.25);
	margin: 10px;
    padding: 4px;*/
}
.cms-content img.align-right {
    float: right;
	margin-left: 20px;
}
.cms-content img.align-left {
    float: left;
	margin-right: 20px;
}
.cms-content.thankyou {
	text-align: center;
}
.cms-content.thankyou img {
	border: 0;
	display: block;
}
.cms-content.aligncenter img {
	margin-left: auto;
	margin-right: auto;
}
@media (max-width:799px) {
    .cms-content h1 {
        font-size: 40px;
    }
    .cms-content h2 {
        font-size: 35px;
    }
    .cms-content h3 {
        font-size: 30px;
    }
    .cms-content h4 {
        font-size: 25px;
    }
    .cms-content h5 {
        font-size: 22px;
    }
    .cms-content h6 {
        font-size: 20px;
    }
    .cms-content img,
    .cms-content img.align-right,
    .cms-content img.align-left {
        float: none;
        margin: 10px auto;
    }
}
/* CONTENT CSS : END */


/* CALL TO ACTION HOME */



/* CALL TO ACTION HOME */
.wsmenu .wsmenu-list li#logo1 a.active {
    color: #fff !important;
    background-color: rgb(45, 95, 114) !important;
    border-top: 0px !important;
}

.wsmenu-list .mob-view {
    display: none!important;
}
#logo1 {
    display: none!important;
    background: #005f72!important;
}

.center{
	margin:0px auto;
	margin-top:30px;
}


.sec-padding{
	
	padding:60px 0px;
}

.sec-padding1{
	
	padding:60px 0px 60px;
}

.btom-30{
	margin-bottom:25px!important;
}

.pad-100{
	padding:0px 100px;
}