@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
/* font-family: 'Roboto', sans-serif; */

/* 
pink = #000032 
yellow = #ffde03

*/


*{ padding:0px; margin:0px; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
body{ font-size:14px; color:#636363; font-weight:300; font-size:15px; font-family: 'Roboto', sans-serif; }
h1,h2,h3,h4,h5,h6{ margin-top:0px; font-family: 'Roboto', sans-serif; }
img{ max-width:100%; }
a{ color:#000032; }
a, a:hover, a:focus{ text-decoration:none; outline:none; }
ul{ list-style:none; padding:0px; margin:0px; }
p{ line-height:27px; text-align:justify; }

/* transition */
.transition *{ transition:all ease 0.4s; -webkit-transition:all ease 0.4s; }
.headerLogMenuArea #cssmenu ul li, 
.headerLogMenuArea #cssmenu ul > li:hover a,
ul.headerLink li a, ul.headerLink li a i,
.sessionBlock .imageContent img,
.sessionBlockWrap,
.imageOverlay a i,
.btn{
	transition:all ease 0.4s; -webkit-transition:all ease 0.4s;
}

.imageOverlay{ width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:2; text-align:center; display:table; opacity:0; }
.imageOverlay a{ display:table-cell; vertical-align:middle; }
.imageOverlay a i{ color:#fff; font-size:20px; width:40px; height:40px; border-radius:50%; -webkit-border-radius:50%; 
text-align:center; line-height:37px; }
.imageOverlay a i:hover{ background-color:#fff !important; color:#000032; border:#000032 solid 1px; }

.btn{ 
	transition:all ease 0.4s; -webkit-transition:all ease 0.4s; outline:none !important;
	font-size:14px; font-weight:600; 
}
.btn.btn-solid{ background:#000032; color:#fff; position:relative; border:none; /*box-shadow:rgba(249,0,141,0.4) 0px 10px 20px;*/ }
.btn.btn-solid:hover{ background:#000; }
.btn.btn-line{ background:transparent; border-color:#000032; color:#000032; }
.btn.btn-line:hover{ background:#E7AC00; color:#fff; }
.btn.btn-edge{ border-radius:0; -webkit-border-radius:0; }
.btn.btn-round{ border-radius:30px; -webkit-border-radius:30px; }

.Block-heading{ width:100%; display:inline-block; position:relative; line-height:48px; margin:0px 0px 20px 0px; text-transform: uppercase;
	/* color / font */
	font-size:20px; color:#999; font-weight:600;
}
.Block-heading span{
	color:#000032;
}
.Block-heading small{
	display:block; text-transform:uppercase; font-style:normal; padding:0px 0px 0px 15px; font-weight:600;  
	font-family: 'Roboto', sans-serif;font-size:14px; color:#666;
}

.revert .Block-heading{
	color:#fff;
}
.revert .Block-heading small{
	color:#fff;
}

/* only for desktop */
@media only screen and (min-width:1023px){
.container{ max-width:1140px; width: 100%; }
/* header css */
/*.logoArea{ width:auto; }
.menuArea{ width:auto; float:right; }*/
}
/*******************/


/*****************************************************
header css start 
****************************************************/
.headerFullArea{
	width:100%; display:inline-block; float:left; position:relative;
}
/****** header top strip css ******/
.headerTopStrip{
	width:100%; /*float:left;*/ display:block; padding:10px 0px; text-align:right; 
	/* color */
	background:#fff;
}
.HeaderInfoLink, .HeaderSocialLink{
	width:auto; display:inline-block; position:relative; font-size:14px; margin-top: 0px;
}
ul.headerLink{
	width:auto; display:inline-block;
}
ul.headerLink li{
	width:auto; min-width:30px; height:30px; display:inline-block;text-align:center; vertical-align:top;line-height:30px; 
	border-style:solid; border-width:1px;
	margin:0px 5px; 
	/* color / font */
	border-color:transparent;
	color:#999999; 
}
.HeaderSocialLink ul.headerLink li:hover{
	/* color / font */
	color:#fff;
}
.HeaderSocialLink ul.headerLink li:hover i{
	color:#000032;
}
ul.headerLink li:hover a, ul.headerLink li:hover i{
	color:#000032;
}
ul.headerLink li i{
	line-height:30px; 
	/* color / font */
	font-size:20px;
	color:#999999;
}
ul.headerLink li a{
	width:auto; display:inline-block;
	/* color / font */
	color:#999999;
}

/**** header menu and logo css ****/
.headerLogMenuArea{
	width:100%; float:left; position:relative; display:inline-block; padding:0px 0px; z-index:99;
	/* color / font */
	background:#f7f7f7;
}
.is-sticky .stickThisSection { position: relative; z-index: 999; left:0; top: 120px; }
/* logo css */
h1.logo{
	width:auto; margin:0px 0px 5px 0px; padding:0px;
	/* color / font */ 
}
h1.logo, h1.logo a{
	color:#fff; font-size:28px;
}
h1.logo span{
	width:auto; display:block; clear:both; text-align:center;
	/* color / font */ 
	background:#000032; color:#fff; font-size:20px;
}
/* menu css */
.headerLogMenuArea #cssmenu ul{
	text-align: center;
}
.headerLogMenuArea #cssmenu ul li{
	float: none; display: inline-block;
}
.headerLogMenuArea #cssmenu ul > li > a{
	padding-top:20px; padding-bottom:20px; font-weight: normal; text-transform:capitalize; 
	/* color / font */
	color:#999999; font-size: 16px;
}
.headerLogMenuArea #cssmenu ul ul li{
	text-align: left;
}
.headerLogMenuArea #cssmenu ul ul a{
	border-style:solid; border-width:0px 1px 1px 1px;
	/* color / font */
	border-color:transparent #DBDBDB #DBDBDB #DBDBDB;
}
.headerLogMenuArea #cssmenu ul > li:hover{
	/* color / font */
	background-color:#000032;
}
.headerLogMenuArea #cssmenu ul > li:hover a{
	/* color / font */
	color:#fff;
}
.headerLogMenuArea #cssmenu ul li:hover ul a{
	color:#999999;
}
.headerLogMenuArea #cssmenu ul li:hover ul a:hover{
	color:#fff;
}
#cssmenu>ul>li.has-sub>a:after, #cssmenu>ul>li.has-sub>a:before{
	background:transparent;
}
#cssmenu>ul>li.has-sub>a:after, #cssmenu>ul>li.has-sub>a:after{
	top:44%;
	border-style:solid; border-width:5px; border-color:#999999 transparent  transparent  transparent;
}
#cssmenu>ul>li.has-sub:hover>a:after, #cssmenu>ul>li.has-sub:hover>a:after{
	border-color:#fff transparent  transparent  transparent;
}
.headerLogMenuArea #cssmenu ul ul a{
	padding-top:15px; padding-bottom:15px;
	/* color / font */
	background:#fff; color:#000;
}
.headerLogMenuArea #cssmenu ul ul a:hover{
	background-color:#000032; color:#fff;
}

