Gecko [ dp-client.com ]

Name	Size	Permission
animate.min.css	53.43 KB	-rw-r--r--
bootstrap-backup.css	99.38 KB	-rw-r--r--
bootstrap.css	99.38 KB	-rw-r--r--
bootstrap.min.css	110.91 KB	-rw-r--r--
demo.css	3.08 KB	-rw-r--r--
ecomerce.css	7.48 KB	-rw-r--r--
enquiry.css	5.09 KB	-rw-r--r--
fallback.css	133 B	-rw-r--r--
font-awesome-old.css	21.15 KB	-rw-r--r--
font-awesome.min.css	21.47 KB	-rw-r--r--
home.css	1.02 KB	-rw-r--r--
main.css	21.32 KB	-rw-r--r--
owl.carousel.css	1.44 KB	-rw-r--r--
owl.transitions.css	4.37 KB	-rw-r--r--
prettyPhoto.css	19.42 KB	-rw-r--r--
responsive.css	0 B	-rw-r--r--
responsive_carousel.css	157.61 KB	-rw-r--r--
style.css	31.38 KB	-rw-r--r--
style1.css	60.36 KB	-rw-r--r--
video-js.css	11.93 KB	-rw-r--r--

Code Editor : style1.css

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
body {
	/*font-family: "Roboto";*/
	font-family:'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 25px;
	text-rendering: optimizelegibility;
}
/*@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Light.ttf');
	font-weight: normal;
	font-style: normal;
}*/
body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

body ul{
list-style-type:none;
line-height:1.8;
font-size:14px;	
	}

header {
	width: 100%;
	height: 90px;
}
h1, h2, h3, h4, h5, h6, p {
	font-family:'Open Sans', sans-serif;
	margin: 0;
}
.top-header {
	border-bottom: 1px solid #dddddd;
	padding: 5px 0;
}
.navbar {
	min-height: 42px;
}
.navbar-inverse {
	margin-top: 0;
	background: #fff;
	z-index: 100;
	font-family:'Open Sans', sans-serif;
}

.padding-right-10{ padding-right:10px;}
.padding-left-10{ padding-left:10px;}

/*.header {
	min-height: 70px;
	padding-top: 10px;
	background: #74a549;
}
*/
.bg-success{background-color:#8dc442 !important}
.bg-info{background-color:#00a7dc !important}
.bg-warning{background-color:#f5ab40 !important}
.affix {
top:0;
width: 100%;
z-index:100 !important;
background:#fff;
}
.navbar {
margin-bottom: 0px;
}

.affix ~ .container-fluid {
position: relative;
top: 50px;
}

.grow {
	transition: all .2s ease-in-out;
}
.grow:hover {
	transform: scale(1.1);
}
.single-blog {
	margin-bottom: 5px;
	background-color: #F7F7F7;
	padding: 10px;
/*	transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	-webkit-box-shadow: 0 2px 0 0 #ddd;
	box-shadow: 0 2px 0 0 #ddd;*/
}
.single-blog:hover {
	background-color: #43484E;
	color: #fff;
}
/**, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}*/

#whychooseus {
	background: #fff;
	/*padding: 60px 0 8px;*/
	height: 100%;/*position: absolute;*/
}
a.serv_block {
	display: block;
	text-align: center;
	color: #717171;
	cursor: default;
}
a.serv_block:hover {
	text-decoration: none;
}
a.serv_block p {
	margin: 0;
	padding: 19px 0 18px;
	font-weight: bold;
	font-size: 15px;
	line-height: 30px;
	color: #555;
}
.serv_block .icon_block1, .serv_block .icon_block2, .serv_block .icon_block3, .serv_block .icon_block4, .serv_block .icon_block5, .serv_block .icon_block6, .serv_block .icon_block7, .serv_block .icon_block8, .serv_block .icon_block10 {
	overflow: hidden;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	padding: 0 auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	border: 4px solid #b1b1b1;
	background-position: 0 0;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.serv_block .icon_block1 {
	background: url(../images/icon1.png) no-repeat;
}
.serv_block .icon_block2 {
	background: url(../images/icon2.png) no-repeat;
}
.serv_block .icon_block3 {
	background: url(../images/icon3.png) no-repeat;
}
.serv_block .icon_block4 {
	background: url(../images/icon4.png) no-repeat;
}
.serv_block .icon_block5 {
	background: url(../images/icon5.png) no-repeat;
}
.serv_block .icon_block6 {
	background: url(../images/icon6.png) no-repeat;
}
.serv_block .icon_block7 {
	background: url(../images/icon7.png) no-repeat;
}
.serv_block .icon_block8 {
	background: url(../images/icon8.png) no-repeat;
}
.serv_block .icon_block10 {
	background: url(../images/icon10.png) no-repeat;
}
.serv_block:hover .icon_block1, .serv_block:hover .icon_block2, .serv_block:hover .icon_block3, .serv_block:hover .icon_block4, .serv_block:hover .icon_block5, .serv_block:hover .icon_block6, .serv_block:hover .icon_block7, .serv_block:hover .icon_block8, .serv_block:hover .icon_block10 {
	background-position: 0 -110px;
	border: 8px solid #ff730d;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

.serv_block:hover p {
	color: #ff730d;
}
.social ul {
	list-style: none;
	padding: 0;
}

.height100{ height:110px;}

.social ul li {
	float: left;
	padding: 0px 5px;
}
hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px solid #ddd;
}
.footer {
	background-color: #454A49;
	width: 100%;
	float: left;
	padding: 50px 0 10px 0;
}
.footer-top {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 50px;
}
.padding-btm-20 {
	padding-bottom: 20px;
}
.footer-title {
	font-size: 18px;
	margin: 0 0 20px 0;
	color: #fff;
}
ul.list-right-open-thin, ul.list-right-open-check {
	list-style: none;
	padding-left: 20px;
}
ul.list-right-open-thin li, ul.list-right-open-check li {
	text-align: left;
}
ul.list-right-open-thin li a, ul.list-right-open-check li a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}
ul.list-right-open-thin li:before {
	font-family: "fontawesome";
	content: "\f101";
	margin-right: 10px;
	margin-left: -20px;
	font-size: 14px;
	color: #5cb85c;
}
.copyright {
	border-top: 5px solid rgba(255, 255, 255, 0.1);
	color: #d1d1d1;
	float: none;
	font-size: 13px !important;
	overflow: hidden;
	padding: 15px 0 10px;
	width: 100%;
	margin: 30px 0 0 0;
}
.info-stripe {
	background-color: #3b3c3c;
	border: none;
	padding-top: 10px;
	padding-bottom: 10px;
}
ul.stripList {
	padding: 0;
	margin: 0;
}
ul.stripList li {
	list-style: none;
	display: inline-block;
	color: #fff;
	padding-right: 20px;
}
ul.stripList li a {
	list-style: none;
	display: inline-block;
	color: #fff;
	text-decoration: none;
}
.visible-sm-left-center {
	display: block!important;
	text-align: left !important;
}
.no-pd {
	padding: 0;
}
.visible-sm-right-center {
	display: block!important;
	text-align: right !important;
}
.no-pd {
	padding: 0;
}
marquee>a, marquee>a:hover {
	color: #000;
	text-decoration: none;
}
.productbox {
	width: audo;
	height: auto;
	background-color: #ffffff;
	margin-bottom: 10px;
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #cbcbcb;
	transition: all .20s ease-in-out;
}
.productbox img {
	width: auto;
	height: auto;
}
.producttitle {
	font-weight: bold;
	padding: 5px 0 5px 0;
	width: 235px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.producttitle a {
	color: #000;
	text-decoration: none;
}
.producttitle .btn {
	background-color: #EDEEF0;
}
.footer p {
	padding: 4px 0;
	color: #eee;
}
.footer-btm-pd {
	margin-top: 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 25px;
	margin-bottom: 60px;
}
.footer-title {
	padding-top: 10px;
	font-size: 18px;
	margin: 0 0 20px 0;
	color: #fff;
}
.listDisclaimer {
	list-style-type: disc;
	color: #a8a6a6;
	font-size: 14px;
	line-height: 1.2;
	margin-left: 18px;
	margin-bottom: 20px;
}
.weightBold {
	font-weight:400 !important;
}
.list-inline > li a {
	color: #fff;
	text-decoration: none;
}
#services {

margin-top:2px;	
	
/*background:url(../images/services.jpg) no-repeat center fixed;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}
/*#services .services-wrapper {
padding: 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-top:20px;
margin-bottom: 20px;
background-color: rgba(255, 255, 255, 0.07);
cursor: pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color:#fff;
}

#services .services-wrapper h3{
font-size:17px;	
	}

#services .services-wrapper:hover {
background-color: rgba(255, 255, 255, 0.20);
}

#services h3 {
color:#fff;
}

#services .services-wrapper i {
margin: 5px;
font-size: 60px;
color:#fff;
}*/

.padding-bottom-6{ padding-bottom:6px;}
.padding-bottom-17{ padding-bottom:17px;}

/*---------------- sevices1 ------------------*/
#services .services-wrapper {
	padding: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #119E1D;
	background-color: rgba(17, 158, 29, 0.07);
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	color:#119E1D;
}
#services .services-wrapper h3 {
	font-size: 17px;
	color:#119E1D;
	text-align:center;
}
#services .services-wrapper p{
font-size:12px;	
	}

