body {
	margin:0px;
	padding:0px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#737373;
	overflow-x:hidden;
	font-weight:normal;
	background-color:#fff;
}
a img {
	border:0px;
}
a {
	text-decoration:none;
	-moz-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
a:hover {
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin:0px;
	font-family: 'RoboTo condensed';
	padding:0px;
}
ul {
	margin:0px;
	padding:0px;
}
ul li {
	list-style:none;
}
p {
	margin:0px;
	padding:0px;
}
input:focus {
	outline:none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}

.wrapper {
	display:block;
	width:1230px;
	margin:auto;
}

.inner {
	width: 1230px;
	margin: 0 auto;
	position: relative;
	min-height: 50px;
	padding:30px 0;
	font-size: 18px;
	font-weight: 300;
}
.inner:after {
	content: "";
	display: table;
	clear: both;
}
.subMenu {
	z-index: 1000;
	width: 100%;
	background:none;
	width:1350px;
	position:fixed;
	top:0px;
	background:#fff;
	height:105px;
}
.fxd{background:#fff!important;}
.subMenu .inner {
	padding:0;
	font-weight: 400;
	margin: 0 auto;
}
.subNavBtn {
	display: block;
	float: left;
	text-decoration: none;
	font-family:RALEWAY-SEMIBOLD, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	line-height:90px;
	padding-left:18px;
}


.end {
	margin: 0;
}
/* SECTIONS */
.sTop {
	height:0px;
	padding:0px;
	color:#fff;
}

.menu{display:inline-block; float:left;}
.menu ul{padding:0px; margin-top:17px; display:inline-block; float:left; margin-left:225px;}
.menu ul li{float:left; list-style:none; background:url(../images/nav-bg.png) no-repeat top center; margin-right:35px; position:relative; text-align:center;}
.menu ul li.home{background-position:10px -561px;}
.menu ul li.service{background-position:17px 0px;}
.menu ul li.support{background-position:15px -150px;}
.menu ul li.client{background-position:27px -292px;}
.menu ul li.contact{background-position:15px -450px;}
.menu ul li a{color:#181818; font-size:12px; text-transform:uppercase; display:block; padding-top:40px; font-family:'Roboto Condensed', Helvetica, sans-serif; letter-spacing:2.5px; border-bottom:solid 6px #fff; padding-bottom:10px;font-weight: bold;}
.menu ul li a span{display:block; color:#a1a1a1; font-size:12px; font-family:'Roboto Condensed', Helvetica, sans-serif; text-transform:capitalize; letter-spacing:0; font-weight: normal;}
.menu ul li a:hover{border-bottom:solid 6px #51c200;}
.menu ul li.mail a span{ color:#0286c2 !important;}
.menu ul li.mail{ background:url(../images/mail.png) no-repeat 42px 12px !important;}
.mailnk{display:block; color:#0286c2; font-size:10px; font-family:'Roboto Condensed', Helvetica, sans-serif; text-transform:capitalize; letter-spacing:0;}

.menu ul li ul {
	position:absolute;
	z-index:999;
	width:200px;
	border-radius:0 0 5px 5px;
	border-bottom:solid 5px #45a402;
	opacity: 0;
	margin:0px;
	left:0px;
	visibility: hidden;
-webkit-transition: all .5s .1s;
 -moz-transition: all .5s .1s;
 -o-transition: all .5s .1s;
 transition: all .5s .1s;
}
.menu ul li:hover ul {
	opacity: 1;
	padding-top:0px;
	visibility: visible;
}
.menu ul li ul li {
	float:left;
	width:100%;
	text-align:left;
	padding:0px;
	border-bottom:solid 1px #45a402;
	margin:0px;
	
}
.menu ul li ul li:last-child {
	border:none;
}
.menu ul li ul li a {
	text-transform:capitalize;
	border:none;
	background:#53c303;
	margin:0px; padding:0px;
	font-size:15px;
	padding:10px;
	display:block;
	color:#fff;
}
.menu ul li ul li a:hover{border:none; background:#45a402;}

.logo{padding-top:15px; float:left; display:inline-block; border:none; position:absolute; left:-60px;}
.logo .active{border:none;}
.header-btn{float:right; width:228px; margin-top:30px; position:absolute; right:-60px;}
.header-btn a{float:right; width:182px; background:url(../images/header-btn-bg.png) no-repeat left center #53c303; border-radius:2px; overflow:hidden; text-transform:uppercase; color:#fff; font-size:14px; padding-left:55px; display:block; line-height:47px;}
.header-btn a:hover{background:url(../images/header-btn-bg.png) no-repeat left center #0286c2; color:#fff;}


.s1 {
	background:url(../images/headleavesbg.png) no-repeat; background-size:cover;
	height:450px;
	color:#0286c2;
}
.s01 {
	background:url(../images/headleavesbg02.png) no-repeat; background-size:cover;
	height:550px;
	position:relative;
	color:#0286c2;
}


.s2{float:left; width:100%; padding:30px 0px; background:#fff;}

.s3{float:left; width:100%; padding:30px 0px 0px 0px; background:#fff;}


.mobile-logo {
    display: none;
    float: right;
    position: fixed;
    right: 10px;
    text-align: right;
    top: 0;
    z-index: 9999999;
}

.main-contener{width:1350px; margin:0 auto;}





.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}



/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }

  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }

  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
  -webkit-animation-name: hvr-wobble-to-bottom-right;
  animation-name: hvr-wobble-to-bottom-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/*===============================Update Style Css==============================================*/



.profixdiv{width:100%; padding:11% 0% 0% 0%; position:absolute; top:0px; float:left;}
.connectmid{width:70%; margin:0px auto;}
.connectshow{width:100%; float:left;}
.joinlogo{float:left; width:35%;}
.jointxt{float:right; padding:15px 0px 0px 0px; width:65%;}
.jointxt h3{float:left; text-align:center; font-size:44px; font-family: 'RoboTo condensed'; color:#fff; width:100%;}
.jointxt h1{float:left; text-align:center; font-size:60px; font-family: 'RoboTo condensed'; color:#fff; line-height:42px; width:100%;}
.jointxt h6{float:left; text-align:center; font-size:24px; font-family: 'RoboTo condensed'; color:#fff; line-height:42px;  width:100%;}
.proquliety{float:left; background:#75db2c; border-radius:8px 8px 8px; padding:4px 0px; text-align:center; font-size:24px; font-family: 'RoboTo condensed'; color:#fff; width:100%;}



.servicesection{width:100%; margin:15px 0px; float:left;}
.contentmid{width:90%; margin:0px auto;}
.conntentdiv{width:100%; float:left;}
.srevicehead{width:100%; float:left;}
.srevicehead h2{float:left; font-size:55px; font-family: 'RoboTo condensed'; color:#9ad2ec; line-height:50px; width:100%;}
.srevicehead h4{float:left; font-size:45px; font-family: 'RoboTo condensed'; color:#9ad2ec; line-height:50px; width:100%;}
.srevicehead h3{float:left; font-size:45px; font-family: 'RoboTo condensed'; color:#9ad2ec; line-height:50px; width:100%;}
.srevicehead h5{float:left; font-size:40px; font-family: 'RoboTo condensed'; color:#9ad2ec; line-height:50px; width:100%;}
.servfull{width:100%; float:left;}
.sertxt{float:left; font-size:55px; font-family: 'RoboTo condensed'; color:#0286c2; line-height:50px;}
.sertxt02{float:left; font-size:45px; text-transform:uppercase; font-family: 'RoboTo condensed'; color:#0286c2; line-height:50px;}
.sertxt03{float:left; font-size:45px; text-transform:uppercase; font-family: 'RoboTo condensed'; color:#fff; line-height:50px;}
.serright{float:left; font-size:14px; font-family: 'RoboTo condensed'; color:#4d4d4d; line-height:22px; padding:0px 0px 0px 20px;}
.yelloborder{width:120px; background:#54c304; height:5px; clear:both; margin:10px 0px 0px 0px; float:left;}
.serright02{float:left; font-size:16px; font-family: 'RoboTo condensed'; color:#fff; line-height:22px; padding:15px 0px 0px 35px;}


.servcierow{width:100%; margin:140px 0px 50px 0px; float:left;}
.servicebox{width:23%; margin:0px 10px; float:left;}
.serciedetatils{width:100%; border:solid 3px #0286c2; float:left;}
.headicon{width:100%; text-align:center; margin-top:-60px; float:left;}
.headicon a{display:block;}
.sercieboxdetlis{width:100%; padding:25px 0px 0px 0px; float:left;}
.sercieboxdetlis h3{float:left; text-align:center; font-size: 2rem; font-family: 'RoboTo condensed'; color:#0286c2; text-transform:uppercase; width:100%;}
.sercieboxdetlis h4{float:left; text-align:center; font-size:13px; font-family: 'RoboTo condensed'; color:#4d4d4d; text-transform:uppercase; padding:5px 0px; width:100%;}
.starttxt{float:left; text-align:center; font-size:12px; font-family: 'RoboTo condensed'; color:#4d4d4d; text-transform:uppercase; padding:15px 0px 0px 0px; width:100%;}
.divielist{width:100%; padding:10px 0px; text-align:center; float:left;}
.prricemid{width:180px; margin:0px auto;}
.priceshow{width:180px; text-align:center; margin-bottom:-25px; font-size:40px; font-family: 'RoboTo condensed'; color:#0286c2; text-transform:uppercase; padding:15px 0px 0px 0px; width:100%; background:#fff; float:left;}

.orderdiv{width:100%; padding:5% 0%; float:left;}
.orderinner{width:100%; padding:25px 0px 0px 0px; float:left;}
.blueorder{width:130px; background:#0286c2; float:left;}
.blueorder:hover{width:130px; background:#0076ac; float:left;}
.blutarrow{width:35px; background:#0076ac; text-align:center; padding:5px 0px; float:left;}
.orderxt{width:90px; text-align:center; font-size:10px; color:#fff; padding:17px 0px 0px 0px; float:left;}
.orderxt a{width:90px; text-align:center; font-family: 'RoboTo condensed'; font-size:12px; color:#fff; float:left;}

.yelloworder{width:130px; background:#fcb215; margin:0px 0px 0px 5px; float:left;}
.yelloworder:hover{width:130px; background:#e69e06; float:left;}
.yellowarrow{width:35px; background:#e69e06; text-align:center; padding:5px 0px; float:left;}

/*=======================ORDERFISH BG==================*/

.fishmid{width:100%; margin:0px auto;}
.fishbg{width:100%; background:#0286c2; position:relative; margin-bottom:35px; float:left;}
.fishbg img{width:100%; position:relative; float:left;}
.fishdiv{width:100%; position:absolute; padding:190px 0px 0px 0px; float:left;}
.fishdetailsmid{width:55%; margin:0px auto;}
.fishshow{width:100%; background:url(../images/procesdimg.png) top right no-repeat; height:295px; float:left;}
.fishtxt{width:500px; padding:15px 0px 0px 0px; float:left;}
.fishtxt h2{float:left; font-size:40px; font-family: 'RoboTo condensed'; color:#fff; text-transform:uppercase; line-height:45px; width:100%;}
.fishtxt h3{float:left; font-size:55px; font-family: 'RoboTo condensed'; color:#fff; text-transform:uppercase; line-height:45px; width:100%;}
.fishtxt h4{float:left; font-size:30px; font-family: 'RoboTo condensed'; color:#fff; text-transform:uppercase; line-height:35px; width:100%;}


.makerow{width:100%; margin:50px 0px 50px 0px; float:left;}
.makebox{width:19%; float:left;}
.makediv{width:100%; float:left;}
.makeicon{width:100%; text-align:center; padding:10px 0px; float:left;}
.maketxt{width:100%; float:left;}
.maketxt h1{float:left; text-align:center; font-size:32px; font-family: 'RoboTo condensed'; color:#262626; text-transform:uppercase; line-height:30px; width:100%;}
.maketxt h3{float:left; text-align:center; font-size:20px; font-family: 'RoboTo condensed'; color:#262626; text-transform:uppercase; line-height:35px; width:100%;}
.maketxt h4{float:left; text-align:center; font-size:20px; font-family: 'RoboTo condensed'; color:#0286c2; text-transform:uppercase; line-height:25px; width:100%;}
.maketxt h5{float:left; text-align:center; font-size:20px; font-family: 'RoboTo condensed'; color:#56c407; text-transform:uppercase; line-height:25px; width:100%;}
.maketxt h6{float:left; text-align:center; font-size:20px; font-family: 'RoboTo condensed'; color:#262626; text-transform:uppercase; line-height:35px; width:100%;}
.padmake{margin:18px 0px 0px 0px !important;}
.padmake02{margin:10px 0px 0px 0px !important;}


.tabbg{width:100%; background:#0286c2; margin-bottom:35px; float:left;}
.tabbg img{width:100%; float:left;}
.tabinnerdiv{width:94%; background:#128ec5; padding:2% 3%; float:left;}
.tabshowdiv{width:88%; padding:5% 0px 0px 11%; float:left;}
.padcapta{margin:15px 0px !important;}
.tabinnershow{width:100%; float:left;}
.tabmileimg{width:33%; float:left;}
.tabmileinner{width:100%; text-align:center; padding:80px 0px 0px 0px; float:left;}
.infolist{width:27%; margin:0px 2%; padding:15px 0px 0px 0px; float:left;}
.infolist ul{width:100%; float:left;}
.infolist ul li{width:100%; padding:13px 0px; float:left;}
.infoicon{float:left;}
.infotxt{float:right; width:78%; padding:2px 0px 0px 0px; font-size:14px; font-family: 'RoboTo condensed'; color:#fff;}
.infotxt a{float:left; width:100%; font-size:14px; font-family: 'RoboTo condensed'; color:#fff;}

.moremid{width:60%; margin:0px auto;}
.morediv{width:100%; text-align:center; margin:50px 0px 15px 0px; float:left;}
.readlink{font-size:16px; color:#fff; border:solid 4px #fff; padding:15px 15px; text-transform:uppercase;}
.readlink:hover{color:#58bd7f;}


.tabworkdiv{width:100%; padding:25px 0px; float:left;}
.workbg{width:100%; background:url(../images/tabspeacker.png) center top no-repeat; height:360px; float:left;}
.workdivtxt{width:85%; padding:140px 0px 50px 0px; float:right;}
.workdivtxt h6{float:left; text-align:left; font-size:20px; font-family: 'RoboTo condensed'; color:#fff; text-transform:uppercase; line-height:35px; width:100%;}
.workdivtxt h1{float:left; text-align:left; font-size:50px; font-family: 'RoboTo condensed'; color:#fff; text-transform:uppercase; line-height:40px; width:100%;}
.workdivtxt h5{float:left; text-align:left; font-size:26px; font-family: 'RoboTo condensed'; color:#fff; text-transform:uppercase; line-height:30px; width:100%;}


.abouthead{width:100%; margin:0px auto;}
.aboutshow{width:100%; float:left;}
.aboutshow img{width:100%; float:left;}
.aboutdetails{width:100%; background:#1180b1; padding-bottom:50px; float:left;}
.aboutinfo{width:90%; padding:1% 5%; float:left;}
.aboutpad{margin:15px 0px 50px 0px !important;}
.aboutmatter{width:100%; float:left;}
.aboutbox{width:45%; margin:0px 1%; float:left;}
.aboutiner{width:100%; float:left;}
.txtsideimg{float:left; width:7%;}
.txtsideimg02{float:right; width:7%;}
.txtmid{width:85%; padding:10px 0px 0px 0px; float:left}
.txt01{width:100%; font-size:22px; font-family: 'RoboTo condensed'; color:#fff; text-transform:uppercase; line-height:25px;  float:left;}
.txt02{width:100%; font-size:28px; font-family: 'RoboTo condensed'; color:#fff; text-transform:uppercase; line-height:30px;  float:left;}
.txt03{width:100%; font-size:55px; font-family: 'RoboTo condensed'; color:#fff; text-transform:uppercase; line-height:50px; float:left;}
.txt001{width:100%; font-size:16px; font-family: 'RoboTo condensed'; color:#fff; text-transform:uppercase; line-height:22px; float:left;}
.txt002{width:100%; font-size:32px; font-family: 'RoboTo condensed'; color:#fff; text-transform:uppercase; line-height:35px;  float:left;}
.txt003{width:100%; font-size:23px; font-family: 'RoboTo condensed'; color:#fff; text-transform:uppercase; line-height:35px;  float:left;}
.txt005{width:100%; font-size:25px; font-family: 'RoboTo condensed'; color:#fff; text-transform:uppercase; line-height:35px;  float:left;}
.txt004{font-size:50px !important; font-family: 'RoboTo condensed'; color:#fff;}
.padtxt{margin:10px 0px 0px 0px !important;}
.aboutpad{margin:40px 0px 40px 0px !important;}
.aboutpad02{margin:50px 0px 0px 0px !important;}


.supportdiv{width:100%; float:left;}
.support01{width:100%; float:left;}
.activsup{width:30%; background:#128ec5; float:left;}
.activsup02{width:40%; background:#fcb215; float:left;}
.activinn{width:100%; float:left;}
.acticon{width:150px; padding:25px 0px 0px 0px; text-align:center; float:left;}
.acticon02{width:170px; text-align:right; padding:25px 25px 0px 0px; float:left;}
.acttxt{float:left; padding:30px 0px 15px 0px;}
.acttxt h1{float:left; font-size:55px; font-family: 'RoboTo condensed'; color:#fff; text-transform:uppercase; clear:both; line-height:45px;}
.acttxt h3{float:left; font-size:24px; font-family: 'RoboTo condensed'; color:#fff; text-transform:uppercase; clear:both; line-height:25px;}
.acttxt h4{float:left; font-size:50px; font-family: 'RoboTo condensed'; color:#fff; text-transform:uppercase; clear:both; line-height:45px;}
.acttxt h5{float:left; font-size:20px; font-family: 'RoboTo condensed'; color:#fff; text-transform:uppercase; clear:both; line-height:25px;}

.memactiv{width:70%; background:#d12c30; float:left;}
.memactiv02{width:60%; background:#58bd7f; float:left;}







.heading{padding:0px; float:left; width:100%;}
.heading h1{color:#0286c2; font-size:60px; text-transform:uppercase; background:url(../images/heading-bg.jpg) no-repeat left bottom; padding-bottom:18px; line-height:58px; float:left; display:inline-block;}
.heading h1 span{color:#9ad2ec;}
.heading p{color:#404040; font-size:12px; text-transform:uppercase; float:left; width:310px; padding-left:15px; padding-top:70px;}

.social{padding:0px; display:table; margin:0 auto; width:540px; margin-top: -50px;}

.social ul{padding:0px;}

.social li{float:left; padding:0px 8px;}

.social li a{display:block;}

.social li a:hover{opacity:0.9;}



.contact-form{display:table; width:380px; margin:0 auto; padding:45px 0px;}

.contact-form h2{font-size:40px; text-transform:uppercase; color:#fff; padding-bottom:25px; display:block; text-align:center;}

.contact-form p{float:left; width:100%; margin-bottom:15px;}
.contact-form input[type="text"], .contact-form textarea {

	width:94%;

	margin:0px;

	padding:12px 3%;

	background: #fff;

	border:none;

	font-family:RALEWAY-REGULAR_1, Helvetica, sans-serif;

	color:#1e1e1e;

	font-size:17px;

}

.contact-form textarea {

	resize: none;

	min-height:105px;

}

.contact-form .textarea2{font-size:14px; color:#929191; font-family:'Roboto Condensed', Helvetica, sans-serif;}

.contact_btn {

	display:table;

	border:none;

	width:145px;

	margin:0 auto;

	height:40px;

	line-height:40px;

	background:url(../images/submit-btn.png) no-repeat left center #53c303;

	color:#fff;

	font-size:14px;

	cursor:pointer;

	padding-left:40px;

	 -moz-transition: all .3s ease-in-out;

 -webkit-transition: all .3s ease-in-out;

 transition: all .3s ease-in-out;

}

.contact_btn:hover{background:url(../images/submit-btn.png) no-repeat left center #45a203;}



#footer{padding:28px 0px; float:left; width:100%; background:#fff; font-family: 'Roboto Condensed';}

#footer p{color:#6a6a6a; font-size:13px; float:left; margin-right:23px;}

#footer p span{color:#b2b2b2;}

#footer p a{color:#7f7f7f;}

#footer p a:hover{color:#6a6a6a;}

.s5 {

	background: #1886c3;
	color:#fff; float:left; width:100%; position:relative;

}

.testimonial {
    background: #e8f7f9;
    width: 100%;
	float:left;
	min-height:500px;
	}
	.testleft {
    float: left;
    width: 40%;
    margin: 170px 0;
    border-right: 1px solid #0286c2;
}
.testright {
    float: right;
    width: 59%;
    margin: 120px 0;
}
.content p{ font-size:19px !important;}
 li .content {
    padding: 3% 4%;
    float: left;
    width: 92%;
    background: url(../images/testimonial-bg.png) no-repeat 20px top #eaf7fd;
    border-radius: 2px;
}
.user-detail{ color:#198ebf;}



/**************************RESPONSIVE****************************/



@media only screen and (min-width: 1800px) and (max-width: 2000px) {
.ld-overlap-container {
    position: absolute;
    left: -15%!important;
	top:0px!important;
}
.ld-smart-container{height:720px!important;}
}
@media only screen and (min-width: 1230px) {
  .servcierow { display: flex; justify-content: center; align-items: center; }
}
@media only screen and (min-width: 960px) and (max-width: 1229px) {
.inner, .wrapper{width:98%;}
.menu{margin-left:0px;}
.menu ul{margin-left:30px;}
.logo{width:80px; padding-top:35px; left:0px; position:inherit;}
.logo img{width:100%;}
.ld-smart-container{height:700px!important;}
.newly-added li{width:305px!important; background-size:100%;}
.services-bottom li{margin:5px!important;}
.why-choose li{width:273px!important;}
.about-right{width:320px;}
.testimonials li{width:480px!important;}
.main-contener{width:100%;}
.ld-smart-container{width:100%!important;}
.white-program-right{width:300px;}
.servicebox{width:48%; margin:0 1%; min-height:500px;}
.sercieboxdetlis h3{font-size:28px;}
.fishdetailsmid{width:90%;}
.fishdiv{padding-top:150px;}
.tabshowdiv{width:100%; padding: 30px 0 0 0px;}
.aboutbox{min-height:190px;}
.heading h1{font-size:50px;}
.header-btn{right:0px; position:inherit;}
.subMenu{width:100%;}
.menu ul li{margin-right:20px;}
}
@media only screen and (min-width: 650px) and (max-width: 770px) {
.newly-added li{width:374px!important; margin:0px; padding:0px; background-size: 100%;}
.why-choose li{width:158px!important; padding:15px; margin:0px 30px;}
.testimonials li{width:229px!important;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.inner, .wrapper{width:98%;}
.mobile_menu{display:block!important;}
.subMenu{display:none;}
.mobile-logo{display:block; padding-top:5px;}
.mobile-logo img{width:90px;}
.ld-smart-container .ld-3d-object img{width:70%;}
.s1{height:400px;}
.ld-smart-container{height:350px!important;}
.newly-added li{width:588px!important; background:none; margin:auto;}
.services-bottom li{float:none; margin:10px auto!important;}
.why-choose-heading h2{font-size:35px;}
.why-choose li{width:588px!important; background:none; border:none; margin:auto;}
.checkout-heading h2{font-size:26px;}
.checkout-heading a{left:32%;}
.about-left li{width:96%; padding:2%; margin:10px 0px;}
.about-left li{padding:20px 1%;}
.about-left{width:100%; background:#53c303; min-height:inherit;}
.about-right{width:100%;}
.about-right-heading{margin:20px 0px;}
.heading p{width:100%; padding:0px;}
.heading h1{font-size:40px;}
.testimonials li{width:588px!important; margin:0px;}
.testimonials li .user-detail-right{padding-left:5px;}
#footer p{margin:3px 0px; width:100%; text-align:center;}
.main-contener{width:100%;}
.ld-smart-container{width:100%!important;}
.ld-smart-container .ld-3d-object{top:320px!important;}
.white-program-left{width:100%; padding:20px 0px; background:none;}
.white-program-right{width:100%;}
.white-program-left li .domain-name{background:#0286c2; width:100%;}
.white-program-left li .domain-name .conten{margin:0px; width:100%;}
.white-program-left li .domain-name span{display:none;}
.white-program-right-heading{margin:0px;}

.joinlogo{width:100%; text-align:center; padding-top:30px;}
.joinlogo img{width:15%;}
.jointxt{width:100%; text-align:center;}
.connectmid{width:100%;}
.servicebox{width:100%; margin:0 0 70px 0px;}
.fishdiv{padding-top:70px;}
.fishtxt{width:100%; padding-top:40px;}
.fishshow{height:auto; background-size:auto 100%; position:relative; top:16px;}
.fishdetailsmid{width:95%;}
.makebox{width:48%; margin:1%; min-height:260px;}
.sertxt03{font-size:40px;}
.tabshowdiv{width:100%; padding:0px;}
ul.tabbernav{width:100%!important;}
ul.tabbernav li{width:100%; margin:1px 0px;}
ul.tabbernav li a:link{padding:10px 0px!important; width:100%; text-align:center;}
ul.tabbernav li a:hover{padding:10px 0px;}
.tabberlive .tabbertab .innrtab{width:99%!important; padding:2%!important;}
.tabmileimg{width:100%;}
.infolist{width:100%;}
.moremid{width:100%;}
.readlink{font-size:8px;}
.workdivtxt{padding:0px; width:100%;}
.aboutbox{width:100%; margin:20px 0px;}
.activsup, .memactiv, .activsup02, .memactiv02{width:100%;}
.testleft{width:100%; border:none; margin:40px 0px;}
.testright{width:100%; margin:60px 0px;}
.acticon02{width:110px;}
.blueorder{margin-left:220px;}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.inner, .wrapper{width:98%;}
.mobile_menu{display:block!important;}
.subMenu{display:none;}
.mobile-logo{display:block; padding-top:5px;}
.mobile-logo img{width:90px;}
.ld-smart-container .ld-3d-object img{width:70%;}
.s1{height:400px;}
.ld-smart-container{height:350px!important;}
.newly-added li{width:588px!important; background:none; margin:auto;}
.services-bottom li{float:none; margin:10px auto!important;}
.why-choose-heading h2{font-size:35px;}
.why-choose li{width:588px!important; background:none; border:none; margin:auto;}
.checkout-heading h2{font-size:26px;}
.checkout-heading a{left:32%;}
.about-left li{width:96%; padding:2%; margin:10px 0px;}
.about-left li{padding:20px 1%;}
.about-left{width:100%; background:#53c303; min-height:inherit;}
.about-right{width:100%;}
.about-right-heading{margin:20px 0px;}
.heading p{width:100%; padding:0px;}
.heading h1{font-size:40px;}
.testimonials li{width:588px!important; margin:0px;}
.testimonials li .user-detail-right{padding-left:5px;}
#footer p{margin:3px 0px; width:100%; text-align:center;}
.main-contener{width:100%;}
.ld-smart-container{width:100%!important;}
.ld-smart-container .ld-3d-object{top:320px!important;}
.white-program-left{width:100%; padding:20px 0px; background:none;}
.white-program-right{width:100%;}
.white-program-left li .domain-name{background:#0286c2; width:100%;}
.white-program-left li .domain-name .conten{margin:0px; width:100%;}
.white-program-left li .domain-name span{display:none;}
.white-program-right-heading{margin:0px;}

.joinlogo{width:100%; text-align:center; padding-top:30px;}
.joinlogo img{width:15%;}
.jointxt{width:100%; text-align:center;}
.connectmid{width:100%;}
.servicebox{width:100%; margin:0 0 70px 0px;}
.fishdiv{padding-top:30px;}
.fishtxt{width:100%; padding-top:40px;}
.fishshow{height:auto; background-size:auto 100%; position:relative; top:16px;}
.fishdetailsmid{width:95%;}
.fishtxt h2{font-size:20px; line-height:30px;}
.fishtxt h3{font-size:18px; line-height:20px;}
.fishtxt h4{font-size:20px;}
.sertxt02{font-size:40px;}
.makebox{width:100%;}
.sertxt03{font-size:40px;}
.tabshowdiv{width:100%; padding:0px;}
ul.tabbernav{width:100%!important;}
ul.tabbernav li{width:100%; margin:1px 0px;}
ul.tabbernav li a:link{padding:10px 0px!important; width:100%; text-align:center;}
ul.tabbernav li a:hover{padding:10px 0px;}
.tabberlive .tabbertab .innrtab{width:99%!important; padding:2%!important;}
.tabmileimg{width:100%;}
.infolist{width:100%;}
.moremid{width:100%;}
.readlink{font-size:8px;}
.workdivtxt{padding:0px; width:100%;}
.aboutbox{width:100%; margin:20px 0px;}
.activsup, .memactiv, .activsup02, .memactiv02{width:100%;}
.testleft{width:100%; border:none; margin:40px 0px;}
.testright{width:100%; margin:60px 0px;}
.acticon02{width:110px;}

.eventsection li{width:100%; margin:15px 0px;}
.blueorder{margin-left:140px;}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
.inner, .wrapper{width:98%;}
.mobile_menu{display:block!important;}
.subMenu{display:none;}
.mobile-logo{display:block; padding-top:5px;}
.mobile-logo img{width:90px;}
.ld-smart-container .ld-3d-object img{width:70%;}
.s1{height:400px;}
.ld-smart-container{height:350px!important;}
.newly-added li{width:470px!important; background:none; margin:auto;}
.services-bottom li{float:none; margin:10px auto!important;}
.why-choose-heading h2{font-size:35px;}
.why-choose li{width:470px!important; background:none; border:none; margin:auto;}
.checkout-heading h2{font-size:26px;}
.checkout-heading a{left:32%;}
.about-left li{width:96%; padding:2%; margin:10px 0px;}
.about-left ul{padding:0px;}
.about-left{width:100%; background:#53c303; min-height:inherit;}
.about-right{width:100%;}
.about-right-heading{margin:20px 0px;}
.heading p{width:100%; padding:0px;}
.heading h1{font-size:40px;}
.testimonials li{width:470px!important; margin:0px;}
.testimonials li .user-detail-right{padding-left:5px;}
.social{width:100%;}
.social li img{width:100px;}
.contact-form{width:100%;}
#footer p{margin:3px 0px; width:100%; text-align:center;}
.s5{padding-top:10px;}
.main-contener{width:100%;}
.ld-smart-container{width:100%!important;}
.ld-smart-container .ld-3d-object{top:-55px!important;}
.white-program-left{width:100%; padding:20px 0px; background:none;}
.white-program-right{width:100%;}
.white-program-left li .domain-name{background:#0286c2; width:100%;}
.white-program-left li .domain-name .conten{margin:0px; width:100%;}
.white-program-left li .domain-name span{display:none;}
.white-program-right-heading{margin:0px;}

.joinlogo{width:100%; text-align:center; padding-top:30px;}
.joinlogo img{width:15%;}
.jointxt{width:100%; text-align:center;}
.connectmid{width:100%;}
.servicebox{width:100%; margin:0 0 70px 0px;}
.fishdiv{padding-top:30px;}
.fishtxt{width:100%; padding-top:40px;}
.fishshow{height:auto; background-size:auto 100%; position:relative; top:16px;}
.fishdetailsmid{width:95%;}
.fishtxt h2{font-size:20px; line-height:30px;}
.fishtxt h3{font-size:18px; line-height:20px;}
.fishtxt h4{font-size:20px;}
.sertxt02{font-size:40px;}
.makebox{width:100%;}
.sertxt03{font-size:40px;}
.tabshowdiv{width:100%; padding:0px;}
ul.tabbernav{width:100%!important;}
ul.tabbernav li{width:100%; margin:1px 0px;}
ul.tabbernav li a:link{padding:10px 0px!important; width:100%; text-align:center;}
ul.tabbernav li a:hover{padding:10px 0px;}
.tabberlive .tabbertab .innrtab{width:99%!important; padding:2%!important;}
.tabmileimg{width:100%;}
.infolist{width:100%;}
.moremid{width:100%;}
.readlink{font-size:8px;}
.workdivtxt{padding:0px; width:100%;}
.aboutbox{width:100%; margin:20px 0px;}
.activsup, .memactiv, .activsup02, .memactiv02{width:100%;}
.testleft{width:100%; border:none; margin:40px 0px;}
.testright{width:100%; margin:60px 0px;}
.acticon02{width:110px;}

.eventsection li{width:100%; margin:15px 0px;}
.blueorder{margin-left:90px;}
}

@media only screen and (max-width: 479px) {
.inner, .wrapper{width:98%;}
.mobile_menu{display:block!important;}
.subMenu{display:none;}
.mobile-logo{display:block; padding-top:5px;}
.mobile-logo img{width:90px;}
.ld-smart-container .ld-3d-object img{width:70%;}
.s1{height:350px;}
.ld-smart-container{height:310px!important;}
.newly-added li{width:314px!important; background:none; margin:auto;}
.services-bottom li{float:none; margin:10px auto!important;}
.why-choose-heading h2{font-size:35px;}
.why-choose li{width:305px!important; background:none; border:none; margin:auto;}
.checkout-heading h2{font-size:26px;}
.checkout-heading a{left:25%;}
.about-left{width:100%; background:#53c303; min-height:inherit;}
.about-right{width:100%;}
.about-right-heading{margin:20px 0px;}
.heading p{width:100%; padding:0px;}
.heading h1{font-size:40px;}
.testimonials li{width:314px!important; margin:0px;}
.testimonials li .user-detail-right{padding-left:5px;}
.social{width:100%;}
.social li img{width:60px;}
.contact-form{width:100%;}
#footer p{margin:3px 0px; width:100%; text-align:center;}
.s2{padding-top:20px;}
.s5{padding-top:60px;}
.main-contener{width:100%;}
.ld-smart-container{width:100%!important;}
.white-program-left{width:100%; padding:20px 0px; background:none;}
.white-program-right{width:100%;}
.white-program-left li .domain-name{background:#0286c2; width:100%;}
.white-program-left li .domain-name .conten{margin:0px; width:100%;}
.white-program-left li .domain-name span{display:none;}
.white-program-right-heading{margin:0px;}
.ld-overlap-container{top:-85px!important;}
.about-left li{width:96%; padding:2%;}
.service-heading h1{font-size:25px; padding-top:80px;}

.joinlogo{width:100%; text-align:center; padding-top:30px;}
.joinlogo img{width:40%;}
.jointxt{width:100%; text-align:center;}
.connectmid{width:100%;}
.servicebox{width:100%; margin:0 0 70px 0px;}
.fishdiv{padding-top:0px;}
.fishtxt{width:100%;}
.fishshow{height:auto; background-size:auto 100%; position:relative; top:16px;}
.fishdetailsmid{width:95%;}
.fishtxt h2{font-size:20px; line-height:30px;}
.fishtxt h3{font-size:18px; line-height:20px;}
.fishtxt h4{font-size:20px;}
.sertxt02{font-size:40px;}
.makebox{width:100%;}
.sertxt03{font-size:40px;}
.tabshowdiv{width:100%; padding:0px;}
ul.tabbernav{width:100%!important;}
ul.tabbernav li{width:100%; margin:1px 0px;}
ul.tabbernav li a:link{padding:10px 0px!important; width:100%; text-align:center;}
ul.tabbernav li a:hover{padding:10px 0px;}
.tabberlive .tabbertab .innrtab{width:99%!important; padding:2%!important;}
.tabmileimg{width:100%;}
.infolist{width:100%;}
.moremid{width:100%;}
.readlink{font-size:8px;}
.workdivtxt{padding:0px; width:100%;}
.aboutbox{width:100%; margin:20px 0px;}
.activsup, .memactiv, .activsup02, .memactiv02{width:100%;}
.testleft{width:100%; border:none; margin:40px 0px;}
.testright{width:100%; margin:60px 0px;}
.acticon02{width:110px;}
.eventsection li{width:100%; margin:15px 0px;}
.workshop-achieve li{font-size:14px;}
}
.infoicon img:hover{transform: scale(0.8); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);}
li.order {
    background: url(../images/cart.png) no-repeat top !important;
}
li.order a{color:#FF0000!important;}
li.mail {
    background: url(../images/mail.png) no-repeat 52px 12px !important;
}