html {
	box-sizing: border-box;
}
.cf:before, .cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.cf:after {
	clear: both;
}
.cf {
 *zoom: 1;
}
.sidebar {
	position: -webkit-sticky;
	position: sticky;
	top: 170px;
}
.bg8 {
	background: #f0f0f0;
}
.out-team {
	background: #fff;
	padding: 15px 0px;
	box-shadow: 0px 0px 8px #d5d5d5;
	display: inline-block;
	margin-bottom: 30px;
}
.out-team img {
	max-width: 100%;
	float: left;
	border: #ececec solid 5px;
}
.out-team h2 {
	margin-top: 0px;
	font-weight: 200;
	font-size: 19px;
	font-family: calibri;
	
	display: block;
	margin-bottom: 0px;
}
.out-team h2 span {
	display: block;
	font-size: 32px;
	color: #ffa64d;
	font-weight: 600;
}
p.seo-service { font-style:italic; font-size:15px; margin-bottom:5px; margin-top:15px; }
.pad-left0 {
	padding-left: 0px;
}
.caption-style-2 {
	float: left;
	position: relative;
	overflow: hidden;
}
.caption-style-2:hover .caption {
	opacity: 1;
	transform: translateY(-100px);
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
}
.caption-style-2 .caption {
	cursor: pointer;
	position: absolute;
	opacity: 0;
	top: 300px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.caption-style-2 .blur {
	background-color: rgba(0,0,0,0.7);
	height: 60px;
	width: 255px;
	z-index: 5;
	position: absolute;
}
.caption-style-2 .caption-text h1 {
	text-transform: uppercase;
	font-size: 18px;
}
.caption-style-2 .caption-text {
	z-index: 10;
	color: #fff;
	position: absolute;
	height: 60px;
	width: 255px;
	text-align: center;
	top: 12px;
}
.btn-social {
	position: relative;
	padding-left: 44px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.btn-social :first-child {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 32px;
	line-height: 34px;
	font-size: 1.6em;
	text-align: center;
	border-right: 1px solid rgba(0,0,0,0.2)
}
.btn-social.btn-lg {
	padding-left: 61px
}
.btn-social.btn-lg :first-child {
	line-height: 45px;
	width: 45px;
	font-size: 1.8em
}
.btn-social.btn-sm {
	padding-left: 38px
}
.btn-social.btn-sm :first-child {
	line-height: 28px;
	width: 28px;
	font-size: 1.4em
}
.btn-social.btn-xs {
	padding-left: 30px
}
.btn-social.btn-xs :first-child {
	line-height: 20px;
	width: 20px;
	font-size: 1.2em
}
.btn-social-icon {
	position: relative;
	padding-left: 44px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 34px;
	width: 34px;
	padding: 0
}
.btn-social-icon :first-child {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 32px;
	line-height: 34px;
	font-size: 1.6em;
	text-align: center;
	border-right: 1px solid rgba(0,0,0,0.2)
}
.btn-social-icon.btn-lg {
	padding-left: 61px
}
.btn-social-icon.btn-lg :first-child {
	line-height: 45px;
	width: 45px;
	font-size: 1.8em
}
.btn-social-icon.btn-sm {
	padding-left: 38px
}
.btn-social-icon.btn-sm :first-child {
	line-height: 28px;
	width: 28px;
	font-size: 1.4em
}
.btn-social-icon.btn-xs {
	padding-left: 30px
}
.btn-social-icon.btn-xs :first-child {
	line-height: 20px;
	width: 20px;
	font-size: 1.2em
}
.btn-social-icon :first-child {
	border: none;
	text-align: center;
	width: 100% !important
}
.btn-social-icon.btn-lg {
	height: 45px;
	width: 45px;
	padding-left: 0;
	padding-right: 0
}
.btn-social-icon.btn-sm {
	height: 30px;
	width: 30px;
	padding-left: 0;
	padding-right: 0
}
.btn-social-icon.btn-xs {
	height: 22px;
	width: 22px;
	padding-left: 0;
	padding-right: 0
}
.btn-bitbucket {
	color: #fff;
	background-color: #205081;
	border-color: rgba(0,0,0,0.2)
}
.btn-bitbucket:hover, .btn-bitbucket:focus, .btn-bitbucket:active, .btn-bitbucket.active, .open .dropdown-toggle.btn-bitbucket {
	color: #fff;
	background-color: #183c60;
	border-color: rgba(0,0,0,0.2)
}
.btn-bitbucket:active, .btn-bitbucket.active, .open .dropdown-toggle.btn-bitbucket {
	background-image: none
}
.btn-bitbucket.disabled, .btn-bitbucket[disabled], fieldset[disabled] .btn-bitbucket, .btn-bitbucket.disabled:hover, .btn-bitbucket[disabled]:hover, fieldset[disabled] .btn-bitbucket:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket[disabled]:focus, fieldset[disabled] .btn-bitbucket:focus, .btn-bitbucket.disabled:active, .btn-bitbucket[disabled]:active, fieldset[disabled] .btn-bitbucket:active, .btn-bitbucket.disabled.active, .btn-bitbucket[disabled].active, fieldset[disabled] .btn-bitbucket.active {
	background-color: #205081;
	border-color: rgba(0,0,0,0.2)
}
.btn-dropbox {
	color: #fff;
	background-color: #1087dd;
	border-color: rgba(0,0,0,0.2)
}
.btn-dropbox:hover, .btn-dropbox:focus, .btn-dropbox:active, .btn-dropbox.active, .open .dropdown-toggle.btn-dropbox {
	color: #fff;
	background-color: #0d70b7;
	border-color: rgba(0,0,0,0.2)
}
.btn-dropbox:active, .btn-dropbox.active, .open .dropdown-toggle.btn-dropbox {
	background-image: none
}
.btn-dropbox.disabled, .btn-dropbox[disabled], fieldset[disabled] .btn-dropbox, .btn-dropbox.disabled:hover, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox:hover, .btn-dropbox.disabled:focus, .btn-dropbox[disabled]:focus, fieldset[disabled] .btn-dropbox:focus, .btn-dropbox.disabled:active, .btn-dropbox[disabled]:active, fieldset[disabled] .btn-dropbox:active, .btn-dropbox.disabled.active, .btn-dropbox[disabled].active, fieldset[disabled] .btn-dropbox.active {
	background-color: #1087dd;
	border-color: rgba(0,0,0,0.2)
}
.btn-facebook {
	color: #fff;
	background-color: #3b5998;
	border-color: rgba(0,0,0,0.2)
}
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook {
	color: #fff;
	background-color: #30487b;
	border-color: rgba(0,0,0,0.2)
}
.btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook {
	background-image: none
}
.btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active {
	background-color: #3b5998;
	border-color: rgba(0,0,0,0.2)
}
.btn-flickr {
	color: #fff;
	background-color: #ff0084;
	border-color: rgba(0,0,0,0.2)
}
.btn-flickr:hover, .btn-flickr:focus, .btn-flickr:active, .btn-flickr.active, .open .dropdown-toggle.btn-flickr {
	color: #fff;
	background-color: #d6006f;
	border-color: rgba(0,0,0,0.2)
}
.btn-flickr:active, .btn-flickr.active, .open .dropdown-toggle.btn-flickr {
	background-image: none
}
.btn-flickr.disabled, .btn-flickr[disabled], fieldset[disabled] .btn-flickr, .btn-flickr.disabled:hover, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr:hover, .btn-flickr.disabled:focus, .btn-flickr[disabled]:focus, fieldset[disabled] .btn-flickr:focus, .btn-flickr.disabled:active, .btn-flickr[disabled]:active, fieldset[disabled] .btn-flickr:active, .btn-flickr.disabled.active, .btn-flickr[disabled].active, fieldset[disabled] .btn-flickr.active {
	background-color: #ff0084;
	border-color: rgba(0,0,0,0.2)
}
.btn-foursquare {
	color: #fff;
	background-color: #0072b1;
	border-color: rgba(0,0,0,0.2)
}
.btn-foursquare:hover, .btn-foursquare:focus, .btn-foursquare:active, .btn-foursquare.active, .open .dropdown-toggle.btn-foursquare {
	color: #fff;
	background-color: #005888;
	border-color: rgba(0,0,0,0.2)
}
.btn-foursquare:active, .btn-foursquare.active, .open .dropdown-toggle.btn-foursquare {
	background-image: none
}
.btn-foursquare.disabled, .btn-foursquare[disabled], fieldset[disabled] .btn-foursquare, .btn-foursquare.disabled:hover, .btn-foursquare[disabled]:hover, fieldset[disabled] .btn-foursquare:hover, .btn-foursquare.disabled:focus, .btn-foursquare[disabled]:focus, fieldset[disabled] .btn-foursquare:focus, .btn-foursquare.disabled:active, .btn-foursquare[disabled]:active, fieldset[disabled] .btn-foursquare:active, .btn-foursquare.disabled.active, .btn-foursquare[disabled].active, fieldset[disabled] .btn-foursquare.active {
	background-color: #0072b1;
	border-color: rgba(0,0,0,0.2)
}
.btn-github {
	color: #fff;
	background-color: #444;
	border-color: rgba(0,0,0,0.2)
}
.btn-github:hover, .btn-github:focus, .btn-github:active, .btn-github.active, .open .dropdown-toggle.btn-github {
	color: #fff;
	background-color: #303030;
	border-color: rgba(0,0,0,0.2)
}
.btn-github:active, .btn-github.active, .open .dropdown-toggle.btn-github {
	background-image: none
}
.btn-github.disabled, .btn-github[disabled], fieldset[disabled] .btn-github, .btn-github.disabled:hover, .btn-github[disabled]:hover, fieldset[disabled] .btn-github:hover, .btn-github.disabled:focus, .btn-github[disabled]:focus, fieldset[disabled] .btn-github:focus, .btn-github.disabled:active, .btn-github[disabled]:active, fieldset[disabled] .btn-github:active, .btn-github.disabled.active, .btn-github[disabled].active, fieldset[disabled] .btn-github.active {
	background-color: #444;
	border-color: rgba(0,0,0,0.2)
}
.btn-google-plus {
	color: #fff;
	background-color: #dd4b39;
	border-color: rgba(0,0,0,0.2)
}
.btn-google-plus:hover, .btn-google-plus:focus, .btn-google-plus:active, .btn-google-plus.active, .open .dropdown-toggle.btn-google-plus {
	color: #fff;
	background-color: #ca3523;
	border-color: rgba(0,0,0,0.2)
}
.btn-google-plus:active, .btn-google-plus.active, .open .dropdown-toggle.btn-google-plus {
	background-image: none
}
.btn-google-plus.disabled, .btn-google-plus[disabled], fieldset[disabled] .btn-google-plus, .btn-google-plus.disabled:hover, .btn-google-plus[disabled]:hover, fieldset[disabled] .btn-google-plus:hover, .btn-google-plus.disabled:focus, .btn-google-plus[disabled]:focus, fieldset[disabled] .btn-google-plus:focus, .btn-google-plus.disabled:active, .btn-google-plus[disabled]:active, fieldset[disabled] .btn-google-plus:active, .btn-google-plus.disabled.active, .btn-google-plus[disabled].active, fieldset[disabled] .btn-google-plus.active {
	background-color: #dd4b39;
	border-color: rgba(0,0,0,0.2)
}
.btn-instagram {
	color: #fff;
	background-color: #3f729b;
	border-color: rgba(0,0,0,0.2)
}
.btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active, .btn-instagram.active, .open .dropdown-toggle.btn-instagram {
	color: #fff;
	background-color: #335d7e;
	border-color: rgba(0,0,0,0.2)
}
.btn-instagram:active, .btn-instagram.active, .open .dropdown-toggle.btn-instagram {
	background-image: none
}
.btn-instagram.disabled, .btn-instagram[disabled], fieldset[disabled] .btn-instagram, .btn-instagram.disabled:hover, .btn-instagram[disabled]:hover, fieldset[disabled] .btn-instagram:hover, .btn-instagram.disabled:focus, .btn-instagram[disabled]:focus, fieldset[disabled] .btn-instagram:focus, .btn-instagram.disabled:active, .btn-instagram[disabled]:active, fieldset[disabled] .btn-instagram:active, .btn-instagram.disabled.active, .btn-instagram[disabled].active, fieldset[disabled] .btn-instagram.active {
	background-color: #3f729b;
	border-color: rgba(0,0,0,0.2)
}
.btn-linkedin {
	color: #fff;
	background-color: #007bb6;
	border-color: rgba(0,0,0,0.2)
}
.btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .open .dropdown-toggle.btn-linkedin {
	color: #fff;
	background-color: #005f8d;
	border-color: rgba(0,0,0,0.2)
}
.btn-linkedin:active, .btn-linkedin.active, .open .dropdown-toggle.btn-linkedin {
	background-image: none
}
.btn-linkedin.disabled, .btn-linkedin[disabled], fieldset[disabled] .btn-linkedin, .btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled:active, .btn-linkedin[disabled]:active, fieldset[disabled] .btn-linkedin:active, .btn-linkedin.disabled.active, .btn-linkedin[disabled].active, fieldset[disabled] .btn-linkedin.active {
	background-color: #007bb6;
	border-color: rgba(0,0,0,0.2)
}
.btn-tumblr {
	color: #fff;
	background-color: #2c4762;
	border-color: rgba(0,0,0,0.2)
}
.btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active, .btn-tumblr.active, .open .dropdown-toggle.btn-tumblr {
	color: #fff;
	background-color: #1f3346;
	border-color: rgba(0,0,0,0.2)
}
.btn-tumblr:active, .btn-tumblr.active, .open .dropdown-toggle.btn-tumblr {
	background-image: none
}
.btn-tumblr.disabled, .btn-tumblr[disabled], fieldset[disabled] .btn-tumblr, .btn-tumblr.disabled:hover, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr:hover, .btn-tumblr.disabled:focus, .btn-tumblr[disabled]:focus, fieldset[disabled] .btn-tumblr:focus, .btn-tumblr.disabled:active, .btn-tumblr[disabled]:active, fieldset[disabled] .btn-tumblr:active, .btn-tumblr.disabled.active, .btn-tumblr[disabled].active, fieldset[disabled] .btn-tumblr.active {
	background-color: #2c4762;
	border-color: rgba(0,0,0,0.2)
}
.btn-twitter {
	color: #fff;
	background-color: #55acee;
	border-color: rgba(0,0,0,0.2)
}
.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter {
	color: #fff;
	background-color: #309aea;
	border-color: rgba(0,0,0,0.2)
}
.btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter {
	background-image: none
}
.btn-twitter.disabled, .btn-twitter[disabled], fieldset[disabled] .btn-twitter, .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled:active, .btn-twitter[disabled]:active, fieldset[disabled] .btn-twitter:active, .btn-twitter.disabled.active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter.active {
	background-color: #55acee;
	border-color: rgba(0,0,0,0.2)
}
.btn-vk {
	color: #fff;
	background-color: #587ea3;
	border-color: rgba(0,0,0,0.2)
}
.btn-vk:hover, .btn-vk:focus, .btn-vk:active, .btn-vk.active, .open .dropdown-toggle.btn-vk {
	color: #fff;
	background-color: #4a6a89;
	border-color: rgba(0,0,0,0.2)
}
.btn-vk:active, .btn-vk.active, .open .dropdown-toggle.btn-vk {
	background-image: none
}
.btn-vk.disabled, .btn-vk[disabled], fieldset[disabled] .btn-vk, .btn-vk.disabled:hover, .btn-vk[disabled]:hover, fieldset[disabled] .btn-vk:hover, .btn-vk.disabled:focus, .btn-vk[disabled]:focus, fieldset[disabled] .btn-vk:focus, .btn-vk.disabled:active, .btn-vk[disabled]:active, fieldset[disabled] .btn-vk:active, .btn-vk.disabled.active, .btn-vk[disabled].active, fieldset[disabled] .btn-vk.active {
	background-color: #587ea3;
	border-color: rgba(0,0,0,0.2)
}
.dropdown {
	float: left;
}
.dropdown .dropbtn {
	font-size: 16px;
	border: none;
	outline: none;
	color: white;
	padding: 26px 17px 28px 17px;
	background-color: inherit;
	font: inherit;
	margin: 0;
}
.affix .navbar-default .navbar-nav > li > a, .affix .navbar-default .navbar-nav > .dropdown .dropbtn {
	padding: 41px 17px 33px 17px;
	line-height: 22px;
}
.affix .navbar{background-color: #f9f9f9; border-radius:0px;}
/*.navbar a:hover, .dropdown:hover .dropbtn {
    background-color: red;
}
*/
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	width: 100%;
	left: 0;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
.dropdown-content .header {
	background: red;
	padding: 16px;
	color: white;
}
.dropdown:hover .dropdown-content {
	display: block;
}
/* Create three equal columns that floats next to each other */
.column {
	float: left;
	width: 33.333333%;
	padding: 15px;
	background-color: #fff;
}
.column a {
	float: none;
	color: black;
	padding: 8px;
	text-decoration: none;
	display: block;
	text-align: left;
}
.column a:hover {
	background-color: #f2f2f2;
}
/* Clear floats after the columns */
.mega:after {
	content: "";
	display: table;
	clear: both;
}
.dropdown-content .header {
	background: #f9ba48;
	padding: 5px 10px;
	color: white;
	position: absolute;
	display: block
}
.dropdown-content h3 {
	font-size: 18px;
}
.mega-menu {
	position: initial !important;
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.column {
	width: 100%;
	height: auto;
}
}
.dropdown .dropbtn i {
	position: relative;
	margin-left: 5px;
}
/*.dropdown  .dropbtn:hover i{  transform: rotate(90deg);margin-left: 5px;}*/


.section {
	padding: 20px;
	padding-bottom: 0px;
	
}
.mice-border {
	text-align: center;
	border-right: 1px dashed #e1e1e1;
	border-left: 1px dashed #e1e1e1;
	margin-bottom: 60px;
}
.one.mar-bottom60 .mice-border:nth-child(-n+5){
	border-right: none !important;
}

.mice-border:nth-child(1), .mice-border:nth-child(2), .mice-border:nth-child(3) {
	border-right: none !important;
	border-left: 1px dashed #e1e1e1;
}

.two.mar-bottom60 .mice-border:nth-child(1), .two.mar-bottom60 .mice-border:nth-child(2), .two.mar-bottom60 .mice-border:nth-child(3) {
	border-right: none !important;
	border-left: 1px dashed #e1e1e1;
}
.mice.m {
	height: 220px;
	line-height: 56px;
	margin-bottom: 30px;
	padding: 35px;
	position: relative;
	text-align: center;
	width: 220px;
	margin: 0 auto;
	z-index: 1;
	
}
.mice.m::before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 700ms ease 0s;
	width: 100%;
	z-index: -1;
	background-color:#b8de6f;
	border-radius: 50% 0 50% 50%;
}
.mice.m:hover::before {
 transform: rotate(135deg) !important;
}

.mice.i {
	height: 220px;
	line-height: 56px;
	margin-bottom: 30px;
	padding: 35px;
	position: relative;
	text-align: center;
	width: 220px;
	margin: 0 auto;
	z-index: 9;
	
}
.mice.i::before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 700ms ease 0s;
	width: 100%;
	z-index: -9;
	background-color:#f9ba48;
	border-radius: 50% 0 50% 50%;
}
.mice.i:hover::before {
 transform: rotate(135deg) !important;
}


.mice.c {
	height: 220px;
	line-height: 56px;
	margin-bottom: 30px;
	padding: 35px;
	position: relative;
	text-align: center;
	width: 220px;
	margin: 0 auto;
	z-index: 9;
	
}
.mice.c::before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 700ms ease 0s;
	width: 100%;
	z-index: -9;
	background-color:#3ec6c6;
	border-radius: 50% 0 50% 50%;
}
.mice.c:hover::before {
 transform: rotate(135deg) !important;
}