#services .services-wrapper:hover {
	background-color: rgba(17, 158, 29, 0.20);
}
#services h3 {
/*	color: #fff;*/
}
#services .services-wrapper i {
	font-size: 60px;
	color: #fff;
}

/*---------------- sevices1 ------------------*/

/*---------------- sevices2 ------------------*/
#services .services-wrapper1 {
	padding: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom:13px;
	border: 1px solid #f49f32;
	background-color: rgba(254, 159, 50, 0.07);
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	color:#f49f32;
}
#services .services-wrapper1 h3 {
	font-size: 17px;
	color:#f49f32;
	text-align:center;
}
#services .services-wrapper1 p{
font-size:12px;	
color:#1cc1f7;
	}

#services .services-wrapper1:hover {
	background-color: rgba(254, 159, 50, 0.20);
}
#services h3 {
}
#services .services-wrapper i {
	font-size: 60px;
	color: #fff;
}

/*---------------- sevices2 ------------------*/

/*---------------- sevices3 ------------------*/
#services .services-wrapper2 {
	padding: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #1cc1f7;
	background-color: rgba(28, 193, 247, 0.07);
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	color:#1cc1f7;
}
#services .services-wrapper2 h3 {
	font-size: 17px;
	color:#1cc1f7;
}
#services .services-wrapper2 p{
font-size:12px;	
	}

#services .services-wrapper2:hover {
	background-color: rgba(28, 193, 247, 0.20);
}
#services h3,p{
	text-align:center;
}
#services .services-wrapper i {
	font-size: 60px;
	color: #fff;
}

/*---------------- sevices3 ------------------*/

/*---------------- sevices4 ------------------*/
#services .services-wrapper3 {
	padding: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #010159;
	background-color: rgba(1, 1, 89, 0.07);
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	color:#010159;
}
#services .services-wrapper3 h3 {
	font-size: 17px;
	color:#010159;
}
#services .services-wrapper3 p{
font-size:12px;	
	}

#services .services-wrapper3:hover {
	background-color: rgba(1, 1, 89, 0.20);
}
#services h3,p{
	text-align:center;
}
#services .services-wrapper i {
	font-size: 60px;
	color: #fff;
}
/*---------------- sevices4 ------------------*/

/*---------------- sevices5 ------------------*/
#services .services-wrapper4 {
	padding: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #ff422e;
	background-color: rgba(255, 66, 46, 0.07);
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	color:#ff422e;
}
#services .services-wrapper4 h3 {
	font-size: 17px;
	color:#ff422e;
}
#services .services-wrapper4 p{
font-size:12px;	
	}

#services .services-wrapper4:hover {
	background-color: rgba(255, 66, 46, 0.20);
}
#services h3,p{
	text-align:center;
}
#services .services-wrapper i {
	font-size: 60px;
	color: #fff;
}
/*---------------- sevices5 ------------------*/

/*---------------- sevices6 ------------------*/
#services .services-wrapper5 {
	padding: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #09466b;
	background-color: rgba(9, 70, 107, 0.07);
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	color:#09466b;
}
#services .services-wrapper5 h3 {
	font-size: 17px;
	color:#09466b;
}
#services .services-wrapper5 p{
font-size:12px;	
	}

#services .services-wrapper5:hover {
	background-color: rgba(9, 70, 107, 0.20);
}
#services h3,p{
	text-align:center;
}
#services .services-wrapper i {
	font-size: 60px;
	color: #fff;
}
/*---------------- sevices6 ------------------*/

/*---------------- sevices7 ------------------*/
#services .services-wrapper6 {
	padding: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #A100FF;
	background-color: rgba(161,0, 255, 0.07);
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	color:#09466b;
}
#services .services-wrapper6 h3 {
	font-size: 17px;
	color:#A100FF;
}
#services .services-wrapper6 p{
font-size:12px;	
	}

#services .services-wrapper6:hover {
	background-color: rgba(161, 0, 255, 0.20);
}
#services h3,p{
	text-align:center;
}
#services .services-wrapper i {
	font-size: 60px;
	color: #fff;
}
/*---------------- sevices7 ------------------*/

/*---------------- sevices8 ------------------*/
#services .services-wrapper7 {
	padding: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #241406;
	background-color: rgba(36,26, 6, 0.07);
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	color:#09466b;
}
#services .services-wrapper7 h3 {
	font-size: 17px;
	color:#241406;
}
#services .services-wrapper7 p{
font-size:12px;	
	}

#services .services-wrapper7:hover {
	background-color: rgba(36,26,6, 0.20);
}
#services h3,p{
	text-align:center;
}
#services .services-wrapper i {
	font-size: 60px;
	color: #fff;
}
/*---------------- sevices8 ------------------*/

/*---------------- sevices9 ------------------*/
#services .services-wrapper8 {
	padding: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #0719ff;
	background-color: rgba(7,25,255, 0.07);
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	color:#09466b;
}
#services .services-wrapper8 h3 {
	font-size: 17px;
	color:#0719ff;
}
#services .services-wrapper8 p{
font-size:12px;	
	}

#services .services-wrapper8:hover {
	background-color: rgba(7,25,255, 0.20);
}
#services h3{
	text-align:center;
}
#services .services-wrapper i {
	font-size: 60px;
	color: #fff;
}
/*---------------- sevices9 ------------------*/

/*----slider----*/

#slider2, #slider3 {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0 auto;
}
/*############## slider ###############*/

#slider {
	position: relative;
	z-index: 1;
}
.formarea {
	position: absolute;
	top: 14%;
	right: 9%;
	width: 20%;
	z-index: 999;
	background-color: rgba(52,104,119,.8);
	border-radius: 5px;
	padding: 1%;
}
.formarea h3 {
	text-align: center;
	color: white;
}
.circleBg {
	margin-top: 20px;
	margin-bottom: 20px;
}
.course:before {
	width: 100px;
	background: #f36126;
}
.course:before, .course:before {
	content: '';
	width: 100px;
	height: 5px;
	position: absolute;
	top: -3px;
	left: 0;
	right: 0;
	margin: auto;
	background: #5cb85c;
	z-index: 10;
}
.course {
	padding: 0px 0 0px;
}
.course {
	border-top: solid 1px #e5e5e5;
	position: relative;
	display: block;
	margin: 18px 0 0 0;
}

.sperator{
max-width: 370px;
margin-right: auto;
margin-left: auto;	
}