/*****************************************************
header css end 
****************************************************/


/**************************************************
home page banner css start
***************************************************/
.homeBannerArea{
	width:100%; float:left; position:relative;
	/* color */
	/*background:#fff;*/
}
.homeBannerArea .slick-slide{
	margin:0px;
}
.homeBannerArea .slick-slide .slide-image{
	width:100%; position:relative;
}
.homeBannerArea .slick-slide img{
	width:100% !important; float:left;
}
.homeBannerCaption{
	width:100%; height:20px; position:absolute; top:18%; left:0; z-index:2; text-align:left;
}
.homeBannerCaptionInner{
	width:70%; position:relative; float: left;
	/* color */
	color:#fff; font-size:17px;
}
.homeBannerCaptionInner h3{
	display:block; margin:0px 0px 15px 0px; text-transform:capitalize; line-height:40px; font-weight: 700;
	/* color / font */
	font-size:28px; color:#fff;
}
.homeBannerCaptionInner h5{
	display:block; margin:0px 0px 25px 0px; text-transform:capitalize; font-style:italic;
	/* color / font */
	font-family: 'Montserrat', sans-serif;
	font-size:40px; color:#fff;
}
.homeBannerCaptionInner span{
	color:#ffde03;
}
.homeBannerCaptionInner p{

}
.homeBannerCaptionInner .btn{
	float:none !important; font-size:20px;
}