.mice.e {
	height: 220px;
	line-height: 56px;
	margin-bottom: 30px;
	padding: 35px;
	position: relative;
	text-align: center;
	width: 220px;
	margin: 0 auto;
	z-index: 9;
	
}
.mice.e::before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 700ms ease 0s;
	width: 100%;
	z-index: -9;
	background-color:#f50c64;
	border-radius: 50% 0 50% 50%;
}
.mice.e:hover::before {
 transform: rotate(135deg) !important;
}


.mice-text h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80px;
	color: #FFFFFF;
	font-weight: 600;
	max-width: 45%;
	left: 50%;
	transform: translate(60%, 10%);
}
.mice-text h4 {
	color: #fff;
	margin-top:-10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 18px;
}


/*.icon-box {
	height: 220px;
	line-height: 56px;
	margin-bottom: 30px;
	padding: 35px;
	position: relative;
	text-align: center;
	width: 220px;
	margin: 0 auto;
	z-index: 9;
}
.icon-box::before {
	border-radius: 50% 0 50% 50%;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 700ms ease 0s;
	width: 100%;
	z-index: -9;
	background-color: #ff1e58;
}
.icon-box:hover::before {
	transform: rotate(135deg);
}*/


/*.icon-box:nth-child(1)::before{content: "";height: 100%;width: 100%;top: 0;left: 0;background-color:#b8de6f; z-index: -9;position: absolute;border-radius: 50% 0 50% 50%;transition: all 700ms ease 0s;}
.icon-box:nth-child(2)::before{content: "";height: 100%;width: 100%;top: 0;left: 0;background-color:#f9ba48; z-index: -9;position: absolute;border-radius: 50% 0 50% 50%;transition: all 700ms ease 0s;}
.icon-box:nth-child(3)::before{content: "";height: 100%;width: 100%;top: 0;left: 0;background-color:#3ec6c6; z-index: -9;position: absolute;border-radius: 50% 0 50% 50%;transition: all 700ms ease 0s;}
.icon-box:nth-child(4)::before{content: "";height: 100%;width: 100%;top: 0;left: 0;background-color:#f50c64; z-index: -9;position: absolute;border-radius: 50% 0 50% 50%;transition: all 700ms ease 0s;}*/