.circleBg {
	margin-top: 20px;
	margin-bottom: 20px;
}
.circleYellow, .circleYellowLight, .circlePink, .circlePinkLight, .circleBlue, .circleBlueLight, .circlegreen, .circlegreenLight, .circleblue {
	color: #fff;
	text-shadow: 0 0 1px #ddd
}
.cir:hover .circleYellow, .cir:hover .circleYellowLight, .cir:hover .circlePink, .cir:hover .circlePinkLight, .cir:hover .circleBlue, .cir:hover .circleBlueLight, .cir:hover .circlegreen, .cir:hover .circlegreenLight {
	background: #1557a5;
}
.circleYellow {
	background: #3133af;
}
.circleYellowLight {
	background: #1F22C4;
}
.circlePink {
	background: #ff4d4d;
}
.circlePinkLight {
	background: #fe5c5c;
}
.circleBlue {
	background: #e06511;
}
.circleBlueLight {
	background: #f5ab40;
}
.circlegreen {
	background: #5c9c34;
}
.circlegreenLight {
	background: #63b82e;
}
.circleblue {
	background: #00a7dc;
}
.circleBox {
	margin-top: 15px;
	margin-bottom: 10px;
	width: 121px;
	height:121px;
	border-radius: 50%;
	display: inline-block;
	border: solid 6px #fff;
	box-shadow: 0px 0px 3px #ccc;
	transition: all 0.5s ease-in-out;
	transform: rotate(0deg);
}
.cir:hover .circleBox {
	border: solid 6px #1557a5;
}
.cir:hover .circleBox {
	transform: rotateY(180deg);
}
.circleBoxTwo {
	margin-top: 7px;
	width: 95px;
	height: 95px;
	border-radius: 50%;
	display: inline-block;
	transition: all 0.5s ease-in-out;
}
.circleBoxTwo .fa {
	font-size: 34px;
	line-height: 90px
}
.tag a {
	display: inline-block;
	padding: 0px 6px;
	border: solid 1px #fff;
	color: #fff;
	transition: all 0.5s ease-in-out;
	font-size: 12px;
	margin-top: 4px;
}
.tag a:hover {
	background: #fff;
	color: #111;
}
.bgBlack {
	background: rgb(39, 38, 52);
	width: 50%;
	float: right;
	padding: 0 15px;
}
.bgBlack .text {
	color: #A9A9B1;
}
.circleBg a {
	font-weight: bold;
	text-decoration: none;
	/*color: #09348A;*/
}
.products-bottom-left h3 {
	/*color: #1557a5;*/
	font-size: 23px;
	margin: 0;
	font-weight: 400;
}
.products-bottom-left h3 span {
	/*color: #A6A6A6;*/
}
.news {
	height: 255px !important;
}
.news-item {
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #A6A6A6;
}
.news-item td img {
	margin-right: 10px;
}
.news-item td {
	font-size: 13px;
}
.news-item td a {
	color: #002757;
	font-weight: bold;
}
#newsticker-demo {
	float: left;
	width: 350px;
	height: 101px;
}
#newsticker-demo li {
	list-style: none;
	display: block;
	width: 350px;
	height: 270px;
	float: left;
	font-family: 'Open Sans';
	font-size: 14px;
	border : 0px solid red;
	text-align: center;
}
#newsticker-demo li a {
	color: blue;
	text-decoration: none;
}
#newsticker-demo li a:hover {
	text-decoration: underline;
}
.previous1  /* Css for Previous Icon */ {
	width : 20px;
	height : 20px;
	padding: 5px;
	background: #4dc2da;
	outline: none;
	cursor: pointer;
	float: left;
	position: relative;
	top: 35px;
	z-index: 9999;
	margin-left: 6px;
}
.next1  /* Css for Next Icon */ {
	width : 20px;
	height : 20px;
	padding: 5px;
	background: #4dc2da;
	outline: none;
	cursor: pointer;
	top: 35px;
	position: relative;
	float: left;
	left: -193px;
	z-index: 9999;
}
.ticker01 {
	width: 360px;
	top: 10px;
	margin-left: 10px;
	visibility: visible;
	overflow: hidden;
	position: relative;
	z-index: 2;
	left: 0px;
}
.ticker01 h3 {
	margin-bottom: 10px;
}
.ticker_ul {
	margin: 0px;
	padding: 0px;
	position: relative;
	list-style-type: none;
	z-index: 1;
	width: 33950px;
	left: -350px;
}

@media screen and (max-width: 1024px) and (min-width: 600px) {
.formarea {
	width: 27%;
	top: 1%;
}
}
.rslides_tabs {
	list-style: none;
	padding: 0;
	background: rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
	box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
	font-size: 18px;
	margin: 0 auto 50px;
	max-width: 540px;
	/*  padding: 10px 0;*/

width: 100%;
}
.rslides_tabs li {
	display: inline;
	float: none;
	margin-right: 1px;
}
.rslides_tabs a {
	width: auto;
	line-height: 20px;
	padding: 9px 20px;
	height: auto;
	background: transparent;
	display: inline;
}
.rslides_tabs li:first-child {
	margin-left: 0;
}
.rslides_tabs .rslides_here a {
	background: rgba(255,255,255,.1);
	color: #fff;
	font-weight: bold;
}
.events {
	list-style: none;
}
.callbacks_container {
	position: relative;
	float: left;
	width: 100%;
}
.callbacks {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.callbacks li {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
.callbacks img {
	position: relative;
	z-index: 1;
	height: auto;
	border: 0;
	width: 100%;
}
.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	left: 1%;
	right: 0%;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
	top: 47%;
}
.callbacks_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 56%;
	left: 8%;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 41px;
	background: transparent url("../images/themes.png") no-repeat left top;
	margin-top: -65px;
}
.callbacks_nav:active {
	opacity: 1.0;
}
.callbacks_nav.next {
	left: auto;
	background-position: right top;
	right: 8%;
}
#slider3-pager a {
	display: inline-block;
}
#slider3-pager span {
	float: left;
}
#slider3-pager span {
	width: 100px;
	height: 15px;
	background: #fff;
	display: inline-block;
	border-radius: 30em;
	opacity: 0.6;
}
#slider3-pager .rslides_here a {
	background: #FFF;
	border-radius: 30em;
	opacity: 1;
}
#slider3-pager a {
	padding: 0;
}
#slider3-pager li {
	display: inline-block;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	height: auto;
	border: 0;
}
.callbacks_tabs {
	list-style: none;
	position: absolute;
	top: 99%;
	z-index: 999;
	left: 47%;
	padding: 0;
	margin: 0;
}
.callbacks_tabs li {
	display: inline-block;
}

@media screen and (max-width: 600px) {
h1 {
	font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.callbacks_nav {
	top: 47%;
}
}
/*----*/

.callbacks_tabs a {
	visibility: hidden;
	padding: 0 0.2em;
}
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	height: 12px;
	width: 12px;
	/*  display:inline-block;*/

border: 2px solid #E9E9E9;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;
}
.callbacks_here a:after {
	border: 2px solid #23B7A4;
}
.header-info {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 9%;
}
.header-info h2 a {
	display: inline-block;
	color: #001c44;
	padding: 0.5em 2em;
	background: rgba(255, 255, 255, 0.32);
	text-decoration: none;
}
.header-info h2 a:hover {
	color: #fff;
	background: #001c44;
}
.header-info lable {
	background: #fff;
	height: 1px;
	width: 36%;
	display: block;
	margin-top: 2em
}
.header-info h1 a {
	color: #001c44;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
}
.header-info h1 a:hover {
	color: #001c44;
}
/*--/slider--*/

/*--/header-info--*/

/*--/header--*/

/*--about--*/

