/*============================  CSS INDEX  ============================================

    

    

  =============================================================*/



@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700');
 @import url('https://fonts.googleapis.com/css?family=Rubik:400,700&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Cinzel:400,700&display=swap');
h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat", sans-serif;
}
html {
	font-size: 14px;
}
body {
	font-family: "Montserrat", sans-serif;
	line-height: 30px;
	color: #777777;
	font-weight: normal;
}
.clear {
	clear: both;
}
.no_padding {
	padding: 0;
}
a {
	color: #337ab7;
	text-decoration: none;
	background-color: transparent;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
a:hover {
	text-decoration: none;
}
a:hover, a:active, a:focus {
	outline: 0;
}
*:focus {
	outline: none !important;
}
p {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	letter-spacing: 1px;
}
*:before, *:after {
	box-sizing: border-box;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
figure {
	margin: 0;
	padding: 0;
}
figure img {
	max-width: 100%
}
.img-center {
	margin: 0 auto;
}
.under_line1 {
	margin: 20px auto;
	/*background: #3C2C53 url(../images/bg12.png) top no-repeat;*/

	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	height: 5px;
}
.under_line2 {
	background: #3C2C53 url(../images/bg3.png) top no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	height: 15px
}
.under_line3 {
	box-shadow: 0px 0px 16px 0px #000;
	height: 25px;
}
.headp {
	max-width: 620px;
	margin: auto;
}
.head1 {
	font-weight: bolder;
	font-family: "Montserrat", sans-serif;
	text-transform: capitalize;
	font-size: 39px;
}
.head2 {
	font-weight: bold;
	font-family: "Montserrat", sans-serif;
	text-transform: capitalize;
	color: #2c1045;
	letter-spacing: 2px;
}
.colr_1 {
	color: #b7862c;
}
.colr_2 {
	color: #000;
}
.colr_3 {
	color: #fff;
}
.colr_4 {
	color: #004C9A;
}
.colr_5 {
	color: #8CC541;
}
.colr_6 {
	color: #00AEEF;
}
.btn_col1 {
	background-color: #333b8a;
	border-color: #1d2349;
	color: #fff;
}
.btn_col1:hover {
	background-color: #272d5b;
	border-color: #1d2349;
	color: #fff;
}
.btn_col2 {
	background-color: #ffc90e;
	border-color: #d69d08;
	color: #000;
}
.btn_col2:hover {
	background-color: #e4a80b;
	border-color: #d69d08;
	color: #fff;
}
.my_btn1 {
	border: 3px solid #0ba1af;
	border-radius: 4px;
	color: #0ba1af;
	display: block;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	margin: auto;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	max-width: 210px;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
.my_btn1::before {
	background: #0ba1af;
	content: "";
	border-radius: 2px;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	opacity: 0;
	width: 100%;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.my_btn1:hover::before {
	opacity: 1;
	height: 100%;
}
.my_btn1:hover {
	color: #fff;
}
.my_btn2 {
	border: 3px solid #b7862c;
	background: #b7862c;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	margin: auto;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	max-width: 200px;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
.my_btn2::before {
	background: #b7862c;
	content: "";
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.my_btn2:hover::before {
	opacity: 1;
	height: 0;
}
.my_btn2:hover {
	color: #b7862c;
	background: none;
	border: 3px solid #b7862c;
}
.my_btn3 {
	border: 3px solid #333b8a;
	/*background: #333b8a ;*/

	background: -webkit-linear-gradient(135deg, #000428 0%, #0074da 100%);
	background: -moz-linear-gradient(135deg, #000428 0%, #0074da 100%);
	background: -ms-linear-gradient(135deg, #000428 0%, #0074da 100%);
	background: -o-linear-gradient(135deg, #000428 0%, #0074da 100%);
	background: linear-gradient(135deg, #000428 0%, #0074da 100%);
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	max-width: 200px;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
}
.my_btn3::before {
	background: #333b8a;
	content: "";
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transform: scaleY(0);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}
.my_btn3:hover::before {
	opacity: 1;
	height: 0;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.my_btn3:hover {
	color: #333b8a;
	background: none;
	border: 3px solid #333b8a;
}
.my_btn4 {
	border: 3px solid #3C2C53;
	background: #3C2C53;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	margin: auto;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	max-width: 200px;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
.my_btn4::before {
	background: #3C2C53;
	content: "";
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.my_btn4:hover::before {
	opacity: 1;
	height: 0;
}
.my_btn4:hover {
	color: #3C2C53;
	background: none;
	border: 3px solid #3C2C53;
}
.scrl_3 {
	border-radius: 7px;
	display: block;
	font-size: 30px;
	font-weight: bold;
	margin: 0 auto 0;
	text-transform: capitalize;
	color: #FFD700;
	text-align: center;
}
.scrl_2 {
	border-radius: 7px;
	display: block;
	font-size: 30px;
	font-weight: bold;
	margin: 27px auto 0;
	text-transform: capitalize;
	color: #FFD700;
	text-align: center;
}
.scrl_2 a {
	color: #FFD700;
}
.r_justified {
	width: 100%;
}
.colResPd {
	padding-left: 3px;
	padding-right: 3px;
}
.paddingT1 {
	padding-top: 100px;
}
.paddingB1 {
	padding-bottom: 20px;
}
.paddingTB1 {
	padding-top: 100px;
	padding-bottom: 150px;
}
.paddingTB2 {
	padding-top: 30px;
	padding-bottom: 60px;
}
.marginB1 {
	margin-bottom: 32px;
}
.marginBtn {
	margin: 50px 0;
}
.marginBtn2 {
	margin: 80px auto 20px;
}
.my_displayBlock {
	display: none;
}
.rfl {
	float: left;
}/* float in big device and float:none in small device */
.rfr {
	float: right;
}/* float in big device and float:none in small device */
.btnrfl {
	float: left;
}
.btnrfr {
	float: right;
}
.lhit1 {
	line-height: 24px;
}
/*----------------------------------------------------------------------------------------

										My box css

----------------------------------------------------------------------------------------*/

.my_boxW {
	/*max-width: 360px;*/

	margin: auto;
	padding-left: 20px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.my_boxW h1 {
	font-size: 24px;
	/*line-height: 27px;*/

	font-weight: bold;
	color: #333b8a;
	text-transform: capitalize;
}
.my_boxW:hover h1 {
	color: #e52332;
}
.my_boxW:hover p {
	color: #3C2C53;
}
.my_box_left {
	float: left;
	/*width: 60px;*/

	width: 20%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.my_boxW:hover .my_box_left {
	color: #3C2C53;
}
.my_box_left i {
	border: 2px solid #e52332;
	border-radius: 50%;
	font-size: 24px;
	margin: 11px auto 11px 5px;
	padding: 8px;
	color: #555;
}
.my_box_right {
	float: right;
	width: 80%;/*width: 285px;*/

}
.animTxtWrap {
	height: 48px;
	position: relative;
	font-weight: bold;
	color: #212121;
	font-size: 24px;
	margin-bottom: 10px;
}
.my_boxW:hover .animTxtWrap {
	color: #0ba1af;
}
.animTxtCont {
	position: absolute;
	bottom: 0;
}
/*----------------------------------------------------------------------------------------

										SCROLL TOP

----------------------------------------------------------------------------------------*/	

.scrollToTop {
	background: #b7862c;
	bottom: 15px;
	color: #ffffff;
	cursor: pointer;
	font-size: 13px;
	height: 40px;
	line-height: 38px;
	position: fixed;
	right: 15px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
	width: 40px;
	z-index: 100;
}
.scrollToTop:hover {
	color: #fff;
	background: #333b8a;
}
/*----------------------------------------------------------------------------------------

										LOADER

----------------------------------------------------------------------------------------*/	  

#my_preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: #fff;
}
#ploader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	border: 1px solid #eef;
	border-top-color: #1C9FDA;
	border-radius: 50%;
	-webkit-animation: movingloader 2s linear infinite;
	animation: movingloader 2s linear infinite;
}
#ploader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border: 1px solid #eef;
	border-top-color: #3C2C53;
	border-radius: 50%;
	-webkit-animation: movingloader 3s linear infinite;
	animation: movingloader 3s linear infinite;
}
#ploader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border: 1px solid #eef;
	border-top-color: #DC6910;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: movingloader 1.5s linear infinite;
	animation: movingloader 1.5s linear infinite;
}
 @-webkit-keyframes movingloader {
 0% {
 -webkit-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes movingloader {
 0% {
 -webkit-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
/*----------------------------------------------------------------------------------------

										Animations classes

----------------------------------------------------------------------------------------*/	

.myAni_col1 {
	-webkit-animation: my_color1 1.5s linear infinite;
	animation: my_color1 1.5s linear infinite;
}
 @-webkit-keyframes my_color1 {
 0% {
 color:#fff;
}
 100% {
 color:#F9ED11;
}
}
 @keyframes my_color1 {
 0% {
 color:#fff;
}
 100% {
 color:#F9ED11;
}
}
.myAni_col2 {
	-webkit-animation: my_color2 1.5s linear infinite;
	animation: my_color2 1.5s linear infinite;
}
 @-webkit-keyframes my_color2 {
 0% {
 color:#fff;
}
 100% {
 color:#1C9FDA;
}
}
 @keyframes my_color2 {
 0% {
 color:#fff;
}
 100% {
 color:#1C9FDA;
}
}
.myAni_col3 {
	-webkit-animation: my_bYellow 1.5s linear infinite;
	animation: my_bYellow 1.5s linear infinite;
}
 @-webkit-keyframes my_bYellow {
 0% {
 color:#000;
}
 100% {
 color:#F9ED11;
}
}
 @keyframes my_bYellow {
 0% {
 color:#000;
}
 100% {
 color:#F9ED11;
}
}
.myAni_col4 {
	-webkit-animation: my_bBlue 1.5s linear infinite;
	animation: my_bBlue 1.5s linear infinite;
}
 @-webkit-keyframes my_bBlue {
 0% {
 color:#000;
}
 100% {
 color:#1C9FDA;
}
}
 @keyframes my_bBlue {
 0% {
 color:#000;
}
 100% {
 color:#1C9FDA;
}
}
.myAni_col5 {
	-webkit-animation: my_bGreen 1.5s linear infinite;
	animation: my_bGreen 1.5s linear infinite;
}
 @-webkit-keyframes my_bGreen {
 0% {
 color:#000;
}
 100% {
 color:#8CC541;
}
}
 @keyframes my_bGreen {
 0% {
 color:#000;
}
 100% {
 color:#8CC541;
}
}
.myAni_col6 {
	-webkit-animation: my_bPink 1.5s linear infinite;
	animation: my_bPink 1.5s linear infinite;
}
 @-webkit-keyframes my_bPink {
 0% {
 color:#000;
}
 100% {
 color:#0ba1af;
}
}
 @keyframes my_bPink {

/* 0% {

 color:#000;

}*/

 100% {
 color:#0ba1af;
}
}
.myAni_fSize1 {
	-webkit-animation: my_fSize_colr 1.5s linear infinite;
	animation: my_fSize_colr 1.5s linear infinite;
}
 @-webkit-keyframes my_fSize_colr {
 0% {
 color:#000;
 font-size: 5px;
 line-height: 14px
}
 50% {
 font-size: 24px;
 line-height: 27px;
}
 100% {
 color:#0ba1af;
 font-size: 36px;
 line-height: 19px
}
}
 @keyframes my_fSize_colr {
 0% {
 color:#000;
 font-size: 5px;
 line-height: 14px
}
 50% {
 font-size: 24px;
 line-height: 27px;
}
 100% {
 color:#0ba1af;
 font-size: 36px;
 line-height: 19px
}
}
.myAni_fSize2 {
	-webkit-animation: my_fSize_colr2 1.5s linear infinite;
	animation: my_fSize_colr2 1.5s linear infinite;
}
 @-webkit-keyframes my_fSize_colr2 {
 0% {
 color:#000;
 font-size: 5px;
 line-height: 14px
}
 50% {
 font-size: 24px;
 line-height: 27px;
}
 100% {
 color:#8CC541;
 font-size: 36px;
 line-height: 19px
}
}
 @keyframes my_fSize_colr2 {
 0% {
 color:#000;
 font-size: 5px;
 line-height: 14px
}
 50% {
 font-size: 24px;
 line-height: 27px;
}
 100% {
 color:#8CC541;
 font-size: 36px;
 line-height: 19px
}
}
.myAni_colrMove1 {
	-webkit-animation: colrMove1 1.5s linear infinite;
	animation: colrMove1 1.5s linear infinite;
}
 @-webkit-keyframes colrMove1 {
 0% {
 color:#0ba1af;
}
 50% {
 color:#8CC541;
}
 100% {
 color:#3C2C53;
}
}
 @keyframes colrMove1 {
 0% {
 color:#0ba1af;
}
 50% {
 color:#8CC541;
}
 100% {
 color:#3C2C53;
}
}
.myAni_colrMove2 {
	-webkit-animation: colrMove2 1.5s linear infinite;
	animation: colrMove2 1.5s linear infinite;
}
 @-webkit-keyframes colrMove2 {
 0% {
 color:#3C2C53;
}
 50% {
 color:#0ba1af;
}
 100% {
 color:#8CC541;
}
}
 @keyframes colrMove2 {
 0% {
 color:#3C2C53;
}
 50% {
 color:#0ba1af;
}
 100% {
 color:#8CC541;
}
}
.myAni_colrMove3 {
	-webkit-animation: colrMove3 1.5s linear infinite;
	animation: colrMove3 1.5s linear infinite;
}
 @-webkit-keyframes colrMove3 {
 0% {
 color:#8CC541;
}
 50% {
 color:#3C2C53;
}
 100% {
 color:#0ba1af;
}
}
 @keyframes colrMove3 {
 0% {
 color:#8CC541;
}
 50% {
 color:#3C2C53;
}
 100% {
 color:#0ba1af;
}
}
/*----------------------------------------------------------------------------------------

										Top logo Section

----------------------------------------------------------------------------------------*/	



/*.logo_wrap {

    position: absolute;

    left: 50%;

	top:0;

    transform: translate(-50%, 0);

}*/



.top_logo {
	/*width: 282px;*/

	margin-left: 20px;
}
.top_logo a {
	text-decoration: none;
}
.top_logo-2 {
	width: 168px;
	margin: auto;
}
/*----------------------------------------------------------------------------------------

										MENU

----------------------------------------------------------------------------------------*/	

.my_nav {
	/*background: linear-gradient(90deg, rgba(255,0,132,1) 0%, rgba(255,255,255,1) 7%, rgba(255,255,255,1) 73%, rgba(255,0,132,1) 100%) !important;*/

	background: -webkit-linear-gradient(135deg, #fff 0%, #fff 30%, #0074da 30%, #000428 50%, #0074da 50%, #000428 90%, #0074da 90%, #000428 100%);
	background: -moz-linear-gradient(135deg, #fff 0%, #fff 30%, #0074da 30%, #000428 50%, #0074da 50%, #000428 90%, #0074da 90%, #000428 100%);
	background: -ms-linear-gradient(135deg, #fff 0%, #fff 30%, #0074da 30%, #000428 50%, #0074da 50%, #000428 90%, #0074da 90%, #000428 100%);
	background: -o-linear-gradient(135deg, #fff 0%, #fff 30%, #0074da 30%, #000428 50%, #0074da 50%, #000428 90%, #0074da 90%, #000428 100%);
	background: linear-gradient(135deg, #fff 0%, #fff 30%, #0074da 30%, #000428 50%, #0074da 50%, #000428 90%, #0074da 90%, #000428 100%);
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	margin-bottom: 0;
	border: none;
	border-radius: 0;
}
.my_nav::after {
	-webkit-box-shadow: 3px 0 3px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 3px 0 3px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 0 3px 1px rgba(0, 0, 0, 0.3);
	content: "";
	height: 0;
	left: 0;
	/*position: absolute;*/

	position: relative;
	top: 100%;
	transition: all .3 ease 0s;
	width: 100%;
}
.my_nav .my_ul {/*margin-top:8px;*/
	float: right;
}
/*.my_nav .my_ul li {

	color: #3C2C53;

}*/

.my_nav .my_ul li a {
	font-size: 14px;
	height: 86px;
	line-height: 86px;
	padding: 0 10px;
	text-decoration: none;
	outline: none;
	background: transparent;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 5px;
}
.my_nav .my_ul li a:hover {
	/*background: #fbc21d  !important;*/

	color: #fff !important;
	/*background: linear-gradient(90deg, #f955ab, rgba(255,0,132,1) 100%) !important;*/

	background: #f2ae40 !important;
}
/*.my_nav .my_ul > li > .dropdown-menu{ margin-top:11px !important;}*/

.my_nav .my_ul > .open > a, .my_nav .my_ul > .open > a:focus, .my_nav .my_ul > .open > a:hover {
	background: none !important;
}
/*.my_nav .my_ul li.active a {

	background: #0ba1af !important;

	color: #fff !important;

}*/

.my_nav .my_ul .current-menu-item a {
	color: #fff !important;
	background: #b7862c !important; /*border-right: 8px solid #e52332; border-left: 8px solid #e52332;*/
}
.current-menu-item {
	color: #fff !important;
	background: #333b8a !important;
	border-right: 8px solid #b7862c;
	border-left: 8px solid #b7862c;
}
.navbar-brand {
	height: 80px;
	margin: 0;
	padding: 5px;
}
.navbar-brand img {
	padding: 10px;
}
.navbar-toggle {
	float: right;
	height: 80px;
	margin: 0;
	padding: 0 20px;
	border: none !important;
}
.navbar-toggle .icon-bar {
	background: #fff;
	height: 1px;
}
.navbar-toggle.collapsed .icon-bar {
	background: #0ba1af !important;
}
.navbar-toggle .icon-bar {
	background: #0ba1af !important;
}
.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 7px;
	background: #0ba1af !important;
}
.navbar-fixed-top {
	border-width: 0;
}
.my_nav .dropdown-menu {
	background: rgba(51,58,139,.7);
	box-shadow: 1px 3px 7px 0px #eee;
	left: auto !important;
	right: 0 !important;/*	-webkit-transform: translate(-50%, 20px);

	-moz-transform: translate(-50%, 20px);

	-ms-transform: translate(-50%, 20px);

	-o-transform: translate(-50%, 20px);

	transform: translate(-50%, 20px);

	-webkit-transition: all .3s linear;

	-moz-transition: all .3s linear;

	-ms-transition: all .3s linear;

	-o-transition: all .3s linear;

	transition: all .3s linear;

	opacity:0;

	visibility:hidden;

	display:block;*/

}
.my_nav .my_ul .dropdown-menu li a {
	color: #fff !important;
	margin: 0;
	height: 45px;
	line-height: 45px;
}
.my_nav .dropdown-menu .my_ul .my_navDdown a:hover {
	color: #fff !important;
}
.my_navDdown .nav li a {
	font-size: 10px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	text-decoration: none;
	outline: none;
	background: inherit;
	color: #fff !important;
	text-transform: uppercase;
	font-weight: bold;
	position: absolute
}
/*----------------------------------------------------------------------------------------

										SECTION my_slider 

----------------------------------------------------------------------------------------*/

#my_slider {
	position: relative;
	margin: auto;
	max-width: 1920px;
}
.sliderbox {
	box-shadow: none;
	display: block;/*margin: 25px auto;*/
}
.slider_txt_wrap {
	background: rgba(0, 0, 0, 0.6);
	display: inline;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0 60px;
}
.slider_txt {
	width: 40%;
}
.slider_img {
	width: 60%;
	position: relative;
}
.slider_img_wrp {
	position: absolute;
	right: 10%;/*top: 171px;*/

}
.stw_left .slider_txt {
	float: left;
	background: rgba(0, 0, 0, 0.6);
	max-height: 100%;
	border-right: 5px solid #fff;
	bottom: 0;
	top: 0;
	left: 0;
	position: absolute;
}
.stw_left .slider_img {
	float: right;
}
.stw_right .slider_txt {
	float: right;
	background: rgba(0, 0, 0, 0.6);
	max-height: 100%;
	border-left: 5px solid #fff;
	bottom: 0;
	top: 0;
	right: 0;
	position: absolute;
}
.stw_right .slider_img {
	float: left;
}
.slider_txt h1 {
	font-family: 'Rubik', sans-serif;
	text-align: center;
	color: #fff;
	font-weight: 600;
	text-shadow: 1px 1px 6px #000;
	font-size: 40px;
	line-height: 56px;
	margin-top: 120px;
	margin-bottom: 5px;
	padding: 0 10px;
}
.slider_txt p {
	color: #fff;
	font-size: 20px;
	line-height: 34px;
	margin: 180px auto 5px;
	text-shadow: 1px 1px 3px #000;
	text-align: center;
	padding: 0 10px;
}
.div_slide {
	overflow: hidden;
}
.div_slide .carousel {
	max-height: 650px;
}
.slider_img_wrap {
	height: 100%;
	max-width: 100%;
	width: 100%;
	margin: auto;
	position: relative;
}
.slider_img_wrap::after {
	display: block;
	position: absolute;
	/*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);*/

	background-color: rgba(0,0,0,0);
	/*margin-top: -150px;*/

	height: 600px;
	width: 100%;
	content: '';
	top: 0;
	left: 0;
}
.scrl_1 {
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
	text-align: center
}
.scrl_dwn {
	text-align: center;
	display: inline-block;
	color: #fff;
	padding: 3px 6px;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	animation: AniScrollDown .5s linear infinite;
	font-size: 30px
}
 @-webkit-keyframes AniScrollDown {
 0% {

 /*color: #fff;*/

 font-size:30px;
}
 100% {

 /*color: #555;*/

 font-size:40px;
}
}
 @keyframes AniScrollDown {
 0% {

 /*color: #fff;*/

 font-size:30px;
}
 100% {

 /*color: #555;*/

 font-size:40px;
}
}
/*

  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)

  CSS from:       http://codepen.io/transportedman/pen/NPWRGq

  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide

  Inspired from:  http://codepen.io/Rowno/pen/Afykb 

*/

#my_slider .carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
}
#my_slider .carousel-fade .carousel-inner .active {
	opacity: 1;
}
#my_slider .carousel-fade .carousel-inner .active.left,  #my_slider .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
#my_slider .carousel-fade .carousel-inner .next.left,  #my_slider .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
#my_slider .carousel-fade .carousel-control {
	z-index: 2;
}
#my_slider .carousel-control.left {
	background: none;
}
#my_slider .carousel-control.right {
	background: none;
}

/*

  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."

  Need to override the 3.3 new styles for modern browsers & apply opacity

*/

@media all and (transform-3d), (-webkit-transform-3d) {
#my_slider .carousel-fade .carousel-inner > .item.next,  #my_slider .carousel-fade .carousel-inner > .item.active.right {
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#my_slider .carousel-fade .carousel-inner > .item.prev,  #my_slider .carousel-fade .carousel-inner > .item.active.left {
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#my_slider .carousel-fade .carousel-inner > .item.next.left,  #my_slider .carousel-fade .carousel-inner > .item.prev.right,  #my_slider .carousel-fade .carousel-inner > .item.active {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
/*----------------------------------------------------------------------------------------

										SECTION my_welcome

----------------------------------------------------------------------------------------*/



.welcome_section {
	padding-top: 120px;
	padding-bottom: 70px;
	background-color: #f3f2f0;
	background: #fff;
	box-shadow: 0px -12px 28px 0px #000;
}
.welc_img {
}
.wimg {
	border: 1px solid #9ccb3b;
	line-height: 100px;
	text-align: center;
	margin: 10px 0;
	border-radius: 3px;
	background: #ffffff;
	box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1);
	margin: 10px;
}
.wc_img {
	margin: 30px auto;
	width: 350px;
}
.welcome_section p {
	color: #3C2C53;
}
.WcS_image {
	position: relative;
	padding-bottom: 100px;
}
.WcS_image img:nth-child(2) {
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 0 10px 0 0;
}
/*----------------------------------------------------------------------------------------

										SECTION my_service 

----------------------------------------------------------------------------------------*/

.my_service {
	/*background: linear-gradient(0deg, #3C2C53 0%, #fff 100%) !important;*/

	/*background: linear-gradient(2200deg, #3C2C53 0%,#3C2C53 20%,#fff 0%, #fff 100%);*/

	

	/*background: linear-gradient(60deg, #fff 0%,#fff 20%,#3C2C53 20%,#3C2C53 30%,transparent 0%, transparent 100%);*/

/*********background: linear-gradient(60deg, #3C2C53 0%,#3C2C53 25%,#3C2C53 25%,#3C2C53 35%,transparent 0%, transparent 100%);*********/

	

	/*background: url(../images/bg10.png) top center no-repeat !important;*/

	

	/*background: linear-gradient(90deg, #0ba1af 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 60%, #3C2C53 100%);*/

	/*border-bottom: 15px solid #528759;*/

	background: #ccc;
	padding-bottom: 80px;
	box-shadow: 0px 0px 16px 0px #000;
}
.my_service2 {
/*background: linear-gradient(220deg, #fff 0%,#fff 20%,#3C2C53 20%,#3C2C53 30%,transparent 0%, transparent 100%)*/

	/*background: linear-gradient(-120deg, #fff 0%,#fff 20%,#3C2C53 20%,#3C2C53 30%,transparent 0%, transparent 100%);*/

}
.my_service .head1 {
	margin: 60px auto 45px;
}
.my_service .headp {
	padding-top: 35px;
	padding-bottom: 30px;
}
.service_boxWrap {
}
.service_box {
	background: #333b8a;
	position: relative;
	max-width: 350px;
	margin: 15px auto;
}
.service_boxIcon {
	left: 20px;
	min-height: 143px;
	position: absolute;
	top: 30px;
	width: 80px;
}
.service_boxText {
	background: #ddd;
	margin-left: 80px;
	min-height: 143px;
	padding: 12px;
	max-width: 270px;
	z-index: 1;
	position: relative;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
.service_boxText::before {
	background: #333b8a;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	width: 0;
	z-index: -1;
}
.service_boxText:hover::before {
	opacity: 1;
	width: 100%;
}
.service_boxText:hover p {
	color: #fff;
}
.service_boxText:hover h1 {
	color: #fff;
}
.service_box .service_boxText:hover i {
	color: #fff;
}
.service_box .service_boxIcon i {
	font-size: 38px;
	color: #fff;
}
.service_box .service_boxText i {
	font-size: 14px;
	color: #0ba1af;
}
.service_box h1 {
	font-size: 22px;
	font-weight: bold;
	color: #e52332;
	text-transform: capitalize;
}
.service_box p {
	color: #212121;
	margin: 0;
}
/*----------------------------------------------------------------------------------------

										SECTION About comapny in home page

----------------------------------------------------------------------------------------*/

.myHomeAbout {
	background-image: url("../images/s1.jpg");
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
	padding-bottom: 50px;
}
.myHomeAbout::before {
	position: absolute;
	content: '';
	-moz-background: linear-gradient(-70deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 20%, rgba(1, 4, 23, 0.9) 20%, rgba(1, 4, 23, 0.9) 40%, rgba(0, 0, 0, 0.9) 40%, rgba(0, 0, 0, 0.9) 60%, rgba(1, 4, 23, 0.9) 60%, rgba(1, 4, 23, 0.9) 80%, rgba(0, 0, 0, 0.9) 80%, rgba(0, 0, 0, 0.9) 100%);
	-webkit-background: linear-gradient(-70deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 20%, rgba(1, 4, 23, 0.9) 20%, rgba(1, 4, 23, 0.9) 40%, rgba(0, 0, 0, 0.9) 40%, rgba(0, 0, 0, 0.9) 60%, rgba(1, 4, 23, 0.9) 60%, rgba(1, 4, 23, 0.9) 80%, rgba(0, 0, 0, 0.9) 80%, rgba(0, 0, 0, 0.9) 100%);
	background: linear-gradient(-70deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 20%, rgba(1, 4, 23, 0.9) 20%, rgba(1, 4, 23, 0.9) 40%, rgba(0, 0, 0, 0.9) 40%, rgba(0, 0, 0, 0.9) 60%, rgba(1, 4, 23, 0.9) 60%, rgba(1, 4, 23, 0.9) 80%, rgba(0, 0, 0, 0.9) 80%, rgba(0, 0, 0, 0.9) 100%);
	/*background:linear-gradient(-70deg, rgba(0, 0, 0, 0.9) 0%,rgba(1, 4, 23, 0.9) 10%, rgba(0, 0, 0, 0.9) 10%,rgba(1, 4, 23, 0.9) 20%,rgba(0, 0, 0, 0.9) 20%,rgba(1, 4, 23, 0.9) 30%,rgba(0, 0, 0, 0.9) 30%,rgba(1, 4, 23, 0.9) 40%,rgba(0, 0, 0, 0.9) 40%,rgba(1, 4, 23, 0.9) 50%,rgba(0, 0, 0, 0.9) 50%,rgba(1, 4, 23, 0.9) 60%,rgba(0, 0, 0, 0.9) 60%,rgba(1, 4, 23, 0.9) 70%,rgba(0, 0, 0, 0.9) 70%,rgba(1, 4, 23, 0.9) 80%,rgba(0, 0, 0, 0.9) 80%,rgba(1, 4, 23, 0.9) 90%,rgba(0, 0, 0, 0.9) 90%,rgba(1, 4, 23, 0.9) 100%);*/

	width: 100%;
	height: 100%;
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}
/*.company-title h3{background-image: url("../images/bg13.png");background-repeat: no-repeat;background-size: cover;background-color:rgba(0,0,0,.6);}*/

.workStyl-title h3 {
	padding-bottom: 50px;
	padding-top: 50px;
}
.company-title h3 {
	padding-bottom: 50px;
	padding-top: 50px;
}
.CompAbout_wrap {
	padding-top: 5px;
	color: #fff;
}
.CompAbout_wrap h3 {
	font-size: 19px;
	text-align: left;
}
.CompAbout_wrap span {
	padding-right: 5px;
}
.company_bg {
	padding: 20px 40px 75px;
	-moz-background: linear-gradient(-70deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 20%, rgba(1, 4, 23, 0.7) 20%, rgba(1, 4, 23, 0.7) 40%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.7) 60%, rgba(1, 4, 23, 0.7) 60%, rgba(1, 4, 23, 0.7) 80%, rgba(0, 0, 0, 0.7) 80%, rgba(0, 0, 0, 0.7) 100%);
	-webkit-background: linear-gradient(-70deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 20%, rgba(1, 4, 23, 0.7) 20%, rgba(1, 4, 23, 0.7) 40%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.7) 60%, rgba(1, 4, 23, 0.7) 60%, rgba(1, 4, 23, 0.7) 80%, rgba(0, 0, 0, 0.7) 80%, rgba(0, 0, 0, 0.7) 100%);
	background: linear-gradient(-70deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 20%, rgba(1, 4, 23, 0.7) 20%, rgba(1, 4, 23, 0.7) 40%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.7) 60%, rgba(1, 4, 23, 0.7) 60%, rgba(1, 4, 23, 0.7) 80%, rgba(0, 0, 0, 0.7) 80%, rgba(0, 0, 0, 0.7) 100%);/*background: rgb(0, 0, 0, .7);*/ /*url(../images/bg6.png) no-repeat*/

/*	background-size: cover;

	-moz-background-size: cover;

	-webkit-background-size: cover;

	-o-background-size: cover;

	-ms-background-size: cover;*/

	/* background-color: rgb(44, 16, 69); */

}
.company_bg2 {
	padding: 20px 40px 75px;
	background: rgb(11, 161, 175, .7);
}
.workStyle_box {
	text-align: center;
}
.workStyle_box h3 {
	color: #fff;
	font-size: 14px;
}
.workStyle_box .fa-angle-double-down {
	display: none;
}
.contact_formWrap {
	margin: 32px 25px 0;
}
.my_form .form-control {
	border: 1px solid #0ba1af;
	margin-bottom: 30px;
	border-radius: 0;
}
.my_form input {
	height: 50px;
}
/*----------------------------------------------------------------------------------------

										SECTION home page portfolio

----------------------------------------------------------------------------------------*/

#my_portfolio {
	position: relative;
	background-image: url("../images/s1.jpg");
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-attachment: fixed;
	background-size: cover;
	padding-bottom: 60px;
}
#my_portfolio::before {
	position: absolute;
	content: '';
	background: rgba(13,16,38,.7);
	width: 100%;
	height: 100%;
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}
#my_portfolio .filter-button {
	font-size: 18px;
	/*border: 1px solid #0ba1af;*/

	border-radius: 0;
	text-align: center;
	color: #fff;
	margin: 0 3px 8px;
	background: #0ba1af;
	box-shadow: 0px 2px 4px -1px #0ba1af;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
}
#my_portfolio .filter-button:hover {
	color: #fff;
	background: #8CC541;
	box-shadow: 0px 2px 4px -1px #8CC541
}
#my_portfolio .btn:active, #my_portfolio .filter-button:active {
	/*border: 1px solid #221A30 !important;*/

	color: #ffffff !important;
	background-color: #3C2C53 !important;
	box-shadow: 2px 2px 2px #3C2C53
}
#my_portfolio .btn.active, #my_portfolio .filter-button.active {
	border: 1px solid #221A30 !important;
	color: #ffffff !important;
	background-color: #3C2C53 !important;
	box-shadow: 2px 2px 2px #3C2C53
}
/*#my_portfolio .btn.active, #my_portfolio .btn:active {

	background-image: none;

	outline: 0;

	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);

	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);

}*/

.g_overlayWrap .port-image {
	width: 100%;
}
#my_portfolio .pf_content {
	margin-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
}
.g_overlayWrap .gal_overlay {
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	overflow: hidden;
	border: 1px solid #eee;
}
.g_overlayWrap .gal_overlay::after {
	background: rgba(0, 0, 0,.5);
	content: "";
	height: 0;
	width: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	z-index: 2;
}
.g_overlayWrap .pf_content:hover .gal_overlay::after {
	opacity: 1;
	height: 100%;
}
.g_overlayWrap .categry-thumb::before, .g_overlayWrap .categry-thumb, .g_overlayWrap .categry-thumb img, .categry-social-links, .g_overlayWrap .categry-events-box .categry-caption a {
	transition: all 0.7s ease-in-out 0s;
}
.g_overlayWrap .gal_overlay img, .g_overlayWrap .gal_overlay::after, .g_overlayWrap .gal_overlay, .g_overlayWrap .pf_content {
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
.g_overlayWrap .pf_content:hover img {
	transform: scale(1.2) rotate(3deg);
}
.g_overlayWrap .portfolio .head1 {
	color: #fff;
	margin: 60px auto 45px;
}
.g_overlayWrap .gallaryClick {
	opacity: 0;
	height: 100%;
	left: 48%;
	position: absolute;
	top: 38%;
	z-index: 9999;
	transition: all 0.2s ease-in-out 0s;
}
.g_overlayWrap .gallaryClick a {
	font-size: 26px;
	color: #333b8a;
	background: #fff;
	border-radius: 50%;
	padding: 7px 10px;
}
.g_overlayWrap .pf_content:hover .gallaryClick {
	opacity: 1;
}
.g_overlayWrap .gallary_txt {
	opacity: 0;
	height: 100%;
	width: 100%;
	left: 0;
	position: absolute;
	top: 58%;
	z-index: 9999;
	transition: all 0.2s ease-in-out 0s;
}
.g_overlayWrap .pf_content:hover .gallary_txt {
	opacity: 1;
}
.gallary_txt p {
	text-align: center;
	color: #fff;
	font-family: 'Courgette', cursive;
}
.g_overlayWrap .gallary_txt p {
	padding: 2px 8px;
}
.gal_detls {
	text-align: center;
	background: #000;
	color: #fff;
	padding: 12px 2px 2px;
}
/*----------------------------------------------------------------------------------------

										SECTION find our vendor

----------------------------------------------------------------------------------------*/

#my_category {
	padding-top: 40px;
	padding-bottom: 50px;
	position: relative;
	border-bottom: 15px solid #ffc90e;
	background: url(../images/bg1.png) no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	;
}
.category_wrap {
}
.category_wrap p {
	margin: 20px auto;
}
.categrText h1 {
	font-size: 24px;
	font-weight: normal;
	color: #000;
	text-transform: capitalize;
	/*border-bottom:1px solid #FFD700;*/

	padding-bottom: 10px;
	padding-top: 278px;
	text-align: center;
}
.categrText p {
	color: #212121;
}
.categry-wrapper .categry-welcome-imgs {
	margin: 0px;
	padding: 0px;
	list-style: none
}
cp-wrapper .categry-welcome-imgs>li {
	margin-bottom: 30px
}
.categry-thumb {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden
}
.categry-thumb img {
	width: 100%;
	height: auto
}
.categry-welcome-imgs li {
	margin-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
}
.categry-welcome-imgs .categry-thumb::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	border: 2px solid rgba(255,255,255,0.6);
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
	transform: scale(0.95)
}
.categry-welcome-imgs .categry-thumb:hover::before {
	border-color: #fff
}
.categry-thumb:hover::before {
	opacity: 1;
	transform: scale(0.95);
	visibility: visible;
	width: 100%;
}
.categry-thumb::before, .categry-thumb, .categry-thumb img, .categry-social-links, .categry-events-box .categry-caption a {
	transition: all 0.7s ease-in-out 0s;
}
.categry-thumb::before {
	background-color: rgba(255, 255, 255, 0.3);
	bottom: 0;
	content: "";
	height: 100%;
	opacity: 0;
	position: absolute;
	right: 0;
	transform: scale(1.4);
	visibility: hidden;
	width: 100%;
	z-index: 99;
}
.categry-thumb:hover img {
	transform: scale(1.2) rotate(3deg);
}
.categry-thumb::before, .categry-thumb, .categry-thumb img, .categry-social-links, .categry-events-box .categry-caption a {
	transition: all 0.7s ease-in-out 0s;
}
.categry-thumb img {
	height: auto;
	width: 100%;
}
.categry-thumb img {
	max-width: 100%;
}
.categryClick {
	opacity: 0;
	height: 100%;
	left: 48%;
	position: absolute;
	top: 38%;
	z-index: 9999;
	transition: all 0.2s ease-in-out 0s;
}
.categryClick a {
	font-size: 26px;
	color: #fff;
}
.categry-thumb:hover .categryClick {
	opacity: 1;
}
/*----------------------------------------------------------------------------------------

										SECTION my_Events

----------------------------------------------------------------------------------------*/

.my_event {
	background: #fff url(../images/bg3.png);
	padding: 50px 0;
	background-size: contain;
}
.my_event .head1 {
	color: #333b8a;
}
.my_event .headp {
	padding-top: 35px;
	padding-bottom: 30px;
}
.event_wrap {
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	box-shadow: 0 0 8px rgba(34, 30, 31, 0.3);
	margin: 10px 10px 25px;
}
.event_image > a {
	display: block;
	position: relative;
}
.event_image > span {
	background: #2d3e50;
	bottom: 0;
	content: "";
	height: 96px;
	left: 0;
	position: absolute;
	width: 96px;
}
.event_image a > span {
	background: #333b8a;
	bottom: 0;
	color: #ffffff;
	font-size: 24px;
	height: 70px;
	left: 0;
	position: absolute;
	width: 100%;
	text-transform: capitalize;
	line-height: 70px;
	font-weight: bold;
}
.event_image span {
	display: block;
	font-family: "montserratsemibold";
	font-size: 42px;
	text-align: center;
}
.event_contnt > h3 a, .event_contnt > h3 {
	color: #e52332;
	font-size: 20px;
	font-weight: normal;
	line-height: 26px;
	text-transform: capitalize;
}
.event_wrap h3:hover a {
	color: #333b8a;
}
.event_contnt > h3 {
	margin-bottom: 5px;
	margin-top: 10px;
}
.event_contnt {
	background: #f6f6f6;
	border-bottom: 2px solid #e52332;
	padding: 20px 30px 35px;
	text-align: center;
}
.event_wrap .item_text {
	margin-bottom: 15px;
}
.event_wrap .item_text span {
	margin-right: 12px;
}
.event_wrap .item_text span:last-child {
	margin-right: 0;
}
.event_wrap .item_text span i {
	margin-right: 8px;
}
.event_wrap .button-default {
	background: #76c381;
	margin-top: 16px;
	padding: 6px 20px;
}
.event_wrap .button-default:hover {
	background: #2d3e50;
	color: #fff;
}
.event_wrap:hover {
	box-shadow: 0 0 8px rgba(34, 30, 31, 0.3);
}
.event_image img {
	display: block;
}
/*----------------------------------------------------------------------------------------

										SECTION my_testimonial 

----------------------------------------------------------------------------------------*/

#my_testimonial {
	-moz-background: linear-gradient(-70deg, #fff 0%, #f9f9f9 10%, #fff 10%, #f9f9f9 20%, #fff 20%, #f9f9f9 30%, #fff 30%, #f9f9f9 40%, #fff 40%, #f9f9f9 50%, #fff 50%, #f9f9f9 60%, #fff 60%, #f9f9f9 70%, #fff 70%, #f9f9f9 80%, #fff 80%, #f9f9f9 90%, #fff 90%, #f9f9f9 100%);
	-webkit-background: linear-gradient(-70deg, #fff 0%, #f9f9f9 10%, #fff 10%, #f9f9f9 20%, #fff 20%, #f9f9f9 30%, #fff 30%, #f9f9f9 40%, #fff 40%, #f9f9f9 50%, #fff 50%, #f9f9f9 60%, #fff 60%, #f9f9f9 70%, #fff 70%, #f9f9f9 80%, #fff 80%, #f9f9f9 90%, #fff 90%, #f9f9f9 100%);
	background: linear-gradient(-70deg, #fff 0%, #f9f9f9 10%, #fff 10%, #f9f9f9 20%, #fff 20%, #f9f9f9 30%, #fff 30%, #f9f9f9 40%, #fff 40%, #f9f9f9 50%, #fff 50%, #f9f9f9 60%, #fff 60%, #f9f9f9 70%, #fff 70%, #f9f9f9 80%, #fff 80%, #f9f9f9 90%, #fff 90%, #f9f9f9 100%);
	/*background-image: url("../images/bg3.png");*/

	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
	padding: 50px 0;
}
/*#my_testimonial::before {

	position: absolute;

	content: '';

	background: rgba(0,0,0,.7);

	width: 100%;

	height: 100%;

	-webkit-transition: all 2s ease-in-out;

	-moz-transition: all 2s ease-in-out;

	-ms-transition: all 2s ease-in-out;

	-o-transition: all 2s ease-in-out;

	transition: all 2s ease-in-out;

}*/

#my_testimonial .head1 {
	color: #333b8a
}
.my_testim_wrap {
	margin: 30px auto;
}
.tsti_carousl {
	padding-bottom: 25px;
	padding-top: 30px;
}
.testimonial_box {
	text-align: center;
	color: #aaa;
	max-width: 600px;
	margin: 30px auto;
	padding: 30px;
}
/*.testimonial_shape {

	background: #8CC541;

	width: 85%;

	height: 150px;

	-webkit-transform: skew(-27.3deg);

	transform: skew(-27.3deg);

	margin: auto;

	position: relative;

	padding:30px;

	border-top:15px solid #0ba1af;

	

}

.testimonial_shape:after {

	top: 100%;

	left: 50%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

	border-color: rgba(136, 183, 213, 0);

	border-top-color: #8CC541;

	border-width: 30px;

	margin-left: -125px;

}*/



.testimonial_box p {
	margin: auto;
	font-size: 16px;
	font-family: "Montserrat", sans-serif;
	color: #3C2C53;
}
.testimonial_box h2 {
	font-size: 18px;
	font-family: "Montserrat", sans-serif;
	color: #e52332;
}
.testimonial_box h4 {
	font-family: "Montserrat", sans-serif;
}
.testimonial_box img {
	border-radius: 50%;
	width: 100px;
	height: 100px;
	margin: 25px auto 5px;
	border: 3px solid #e52332;
	box-shadow: 0px 11px 0px 5px #333b8a;
}
/*

  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)

  CSS from:       http://codepen.io/transportedman/pen/NPWRGq

  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide

  Inspired from:  http://codepen.io/Rowno/pen/Afykb 

*/

#my_testimonial .carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
}
#my_testimonial .carousel-fade .carousel-inner .active {
	opacity: 1;
}
#my_testimonial .carousel-fade .carousel-inner .active.left,  #my_testimonial .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
#my_testimonial .carousel-fade .carousel-inner .next.left,  #my_testimonial .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
#my_testimonial .carousel-fade .carousel-control {
	z-index: 2;
	color: #e52332;
}
#my_testimonial .carousel-control.left {
	background: none;
}
#my_testimonial .carousel-control.right {
	background: none;
}