a.text-view-more{color: #ffaf1e;}
a.text-view-more:hover{color: #26476c;}
.mar-bottom60{ margin-bottom:60px;}



/*    Experience in Handling  */


.mice.c1 {
	height: 220px;
	line-height: 56px;
	margin-bottom: 30px;
	padding: 35px;
	position: relative;
	text-align: center;
	width: 220px;
	margin: 0 auto;
	z-index: 9;
	
}
.mice.c1::before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 700ms ease 0s;
	width: 100%;
	z-index: -9;
	background-color:#b8de6f;
	border-radius: 50% 0 50% 50%;
}
.mice.c1:hover::before {
 transform: rotate(135deg) !important;
}



.mice.b {
	height: 220px;
	line-height: 56px;
	margin-bottom: 30px;
	padding: 35px;
	position: relative;
	text-align: center;
	width: 220px;
	margin: 0 auto;
	z-index: 9;
	
}
.mice.b::before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 700ms ease 0s;
	width: 100%;
	z-index: -9;
	background-color:#477d95;
	border-radius: 50% 0 50% 50%;
}
.mice.b:hover::before {
 transform: rotate(135deg) !important;
}



.mice.c2 {
	height: 220px;
	line-height: 56px;
	margin-bottom: 30px;
	padding: 35px;
	position: relative;
	text-align: center;
	width: 220px;
	margin: 0 auto;
	z-index: 9;
	
}
.mice.c2::before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 700ms ease 0s;
	width: 100%;
	z-index: -9;
	background-color:#30b1c5;
	border-radius: 50% 0 50% 50%;
}
.mice.c2:hover::before {
 transform: rotate(135deg) !important;
}


.mice.l {
	height: 220px;
	line-height: 56px;
	margin-bottom: 30px;
	padding: 35px;
	position: relative;
	text-align: center;
	width: 220px;
	margin: 0 auto;
	z-index: 9;
	
}
.mice.l::before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 700ms ease 0s;
	width: 100%;
	z-index: -9;
	background-color:#9553a2;
	border-radius: 50% 0 50% 50%;
}
.mice.l:hover::before {
 transform: rotate(135deg) !important;
}


.mice.a {
	height: 220px;
	line-height: 56px;
	margin-bottom: 30px;
	padding: 35px;
	position: relative;
	text-align: center;
	width: 220px;
	margin: 0 auto;
	z-index: 9;
	
}
.mice.a::before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 700ms ease 0s;
	width: 100%;
	z-index: -9;
	background-color:#fcb92d;
	border-radius: 50% 0 50% 50%;
}
.mice.a:hover::before {
 transform: rotate(135deg) !important;
}


.mice.o {
	height: 220px;
	line-height: 56px;
	margin-bottom: 30px;
	padding: 35px;
	position: relative;
	text-align: center;
	width: 220px;
	margin: 0 auto;
	z-index: 9;
	
}
.mice.o::before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 700ms ease 0s;
	width: 100%;
	z-index: -9;
	background-color:#d25f88;
	border-radius: 50% 0 50% 50%;
}
.mice.o:hover::before {
 transform: rotate(135deg) !important;
}



.mice.c3 {
	height: 220px;
	line-height: 56px;
	margin-bottom: 30px;
	padding: 35px;
	position: relative;
	text-align: center;
	width: 220px;
	margin: 0 auto;
	z-index: 9;
	
}
.mice.c3::before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 700ms ease 0s;
	width: 100%;
	z-index: -9;
	background-color:#42bdba;
	border-radius: 50% 0 50% 50%;
}
.mice.c3:hover::before {
 transform: rotate(135deg) !important;
}




.mice.s {
	height: 220px;
	line-height: 56px;
	margin-bottom: 30px;
	padding: 35px;
	position: relative;
	text-align: center;
	width: 220px;
	margin: 0 auto;
	z-index: 9;
	
}
.mice.s::before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 700ms ease 0s;
	width: 100%;
	z-index: -9;
	background-color:#f50c64;
	border-radius: 50% 0 50% 50%;
}
.mice.s:hover::before {
 transform: rotate(135deg) !important;
}


/*    Experience in Handling End  */


.mice-text-sec{
background: #f8f8f8;
padding: 30px 20px;
border: 5px solid #f0f0f0;
margin-bottom: 10px;
}

.mice-text-sec .section-heading{
padding-bottom:0px;
}
img.mice-services{
	margin-right: 20px;
	float:left;
	border: 5px solid #f0f0f0;
}
.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
		}