.about {
	padding-top: 6%;
}
.about-head h3 {
	color: #60B0E6;
	font-size: 1.97em;
}
.about-grids h4 {
	font-size: 1.4em;
	font-weight: 500;
	color: #343E46;
}
.about-head img {
	margin: 1em 1em 0 0;
}
.about-head span {
	background: rgba(128, 128, 128, 0.41);
	width: 5.5%;
	height: 1px;
	display: inline-block;
	vertical-align: text-bottom;
}
.about-head span:nth-child(2) {
	margin-right: 1em;
}
.about-grids {
	margin-top: 3.5em;
}
.about-grids h4 span {
	background: url("../images/about-icons.png") no-repeat 0 0;
	width: 46px;
	height: 37px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
	margin-top: 0.7em;
	cursor: pointer;
}
.about-grids h4 span.icon1 {
	background-position: 0px 0px;
}
.about-grids h4 span.icon1:hover {
	background-position: 0px -48px;
}
.about-grids h4 span.icon2 {
	background-position: -405px 0;
}
.about-grids h4 span.icon2:hover {
	background-position: -405px 0;
}
.about-grids h4 span.icon3 {
	background-position: -810px 1px;
}
.about-grids h4 span.icon3:hover {
	background-position: -809px -48px;
}
.about-grids p {
	margin-left: 4em;
	width: 87%;
	line-height: 23px;
	color: #9EA4A9;
}
/*--top-tours--*/

.top-tours-head {
	padding-top: 6%;
}
.top-tours-head h3 {
	color: #1b4074;
	font-size: 1.97em;
}
.top-tours-head img {
	margin: 1em 1em 0 0;
}
.top-tours-head span {
	background: rgba(128, 128, 128, 0.41);
	width: 5.5%;
	height: 1px;
	display: inline-block;
	vertical-align: text-bottom;
}
.top-tours-head span:nth-child(2) {
	margin-right: 1em;
}
.top-tours-head p {
	width: 84%;
	margin: 0 auto;
	padding-top: 2%;
	font-size: 1.17em;
	line-height: 23px;
	color: #90979D;
}
* Strip /*-----------------------------------------------------------------------------------*/
.b-link-stripe {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	overflow: hidden;
}
.b-link-stripe .b-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	color: #ffffff;
}
.b-link-stripe .b-wrapper:hover {
	background: rgba(50, 70, 81, 0.71);
	transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
}
/*-----------------------------------------------------------------------------------*/

/*--Animation effects---*/

b-animate-go {
	text-decoration: none;
}
.b-animate {
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	visibility: hidden;
	font-size: 1.1em;
	font-weight: 700;
}
.b-animate img {
	margin-top: 33%;
	display: -webkit-inline-box;
}
/* lt-ie9 */

.b-animate-go:hover .b-animate {
	visibility: visible;
}
.b-from-left {
	position: relative;
	left: -100%;
}
.b-animate-go:hover .b-from-left {
	left: 0;
}
span.m_4 {
	font-size: 14px;
	font-weight: 400;
}
p.m_5 {
	margin: 2% auto 5%;
	width: 70%;
	color: #283A47;
	font-size: 1.1em;
	font-weight: 600;
	line-height: 1.5em;
	text-align: center;
}
ul#filters {
	padding: 0px;
	text-align: center;
}
#filters {
	margin: 3% 0;
	padding: 0;
	list-style: none;
	text-align: left;
}
#filters li {
	display: inline-block;
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -o-inline-box;
	display: -ms-inline-box;
}
#filters li span.active, #filters li span {
	color: #172F41;
	text-decoration: none;
	padding: 0.3em 1.3em;
	display: block;
	border: 1px solid #fff;
	font-size: 1.15em;
	font-weight: 500;
	cursor: pointer;
	margin: 0 0.3em;
	border-radius: 2px;
}
#filters li span.active {
	color: #1b4074;
	border: 1px solid #1b4074;
}
#filters li span:hover {
	border: 1px solid #6BB5E8;
	color: #6BB5E8;
}
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	width: 25%;
	display: none;
	float: left;
	overflow: hidden;
	margin: 0%;
	padding: 0;
}
div#portfoliolist {
	padding: 0;
	margin: 1% 0 0 0;
}
.portfolio-wrapper {
	overflow: hidden;
	position: relative !important;
	cursor: pointer;
}
.portfolio-wrapper img {
	width: 100%;
}
.portfolio img {
	max-width: 100%;
	/*--position: relative;--*/

transition: all 300ms!important;
	-webkit-transition: all 300ms!important;
	-moz-transition: all 300ms!important;
}
.portfolio .label {
	position: absolute;
	width: 100%;
	height: 40px;
	bottom: -40px;
}
.portfolio .label-bg {
	background: #22B4B8;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.portfolio .label-text {
	color: #fff;
	position: relative;
	z-index: 500;
	padding: 5px 8px;
}
.portfolio .text-category {
	display: block;
	font-size: 9px;
	font-size: 12px;
	text-transform: uppercase;
}
/* Self Clearing Goodness */