@-webkit-keyframes fadeInLeft {
  0% { opacity: 0; -webkit-transform: translateX(-400px); transform: translateX(-400px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes fadeInLeft {
  0% { opacity: 0;-webkit-transform: translateX(-400px);  -ms-transform: translateX(-400px); transform: translateX(-400px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

.slick-active .fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
  -webkit-animation-delay: 1s; animation-delay: 1s;
}

/**************************************************
home page banner css end
***************************************************/


/****************************************************
media css start 
*****************************************************/
.mediaArea{
	width:100%; float:left; position:relative; padding: 6px 0px; border-bottom:#ccc solid 1px;
	/* color */
	/*background:#fff;*/
}

.mediaArea .slick-slide{
	text-align: center;
}
.mediaArea .slick-slide a, .mediaArea .slick-slide img{
	display: inline-block; opacity: 0.7; width: auto; max-width: auto !important;
}
.mediaArea .slick-slide:hover a, .mediaArea .slick-slide:hover img{
	opacity: 1;
}


/*****************************************************
media css ended
******************************************************/

/**********************************************************
service css start 
***********************************************************/
.seviceArea{
	position:relative; /*margin-left:-15px; margin-right:-15px;*/
	width: 100%;
}
/***********************************************************
service css ended 
**********************************************************/



/***************************************************
home session css start 
****************************************************/
.homeSessionArea{
	width:100%; float:left; position:relative; overflow:hidden; margin-top:-5px; padding:50px 0px 20px; border-bottom:#ccc solid 1px;
	/* color */
	/*background:#F2F2F2;*/
}
.sessionSliderArea{
	position:relative; margin-left:-15px; margin-right:-15px;
	width: 100%;
}

.sessionSliderArea .slick-prev, .sessionSliderArea .slick-next{
	position:absolute; top:0px; width:30px; height:30px; display:inline-block; background:#ff0000;
}

.sessionBlock{ 
	margin-bottom:30px; 
}
.sessionBlockWrap{ 
	width:100%; display:inline-block; position:relative;
	/* color */
	background:#000032;
}
.sessionBlockWrap:hover{ box-shadow:#BCBCBC 0px 0px 10px; }
.sessionBlock .imageContent{ 
	width:50%; float:left; position:relative; height:200px; overflow:hidden; 
	/* color */
	/*background:#000032;*/
} 
.sessionBlock:hover .imageContent img{ transform:scale(1.3,1.3) rotate(5deg); -webkit-transform:scale(1.3,1.3) rotate(5deg); opacity:1; }
.sessionBlock:hover .imageContent .imageOverlay{ 
	opacity:1; 
}
.sessionBlock:hover .imageOverlay a i{ background:#333; }
.sessionBlock .imageContent img{ 
	width:100%; min-height:200px; float:left; 
}
.sessionBlock .textContentArtea{ 
	overflow:hidden; position:relative; padding:15px 10px 0px 20px; 
}
.sessionBlock h3{ 
	width:100%; display:inline-block; text-transform:capitalize; margin-top: 5px; margin-bottom: 0px;
	/* color */
	color:#fff; font-size:20px; font-weight: bold;
}
.sessionBlock h3 a{
	color:#fff;
}
.sessionBlock h3 a:hover{
	color:#fff;
}
.sessionBlock .btn{
	padding-left:27px; padding-right:27px; position:relative; top:-20px; text-transform:uppercase;
}
.sessionBlock h3 a{ 
	text-decoration:none; 
}
.sessionBlock p{ 
	width:100%; display:inline-block; margin-bottom:20px;
	/* color */
	color:#999;
}
.vertical.sessionBlock .imageContent{ 
	width:100%; 
}
.vertical.sessionBlock .textContentArtea{ 
	width:100%; display:inline-block;  padding:15px 10px; 
}

/***************************************************
home session css ended 
****************************************************/



/************************************************** 
follow me css start
***************************************************/
.homefollowArea{
	width:100%; float:left; position:relative; overflow:hidden; padding:20px 0px 40px;
	/* color */
	/*background:#F2F2F2;*/
}
.homefollowArea .slick-slide{
	margin-left: 10px; margin-right: 10px;
}
.homefollowArea .sessionBlock .imageContent{ 
	width:100%; float:left; position:relative; height:160px; overflow:hidden; 
	/* color */
	/*background:#000032;*/
}
.homefollowArea .sessionBlock .imageContent img{
	min-height: 160px;
}

/**************************************************
follow me css ended
*****************************************************/


/*****************************************************
footer signup css start
*******************************************************/
.footSignfrmArea{
	width: 100%; float: left; position: relative;
}
.footFrmRw{
	width: 100%; float: left; margin-bottom: 15px;
}
.footSignfrmArea input[type=text]{
	width: 100%; max-width: 250px; float: left; border:none; padding:5px;
	/* color */
	 background-color: #fff;
}
.footSignfrmArea input[type=submit]{
	width:100px; float: left; border:none; padding:5px;
	/*color*/
	background-color: #000032; color:#fff;
}

/*****************************************************
footer signup css ended
*******************************************************/



/*******************************************************
 footer css start 
 ********************************************************/
.footerFullArea{
	width:100%; float:left; position:relative;
	/* color */
	background:#cfcfcf;
}
.footerTopArea{
	width:100%; float:left; position:relative; padding:60px 0px;
}
.footerBottomArea{
	width:100%; float:left; position:relative; text-align:center; padding:20px 0px;
	/* color */
	background:#1c1c1c; color:#777777; font-size:12px;
}
.footerBottomArea a{
	color:#777777;
}
.footerFullArea .footerHeading{
	width:100%; display:inline-block; text-transform:capitalize; font-weight:400; margin:0px 0px 20px 0px; border-style:solid;
	border-width:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	/* color / font */
	font-family: 'Roboto', sans-serif;
	font-size:18px; color:#505050;
}
.footerFullArea p{
	width:100%; display:inline-block; line-height:20px;
	/*  color / font */
	color:#C5C5C5; font-size:14px;
}
ul.openingHours{
	width:100%; display:inline-block;
}
ul.openingHours li{
	width:100%; display:inline-block; padding:10px 0px;border-style:solid; border-width:0px 0px 1px 0px;
	/* color / font */
	color:#C5C5C5; border-color:#676767; font-size:14px;
}
ul.openingHours li:nth-child(1){
	padding-top:0px;
}
ul.openingHours li:last-child{
	border:none;
}
ul.openingHours li i{
	margin-right:10px; display:inline-block;
	/* color */
	color:#000032;
}

ul.footlink{
	width:100%; display:inline-block;
}
ul.footlink li{
	width:100%; display:inline-block; padding:3px 0px;
	/* color / font */
	color:#777777; font-size:13px;
}
ul.footlink li a{
	color:#777777; text-decoration: underline;
}
ul.footlink li:nth-child(1){
	padding-top:0px;
}
ul.footlink li:last-child{
	border:none;
}

ul.Address{
	width:100%; display:inline-block;
}
ul.Address li{
	width:100%; display:inline-block; margin:0px 0px 3px 0px;
	/* color / font */
	color:#777777; font-size:13px;
}
ul.Address li i{
	float:left; margin:2px 10px 0px 0px;
}
ul.Address li a{
	color:#000032;
}
ul.Address li > div{
	overflow:hidden; position:relative;
	/* color / font */
	color:#777777; font-size:14px;
}

.footerFullArea .HeaderSocialLink .headerLink li{
	 min-width: 10px; margin:0px 10px 0px 0px;
}
/*******************************************************
 footer css end 
********************************************************/



/***************************************************
Inner page 
****************************************************/
.innrPageArea{ width: 100%; float: left; padding: 70px 0px; background:url(../images/bg-div-main.png) repeat-x top left; margin-top: -5px; }
.innrPageHd{ width: 100%; display: inline-block; padding:10px 15px 12px; margin-bottom: 70px; background-color:#000032; color: #fff; /*border-radius: 10px; -webkit-border-radius: 10px; */ }
.innrPageHd h1{  font-size:40px; font-weight: 700; margin-bottom: 0px; text-align: center; text-decoration: none; text-transform: uppercase; }
.innrPageArea ul{ list-style: inherit; padding-left: 10px; list-style-position: inside; margin-bottom: 10px;  }
.innrPageArea a{ text-decoration: underline; }
.innrPageArea img{ height: auto !important; }

.panel-title a{ text-decoration: none; color: #fff; }
.panel-heading, .panel-group .panel{ border-radius: 0; -webkit-border-radius: 0; }
.panel-default > .panel-heading{ background-color:#000032;  }
.panel-default{ border-color:#000032; }
.innrPageArea .right-part{ border-left:#ddd solid 1px; }

.nav-tabs.vertical{ border-bottom:none; }
.nav-tabs.vertical > li{ width: 100%; border-bottom:#ddd solid 1px; }
.nav-tabs.vertical > li > a{ border-radius: 0; -webkit-border-radius: 0; padding: 6px 12px; text-decoration: none; color: #636363; }
.nav-tabs.vertical > li.active > a, .nav-tabs.vertical > li.active > a:focus, .nav-tabs.vertical > li.active > a:hover{
	background-color:#000032; color: #fff;
}


*::-moz-placeholder { color: #000; opacity: 1; }
*::-webkit-placeholder { color: #000; opacity: 1; }
.contactFromArea{ width: 100%; display: inline-block; padding:0px 10%; }
.cntctFldRw{ width: 100%; display: inline-block; margin-bottom: 15px; }
.contactFromArea input, .contactFromArea textarea {
    border-color: #d2d2d2;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    font-size: 13px;
    font-style: normal;
    height: 55px;
    padding: 10px;
    width: 100%;
    font-weight: 300;
}
.contactFromArea textarea{ height: 200px; resize: none; }
.contactFromArea input[type=submit]{ background-color: #ffffff;
    border-color: #000032;
    border-radius: 4px;
    color: #000032;
    font-size: 20px;
    font-weight: bold; border-radius: 0; }
    .contactFromArea input[type=submit]:hover{ background-color:#000032; color: #fff; }

.screen-reader-response{ display: none; }
.wpcf7-not-valid-tip{ color: #ff0000; font-style: italic; font-size: 13px; margin:5px 0px; }
.wpcf7-response-output{ width: 100%; display: inline-block; padding:10px; margin:20px 0px; }
.wpcf7-response-output.wpcf7-validation-errors{ border:#ff0000; background-color: rgba(255,0,0,0.3); color: #ff0000; }
.wpcf7-response-output.wpcf7-mail-sent-ok{ background-color: rgba(55,163,255,0.3); color: rgba(55,163,255,1); border:solid 1px rgba(55,163,255,0.3); }


.innrPageArea .singleBlogPicArea img{ width:100%; height: 100% !important; object-fit: cover; }
.singleBlogWithDate{ position:relative; margin-bottom: 30px; }
.singleBlogPicArea{ width:100%; display:inline-block; height:135px; overflow:hidden; margin-bottom:0px; border:1px solid rgba(0,0,0,0.3); background-color:#000; }
.singleBlogPicArea img{ width:100%; height: 100% !important; object-fit: cover; transition: all ease 0.4s; -webkit-transition: all ease 0.4s; }
.singleBlogPicArea:hover img{ opacity:0.7;  transform:scale(1.3,1.3) ; -webkit-transform:scale(1.3,1.3); }
/*.singleBlogWithDate:hover .singleBlogPicArea img{ transform:scale(1.3,1.3) rotate(5deg); -webkit-transform:scale(1.3,1.3) rotate(5deg); opacity:0.5; }*/
.singleBlogContentArea{ width:100%; position:relative; display:inline-block; font-size: 18px; text-align: center; }
.singleBlogHeading{ display:inline-block; margin-bottom:15px; }
.singleBlogHeading small{ clear:both; display:block; font-weight:300; margin:5px 0px 0px 0px; }
.singleBlogHeading a{ text-decoration:none; }
.singleBlogHeading a:hover{ }
.singleBlogWithDate .singleBlogContentArea p{ width:100%; clear:both; display:inline-block; color: #5c5c5c; }
.singleBlogContentArea a{  }