.mar-bottom30{ margin-bottom:30px;}
.mar-top30{ margin-top:30px;}
		
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image:url(images/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(images/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
.col-condensed {
  margin-left: -30px;
  margin-right: -30px;
 }
.light-box-one .fancybox img{border: 5px solid #f0f0f0;}


.section-heading h1.title{
	margin-bottom: 0px;
}

.swing--in-top .direction-reveal__anim--in {
  -webkit-animation-name: swing--in-top;
          animation-name: swing--in-top;
}

.swing--in-top .direction-reveal__anim--out {
  -webkit-animation-name: swing--out-bottom;
          animation-name: swing--out-bottom;
}

.swing--in-bottom .direction-reveal__anim--in {
  -webkit-animation-name: swing--in-bottom;
          animation-name: swing--in-bottom;
}

.swing--in-bottom .direction-reveal__anim--out {
  -webkit-animation-name: swing--out-top;
          animation-name: swing--out-top;
}

.swing--in-left .direction-reveal__anim--in {
  -webkit-animation-name: swing--in-left;
          animation-name: swing--in-left;
}

.swing--in-left .direction-reveal__anim--out {
  -webkit-animation-name: swing--out-right;
          animation-name: swing--out-right;
}

.swing--in-right .direction-reveal__anim--in {
  -webkit-animation-name: swing--in-right;
          animation-name: swing--in-right;
}

.swing--in-right .direction-reveal__anim--out {
  -webkit-animation-name: swing--out-left;
          animation-name: swing--out-left;
}

.swing--out-top .direction-reveal__anim--in {
  -webkit-animation-name: swing--out-top;
          animation-name: swing--out-top;
}

.swing--out-top .direction-reveal__anim--out {
  -webkit-animation-name: swing--in-bottom;
          animation-name: swing--in-bottom;
}

.swing--out-bottom .direction-reveal__anim--in {
  -webkit-animation-name: swing--out-bottom;
          animation-name: swing--out-bottom;
}

.swing--out-bottom .direction-reveal__anim--out {
  -webkit-animation-name: swing--in-top;
          animation-name: swing--in-top;
}

.swing--out-left .direction-reveal__anim--in {
  -webkit-animation-name: swing--out-left;
          animation-name: swing--out-left;
}

.swing--out-left .direction-reveal__anim--out {
  -webkit-animation-name: swing--in-right;
          animation-name: swing--in-right;
}

.swing--out-right .direction-reveal__anim--in {
  -webkit-animation-name: swing--out-right;
          animation-name: swing--out-right;
}

.swing--out-right .direction-reveal__anim--out {
  -webkit-animation-name: swing--in-left;
          animation-name: swing--in-left;
}

.direction-reveal [class*='swing--'] {
  -webkit-perspective: 400px;
          perspective: 400px;
}

.direction-reveal [class*='swing--'] .direction-reveal__anim--in, .direction-reveal [class*='swing--'] .direction-reveal__anim--out {
  -webkit-transform: rotate3d(0, 0, 0, 0);
          transform: rotate3d(0, 0, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.swing--in-top, .swing--out-top {
  -webkit-perspective-origin: center top;
          perspective-origin: center top;
}

.swing--in-top .direction-reveal__anim--in, .swing--in-top .direction-reveal__anim--out, .swing--out-top .direction-reveal__anim--in, .swing--out-top .direction-reveal__anim--out {
  -webkit-transform-origin: center top;
          transform-origin: center top;
}

.swing--in-bottom, .swing--out-bottom {
  -webkit-perspective-origin: center bottom;
          perspective-origin: center bottom;
}

.swing--in-bottom .direction-reveal__anim--in, .swing--in-bottom .direction-reveal__anim--out, .swing--out-bottom .direction-reveal__anim--in, .swing--out-bottom .direction-reveal__anim--out {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}

.swing--in-left, .swing--out-left {
  -webkit-perspective-origin: left center;
          perspective-origin: left center;
}

.swing--in-left .direction-reveal__anim--in, .swing--in-left .direction-reveal__anim--out, .swing--out-left .direction-reveal__anim--in, .swing--out-left .direction-reveal__anim--out {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

.swing--in-right, .swing--out-right {
  -webkit-perspective-origin: right center;
          perspective-origin: right center;
}

.swing--in-right .direction-reveal__anim--in, .swing--in-right .direction-reveal__anim--out, .swing--out-right .direction-reveal__anim--in, .swing--out-right .direction-reveal__anim--out {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}

@-webkit-keyframes swing--in-top {
  0% {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg);
            transform: rotate3d(-1, 0, 0, 90deg);
  }
}

@keyframes swing--in-top {
  0% {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg);
            transform: rotate3d(-1, 0, 0, 90deg);
  }
}

@-webkit-keyframes swing--out-top {
  100% {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg);
            transform: rotate3d(-1, 0, 0, 90deg);
  }
}

@keyframes swing--out-top {
  100% {
    -webkit-transform: rotate3d(-1, 0, 0, 90deg);
            transform: rotate3d(-1, 0, 0, 90deg);
  }
}

@-webkit-keyframes swing--in-bottom {
  0% {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
            transform: rotate3d(1, 0, 0, 90deg);
  }
}

@keyframes swing--in-bottom {
  0% {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
            transform: rotate3d(1, 0, 0, 90deg);
  }
}

@-webkit-keyframes swing--out-bottom {
  100% {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
            transform: rotate3d(1, 0, 0, 90deg);
  }
}

@keyframes swing--out-bottom {
  100% {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
            transform: rotate3d(1, 0, 0, 90deg);
  }
}

@-webkit-keyframes swing--in-left {
  0% {
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
            transform: rotate3d(0, 1, 0, 90deg);
  }
}

@keyframes swing--in-left {
  0% {
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
            transform: rotate3d(0, 1, 0, 90deg);
  }
}

@-webkit-keyframes swing--out-left {
  100% {
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
            transform: rotate3d(0, 1, 0, 90deg);
  }
}

@keyframes swing--out-left {
  100% {
    -webkit-transform: rotate3d(0, 1, 0, 90deg);
            transform: rotate3d(0, 1, 0, 90deg);
  }
}

@-webkit-keyframes swing--in-right {
  0% {
    -webkit-transform: rotate3d(0, -1, 0, 90deg);
            transform: rotate3d(0, -1, 0, 90deg);
  }
}

@keyframes swing--in-right {
  0% {
    -webkit-transform: rotate3d(0, -1, 0, 90deg);
            transform: rotate3d(0, -1, 0, 90deg);
  }
}

@-webkit-keyframes swing--out-right {
  100% {
    -webkit-transform: rotate3d(0, -1, 0, 90deg);
            transform: rotate3d(0, -1, 0, 90deg);
  }
}

@keyframes swing--out-right {
  100% {
    -webkit-transform: rotate3d(0, -1, 0, 90deg);
            transform: rotate3d(0, -1, 0, 90deg);
  }
}

.slide--in-top .direction-reveal__anim--in {
  -webkit-animation-name: slide--in-top;
          animation-name: slide--in-top;
}

.slide--in-top .direction-reveal__anim--out {
  -webkit-animation-name: slide--out-bottom;
          animation-name: slide--out-bottom;
}

.slide--in-bottom .direction-reveal__anim--in {
  -webkit-animation-name: slide--in-bottom;
          animation-name: slide--in-bottom;
}

.slide--in-bottom .direction-reveal__anim--out {
  -webkit-animation-name: slide--out-top;
          animation-name: slide--out-top;
}

.slide--in-left .direction-reveal__anim--in {
  -webkit-animation-name: slide--in-left;
          animation-name: slide--in-left;
}

.slide--in-left .direction-reveal__anim--out {
  -webkit-animation-name: slide--out-right;
          animation-name: slide--out-right;
}

.slide--in-right .direction-reveal__anim--in {
  -webkit-animation-name: slide--in-right;
          animation-name: slide--in-right;
}

.slide--in-right .direction-reveal__anim--out {
  -webkit-animation-name: slide--out-left;
          animation-name: slide--out-left;
}

.slide--out-top .direction-reveal__anim--in {
  -webkit-animation-name: slide--out-top;
          animation-name: slide--out-top;
}

.slide--out-top .direction-reveal__anim--out {
  -webkit-animation-name: slide--in-bottom;
          animation-name: slide--in-bottom;
}

.slide--out-bottom .direction-reveal__anim--in {
  -webkit-animation-name: slide--out-bottom;
          animation-name: slide--out-bottom;
}

.slide--out-bottom .direction-reveal__anim--out {
  -webkit-animation-name: slide--in-top;
          animation-name: slide--in-top;
}

.slide--out-left .direction-reveal__anim--in {
  -webkit-animation-name: slide--out-left;
          animation-name: slide--out-left;
}

.slide--out-left .direction-reveal__anim--out {
  -webkit-animation-name: slide--in-right;
          animation-name: slide--in-right;
}

.slide--out-right .direction-reveal__anim--in {
  -webkit-animation-name: slide--out-right;
          animation-name: slide--out-right;
}

.slide--out-right .direction-reveal__anim--out {
  -webkit-animation-name: slide--in-left;
          animation-name: slide--in-left;
}

.direction-reveal [class*='slide--'] .direction-reveal__anim--in, .direction-reveal [class*='slide--'] .direction-reveal__anim--out {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@-webkit-keyframes slide--in-top {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes slide--in-top {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@-webkit-keyframes slide--out-top {
  100% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes slide--out-top {
  100% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@-webkit-keyframes slide--in-bottom {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes slide--in-bottom {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@-webkit-keyframes slide--out-bottom {
  100% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes slide--out-bottom {
  100% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@-webkit-keyframes slide--in-left {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slide--in-left {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes slide--out-left {
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slide--out-left {
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes slide--in-right {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@keyframes slide--in-right {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@-webkit-keyframes slide--out-right {
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@keyframes slide--out-right {
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

.rotate--in-top .direction-reveal__anim--in {
  -webkit-animation-name: rotate--in-top;
          animation-name: rotate--in-top;
}

.rotate--in-top .direction-reveal__anim--out {
  -webkit-animation-name: rotate--out-bottom;
          animation-name: rotate--out-bottom;
}

.rotate--in-bottom .direction-reveal__anim--in {
  -webkit-animation-name: rotate--in-bottom;
          animation-name: rotate--in-bottom;
}

.rotate--in-bottom .direction-reveal__anim--out {
  -webkit-animation-name: rotate--out-top;
          animation-name: rotate--out-top;
}

.rotate--in-left .direction-reveal__anim--in {
  -webkit-animation-name: rotate--in-left;
          animation-name: rotate--in-left;
}

.rotate--in-left .direction-reveal__anim--out {
  -webkit-animation-name: rotate--out-right;
          animation-name: rotate--out-right;
}

.rotate--in-right .direction-reveal__anim--in {
  -webkit-animation-name: rotate--in-right;
          animation-name: rotate--in-right;
}

.rotate--in-right .direction-reveal__anim--out {
  -webkit-animation-name: rotate--out-left;
          animation-name: rotate--out-left;
}

.rotate--out-top .direction-reveal__anim--in {
  -webkit-animation-name: rotate--out-top;
          animation-name: rotate--out-top;
}

.rotate--out-top .direction-reveal__anim--out {
  -webkit-animation-name: rotate--in-bottom;
          animation-name: rotate--in-bottom;
}

.rotate--out-bottom .direction-reveal__anim--in {
  -webkit-animation-name: rotate--out-bottom;
          animation-name: rotate--out-bottom;
}

.rotate--out-bottom .direction-reveal__anim--out {
  -webkit-animation-name: rotate--in-top;
          animation-name: rotate--in-top;
}

.rotate--out-left .direction-reveal__anim--in {
  -webkit-animation-name: rotate--out-left;
          animation-name: rotate--out-left;
}

.rotate--out-left .direction-reveal__anim--out {
  -webkit-animation-name: rotate--in-right;
          animation-name: rotate--in-right;
}

.rotate--out-right .direction-reveal__anim--in {
  -webkit-animation-name: rotate--out-right;
          animation-name: rotate--out-right;
}

.rotate--out-right .direction-reveal__anim--out {
  -webkit-animation-name: rotate--in-left;
          animation-name: rotate--in-left;
}

.direction-reveal [class*='rotate--'] .direction-reveal__anim--in, .direction-reveal [class*='rotate--'] .direction-reveal__anim--out {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.rotate--in-top .direction-reveal__anim--in, .rotate--in-top .direction-reveal__anim--out, .rotate--out-top .direction-reveal__anim--in, .rotate--out-top .direction-reveal__anim--out {
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.rotate--in-bottom .direction-reveal__anim--in, .rotate--in-bottom .direction-reveal__anim--out, .rotate--out-bottom .direction-reveal__anim--in, .rotate--out-bottom .direction-reveal__anim--out {
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}

.rotate--in-left .direction-reveal__anim--in, .rotate--in-left .direction-reveal__anim--out, .rotate--out-left .direction-reveal__anim--in, .rotate--out-left .direction-reveal__anim--out {
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.rotate--in-right .direction-reveal__anim--in, .rotate--in-right .direction-reveal__anim--out, .rotate--out-right .direction-reveal__anim--in, .rotate--out-right .direction-reveal__anim--out {
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

@-webkit-keyframes rotate--in-top {
  0% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}

@keyframes rotate--in-top {
  0% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}

@-webkit-keyframes rotate--out-top {
  100% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}

@keyframes rotate--out-top {
  100% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}

@-webkit-keyframes rotate--in-bottom {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

@keyframes rotate--in-bottom {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

@-webkit-keyframes rotate--out-bottom {
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

@keyframes rotate--out-bottom {
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

@-webkit-keyframes rotate--in-left {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

@keyframes rotate--in-left {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

@-webkit-keyframes rotate--out-left {
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

@keyframes rotate--out-left {
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

@-webkit-keyframes rotate--in-right {
  0% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}

@keyframes rotate--in-right {
  0% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}

@-webkit-keyframes rotate--out-right {
  100% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}

@keyframes rotate--out-right {
  100% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}

.flip--in-top .direction-reveal__anim--in {
  -webkit-animation-name: flip--in-top;
          animation-name: flip--in-top;
}

.flip--in-top .direction-reveal__anim--out {
  -webkit-animation-name: flip--out-bottom;
          animation-name: flip--out-bottom;
}

.flip--in-bottom .direction-reveal__anim--in {
  -webkit-animation-name: flip--in-bottom;
          animation-name: flip--in-bottom;
}

.flip--in-bottom .direction-reveal__anim--out {
  -webkit-animation-name: flip--out-top;
          animation-name: flip--out-top;
}

.flip--in-left .direction-reveal__anim--in {
  -webkit-animation-name: flip--in-left;
          animation-name: flip--in-left;
}

.flip--in-left .direction-reveal__anim--out {
  -webkit-animation-name: flip--out-right;
          animation-name: flip--out-right;
}

.flip--in-right .direction-reveal__anim--in {
  -webkit-animation-name: flip--in-right;
          animation-name: flip--in-right;
}

.flip--in-right .direction-reveal__anim--out {
  -webkit-animation-name: flip--out-left;
          animation-name: flip--out-left;
}

.flip--out-top .direction-reveal__anim--in {
  -webkit-animation-name: flip--out-top;
          animation-name: flip--out-top;
}

.flip--out-top .direction-reveal__anim--out {
  -webkit-animation-name: flip--in-bottom;
          animation-name: flip--in-bottom;
}

.flip--out-bottom .direction-reveal__anim--in {
  -webkit-animation-name: flip--out-bottom;
          animation-name: flip--out-bottom;
}

.flip--out-bottom .direction-reveal__anim--out {
  -webkit-animation-name: flip--in-top;
          animation-name: flip--in-top;
}

.flip--out-left .direction-reveal__anim--in {
  -webkit-animation-name: flip--out-left;
          animation-name: flip--out-left;
}

.flip--out-left .direction-reveal__anim--out {
  -webkit-animation-name: flip--in-right;
          animation-name: flip--in-right;
}

.flip--out-right .direction-reveal__anim--in {
  -webkit-animation-name: flip--out-right;
          animation-name: flip--out-right;
}

.flip--out-right .direction-reveal__anim--out {
  -webkit-animation-name: flip--in-left;
          animation-name: flip--in-left;
}

.direction-reveal [class*='flip--'] {
  -webkit-perspective: 800px;
          perspective: 800px;
  overflow: visible;
}

.direction-reveal [class*='flip--'] .direction-reveal__anim--in, .direction-reveal [class*='flip--'] .direction-reveal__anim--out {
  -webkit-transform: rotateX(0) rotateY(0);
          transform: rotateX(0) rotateY(0);
  -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}

@-webkit-keyframes flip--in-top {
  0% {
    -webkit-transform: rotateX(180deg) rotateY(0);
            transform: rotateX(180deg) rotateY(0);
  }
}

@keyframes flip--in-top {
  0% {
    -webkit-transform: rotateX(180deg) rotateY(0);
            transform: rotateX(180deg) rotateY(0);
  }
}

@-webkit-keyframes flip--out-top {
  100% {
    -webkit-transform: rotateX(180deg) rotateY(0);
            transform: rotateX(180deg) rotateY(0);
  }
}

@keyframes flip--out-top {
  100% {
    -webkit-transform: rotateX(180deg) rotateY(0);
            transform: rotateX(180deg) rotateY(0);
  }
}

@-webkit-keyframes flip--in-bottom {
  0% {
    -webkit-transform: rotateX(-180deg) rotateY(0);
            transform: rotateX(-180deg) rotateY(0);
  }
}

@keyframes flip--in-bottom {
  0% {
    -webkit-transform: rotateX(-180deg) rotateY(0);
            transform: rotateX(-180deg) rotateY(0);
  }
}

@-webkit-keyframes flip--out-bottom {
  100% {
    -webkit-transform: rotateX(-180deg) rotateY(0);
            transform: rotateX(-180deg) rotateY(0);
  }
}

@keyframes flip--out-bottom {
  100% {
    -webkit-transform: rotateX(-180deg) rotateY(0);
            transform: rotateX(-180deg) rotateY(0);
  }
}

@-webkit-keyframes flip--in-left {
  0% {
    -webkit-transform: rotateX(0) rotateY(-180deg);
            transform: rotateX(0) rotateY(-180deg);
  }
}

@keyframes flip--in-left {
  0% {
    -webkit-transform: rotateX(0) rotateY(-180deg);
            transform: rotateX(0) rotateY(-180deg);
  }
}

@-webkit-keyframes flip--out-left {
  100% {
    -webkit-transform: rotateX(0) rotateY(-180deg);
            transform: rotateX(0) rotateY(-180deg);
  }
}

@keyframes flip--out-left {
  100% {
    -webkit-transform: rotateX(0) rotateY(-180deg);
            transform: rotateX(0) rotateY(-180deg);
  }
}

@-webkit-keyframes flip--in-right {
  0% {
    -webkit-transform: rotateX(0) rotateY(180deg);
            transform: rotateX(0) rotateY(180deg);
  }
}

@keyframes flip--in-right {
  0% {
    -webkit-transform: rotateX(0) rotateY(180deg);
            transform: rotateX(0) rotateY(180deg);
  }
}

@-webkit-keyframes flip--out-right {
  100% {
    -webkit-transform: rotateX(0) rotateY(180deg);
            transform: rotateX(0) rotateY(180deg);
  }
}

@keyframes flip--out-right {
  100% {
    -webkit-transform: rotateX(0) rotateY(180deg);
            transform: rotateX(0) rotateY(180deg);
  }
}

.direction-reveal__card {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.direction-reveal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
  color: #fff;
  overflow: hidden;
  background: rgba(38, 71, 108,.9);
}

.direction-reveal__anim--in, .direction-reveal__anim--out {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.direction-reveal__anim--in {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}

.direction-reveal__title {
  margin-top: 0;
}

.direction-reveal__text {
  margin-bottom: 0;
}

.direction-reveal--3-grid-flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
  margin-bottom: 40px;
}

.direction-reveal--3-grid-flexbox .direction-reveal__card {
 border: 10px solid #fff;
 box-shadow: 0px 0px 10px #d5d5d5;
 margin: 0px 11.60px;
 
}

@media (min-width: 576px) {
  .direction-reveal--3-grid-flexbox .direction-reveal__card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 23%;
            flex: 0 0 23%;
    max-width: 23%;
	background-image: radial-gradient(#fff, #e0e0e0, #606060);
	text-align:center;
  }
}

.direction-reveal--3-grid-cssgrid {
  display: -ms-grid;
  display: grid;
  margin-right: -10px;
  margin-left: -10px;
}

@media (min-width: 576px) {
  .direction-reveal--3-grid-cssgrid {
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
}

.direction-reveal--3-grid-cssgrid .direction-reveal__card {
  border: 10px solid transparent;
}

.direction-reveal--grid-bootstrap .direction-reveal__card {
  margin-top: 15px;
  margin-bottom: 15px;
}


.direction-reveal a {
box-shadow: 0px 0px 10px #d5d5d5;
margin: 0px 11.60px;
	}
.direction-reveal a img.img-fluid{
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
	}	
.direction-reveal h3, .direction-reveal p{ color:#fff}	
.direction-reveal h3{font-size: 20px;margin-top: 7px;}
.member-social ul {
    display: block;
    margin: auto;
}

.direction-reveal h6{color: #f9ba48;font-size: 15px;font-weight: 600;}
.about-text h4{font-size: 18px;}

.cel-feature1 img {
	max-width:37%;
    margin-right: 424.5px;
	margin-top:30px;
}
#creative1 img, #creative2 img, #creative3 img, #creative4 img, #creative5 img, #creative6 img{

  	-moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}
#creative1:hover img, #creative2:hover img, #creative3:hover img, #creative4:hover img, #creative5:hover img, #creative6:hover img{
	
	-moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);}  
  
  
  
  
.bl1px{ border-left:1px #ccc dashed}
#pricevalueslide{ min-height:200px; padding:25px 0; overflow:hidden; background: #ddd;}
.priceinner{ text-align:center}
.priceinner b{font-family: 'Roboto Condensed';  font-style: normal; font-size:30px; text-transform:uppercase; font-weight:600; display:block;}

.priceinner .price{ text-align:center; display:inline-block;font-size:29px; width:209px; height:209px; font-family: 'Roboto Condensed';  margin:40px 0 20px 0; position:relative; z-index:9999 !important; ; padding:3px;border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}


.priceinner .price div{  width:200px; height:200px; border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden; padding: 8px;}
/*.priceinner .price div:after{ position:absolute; content:""; background-color:rgba(255, 255, 255, .2); left:0; right:0; margin:0 auto; bottom:-100%; height:100%; width:100%;}*/
.priceinner .price:hover div:after{ bottom:0;}
.priceinner .price div p{ top:50%;transform:translateY(-50%); position:relative; color:#fff}
.priceinner .price div strong{ display:block; }
.priceinner .price span{ display:block; font-size:15px;}

.bgexta3{ background-color:#8abc1d}
.bd1{border:2px #8abc1d solid;}
.bd2{border:2px #de393b solid;}
.bgextain{ background-color:#de393b}

.copyright{ padding:10px 0; }
.copyright a{ font-family:Lato; font-size:15px;}






 
#back-top{ position:fixed; bottom:15px; right:10px; margin:0 auto; z-index:99999}
#back-top i{ color:#fff; border:1px #ad0807 solid; border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; background-color:#bd0c0b; font-size:29px; cursor:pointer}
#back-top a{ outline:0}


.expert ul li div, .sev_circle .image_cirdle img, .priceinner .price div:after{-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out; -ms-transition:all .5s ease-out;	} 




#brandsection{ padding:50px 0 30px 0;}
.bortop{ border-top:10px #243f6c solid;}
.brandscopntent{font-family: 'Roboto Condensed';  font-style: normal; font-size:18px; font-weight:400; line-height:27px; text-align:center ;  }
.brandscopntent b{ font-size:35px; display:block; line-height:35px; margin-bottom:17px; text-transform:uppercase; position:relative; padding:0 0 17px 0}
.brandscopntent b:after{ position:absolute; content:""; left:0; right:0; margin: 0 auto; bottom:0; width:100px; height:3px; background-color:#03A9F4;}







.sectiob{font-family: 'Roboto Condensed';  font-style: normal; color:#fff;  font-weight:400;    }
.sectiob b{ font-size:24px; display:block; text-align:center; margin-bottom:17px; text-transform:uppercase; position:relative; padding:0 0 17px 0;line-height:28px;}
.sectiob b:after{ position:absolute; content:""; left:0; bottom:0; right:0; margin:0 auto; width:100px; height:3px; background-color:#fff;}
.sectiob span{ font-weight:700 !important; display:block; margin:10px 0; font-style:italic}
.sectiob p{ line-height:22px;font-size:17px;}






#allservicessectyion{ overflow:hidden; background-color:#f9f5f6;}


#ourexpertiseedsection{ background-color:#ffece8; padding:40px 0; background:url(../images/help-bg.jpg);}
.expert ul{}
.expert ul li{ float:left; width:20%; list-style:none; text-align:center;  color:#000;font-family: 'Roboto Condensed'; font-size:18px; font-weight:300; text-transform:uppercase; margin-bottom:15px;}
.expert ul li div{ background-color:#03a9f4; padding:10px; width:60px; height:60px; border-radius:50%; margin:0 auto 25px auto ; overflow:hidden; border:2px #fff solid; transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0);}
.expert ul li div img{ width:100%; height:100%}
.expert ul li:hover div{transform:translateY(-10px); -moz-transform:translateY(-10px); -webkit-transform:translateY(-10px);}
.orangebg{ background-color:#fe2b00 !important ;}


#mapscontactdetails{ position:relative;}
#mapscontactdetails iframe{ position:absolute; left:0; top:0; bottom:; width:100%; height:100%;}
.mapsdetailsinner{ position:relative; width:40%; padding:30px; margin:20px  auto; background-color:rgba(255, 255, 255, .9); position:relative; z-index:999 ;font-family: 'Roboto Condensed';  font-style: normal;}
.cdhead{ display:block; margin-bottom:17px; font-size:18px; margin-left:10px;}
.mapsdetailsinner ul li{ list-style:none; position:relative; padding:0 0 20px 0; border-bottom:1px #ccc dashed; margin-bottom:10px; font-size:15px; line-height:24px;}

.mapsdetailsinner ul { padding: 0;}
.mapsdetailsinner .icon { margin-right: 5px;}

.greybgg{ background-color:#f8f5f5  !important}


#sectionpart-1{ background:#3769dc url(../images/bg-our-services.jpg);  margin:15px 0}
#sectionpart-2{ background:#f48a00 url(../images/img-our-packages-1.jpg);margin:15px 0}
#sectionpart-3{ background:#83b844 url(../images/img-our-packages.jpg);margin:15px 0}
.sectionpartinner{ padding:30px;min-height:200px;}





.commanhead{font-size:29px; display:block; margin-bottom:20px; text-transform:uppercase; position:relative; padding:0 0 14px 0; text-align:center;font-family: 'Roboto Condensed'; line-height:30px;}
.commanhead:after{ position:absolute; content:""; left:0; bottom:0; right:0; margin:0 auto; width:100px; height:3px; background-color:#f00;}
.commantext{font-size:18px; display:block; line-height:28px; margin-bottom:20px; font-family: 'Roboto Condensed';    text-align:center}
.pagescontent{ border:1px #ccc dashed ; border-radius:4px; padding:15px; margin:15px 0; }
.pagescontent b{ display:block; font-family: 'Roboto Condensed';  font-size:21px; text-transform:uppercase; margin:5px 0 10px 0;  }
.pagescontent  p{ font-family:Lato; font-size:15px; line-height:24px; text-align:justify;}


#first-wraper {border-color: #000000;  position:relative;  
    background: #222438 url("../images/building01.png") no-repeat center center fixed;
}
#first-wraper  .firstinner{ position:relative; z-index:9999}

.logos h1{font-family: 'Oswald', sans-serif;  font-weight:400 }
.logos h1 span{ font-variant:300 !important; color:#f00}

.number{font-family: 'Oswald', sans-serif; font-size:15px; font-weight:400; margin-top: 3px;}
.number span{ margin-left:20px;}
.number span i{ color:#f00}


.first-left{ margin-top:20px;}
.first-left h2 { font-family: 'Oswald', sans-serif;    font-weight: 700; color:#fff; line-height:37px; font-size:30px; margin-bottom:20px; display:block}
.first-left  .wording{color: #FFFFFF;line-height: 28px;text-align: left;font-family: 'Open Sans';
  font-style: normal;  font-weight: 400; padding:0 5% 0 0}
.first-left  .wording ul{ margin:25px 0; padding:0}
.first-left  .wording ul li{ list-style:none; background:url(../images/check-square-o_4eb625_20.png) no-repeat 0 5px; line-height:30px; padding:0 0 15px 30px; font-size:17px;}

.buttons a{ color:#fff; border-radius:28px; font-size:21px;font-family: 'Oswald', sans-serif;  font-weight:400; display:inline-block; padding:6px 35px 8px 35px;; margin-right:10px; }
.buttons a.orange{ background-color:#f33434}
.buttons a.green{background-color:#4eb625}


#formsection{position:absolute; bottom:0px; right: 7%; top:27%; z-index:1; }


.first-right {
    
    background: #04274f;
    padding: 15px;
    color: #fff;
    border-radius: 0px;
    float: right;
    width: 100%;
   border: 10px solid #fff;
box-shadow: 0px 0px 15px #619ab5;
}

.ml-mr-100{ margin:0 100px; }
.first-right .rightmainhead h2{ font-size:27px;font-family: 'Oswald', sans-serif; font-weight:400; text-align:center}
h2.request-call{ font-size:27px;font-family: 'Oswald', sans-serif; font-weight:400; text-align:center}

.first-right .rightmainhead h2 b{ color:#eda922;}
.first-right .rightmainhead span{ display: block; text-align:center; font-size:14px;font-family: 'Oswald', sans-serif; font-weight:300;}

.first-right .rightmainhead span b { display: block; text-align:center; font-size:13px; font-weight:normal; font-family: 'lato', sans-serif;  line-height:20px;}

.formsection { margin-top:10px;}
.formsection .inputfield { position:relative}
.formsection .inputfield  label.error{ position:absolute; right:10px; top:10px; z-index:999; color:#f00}
.formsection .inputfield input[type="text"], .formsection .inputfield input[type="email"], .formsection .inputfield select, .formsection .inputfield textarea {
    width: 100%;
    padding: 7px 10px;
    border-radius: 0px;
    border: 1px #fff solid;
    margin-bottom: 10px;
    color: #000;
}

.formsection .inputfield select{ color:#666}

.texts{font-family: 'Open Sans';  font-style: normal;  font-weight: 400; font-size:16px; line-height:24px;}


@media screen and (max-width: 767px) {
		
	.mobilehide{ display:none !important}
	.logo{width:100%; text-align:center;}
	.top_right{width:100%; padding:0px;}
	.ads_box{width:33.33%; text-align:center; padding:0px;}
	.ads_box img{max-width:90%;}
	.ads_box_text{display:table; margin:0 auto; padding:10px 0px; float:none; width:192px; clear:both;}
	.phone{text-align:left;}
	.first_heading{font-size:22px;}
	.banner{padding-top:30px;}
	.form_bottom{margin-bottom:30px;}
	.tag{padding:0px 10px;}
	.client_heading{margin-top:30px;}
	.display_noe{display:none;}
	.display_noe1{display:block;}
	
	
	
	.mapsdetailsinner{  width:90%; padding:20px; margin:0px  auto; }

	#mapscontactdetails iframe{ position: relative; left:0; top:0; bottom:; width:100%; height:100%;}

	.expert ul li{  width:50%; }

	.buttons a{ margin-bottom:10px;}
		.number { text-align: center !important; margin-top:10px !important;}
	.number img{ display:block}
   .pricetipspace{ margin-top:90px !important;}
	
    .header {
      text-align: center;   
    }
    .social {
        text-align: center;
    }
    .number span {
        display: inline-block;
        margin-left: 9px;
    }
    .number span i {
        display: inline-block;
    }
    .why-choose-sec .box {
        text-align: center;
    }
}

@media only all and (max-width: 450px){
	
	.number span{ margin-left:5px; font-size:14px; display: block;}

	.expert ul li { width:100% ; display:block;}
	#ourexpertiseedsection{ background-color:#ffece8; padding:110px 0; background:url(../../images/newimg/help-bg.jpg) no-repeat; width:100%; height:100%;}
	
	 }

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

#formsection{position:absolute; bottom:0px; left:0px; top:200px; z-index:1; }
.ml-mr-0 {  margin: 0 0px;}
.banner-text {
    background-image:url(images/mobile-banner-text.png) !important;
    height: 200px;
    left: 53%;
    top: 40%;
	display:none;
}
.logo { text-align: left;}
.smoothweb-content { padding: 20px 15px 5px; margin-bottom: 30px !important;}
h6.whychoose {font-size: 25px;text-align: center;}
.get-content h3 { font-size: 20px;}
.review-slider .owl-nav {
    top: 250px;
}
.review-item h1 {
    font-size: 24px;
}
.review-item h3 {
    font-size: 18px!important;
}    
.navbar-default .navbar-nav { margin-left: 50px;}
.navbar-default .navbar-nav::before, .navbar-default .navbar-nav::after {
    left: -45px;
}
.testimonial .testimonial-content::before {
    z-index: 1;
    top: -170px!important;
    left: 100px!important;
}
.parallax .owl-carousel .owl-item { text-align: center!important;}
.testimonial .post {border-left:none!important;}
.testimonial .pic {
    margin-right: auto!important;
    margin-left: auto!important;
}
.se-icon img {max-width: 20%!important;} 
 .smo-icon img {max-width: 40%!important;}    
    
}

@media (min-width: 767px) and (max-width: 1024px) {

#formsection{position:absolute; bottom:0px; left:0px; top:200px; z-index:1; }
.first-right {
    width: 40%;
}
.review-slider .owl-nav {
    top: 420px;
}
    .smoothweb-content {
    margin-bottom: 30px;
}
}
@media (min-width: 1024px) and (max-width: 1366px) {
	#formsection { top: 26%;}
	.ml-mr-50 {
    margin: 0 50px;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 5px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid 
    #ddd;
} 
.review-item h1 {
    font-size: 24px;
}
h3.table-hedding {
font-size: 17px!important;
}
.review-slider .owl-nav {
    top: 15px;
}
	}

@media (min-width: 768px) and (max-width: 992px) {
.navbar-default .navbar-nav::before, .navbar-default .navbar-nav::after { left: -25px;}
.navbar-default .navbar-nav > li > a {padding: 42px 18px;}
.navbar-default .navbar-nav {margin-left: 30px;}
.flash-button {margin-top:200px; }
.banner-text { background-image: url(images/mobile-banner-text.png) !important; height: 200px; left: 53%; top: 30%;}

	}
@media (min-width: 320px) and (max-width: 480px) {
	.contact_us{width:270px; background-size:100%; height:46px;}
	.botom_strip{min-height:44px;}
	.plus{margin-top:5px;}
	
	#formsection{position:absolute; bottom:0px; left:0px; top:200px; z-index:1; }
}
@media (min-width: 481px) and (max-width: 767px) {
	
}
@media (min-width: 768px) and (max-width: 991px) {
	.top_right{width:80%;}
	.ads_box{width:25%; padding-left:5px; padding-right:5px;}
	.ads_box img{max-width:100%;}
	.ads_box_text{width:25%; padding-left:5px; text-align:center;}
	.logo{padding-right:5px; border-right:1px solid #ccc;}
	.phone{background:none; padding-left:0px; font-size:18px;}
	.tag{padding:0px 10px;}
	.form_bottom{margin-bottom:20px;}
	.box_after::after{width:70px; right:-70px;}
	.box_before::before{width:70px; left:-70px;}
	.circle_after::after{right:-65px;}
	.cirlce_desc{padding:0px;}

}





@media (min-width: 1200px) {

.formsection { margin-top:8px;}

.formsection .inputfield input[type="text"], .formsection .inputfield input[type="email"], .formsection .inputfield select, .formsection .inputfield textarea{padding:10px ;  margin-bottom:15px;}




  }
  
  
  
  
@media (max-width: 1199px) and (min-width: 992px) {
#formsection{ top:90px}
.formsection .inputfield input[type="email"], .formsection .inputfield input[type="text"] {margin-bottom: 7px; }.banner-text { display:none
}

.navbar-default .navbar-nav::before, .navbar-default .navbar-nav::after {left: -25px;}
.navbar-default .navbar-nav > li > a {padding: 28px 9px 28px 9px;}
.navbar-default .navbar-nav { margin-left: 110px;}
}











@media (min-width: 768px) and (max-width: 991px) {#formsection{position: relative;top:0px}
.first-right{ margin:10px 0; float: none; width:100%;}

.colom-6{ width:33.33%; }


}


/*smart Less than 4+ */
@media (max-width: 767px) {
.colom-1{ width:33.33%; }
.colom-2, .colom-3{ width:100%; display:block }

#formsection{position: relative;top:0px}
.first-right{ margin:10px 0; float: none; width:100%;}

	.listyer li{ display:block; width:100% !important;  border:0 !important}

.colom-6{ width:50%; }

}
@media only all and (max-width: 481px){
	.colom-1{ width:50%; }
.colom-6{ width:100%; }
}
	
	
	
	.listyer{ margin:20px 0 30px 0;;}	
	
	.listyer li{ display:inline-block; width:24.7%; list-style:none; padding:14px 18px;}
	.listyer li+li{ border-left:1px #dbdbdb solid}
	
	
	
	
	
	
/*----- bounce-3 btn -----*/
.bounce-3:after {
	content:'';
	width: 100%;
    height: 355%;
    background: #FCFCFC;
    top: 50%;
    left:50%;
	position:absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	transform: translateX(-50%) translateY(-50%) rotate(-132deg);
	opacity:1;
	z-index:-1;
    font-weight: bold;
}
.bounce-3 {
	background: linear-gradient(90deg, #6a57fd, #0fc5ed);
	border:none;
	padding:10px 100px;
	position:relative;
	cursor:pointer;
	color:#000;
	overflow:hidden;
	z-index:9;
}
.bounce-3:hover:after{
	height: 0;
}
.bounce-3:hover{
	color: #fff;
}
/*----- bounce-3 btn end -----*/
.subfooter {
    color: #fff;
    background: #333;
    padding: 20px 10px;
    text-align: center;
}
.subfooter a {
    color: #FFC107;
}
.subfooter a:hover {
    color: #fff;
}
.text-red {
    color: #f44336;
}
.logo .colom-1 {
    width: 11.1%;
}
.header .social li a {
    display: block;
    padding: 10px 2px;
    color: #fff;
}
.header .social {
    margin: 10px 0 0 0;
}
.header .social li {
    padding: 0;
}
.header .social li:nth-child(1) {
    margin-right: 5px;
}
/*
.fb { background: #3B5998;}
.twt { background: #00B6F1;}
.g-pls { background: #C20806;}
.lnkd { background: #04669A;}
*/

.thanks-box h2 {
    font-size: 30px;
}
.thanks-box {
    padding: 30px 0;
    width: 50%;
    margin: 0 auto;
    border: 2px dashed #FF5722;
    margin-top: 30px;
}
.error {
    color: red;
    font-size: 12px;
    display: none;
}
.logos {
    margin-top: 10px;
}
#mapscontactdetails iframe {
    position: absolute;
    left: 0;
    top: 0;
    bottom: ;
    width: 100%;
    height: 100%;
    pointer-events: visible!important;
}
.formsection p {
    font-size: 10px;
    text-align: center;
}
.sev_circle .btn {
    background: #f44336;
    color: #fff;
    transition: all 0.4s ease;
}
.sev_circle .btn:hover {
    background: #4c4443;
    color: #fff;
}
.mymodal .modal-header .close {
    color: #ff4b23;
    opacity: 4;
    text-shadow: none;
}
.mymodal .modal-header .close:hover {
    color: #1f1f1f;
}
.mymodal .modal-header {
    color: #000;
    background: #fff;
    border-bottom: 0;
}
.mymodal .modal-body {
    background: #5c9abb;
    color: #fff;
}
.why-choose-sec .box {
    border: 1px solid #ff928a;
    padding: 24px;
    margin-bottom: 20px;
    font-size: 17px;
}
.cont {
    display: none;
}
.nclick .cont {
     display: none;
}
.formsection [class="form-group"]{padding-top:0px !important;}

.review-slider.report .owl-nav [class*="owl-"] {
	background: #26476c;
	margin-right: 10px;
	padding: 7px 15px;
	border: 1px solid #fff;
	}
.review-slider.report .owl-nav	{right: 5px;}
.review-item img {
     border: 5px solid #f9ba48;
}
  
 h1.our-seo {

    margin-bottom: 30px;
    color: #26476c;

}


.container-seo{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;position:relative;margin:40px 0 0 0;}
.container-seo .item{display:block;margin:auto;position:relative;flex:1;text-align:left;color:#094f62;transition:.3s;max-width:20%;height:54vh;min-width:10%;background:#efefef;background:-moz-linear-gradient(left, #efefef 1%, #ffffff 43%);background:-webkit-linear-gradient(left, #efefef 1%,#ffffff 43%);background:linear-gradient(to right, #efefef 1%,#ffffff 43%);overflow:hidden;}
.container-seo .item:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-position:center bottom;background-size:cover;z-index:-1;}
.item-num{background-image:url(images/service-num.png);width:118px;height:136px;color:#fff;padding:10px; background-image: url("images/service-num.png") }
.item-num span{display:block;font-family:'Work Sans', sans-serif;text-align: center;}
.step-num{font-size:60px;line-height:44px;font-weight:700;}
.step{font-size:18px;padding:5px 0 0 0;}
.container-seo .item:hover{max-width:40%!important;flex-grow:2;cursor:pointer;color:#fff;background: linear-gradient(to top, #0ec6ed 1%,#6b54fd 95%);position:relative;transition:all 1s ease-out;}
.container-seo .item:hover p{-webkit-transform:none;transform:none;transition:.3s;color:#000;}
.container-seo .content{font-family:'Work Sans', sans-serif;font-size:2em;padding:10px;padding-top:10px;}
.container-seo p{-webkit-transform:translateY(120vh);transform:translateY(120vh);font-family:'Work Sans', sans-serif;font-size:14px; text-align: justify;}
.item-f-text{font-size:14px;line-height:20px;display:block;}
.container-seo .content h3{font-family:'Work Sans', sans-serif;text-transform:uppercase;font-size:27px;font-weight:600;}
.se-icon, .smo-icon{display:block;margin-top:30px;position:absolute;bottom:30px;}
.container-seo .item:hover .se-icon{display:none;}
.container-seo .item:hover .smo-icon{display:none;}
.container-seo .item h3{color:#000;text-transform:capitalize; font-size:23px; }
@media (min-width: 1200px){
.custom-container{max-width:1300px;}
}
.how-title{font-family:'Montserrat', sans-serif;font-size:37px;font-weight:700;color:#313334;}
.inner-section-3{width:100%;}
.custom-container{max-width:1300px;margin:0px auto;}
@media only screen and (min-width: 1381px) and (max-width: 1600px){
.custom-container{max-width:1300px;margin:0px auto;}
}
@media only screen and (min-width: 1280px) and (max-width: 1380px){
.custom-container{max-width:1150px;margin:0px auto;}
}
@media only screen and (min-width: 1125px) and (max-width: 1279px){
.custom-container{max-width:1050px;margin:0px auto;}
}
@media only screen and (min-width: 1024px) and (max-width: 1124px){
.custom-container{max-width:992px;margin:0px auto;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
	.header { margin-top: 0px;width: 100%; left:0px;}.navbar {border-radius: 0px;}
.custom-container{max-width:800px;margin:0px auto;}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
.custom-container{max-width:540px;margin:0px auto;}.header { margin-top: 0px;width: 100%; left:0px;}.navbar {border-radius: 0px;}
}
@media only screen and (min-width: 320px) and (max-width: 480px){
.inner-section-3{padding-top:34px;padding-bottom:60px;}
.how-title{font-size:24px;}
.container-seo{display:block;}
.container-seo .item{max-width:95%;height:auto;}
.container-seo .item {
background: linear-gradient(to right,
#efefef 1%,#fff 73%);
    }
.container-seo .item:hover{max-width:95%!important;}
.banner-4-title {line-height: 60px;color: #26476c;}
.banner-4-content p {color: #26476c;}
.slicknav_nav ul {
  display: contents;
}
.header { margin-top: 0px;width: 100%; left:0px;}.navbar {border-radius: 0px;}
}
@media only screen and (min-width: 481px) and (max-width: 768px){
.container-seo .item{max-width:95%;height:auto;}
.container-seo .item:hover{max-width:95%!important;}
.container-seo{display:block;}
}
@media only screen and (min-width: 1355px) and (max-width: 1360px){
.container-seo .content h3{font-size:15px;}
.container-seo p{font-size:12px;}
.item-num{background-image:url(images/service-num.png);width:95px;height:104px;color:#fff;padding:10px;background-size:95px 104px;}
.step-num{font-size:39px;line-height:24px;}
.item-f-text{font-size:12px;line-height:16px;}
}
@media only screen and (min-width: 1361px) and (max-width: 1366px){
.container-seo .content h3{font-size:15px;}
.container-seo p{font-size:12px;}
.item-num{background-image:url(images/service-num.png);width:95px;height:104px;color:#fff;padding:10px;background-size:95px 104px;}
.step-num{font-size:39px;line-height:24px;}
.item-f-text{font-size:12px;line-height:16px;}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px){
.custom-container{max-width:1400px;}
}
@media only screen and (min-width: 1700px) and (max-width: 1800px){
.custom-container{max-width:1400px;}
}
@media only screen and (min-width: 1800px) and (max-width: 1920px){
.custom-container{max-width:1500px;}
.container-seo .item{max-width:20%;height:45vh;}
}




.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.fp-section.fp-table{display:table;table-layout:fixed;width:100%;}
.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%;}
@media only screen and (min-width: 320px) and (max-width: 768px){
.fp-section.fp-table{display:table;table-layout:fixed;width:100%;margin-top:0px;height:auto!important;}
}

.se-icon img{max-width: 40%;}
.smo-icon img{max-width: 80%;}


.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative;}
.owl-carousel{display:none;width:100%;z-index:1;}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;}
.owl-carousel .owl-item img{display:block;width:100%;}
/*! CSS Used from: http://localhost/adio_landing/assets/css/style.css */
h3{font-family:"Poppins",sans-serif;}
h3{font-size:23px;color:#1e1e1e;font-weight:700;}
img{max-width:100%;height:auto;}
p{color:#000;font-size:15px;line-height:24px;margin-top:10px;}
.testimonial{position:relative;}
/*! CSS Used from: http://localhost/adio_landing/assets/css/responsive.css */
@media (max-width: 320px){
p{font-size:12px;line-height:20px;}
h3{font-size:20px;}
}


.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}
.owl-carousel .owl-item{float:left;}
.owl-controls .owl-page{cursor:pointer;}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
.owl-controls{position:absolute;top:-53px;right:0;z-index:1;}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline;}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1;}
.testimonial{padding:20px;margin:30px 10px 0px}
.testimonial .pic{width:122px;height:122px;float:left;margin-right:50px;position:relative;}
.testimonial .pic:before,.testimonial .pic:after{content:"";display:block;height:50%;width:50%;position:absolute;}
.testimonial .pic:before{bottom:-10%;left:-10%;border-bottom:3px solid #26476c;border-left:3px solid #26476c;}
.testimonial .pic:after{top:-10%;right:-10%;border-top:3px solid #26476c;border-right:3px solid #26476c;}
.testimonial .pic img{width:100%;height:auto;}
.testimonial .testimonial-content{display:table;position:relative;}
.testimonial .testimonial-content:before{content:"\f10d";font-family:fontawesome;position:absolute;top:-30px;left:0px;font-size:60px;color:#ffd7ce;z-index:-1;}
.testimonial .testimonial-title{font-size:24px;color:#1e1e1e;text-transform:capitalize;}
.testimonial .post{font-size: 15px;font-weight: 500;color:#484848;border-left: 1px solid #bc373a; margin-top: 11px;padding-left: 5px;display: block;}
.testimonial .description{font-size:13px;color:#7c7c7c;line-height:22px;margin-top:12px;}
#testimonial-slider .owl-controls{position:static;text-align:center;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background-color:#f9ba48;}
@media only screen and (max-width: 980px){
.testimonial{padding:20px 0;margin:20px 15px;}
.testimonial .pic{float:none;}
.testimonial .testimonial-content{display:block;margin-top:30px;}
.testimonial .testimonial-content:before{z-index:1;top:-200px;}
}
section.parallax{padding:35px 0 0px;background-position:50% 50%;background-repeat:no-repeat;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; background-image: url("images/texti-bg.jpg"); position:relative; z-index:-5}
@media only screen and (max-width:768px){
section.parallax{padding:30px 0;}
}
h3.table-hedding{font-size: 20px;}
.smoothweb-content h2{color: #000;}
.smoothweb-content h2:hover{color: #337ab7;
transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;}



.gallery-wrapper {
  
  width: 100%;
  margin: 0 auto;
  padding: 0 1em;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  grid-gap: 1em;
}
.gallery-wrapper .image-wrapper a {
  padding: 0.5em;
  display: block;
  width: 100%;
  text-decoration: none;
  color: #333;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  transition: all 200ms ease-in-out;
}
.gallery-wrapper .image-wrapper a:hover {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}
.gallery-wrapper .image-wrapper a img {
  width: 100%;
}

.gallery-lightboxes .image-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0ms ease-in-out;
  z-index: 999;
}

.image-lightbox-wrapper a.close{opacity: 10;}
.gallery-lightboxes .image-lightbox:target {
  opacity: 1;
  visibility: visible;
}
.gallery-lightboxes .image-lightbox:target .image-lightbox-wrapper {
  opacity: 1;
  transform: scale(1, 1) translateY(0);
}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper {
  transform: scale(0.95, 0.95) translateY(-30px);
  transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
  opacity: 0;
  margin: 1em auto;
  max-width: 75%;
  padding: 0.5em;
  display: inline-block;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  position: relative;
}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .close {
  width: 1.5em;
  height: 1.5em;
  background: #000;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 50%;
  box-shadow: 0 0 0 2px white inset, 0 0 5px rgba(0, 0, 0, 0.5);
  position: absolute;
  right: -1em;
  top: -1em;
}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .close:before {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background: #fff;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -5px;
  transform: rotate(-45deg);
}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .close:after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background: #fff;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -5px;
  transform: rotate(45deg);
}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-left {
  position: absolute;
  top: 0;
  right: 50%;
  bottom: 0;
  left: 0;
}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-left:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  border-bottom: 0;
  border-right: 0;
  border-radius: 4px 0 0 0;
  position: absolute;
  top: 50%;
  right: 100%;
  cursor: pointer;
  transform: rotate(-45deg) translateY(-50%);
}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-right:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  border-bottom: 0;
  border-left: 0;
  border-radius: 0 4px 0 0;
  position: absolute;
  top: 50%;
  left: 100%;
  cursor: pointer;
  transform: rotate(45deg) translateY(-50%);
}
.gallery-lightboxes .image-lightbox .image-lightbox-wrapper img {
  margin: 0 auto;
  max-height: 70vh;
}
.services{ padding:40px;}
.navbar { min-height: 100px;}