.container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix:before, .clearfix:after, .row:before, .row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.row:after, .clearfix:after {
	clear: both;
}
.row, .clearfix {
	zoom: 1;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/*----- effects-comman-css------*/

.contenthover {
	padding: 1em;
}
.contenthover h3 {
	color: #FFF;
}
.contenthover p {
	color: #FFF;
	font-size: 0.875em;
	line-height: 1.5em;
}
/*-----caption ------*/

.tour-caption {
	display: none;
	top: 0;
	width: 100%;
	position: absolute;
	background: rgba(101, 178, 229, 0.93);
	height: 100%;
	text-align: center;
}
.tour-caption span {
	background: url(../images/plus.png) no-repeat;
	width: 38px;
	height: 38px;
	display: block;
	text-align: center;
	position: absolute;
	top: 38%;
	right: 50%;
	background-size: 100%;
}
.portfolio-wrapper:hover div.tour-caption {
	display: block;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.tour-caption p {
	color: #fff;
	font-size: 1.5em;
	margin-top: 39%;
}
h6.b-animate.b-from-left.b-delay03 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #CCCCCC;
	margin: 0;
	text-align: center;
	width: 100%;
}
/*--/Animation effects---*/

/*--/top-tours--*/

/*--tour-guides--*/

.guide-caption {
	display: none;
	top: 0;
	width: 95.3%;
	position: absolute;
	background: rgba(101, 178, 229, 0.93);
	height: 86%;
	text-align: center;
}
.guide-caption span {
	background: url('../images/guide-icons2.png') no-repeat 0px 0px;
	display: inline-block;
	margin: 0 0.5em;
	width: 57%;
	height: 52px;
	/*	display: block;*/

text-align: center;
	position: absolute;
	top: 42%;
	right: 18%;
	background-size: 100%;
}
.image-grid:hover div.guide-caption {
	display: block;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.tour-guides {
	padding-top: 6%;
	margin-bottom: 10%;
}
.tour-guides-head h3 {
	color: #60B0E6;
	font-size: 1.97em;
}
.tour-guides-head span {
	background: rgba(128, 128, 128, 0.41);
	width: 5.5%;
	height: 1px;
	display: inline-block;
	vertical-align: text-bottom;
}
.tour-guides-head span:nth-child(2) {
	margin-right: 1em;
}
.tour-guides-head p {
	width: 84%;
	margin: 0 auto;
	padding-top: 2%;
	font-size: 1.17em;
	line-height: 23px;
	color: #90979D;
}
.image-grid p {
	padding-top: 1.5em;
}
.image-grid p a {
	text-decoration: none;
	color: #253039;
	font-size: 1.5em;
	font-weight: 400;
}
.image-grid p a:hover {
	color: #80C0EB;
}
/*--/tour-guides--*/

/*--client-say--*/

.client-say-head h3 {
	color: #60B0E6;
	font-size: 1.97em;
	padding-top: 3.5em;
}
.client-say {
	background: url("../images/client-bg.jpg") no-repeat 0px 0px;
	background-size: cover;
	min-height: 560px;
	width: 100%;
	position: relative;
}
.client-say-layer {
	background: rgba(8, 31, 47, 0.89);
	background-size: cover;
	min-height: 560px;
	width: 100%;
	bottom: 0;
	position: absolute;
}
.client-say-head img {
	margin: 1em 1em 0 0;
}
.client-say-head span {
	background: gray;
	width: 6%;
	height: 1px;
	display: inline-block;
	vertical-align: text-bottom;
}
.client-say-head span:nth-child(2) {
	margin-right: 1em;
}
.client-say-info p {
	color: #CDD1D2;
	font-size: 1.2em;
	width: 63%;
	margin: 0 auto;
	padding: 1em 0;
}
.client-say-info p img {
	margin: 0;
	padding: 0 2em;
}
.client-say-info h4 {
	color: #fff;
	font-size: 1.6em;
	font-weight: 400;
}
.client-say-info h6 {
	margin-top: 0.8em;
}
.client-say-info h6 span {
	background: gray;
	width: 4%;
	height: 1px;
	display: inline-block;
}
/*--/client-say--*/

/*--contact--*/

.contact-head h3 {
	color: #60B0E6;
	font-size: 1.97em;
}
.contact-head {
	padding-top: 6%;
}
.contact-head img {
	margin: 1em 1em 0 0;
}
.contact-head span {
	background: rgba(128, 128, 128, 0.24);
	width: 6%;
	height: 1px;
	display: inline-block;
	vertical-align: text-bottom;
}
.contact-head span:nth-child(2) {
	margin-right: 1em;
}
/*--contact-grids--*/

.contact-grids {
	margin: 6em 0;
}
.address h4, .address p, .address h5 {
	text-align: left;
}
.address h4 {
	font-size: 1.65em;
	color: #282A2C;
}
.address h5 span {
	background: url("../images/contact-img.png") no-repeat 0 0;
	width: 25px;
	height: 28px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 1.2em;
}
.address h5 span.img1 {
	background-position: 0px 0px;
}
.address h5 span.img2 {
	background-position: 0px -33px;
}
.address h5 span.img3 {
	background-position: 0px -68px;
}
.address h5 {
	margin: 0.5em 0;
	color: #5E686F;
}
.address h5 a {
	text-decoration: none;
}
.address h5 a:hover {
	color: #56A7DC;
}
.address p {
	margin: 1.5em 0;
	color: #80888E;
	font-size: 1.1em;
}
.contact form {
	width: 81%;
	margin: 0 auto;
}
.contact form input[type="text"], .contact textarea {
	color: #CDCDCD;
	border: 1px solid #CDCDCD;
	outline: 0;
	padding: 0.5em;
	/*width: 46.8%;*/
}
.contact form input[type="text"]:nth-child(2) {
	margin: 0 0 0 2.4em;
}
.contact textarea {
	width: 100%;
	margin-top: 2em;
	min-height: 150px;
	resize: none;
}
.col-centered {
	float: none;
	margin: 0 auto;
}
.contact form input[type="submit"] {
	background: url("../images/submit.jpg") no-repeat 0 0;
	width: 35px;
	height: 35px;
	display: block;
	padding: 0 7em 0 3em;
	float: right;
	border: none;
	outline: none;
	margin-top: 2em;
	font-size: 1.2em;
}
.map iframe {
	width: 100%;
	height: 360px;
}
.map {
	position: relative;
	background: #F3F9FD;
}
.map span {
	background: url("../images/locater.png") no-repeat 0 0;
	width: 49px;
	height: 65.5px;
	display: block;
	position: absolute;
	top: 42%;
	left: 50.5%;
	bottom: 0;
}
.jumbotron {
	background: #002a46;
	color: #FFF;
	border-radius: 0px;
}
.jumbotron-sm {
	padding-top: 24px;
	padding-bottom: 24px;
}
.jumbotron small {
	color: #FFF;
}
.h1 small {
	font-size: 24px;
}
.rsize {
	resize: none;
}
.footer-grids {
	padding-top: 1em;
}
.footer-left img {
	margin-top: 1em;
}
.footer-left p {
	color: #fff;
	margin: 1em 0;
	line-height: 22px;
	width: 80%;
}
.footer-middle h3 {
	color: #fff;
	font-size: 1.3em;
}
.footer-middle ul {
	margin-top: 1em;
	padding: 0;
}
.footer-middle ul li {
	list-style-type: none;
	margin-bottom: 2px;
	;
}
.footer-middle ul li a {
	text-decoration: none;
	color: #fff;
}
.footer-middle ul li a:hover, a:focus {
	color: #2690D6;
	text-decoration: none;
	outline: none;
}
.footer-middle ul li a span {
	background: url(../images/arow.png) no-repeat;
	width: 10px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px
}
.footer-right h3 {
	color: #fff;
	font-size: 1.3em;
	margin-left: 1em;
}
.footer-right form input[type="text"] {
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	outline: 0;
	padding: 0.7em;
	width: 90%;
	margin: 1.5em 0 0 1.5em;
}
.footer-right form input[type="submit"] {
	color: #fff;
	background: url("../images/submit2.png") no-repeat 0 0;
	width: 18px;
	height: 17px;
	display: block;
	padding: 0 3em 0 2em;
	float: right;
	border: none;
	outline: none;
	margin-top: 2em;
}
.social-icons {
	margin-top: 3.5em;
}
.social-icons a span {
	width: 44px;
	height: 39px;
	background: url('../images/social-icons.png') no-repeat 0px 0px;
	display: inline-block;
	margin: 0 0.5em;
}
.social-icons a span.facebook {
	background-position: 0px 0px;
}
.social-icons a span.twitter {
	background-position: -63px 0px;
}
.social-icons a span.googleplus {
	background-position: -127px 0px;
}
.social-icons a span.pinterest {
	background-position: -190px 0px;
}
.social-icons a span.instagram {
	background-position: -254px 0px
}
.social-icons a span:hover {
	opacity: 0.4;
}

#placement{
background:#00a7dc;
margin-top:20px;
margin-bottom:20px;
padding:20px;
	}

#placement h3{
font-size:23px;
color:#fff;
padding-top:8px;	
	}

#contact{
margin-top:30px;
margin-bottom:30px;	
	}

/*.social-icons{

float:right;

}*/

/*.copyright{

background:#F1F2F2;

min-height:48px;

}

.copyright p{

color:#001c44;

padding:1em 0;

}

.copyright a{

text-decoration:none;

}

.copyright a:hover{

color:#70B8E8;

}
*/
@media(max-width:1024px) {
.fixed div.fixed-header {
	width: 93%;
}
.header-info h1 {
	font-size: 1.5em;
}
.header-info h2 a {
	font-size: 0.8em;
}
.header-info lable {
	width: 42%;
	margin-top: 1em;
}
.callbacks .caption {
	top: 49%;
}
.about {
	padding-top: 9%;
}
.about-grids {
	margin-top: 3em;
}
.about-grids p {
	width: 85%;
	line-height: 20px;
}
.about-grids h4 span.icon1:hover {
	background-position: 1px -48px;
}
.top-tours-head {
	padding-top: 9%;
}
.top-tours-head p {
	width: 94%;
	font-size: 1.1em;
}
#filters li span.active, #filters li span {
	padding: 0.3em 1.1em;
	font-size: 1.1em;
}
.tour-caption span {
	width: 31px;
	height: 31px;
	top: 31%;
	right: 47%;
}
.tour-caption p {
	font-size: 1.2em;
	margin-top: 39%;
}
.tour-guides {
	padding-top: 9%;
}
.tour-guides-head span {
	margin-left: 1em;
}
.tour-guides-head p {
	width: 88%;
	font-size: 1.1em;
	line-height: 22px;
}
.guide-caption {
	width: 79.3%;
	height: 80%;
}
.guide-caption span {
	width: 66%;
	height: 40px;
	top: 40%;
	right: 12%;
}
.image-grid p {
	padding-top: 1em;
}
.image-grid p a {
	font-size: 1.2em;
}
.client-say, .client-say-layer {
	min-height: 435px;
}
.client-say-head h3 {
	padding-top: 1.5em;
}
.client-say-info p {
	font-size: 1.1em;
	width: 100%;
}
.contact-grids {
	margin: 4em 0;
}
.address h4 {
	font-size: 1.3em;
}
.address p {
	margin: 1em 0;
	font-size: none;
}
.contact form {
	width: 85%;
	margin: 0 0 0 15%;
}
.contact form input[type="text"] {
	width: 45.8%;
}
.contact textarea {
	width: 99%;
}
.footer-middle ul li a span {
	margin-right: 3px;
}
.social-icons a span {
	width: 39px;
}
.social-icons {
	margin-top: 2.5em;
}
}