/*

  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."

  Need to override the 3.3 new styles for modern browsers & apply opacity

*/

@media all and (transform-3d), (-webkit-transform-3d) {
#my_testimonial .carousel-fade .carousel-inner > .item.next,  #my_testimonial .carousel-fade .carousel-inner > .item.active.right {
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#my_testimonial .carousel-fade .carousel-inner > .item.prev,  #my_testimonial .carousel-fade .carousel-inner > .item.active.left {
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#my_testimonial .carousel-fade .carousel-inner > .item.next.left,  #my_testimonial .carousel-fade .carousel-inner > .item.prev.right,  #my_testimonial .carousel-fade .carousel-inner > .item.active {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
/*----------------------------------------------------------------------------------------

										SECTION SOCIAL MEDIA  

----------------------------------------------------------------------------------------*/

.my_socialmed {
	padding: 115px 0;
	border-bottom: 15px solid #FFD700;
}
.socialmed_wrap {
}
.socialmed_box {
	list-style: none;
	display: inline-block;
	padding: 5px 0 0;
}
.socialmed_box li {
	width: 80px;
	/*height: 80px;*/

	float: left;
	margin: 10px;
	padding: 3px;
	text-align: center;
	border-radius: 50%;
}
.socialmed_box i {
	font-size: 33px;
	margin: 0;
	-moz-transition: all 0.9s ease-in-out;
	-webkit-transition: all 0.9s ease-in-out;
	-ms-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
	color: #fff;
	border: 1px dashed transparent;
	border-radius: 50%;
	padding: 10px;
	width: 55px;
	height: 55px;
}
.socialmed_box li:hover i {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	border: 1px solid #fff;
	border-radius: 50%;
}
/*----------------------------------------------------------------------------------------

										FOOTER

----------------------------------------------------------------------------------------*/	

.my_footer {
	background: -webkit-linear-gradient(135deg, #000428, #0074da);
	background: -moz-linear-gradient(135deg, #000428, #0074da);
	background: -ms-linear-gradient(135deg, #000428, #0074da);
	background: -o-linear-gradient(135deg, #000428, #0074da);
	background: linear-gradient(135deg, #000428, #0074da);
}
.my_footer p {
	text-align: center;
	margin: 5px auto;
}
.my_footer a {
	-moz-transition: all 0.9s ease-in-out;
	-webkit-transition: all 0.9s ease-in-out;
	-ms-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
	color: #b7862c;
}
.my_footer a:hover {
	color: #1C9FDA;
}
/*----------------------------------------------------------------------------------------

										gallery pages

----------------------------------------------------------------------------------------*/	



#my_galleryPg {
	padding-top: 40px;
	padding-bottom: 50px;
	position: relative;
}
#my_galleryPg .head1 {
	color: #333b8a;
}
#my_galleryPg .pf_content {
	margin-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
}
.Gal_filter-button {
	font-size: 18px;
	line-height: 48px;
	border: none;
	border-radius: 20px 0 20px 0;
	text-align: center;
	color: #fff;
	margin: 8px 3px;
	background: #000;
	padding: 0 12px 0 0;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	border-bottom: 4px solid #c39a0a;
}
.Gal_filter-button::before {
	background: #ffc90e;
	content: "";
	border-radius: 15px 0 15px 0;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	width: 60px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.Gal_filter-button:hover::before {
	width: 100%;
}
.Gal_filter-button:hover {
	color: #fff;
	text-shadow: 0px -2px #ddad09;
}
.galFbtnL {
	margin: 0 12px 0 0;
	border-radius: 25px 0 25px 5px;
	height: 50px;
	width: 65px;
	display: inline-block;
	padding: 0;
	text-shadow: 0px -2px #ddad09;
}
.Gal_portfolio h2 {
	color: #000;
}
.gal_info {
	height: 100px;
	background: #ddd;
	display: block;
	padding: 0 10px 5px;
}
.gal_info .scrolInfo {
	background: #ccc;
	bottom: 38px;
	height: 62px;
	overflow: auto;
	padding: 5px 10px;
	border-bottom: 2px solid #eee;
	border-top: 2px solid #eee;
	color: #333;
	border-left: 2px solid #eee;
}
/*----------------------------------------------------------------------------------------

										 portfolio page portfolio

----------------------------------------------------------------------------------------*/





/*----------------------------------------------------------------------------------------

										 Service  page 

----------------------------------------------------------------------------------------*/

.srvce_top_section {
	/*background-image: url("../images/bg10.jpg");*/

	background: #555;
	z-index: 1;
	position: relative;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	padding-top: 10px;
	padding-bottom: 10px;
}
.srvce_top_section::before {
	-moz-background: linear-gradient(-45deg, transparent 0%, transparent 20%, #0ba1af 20%, #0ba1af 40%, transparent 0%, transparent 100%);
	-webkit-background: linear-gradient(-45deg, transparent 0%, transparent 20%, #0ba1af 20%, #0ba1af 40%, transparent 0%, transparent 100%);
	background: linear-gradient(-45deg, transparent 0%, transparent 20%, #0ba1af 20%, #0ba1af 40%, transparent 0%, transparent 100%);
	content: "";
	height: 100%;
	right: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	width: 0;
	z-index: -1;
}
.srvce_top_section:hover::before {
	opacity: 1;
	width: 100%;
}
.srvce_top_section h2 {
	color: #fff;
}
.srvce_top_section p {
	color: #fff;
}
.srvce2_top_section {
	-moz-background: linear-gradient(-70deg, #fff 0%, #fff 20%, #fff 20%, #fff 40%, #555 0%, #555 100%);
	-webkit-background: linear-gradient(-70deg, #fff 0%, #fff 20%, #fff 20%, #fff 40%, #555 0%, #555 100%);
	background: linear-gradient(-70deg, #fff 0%, #fff 20%, #fff 20%, #fff 40%, #555 0%, #555 100%);
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	padding-top: 10px;
	padding-bottom: 10px;
}
.srvce2_top_section h2 {
	color: #0ba1af;
}
.srvce2_top_section p {
	color: #fff;
}
/*----------------------------------------------------------------------------------------

									tab1	SECTION

----------------------------------------------------------------------------------------*/



.my_tabMainWrap1 {
	padding-bottom: 10px;
}
.my_tabMainWrap1 ul {
	background: #3C2C53;
	height: 86px;
}
.my_tabMainWrap1 li > a {
	font-size: 14px;
	font-weight: bold;
	height: 86px;
	padding: 28px;
	text-transform: uppercase;
	color: #fff;
	border-radius: 0;
}
.my_tabMainWrap1 .nav-pills > li.active > a, .my_tabMainWrap1 .nav-pills > li.active > a:focus, .my_tabMainWrap1 .nav-pills > li.active > a:hover {
	background-color: #0ba1af;
	color: #fff;
}
.my_tabMainWrap1 .nav > li > a:focus, .my_tabMainWrap1 .nav > li > a:hover {
	background-color: #f955ab;
	text-decoration: none;
}
/*.my_tabMainWrap1 .tab-content {

	padding: 70px 0 30px;

}*/



/*--------------------Features Animation text-----------------------------------------------

-------------------------------------------------------------------------------------------------*/

.rw-wrapper {
	width: 80%;
	position: relative;
	margin: 80px auto 0 auto;
	padding: 10px;
	overflow: hidden;
}
.rw-sentence {
	margin: 0;
	text-transform: uppercase;
	font-weight: 300;
	text-shadow: 0 0 0 rgba(0,0,0,0.0001);
}
.rw-sentence span {
	color: #000;
	white-space: nowrap;
}
.rw-sentence > span:first-child {
	display: block;
	text-indent: 5px;
	font-size: 145%;
	padding-bottom: 20px;
}
.rw-words {
	width: 100%;
	height: 100px;
	-webkit-perspective: 800px;
	perspective: 800px;
}
.rw-words span {
	position: absolute;
	width: 100%;
	opacity: 0;
	white-space: nowrap;
}
.rw-words-1 span {
	font-size: 300%;
	line-height: 82%;
	-webkit-animation: rotateWordsFirst 18s linear infinite 0s;
	-ms-animation: rotateWordsFirst 18s linear infinite 0s;
	animation: rotateWordsFirst 18s linear infinite 0s;
	font-weight: 500;
}
.rw-words-2 span {
	font-size: 145%;
	font-style: italic;
	text-indent: 5px;
	line-height: 90%;
	color: #da0a0a;
	-webkit-animation: rotateWordsSecond 18s ease-in infinite 0s;
	-ms-animation: rotateWordsSecond 18s ease-in infinite 0s;
	animation: rotateWordsSecond 18s ease-in infinite 0s;
}
.rw-words span:nth-child(2) {
	-webkit-animation-delay: 3s;
	-ms-animation-delay: 3s;
	animation-delay: 3s;
}
.rw-words span:nth-child(3) {
	-webkit-animation-delay: 6s;
	-ms-animation-delay: 6s;
	animation-delay: 6s;
}
.rw-words span:nth-child(4) {
	-webkit-animation-delay: 9s;
	-ms-animation-delay: 9s;
	animation-delay: 9s;
}
.rw-words span:nth-child(5) {
	-webkit-animation-delay: 12s;
	-ms-animation-delay: 12s;
	animation-delay: 12s;
}
.rw-words span:nth-child(6) {
	-webkit-animation-delay: 15s;
	-ms-animation-delay: 15s;
	animation-delay: 15s;
}
 @-webkit-keyframes rotateWordsFirst {
 0% {
opacity: 0;
-webkit-animation-timing-function: ease-in;
width: 0px;
}
 5% {
opacity: 1;
-webkit-animation-timing-function: ease-out;
width: 100%;
}
 17% {
opacity: 1;
}
 20% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
 @-ms-keyframes rotateWordsFirst {
 0% {
opacity: 0;
-ms-animation-timing-function: ease-in;
width: 0px;
}
 5% {
opacity: 1;
-ms-animation-timing-function: ease-out;
width: 100%;
}
 17% {
opacity: 1;
}
 20% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
 @keyframes rotateWordsFirst {
 0% {
opacity: 0;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
width: 0px;
}
 5% {
opacity: 1;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
width: 100%;
}
 17% {
opacity: 1;
}
 20% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
 @-webkit-keyframes rotateWordsSecond {
 0% {
opacity: 0;
-webkit-transform: translateZ(600px) translateX(200px);
}
 8% {
opacity: 1;
-webkit-transform: translateZ(0px) translateX(0px);
}
 17% {
opacity: 1;
}
 25% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
 @-ms-keyframes rotateWordsSecond {
 0% {
opacity: 0;
-ms-transform: translateZ(600px) translateX(200px);
}
 8% {
opacity: 1;
-ms-transform: translateZ(0px) translateX(0px);
}
 17% {
opacity: 1;
}
 25% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
 @keyframes rotateWordsSecond {
 0% {
opacity: 0;
-webkit-transform: translateZ(600px) translateX(200px);
transform: translateZ(600px) translateX(200px);
}
 8% {
opacity: 1;
-webkit-transform: translateZ(0px) translateX(0px);
transform: translateZ(0px) translateX(0px);
}
 17% {
opacity: 1;
}
 25% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
 @media screen and (max-width: 1060px) {
.rw-words {
	height: 55px;
}
.rw-words-1 span {
	font-size: 280%;
	text-indent: 5px;
}
.rw-words-2 span {
	font-size: 160%;
}
}
 @media screen and (max-width: 560px) {
.rw-words {
	height: 40px;
}
.rw-words-1 span {
	font-size: 180%;
	text-indent: 5px;
}
.rw-words-2 span {
	font-size: 90%;
}
.rw-sentence > span:first-child {
	font-size: 80%;
}
}
 @media screen and (max-width: 400px) {
.rw-words {
	height: 30px;
}
.rw-words-1 span {
	font-size: 140%;
	text-indent: 5px;
}
.rw-words-2 span {
	font-size: 70%;
}
.rw-sentence > span:first-child {
	font-size: 60%;
}
}
/*----------------------------------------------------------------------------------------

										SECTION serv ice page logo portfolio

----------------------------------------------------------------------------------------*/

#my_portfolio2 {
	padding-top: 70px;
	padding-bottom: 50px;
	position: relative;
	background: #f1f1f1;
}
.my_tabMenu {
	margin: auto;
	display: inline-block;
}
.my_tabMenu li {
	display: inline;
}
.my_btn5 {
	font-size: 18px;
	border-radius: 0;
	text-align: center;
	color: #fff;
	margin: 8px;
	background: -webkit-linear-gradient(135deg, #000428 0%, #0074da 100%);
	background: -moz-linear-gradient(135deg, #000428 0%, #0074da 100%);
	background: -ms-linear-gradient(135deg, #000428 0%, #0074da 100%);
	background: -o-linear-gradient(135deg, #000428 0%, #0074da 100%);
	background: linear-gradient(135deg, #000428 0%, #0074da 100%);
	box-shadow: 0px 2px 4px -1px #666;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	/*height:50px;

	line-height: 35px;*/

	font-weight: bold;
}
.my_btn5:hover {
	color: #fff;
	background: #fbc21d !important;
	box-shadow: 0px 2px 4px -1px #666
}
.my_tabMenu .my_btn5 {
	box-shadow: 5px 6px 6px -1px #666
}
.my_tabMenu .active .my_btn5 {
	color: #ffffff !important;
	background: #b7862c !important;
	box-shadow: 2px 2px 2px #666
}
.my_btn6 {
	font-size: 18px;
	border-radius: 45px;
	text-align: center;
	color: #fff;
	margin: 8px;
	background: -webkit-linear-gradient(135deg, #02769A 0%, #00AEEF 100%);
	background: -moz-linear-gradient(135deg, #02769A 0%, #00AEEF 100%);
	background: -ms-linear-gradient(135deg, #02769A 0%, #00AEEF 100%);
	background: -o-linear-gradient(135deg, #02769A 0%, #00AEEF 100%);
	background: linear-gradient(135deg, #02769A 0%, #00AEEF 100%);
	box-shadow: 0px 2px 4px -1px #666;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	/*height:50px;

	line-height: 35px;*/

	font-weight: bold;
}
.my_btn6:hover {
	color: #fff;
	background: #48CFF9 !important;
	box-shadow: 0px 2px 4px -1px #666
}
.my_tabMenu .my_btn6 {
	box-shadow: 5px 6px 6px -1px #666
}
.my_tabMenu .active .my_btn6 {
	color: #ffffff !important;
	background: #03596D !important;
	box-shadow: 2px 2px 2px #666
}
#my_portfolio2 .pf_content {
	margin-bottom: 30px;
}
/*.portServ_content {

	padding-bottom: 237px;

}*/





.portServ_content .tab-content {
	padding: 60px 0 0px;
}
/*----------------------------------------------------------------------------------------

										Service page SECTION service provide

----------------------------------------------------------------------------------------*/



.serPro_section {
	padding-top: 70px;
	padding-bottom: 70px;
	background-color: #f3f2f0;
	background-image: -webkit-linear-gradient(#fff, #f3f2f0);
	background-image: linear-gradient(#fff, #f3f2f0);
	box-shadow: 0px 0px 18px 0px #000;
}
.serPro_section .my_boxW:hover {
	box-shadow: -7px 0px 8px -4px rgba(0, 0, 0, .15);
}
.serPro_section .my_boxW {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.serPro_section .my_boxW:hover .my_box_left {
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
}
.txt_rate {
	font-size: 16px;
	font-weight: bold
}
.txt_rate i {
	margin-right: 5px;
	-webkit-transform: rotate(43deg);
	-ms-transform: rotate(43deg);
	transform: rotate(43deg);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.serPro_section .my_boxW:hover .txt_rate i {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.serPro_section .my_boxW:hover .colr_1 {
	color: #8CC541;
}
.serPro_section .my_boxW:hover .colr_2 {
	color: #0ba1af;
}
/**/

.tab_section1 {
	padding-top: 120px;
	padding-bottom: 70px;
	background-color: #f3f2f0;
	background: #fff;
	box-shadow: 0px -12px 28px 0px #000;
}
/*magnific-popup.css EDIT start*/
.nivo-lightbox-theme-default .nivo-lightbox-close {
	top: 10%;
}
/*magnific-popup.css EDIT end*/

.my_panel .panel-heading {
	height: auto;
}
.my_panel .panel-heading h4 {
	font-size: 24px;
 //color: #fff;
	padding: 9px;
}
.my_panel .panel-heading a {
	text-decoration: none;
}
.my_panel .panel-body {
	background: #eee;
	color: #212121;
	letter-spacing: 1px;
}