@media(max-width:768px) {
.fixed div.fixed-header {
	width: 96%;
}
.header-top, .fixed {
	padding: 1em 0;
}
.top-nav ul li a {
	padding: 0.4em 1em;
	font-size: 1em;
}
.callbacks .caption {
	top: 46%;
}
.header-info h2 a {
	font-size: 0.7em;
}
.header-info h1 {
	font-size: 1.2em;
}
.about {
	padding-top: 11%;
}
.about-grids {
	margin-top: 1em;
	text-align: center;
}
.about-grids p {
	width: 87%;
	margin-top: 1em;
}
.grid2 h4 {
	margin-right: 1em;
}
.top-tours-head {
	padding-top: 10%;
}
.top-tours-head p {
	overflow: hidden;
	height: 37px;
}
#filters {
	margin: 2% 0;
}
#filters li span.active, #filters li span {
	padding: 0.3em 1em;
	font-size: 1em;
}
.tour-caption p {
	font-size: 1em;
	margin-top: 42%;
}
.tour-caption span {
	right: 43%;
}
.tour-guides {
	padding-top: 10%;
	margin-bottom: 0;
}
.tour-guides-head p {
	overflow: hidden;
	height: 40px;
}
.guide-caption {
	width: 81%;
	height: 88.5%;
}
.guide-caption span {
	width: 50%;
	height: 44px;
	top: 43%;
	right: 23%;
}
.image-grid {
	width: 73%;
	left: 19%;
}
.image-grid:nth-child(1), .image-grid:nth-child(2), .image-grid:nth-child(3) {
	display: none;
}
.contact form {
	width: 100%;
	margin: 3% 0 0 0%;
}
.footer-left, .footer-right {
	text-align: center;
}
/*.footer-middle{
margin-left:32%;
}
*/
/*.footer-middle h3 {

margin:8% 0 0 15%;

}
*/
.footer-left p {
	width: 66%;
	margin: 0 auto;
	padding-top: 1em;
}
.footer-right h3 {
	padding: 1em 0 0 1em;
}
.footer-right form input[type="text"] {
	width: 77%;
}
.footer-right form input[type="submit"] {
	padding: 0 8em 0 2em;
}
.social-icons {
	margin-top: 1em;
	float: none;
}
}

@media(max-width:640px) {
.top-nav ul li a {
	padding: 0.4em 0.9em;
	font-size: 0.9em;
}
.fixed div.fixed-header {
	width: 95.3%;
}
.header-info h1 a {
	font-size: 1.1em;
}
.header-info h2 a {
	font-size: 0.6em;
}
.header-info lable {
	width: 49%;
	margin-top: 0.5em;
}
.about {
	padding-top: 12%;
}
.top-tours-head {
	padding-top: 12%;
}
.tour-caption span {
	top: 25%;
}
#filters {
	margin: 2.5% 0;
}
.tour-guides {
	padding-top: 12%;
}
.client-say, .client-say-layer {
	min-height: 458px;
}
.contact-head {
	padding-top: 12%;
}
.contact-grids {
	margin: 2em 0;
}
.address {
	margin-left: 0.5em;
}
.contact form input[type="submit"] {
	margin-top: 1em;
	font-size: 1em;
}
}

@media(max-width:480px) {
.logo img {
	width: 70%;
	margin-left: 100%;
}
.header-top, .fixed {
	padding: 0.5em 0;
}
.fixed div.fixed-header {
	width: 92.5%;
}
.header-info h1 {
	font-size: 0.8em;
}
.header-info h2 a {
	padding: 0.5em 1em;
}
.callbacks .caption {
	top: 32%;
}
.about {
	padding-top: 18%;
}
.about-grids p {
	overflow: hidden;
	height: 23px;
}
.top-tours-head {
	padding-top: 18%;
}
#filters li span.active, #filters li span {
	padding: 0.3em 0.5em;
	font-size: 0.85em;
}
.tour-caption span {
	width: 20px;
	height: 21px;
	top: 22%;
}
.tour-caption p {
	font-size: 0.75em;
	margin-top: 39%;
}
.tour-guides {
	padding-top: 18%;
}
.guide-caption {
	width: 78%;
	height: 83.5%;
}
.guide-caption span {
	width: 66%;
	height: 40px;
	top: 43%;
	right: 16%;
}
.image-grid p a {
	font-size: 1em;
}
.client-say, .client-say-layer {
	min-height: 395px;
}
.client-say-head h3 {
	padding-top: 1em;
}
.client-say-info p img {
	padding: 0 1em;
}
.client-say-info p {
	font-size: 1em;
}
.client-say-info h6 span {
	width: 13%;
}
.owl-theme .owl-controls .owl-page span {
	margin-top: 2em;
}
.contact-head {
	padding-top: 18%;
}
.contact form input[type="text"] {
	width: 44.8%;
}
.footer-grids {
	padding: 2em 0;
}
.footer-middle {
	margin-left: 14%;
}
/*.footer-middle h3 {

margin: 8% 0 0 21%;

}*/

.footer-right h3 {
	padding: 1em 2em 0 0em;
}
.footer-right form input[type="text"] {
	width: 85%;
}
.footer-right form input[type="submit"] {
	margin-top: 1em;
}
.footer-right form input[type="submit"] {
	padding: 0 4em 0 2em;
}
}

@media(max-width:320px) {
.logo img {
	width: 64%;
	margin-left: 59%;
}
.fixed div.fixed-header {
	width: 90%;
}
.header-info h2 a {
	padding: 0.3em;
}
.top-nav ul li a {
	padding: 0.4em 0.1em;
	border: none;
}
.top-nav ul li.active a, .top-nav ul li a:hover {
	border: none;
}
.top-nav ul {
	float: left;
	margin: 0.3em 1.2em 0 0;
}
.top-nav ul li {
	display: block;
	margin: 0 0.3em 0 0;
}
.top-nav ul li a {
	padding: 0.4em 0em;
	font-size: 0.9em;
}
.callbacks .caption {
	top: 11%;
	left: -5%;
}
.callbacks_tabs a:after {
	height: 9px;
	width: 9px;
}
.callbacks_tabs {
	left: 35%;
}
.about-head h3 {
	font-size: 1.85em;
}
.about {
	padding-top: 26%;
}
.about-head span {
	width: 16.5%;
}
.about-grids {
	padding-left: 0;
}
.about-grids h4 {
	font-size: 1.2em;
}
.grid2 h4 {
	margin-right: 1.2em;
}
.about-grids p {
	margin-left: 1em;
	width: 92%;
	margin-top: 0.5em;
}
.top-tours-head {
	padding-top: 25%;
}
.top-tours-head h3 {
	font-size: 1.85em;
}
.top-tours-head p {
	height: 32px;
	font-size: 0.95em;
}
#filters li span.active, #filters li span {
	color: #172F41;
	padding: 0.3em 0.5em;
	border: none;
	font-size: 0.85em;
	margin: 0 0.3em;
}
#filters li span:hover {
	border: none;
	color: #172F41;
}
.tour-caption p, .tour-caption span {
	display: none;
}
.tour-caption {
	background: none;
}
.top-tours-head span {
	width: 16.5%;
}
.tour-guides {
	padding-top: 25%;
}
.tour-guides-head h3 {
	font-size: 1.85em;
}
.tour-guides-head span {
	width: 16.5%;
}
.tour-guides-head p {
	height: 32px;
	font-size: 0.9em;
}
.guide-caption, .guide-caption span {
	background: none;
	display: none;
}
.owl-theme .owl-controls .owl-page span {
	margin-top: 1em;
}
.client-say-head h3 {
	font-size: 1.85em;
}
.client-say, .client-say-layer {
	min-height: 333px;
}
.client-say-head span {
	width: 16%;
}
.client-say-info p {
	font-size: 0.85em;
	overflow: hidden;
	height: 67px;
}
.client-say-info p img {
	display: none;
}
.client-say-info h4 {
	font-size: 1.4em;
	margin-top: 0.5em;
}
.contact-head {
	padding-top: 25%;
}
.contact-head span {
	width: 16%;
}
.contact-head h3 {
	font-size: 1.85em;
}
.address {
	margin-left: 0;
}
.address h4 {
	font-size: 0.99em;
}
.address h5 a {
	font-size: 0.86em;
}
.address p {
	font-size: 0.87em;
}
.address h5 span {
	margin-right: 5px;
}
.contact, .address {
	padding: 0;
}
.contact textarea {
	margin-top: 1em;
}
.footer-left p {
	padding-top: 0.5em;
	overflow: hidden;
	height: 56px;
	width: 100%;
}
.contact form input[type="text"] {
	width: 100%;
}
.contact form input[type="text"]:nth-child(2) {
	margin: 1em 0 0 0;
}
.map {
	display: none;
}
.footer-left, .footer-middle, .footer-right {
	padding: 0;
}
.footer-middle {
	margin-left: 0;
}
.footer-middle h3 {
	margin: 8% 0 0 29%;
}
.footer-right h3 {
	margin-left: 0;
}
.footer-right form input[type="text"] {
	width: 100%;
	margin: 1em 0 0 0;
}
.social-icons a span {
	width: 38px;
}
}
/*################## extra ####################*/
.panel-footer {
    padding: 12px 15px;
}
.dropdown:hover .dropdown-menu {
	display: block;
	/*margin-top: 0;*/
}
.blue {
	color: #001c44;
}
.white {
	color: #fff;
}
.white:hover {
	color: #fff;
	text-decoration: none;
}
.padding-rt-lt-5 {
	padding-right: 5px;
	padding-left: 5px;
}
.border-design {
	border-bottom-left-radius: 2em;
	border-bottom-right-radius: 2em;
}
.r-size {
	resize: none;
}
.margin-top-0 {
	margin-top: 0px;
}
.margin-top-4 {
	margin-top: 4px;
}
.margin-top-10 {
	margin-top: 10px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-top-30 {
	margin-top: 30px;
}
.margin-top-43 {
	margin-top: 41px;
	padding-left:45px
}
.margin-top-50 {
	margin-top: 50px;
}

.margin-bottom-5 {
	margin-bottom: 5px;
}
.margin-bottom-10 {
	margin-bottom: 10px;
}
.margin-bottom-20 {
	margin-bottom: 20px;
}
.margin-top-40 {
	margin-top: 40px;
}
.margin-bottom-30 {
	margin-bottom: 30px;
}
.margin-bottom-40 {
	margin-bottom: 40px;
}
.margin-top-90 {
	margin-top: 90px;
}
.padding-top-50 {
	padding-top: 50px;
}
.join-now {
	min-height: 330px;
	background: url(../images/joinnow.jpg) 0 0 no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.multi {
	color: #B81C7D;
	margin-top: 8px;
	margin-left: 41px;
}
/*##################### testimonial ########################*/

/* carousel */
#quote-carousel {
	padding: 0 10px 30px 10px;
	margin-top: 30px;
}
/* Control buttons  */
#quote-carousel .carousel-control {
	background: none;
	color:#5cb85c;
	font-size:1.8em;
	text-shadow: none;
	margin-top:-42px;
}
/* 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;
}
.col-item {
	border: 1px solid #E1E1E1;
	border-radius: 5px;
	background: #FFF;
}
.col-item .photo img {
	margin: 0 auto;
	width: 100%;
}
.col-item .info {
	padding: 10px;
	border-radius: 0 0 5px 5px;
	margin-top: 1px;
}
.col-item:hover .info {
	background-color: #F5F5DC;
}
.col-item .price {
	margin-top:26px;
}
/*.col-item .price h5 {
	line-height: 20px;
	margin: 0;
	text-align: center;
}*/
.price-text-color {
	color: #219FD1;
}
.col-item .info .rating {
	color: #777;
}
.col-item .rating {
	/*width: 50%;*/
	float: left;
	font-size: 17px;
	text-align: right;
	line-height: 52px;
	margin-bottom: 10px;
	height: 52px;
}
.col-item .separator {
	border-top: 1px solid #E1E1E1;
}
.clear-left {
	clear: left;
}
.col-item .separator p {
	line-height: 20px;
	margin-bottom: 0;
	margin-top: 10px;
	text-align: center;
}
.col-item .separator p i {
	margin-right: 5px;
}
.col-item .btn-add {
	width: 50%;
	float: left;
}
.col-item .btn-add {
	border-right: 1px solid #E1E1E1;
}
.col-item .btn-details {
	width: 50%;
	float: left;
	padding-left: 10px;
}
.controls {
	margin-top: 2px;
}
[data-slide="prev"] {
	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;
}
}
/*##################### testimonial ########################*/

/*##################### testimonial 1 ########################*/

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

/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
#quote-carousel1 {
	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-carousel1 .carousel-indicators {
	bottom: -20px !important;
}
#quote-carousel1 .carousel-indicators li {
	display: inline-block;
	margin: 0px 5px;
	width: 15px;
	height: 15px;
}
#quote-carousel1 .carousel-indicators li.active {
	margin: 0px 5px;
	width: 20px;
	height: 20px;
}
.formarea {
	display: none;
}
}
/*##################### testimonial 1 ########################*/

/*################### Trust section #####################*/
section.trust-w {
	margin-bottom: 40px;
}
.trust-w .block-trust {
	text-align: center;
}
.trust-w .tr-icon {
	display: inline-block;
	width: 125px;
	height: 125px;
	cursor: pointer;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	vertical-align: 50%;
	background: #74a549;
	border: 8px solid transparent;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
}
.trust-w .tr-icon:hover {
	border-color: #2c5f00;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
}
.trust-w .tr-icon i {
	color: #ffffff;
	font-size: 48px;
	line-height: 115px;
}
.trust-w .tr-line {
	width: 70px;
	height: 1px;
	display: inline-block;
	background: #c2c2c2;
}
.trust-w .tr-text {
	margin-top: 24px;
}
.trust-w .tr-text h3 {
	font-size: 18px;
	font-weight: 500;
	color: #444444;
	margin-bottom: 2px;
}
.trust-w .tr-text p {
	font-size: 14px;
	color: #888888;
	line-height: 20px;
	margin-top: 7px;
	font-weight: 400;
}
.trust-w .tr-text a {
	margin-top: 15px;
}
hr.light {
	border-color: #5cb85c;
	border-width: 3px;
	max-width: 85px;
	margin-top: 10px;
}
.bg-white {
	background: #fff;
}
/* --- end of magic ;-) --- */

.pd-rt-10 {
	padding-right: 10px;
}
.pd-lt-10 {
	padding-left: 10px;
}
.border-right {
	border-right: 1px solid #02CB0C;
}

#programming-languages{	
margin-top:50px;
margin-bottom:50px;	
	}

.col-item
{
    border: 1px solid #E1E1E1;
    background: #FFF;
}
.col-item:hover
{ 
  box-shadow: 0px 2px 5px -1px #000;
  -moz-box-shadow: 0px 2px 5px -1px #000;
  -webkit-box-shadow: 0px 2px 5px -1px #000;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;   
  border-bottom:2px solid #52A1D5;        
}
.col-item .photo img
{
    margin: 0 auto;
    width: 100%;
    padding: 1px;
    border-radius: 10px 10px 0 0 ;
}

.col-item .info
{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}

/*.col-item .price
{
    width: 50%;
    float: left;
    margin-top: 5px;
}
*/
.col-item .price h5
{
    line-height: 20px;
    margin: 0;
}

.price-text-color
{
    color: #219FD1;
}

.col-item .info .rating
{
    color: #777;
}

.col-item .rating
{
    /*width: 50%;*/
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px;
}

/*.col-item .separator
{
    border-top: 1px solid #E1E1E1;
}

.clear-left
{
    clear: left;
}

.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i
{
    margin-right: 5px;
}
.col-item .btn-add
{
    width: 50%;
    float: left;
}

.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
    
}

.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 10px;
}
.controls
{
    margin-top: 20px;
}
[data-slide="prev"]
{
    margin-right: 10px;
}*/

/*
Hover the image
*/
.post-img-content
{
    height: 196px;
    position: relative;
}
.post-img-content img
{
    position: absolute;
    padding: 1px;
/*    border-radius: 10px 10px 0 0 ;*/
}

.round-tag{
    width: 70px;
    height: 70px;
    border-radius: 50% 50% 50% 0;
    border: 4px solid #FFF;
    background: #37A12B;
    position: absolute;
    bottom: 0px;
    padding: 8px 6px;
    font-size: 18px;
    color: #FFF;
    font-weight: bold;
}
/*#################### coursees end ###########################*/
#career{
margin-top:50px;
margin-bottom:50px;	
	}

/* GENERAL STYLES */
body {
    
    font-family: Verdana;
}

/* FANCY COLLAPSE PANEL STYLES */
.fancy-collapse-panel .panel-default > .panel-heading {
padding: 0;

}
.fancy-collapse-panel .panel-heading a {
padding: 12px 35px 12px 15px;
display: inline-block;
width: 100%;
background-color:#5cb85c;
color: #ffffff;
position: relative;
text-decoration: none;
}
.fancy-collapse-panel .panel-heading a:after {
font-family: "FontAwesome";
content: "\f147";
position: absolute;
right: 20px;
font-size: 20px;
font-weight: 400;
top: 50%;
line-height: 1;
margin-top: -10px;
}

.fancy-collapse-panel .panel-heading a.collapsed:after {
content: "\f196";
}

.r-size{ resize:none;}
/*##################### career end #####################*/

#trainer{
margin-bottom:20px;	
	}
#trainer p{
text-align:justify;	
	}	
	
/*##################### tainer end #####################*/

#hireus{
background:url(../images/hireus.jpg) no-repeat;
padding:84px;
	}
#hireus .contact{
background:rgba(0, 0, 0, 0.4);
padding:30px;
	}

#hireus .contact .form-control{
border: 1px solid transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
background: transparent;
border-bottom: 2px solid white;
color: #fff;
	}

#hireus .contact h3{
color:#fff;	
	}
#hireus .contact p{
font-size:11px;
color:#fff;	
	}

#hireus .contact .fa{
color:#fff;	
	}
.white{ color:#fff;}
/*##################### hireus end #####################*/

/*#################### back to top ###########################*/

.social-icons {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
	-webkit-padding-start: 0
}
.social-icons li {
	display: inline-block;
	margin: 0;
	letter-spacing: normal;
	zoom: 1;
	line-height: normal;
}
.social-icons a, .social-icons a:hover {
	text-decoration: none;
	border: 0;
	overflow: hidden
}
.social-icons.round a {
	border-radius: 50%
}
.social-icons a {
	padding: 0
}
.social-icons {
	margin-top: 6px;
}
.social-icons li {
	margin: 0 12px 4px 0
}
.social-icons li:last-child {
	margin-right: 0
}
.social-icons a, .social-icons a i {
	display: block;
	width: 30px;
	height: 30px;
}
.social-icons a {
	position: relative;
	border-width: 0;
}
.social-icons a i {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 30px;
	text-align: center;
	color: #454A49;
	font-size: 16px !important
}
.social-icons a i:hover {
	color: #fff;
}
.social-icons a {
	background: #d2d2d2;
	border-radius: 50%
}
.social-icons.active-bg a:hover.social-icon-gplus {
	background: #c04130!important;
}
.social-icons.active-bg a:hover.social-icon-linkedin {
	background: #09466b !important;
}
.social-icons.active-bg a:hover.social-icon-twitter {
	background: #056ebf!important;
}
.social-icons.active-bg a:hover.social-icon-facebook {
	background: #233a74 !important;
}

.social-icons.active-bg a:hover.social-icon-youtube {
	background: #dc2825 !important;
}
#backtotop {
	z-index: 999;
	display: inline-block;
	position: fixed;
	visibility: hidden;
	bottom: 50px;
	right: 20px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 5px;
	font-size: 16px;
	text-align: center;
	opacity: .2;
}
#backtotop i {
	display: block;
	width: 100%;
	height: 100%;
	line-height: inherit;
}
#backtotop.visible {
	visibility: visible;
	opacity: 1;
}
#backtotop:hover {
	opacity: 1;
}
#backtotop {
	color: #fff;
	background-color: #5cb85c;
	text-decoration: none;
}

/*****************************/

.benefit {
  list-style: none;
  padding: 0;
  position: relative;
}
.benefit:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: "";
  width: 2px;
  background-color: #f1f1f1;
  left: 40px;
  margin-left: -1.5px;
}
.benefit > li {
  margin-bottom: 50px;
  position: relative;
  min-height: 50px;
}
.benefit > li:before,
.benefit > li:after {
  content: " ";
  display: table;
}
.benefit > li:after {
  clear: both;
}
.benefit > li .benefit-panel {
  width: 100%;
  float: right;
  padding: 0 20px 0 100px;
  position: relative;
  text-align: right;
}
.benefit > li .benefit-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.benefit > li .benefit-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.benefit > li .benefit-image {
  left: 0;
  margin-left: 0;
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: 100;
  background-color: #fed136;
  color: white;
  border-radius: 100%;
  border: 7px solid #f1f1f1;
  text-align: center;
}
.benefit > li .benefit-image h4 {
  font-size: 10px;
  margin-top: 12px;
  line-height: 14px;
}
.benefit > li.benefit-inverted > .benefit-panel {
  float: right;
  text-align: left;
  padding: 0 20px 0 100px;
}
.benefit > li.benefit-inverted > .benefit-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.benefit > li.benefit-inverted > .benefit-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.benefit > li:last-child {
  margin-bottom: 0;
}
.benefit .benefit-heading h4 {
  margin-top: 0;
  color: inherit;
}
.benefit .benefit-heading h4.subheading {
  text-transform: none;
}
.benefit .benefit-body > p,
.benefit .benefit-body > ul {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .benefit:before {
    left: 50%;
  }
  .benefit > li {
   /* margin-bottom: 100px;*/
    min-height: 100px;
  }
  .benefit > li .benefit-panel {
    width: 41%;
    float: left;
    padding: 0 20px 20px 30px;
    text-align: left;
  }
  .benefit > li .benefit-image {
    width: 100px;
    height: 100px;
    left: 50%;
    margin-left: -50px;
  }
  .benefit > li .benefit-image h4 {
    font-size: 13px;
    margin-top: 16px;
    line-height: 18px;
  }
  .benefit > li.benefit-inverted > .benefit-panel {
    float: right;
    text-align: left;
    padding: 0 30px 20px 20px;
  }
}
@media (min-width: 992px) {
  .benefit > li {
    min-height: 150px;
  }
  .benefit > li .benefit-panel {
    padding: 0 20px 20px;
  }
  .benefit > li .benefit-image {
    width: 150px;
    height: 150px;
    margin-left: -75px;
  }
  .benefit > li .benefit-image h4 {
    font-size: 18px;
    margin-top: 30px;
    line-height: 26px;
  }
  .benefit > li.benefit-inverted > .benefit-panel {
    padding: 0 20px 20px;
  }
}
@media (min-width: 1200px) {
  .benefit > li {
    min-height: 170px;
  }
  .benefit > li .benefit-panel {
    padding: 0 20px 20px 100px;
  }
  .benefit > li .benefit-image {
    width: 170px;
    height: 170px;
    margin-left: -85px;
  }
  .benefit > li .benefit-image h4 {
    margin-top: 40px;
  }
  .benefit > li.benefit-inverted > .benefit-panel {
    padding: 0 100px 20px 20px;
  }
}

${this.title}

Code Editor : style1.css