/*
Custom CSS for...
'bootstrap iN' HTML Theme by Start bootstrap iN

All Start bootstrap iN themes are licensed under Apache 2.0.
For more info and more free bootstrap iN HTML themes, visit http://startbootstrap.com!
*/

/* font face embeded css */
@font-face {
  font-family: 'Dosis-Medium';
  src: url('/Ketabi/public/assets/web/font-awesome/landing_page/font/Dosis-Medium.eot?#iefix') format('embedded-opentype'),
  url('/Ketabi/public/assets/web/font-awesome/landing_page/font/Dosis-Medium.woff') format('woff'),
  url('/Ketabi/public/assets/web/font-awesome/landing_page/font/Dosis-Medium.ttf')  format('truetype'),
  url('/Ketabi/public/assets/web/font-awesome/landing_page/font/Dosis-Medium.svg#Dosis-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'RobotoRegular';
    src: url('/Ketabi/public/assets/web/font-awesome/landing_page/font/RobotoRegular.eot');
    src: url('/Ketabi/public/assets/web/font-awesome/landing_page/font/RobotoRegular.eot') format('embedded-opentype'),
         url('/Ketabi/public/assets/web/font-awesome/landing_page/font/RobotoRegular.woff2') format('woff2'),
         url('/Ketabi/public/assets/web/font-awesome/landing_page/font/RobotoRegular.woff') format('woff'),
         url('/Ketabi/public/assets/web/font-awesome/landing_page/font/RobotoRegular.ttf') format('truetype'),
         url('/Ketabi/public/assets/web/font-awesome/landing_page/font/RobotoRegular.svg#RobotoRegular') format('svg');
}
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
html, body { height: 100%; font-family: 'Roboto', sans-serif !important; }
body{font-size:18px; background:#f3f3f5; font-family: 'RobotoRegular';}
a,.btn{
	transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
 }
a:hover,a:focus{text-decoration:none;}
/**menu**/
#menu {font-size:18px;text-transform:uppercase;float:left;
  /*width: calc(100% - 6px);*/
  width:100%;position:relative;z-index:100;
  display:inline-block;/*border:3px #FFF solid;*/border-radius:6px;
  position:relative; margin-top:0px;}
#menu ul {position:relative;z-index: 1000; padding: 0;list-style-type: none; text-align:center; z-index:999; margin-bottom:0px; text-align:right;}
#menu li {
  position:relative;
  display: inline-block;
  float: none;
  width:auto;
  text-align:center;
  margin:-5px;
  padding:25px 0px;
}
#menu li:last-child{margin-right:0px;}
#menu li:first-child{margin-left:0px;}
#menu .nav li.current_page_item:after{ content:""; position:absolute; z-index:9; left:0; right:0; bottom:-2px; margin:auto; }
/* #menu .nav li:after{
  content: "";
  position: absolute;
  right: 0px;
  left: 0;
  margin: auto;
  bottom: -15px;
  background: #cc0606;
  width: 0%;
  height: 2px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
} */
#menu .nav li:hover:after,#menu .nav li.active:after{width: 100%;}
p{line-height:22px;}
#menu .nav li:last-child:after{content:""; right:0;}
#menu .nav li li:after{content:""; right:0;}
#menu .nav li.active a, #menu .nav li:hover a{ background:none; color:#cc0606;}

#menu .nav li ul li.current_page_item:after,#menu .nav li ul li:hover:after{ background:none;}
#menu ul li + li {margin-left:0px;}
#menu li a {
  display:block;
  text-decoration:none;
  position:relative;
  font-size:20px;
  color:#fff;
  padding: 0px 15px 0 15px;
  letter-spacing:1.5px;
  text-transform:capitalize;
}
#menu ul li + li a:hover{}
#menu li a span {display:block;color:#969696;}
#menu ul li ul {
  display: none;
  width: 150px;
  position: absolute;
  border-top: 0px;
  padding: 15px 0 0 0;
  z-index: 9999;
  left: 0px;
  top: 55px;
}
#menu ul li ul li{
  display: block;
  width:100%;
  padding: 0px;
  margin: 0px;
  border:0px;
  position: relative;
  background-color:#000;
}

#menu ul li ul li a {
  line-height:normal;
  display: block;
  position: relative;
  padding:10px 15px;
  text-align:left;
  color:#fff!important;
}
#menu ul li ul li a:hover, #menu ul li ul li a.selected {
  background:#9a0101!important;
}
#menu ul li ul li:hover:after{bottom: 0;}
#menu ul li ul ul {width:180px;left:199px;top:0;position: absolute;display: none;padding:0px;border:0px;}
#menu .downarrow {position:absolute;right:10px;top:18px;width:5px;height:3px;background:url(../img/menuArrow.png) no-repeat;}
#menu span.downarrow, #menu span.rightarrow {position:absolute;right:25px; top:51px; width:10px;height:5px;background:url(../img/menuArrowRight.png) no-repeat; display:none;}
#menu span.rightarrow {background:url("../img/menuArrowRight.png") no-repeat scroll 0 0;height: 5px; position: absolute;right: 19px; top: 14px;width: 10px;}
#menu .menuDown {display:none;}
#menu .hiddenNav {display:none;}

/** all need css **/
.carousel-control{
  margin: auto;
  height: 30px;
}
#responsiveMenu {display:none;}
#myCarousel.carousel.fade>.carousel-inner>.item{height:500px; background-repeat:no-repeat;}
.header.shrink{height:59px; background-color:rgba(0,0,0,0.7);
  position: fixed;}

/** all need css end **/

/** home page css **/
h1, h2, h3, h4, h5, h6{
  margin: 0;
  padding: 0;
}

.header_main{background:#1e1e4f; 
	/**position:fixed; 
	width:100%; 
	top:0; 
	left:0; 
	right:0;**/
}
.logo_main,.nav_main{
	float:none;
	display:inline-block;
	vertical-align:middle;
}
.nav_main ul{margin-bottom:0px;}
.nav_main li a{
	color:#bbbbca;
	font-family: 'Roboto', sans-serif;
	font-size:22px;
}
.nav_main li{padding-right:50px; display:inline-block; list-style:none;}
.nav_main li:last-child{padding-right:0;}
.nav_main li a.active{color:#0acacd;}
.banner_img{
	background-attachment:scroll; 
	background-position:center; 
	background-repeat:no-repeat;
	background-size:cover;
	height:950px;
	position:relative;
}


/** scroll css **/
	#about {min-height: 500px; background-color: pink;}
	#services {min-height: 500px;}
	#contact {min-height: 500px;}
	/**#footer {min-height: 300px;}**/


.banner-content{
	position:absolute;
	right:100px;
	width: 355px;
	height:310px;
	margin:auto;
	top:0;
	bottom:0;	font-family: 'Roboto', sans-serif;
}	

.banner-content p{
	color:#fff;
	font-size:26px;
	text-transform:uppercase;
	line-height:35px;
}
.banner-content h3{
	color:#fff;
	font-size:22px;
	margin-top:100px;
}
.banner-content a{
	display:block;
	width:300px;
	margin-top:20px;
}
.banner-content a img{
	width:200px;
}
.cmn_gap{
	padding:100px 0;
}
.mid_content{
	float:none;
	display:inline-block;
	vertical-align:middle;
	margin:0px -3px;
}
.about_text h2{
	margin:0;
	margin-bottom:30px;
}
.about_text p{
	line-height:30px;
}

.app_features{
}
.app_features h2{
	margin:0;
	margin-bottom: 30px;
	margin-left:50px;
}

.app_features ul{
	margin:0;
	padding:0;
}
.app_features li{
	list-style:none;
	display:inline-block;
	width:31%;
	height:250px;
	background:#fff;
	border-radius:12px;
	moz-border-radius:12px;
	webkit-border-radius:12px;
	ms-border-radius:12px;
	o-border-radius:12px;
	margin-right:25px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.15);
	padding:28px 0;
	text-align:center;
}
.app_features li:last-child{
	margin-right:0px;
}
.app_features ul img{
	display:inline-block;
}
.app_features h3{
	margin:0px;
}
.app_features img{
	width:76px;
	margin:20px 0;
}
.footer_main{
	background:#2a2a69;
}
.footer_right_img{
	text-align:center;
}
.footer_right_img img{
	display:block;
	width:150px;
	margin:0 auto;
}#signInBtn {	    padding: 15px 30px !important;    width: 100% !important;}
.footer_right_img a{
	color:#a9a9c3;
	display:inline-block;
	margin:60px 15px 0 15px;
}
.footer_right_img a:hover{
	color:#fff;
}
.footer_main{}
.footer_main p{color:#fff; margin-top:20px; line-height:28px;}

.footer_main h4{
	color:#a9a9c3;
	font-size:18px;
	margin-top:50px;
}


.fixed#header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	background:#1e1e4f;
	box-shadow:0px 1px 5px #999;
	transition:all 0.7s ease 0s;
	-webkit-transition:all 0.7s ease 0s;
	z-index:100;
}
#header .logo_main img{
	width:320px;
	transition:all 0.7s ease 0s;
	-webkit-transition:all 0.7s ease 0s;
}
.fixed#header img{
	width:220px;
}
#header .logo_main a{
	transition:all 0.7s ease 0s;
	-webkit-transition:all 0.7s ease 0s;
}
.fixed#header a{
	font-size:18px;
}


::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: yellow;
}

::selection {
  color: #fff;
  background: yellow;
}


/** landing sign in **/
.landing_sign_in{
	position: absolute;
    right: 40px;
}
.landing_sign_in a{
	color:#fff;
	font-size: 22px;
}
.landing_sign_in a:hover{
	color:#5e5de9;
}

@media (max-width: 1600px){
	.banner_img{
		height: 826px;
	}
}
@media (max-width: 980px) {
.app_features li {
		width: 100%;
		margin: 15px 0px;
	}
}


@media (max-width: 1280px){
	.nav_main li a,.landing_sign_in a,.fixed#header a{
		font-size: 20px;
	}
}

@media (max-width: 1366px){
.banner_img {
    height: 695px;
}
}

.responsive_nav{
	color:#fff;
	font-size:22px;
	cursor:pointer;
	display:none;
	float:right;
	margin-right:20px;
	margin-top:10px;
}

@media (max-width: 1199px) {
	.logo_main{
		float: none;
		display: inline-block;
		vertical-align: middle;
		width: 190px;
	}
	.nav_main li {
		padding-right: 16px;
	}
	.nav_main li a,.landing_sign_in a,.fixed#header a{
		font-size: 16px;
	}
}
@media (max-width: 991px) {
	.logo_main{
		float: none;
		display: inline-block;
		vertical-align: middle;
		width: 190px;
	}
	.nav_main li {
		padding-right: 16px;
	}
	.nav_main li a,.landing_sign_in a,.fixed#header a{
		font-size: 14px;
	}
}



.close_nav{
	display:none;
}



@media (max-width: 767px) {
	/**menu**/
	#menu > ul {display:none;}
	#menu .menuDown {margin-top:3px;font-size:18px;line-height:37px;display:block;text-decoration:none;padding:0px 15px;}
	#menu .menuDown span {display:block;padding-left:18px;background:url(../img/menu.png) no-repeat left center;text-indent:-999px; width:20px; float:right;}
	#responsiveMenu {font-size:18px;line-height:normal;width:100%;height:100%;padding:3%;overflow:auto;position:fixed;z-index:100002;left:0px;top:0px;
	background-color:rgba(0, 0, 0, 0.9);}
	#responsiveMenu p {border-radius: 6px 6px 0 0;line-height: 44px;margin: 0;padding: 4px 14px;position: relative;}
	#responsiveMenu p span {display:inline-block;padding-left:20px;text-indent:-999px;}
	#responsiveMenu p a {position:absolute;right:0px;top:0;width:40px;height:100%;display:inline-block;background: url(../img/close_menu.png) no-repeat center center;}
	#responsiveMenu ul {padding:0;}
	#responsiveMenu ul li {position:relative;list-style:none;}
	#responsiveMenu ul li a {display:block;padding:8px 14px;text-decoration:none;font-size:17px;color:#fff; text-align:center;}
	#responsiveMenu ul li ul {display:none; padding:0;}
	#responsiveMenu .downarrow {height: 22px;padding: 0;position: absolute;right: 5px;top: 1px;width: 25px;z-index: 10;
	background: #fff  url("../img/menuArrowRight.png") no-repeat scroll center center !important;}

  /**add css**/
  

#header .logo_main img{
	display:inline-block;
}
.nav_main li a{
	font-size: 18px;
}
.nav_main ul{
	 margin: 50px 0px 0 0px;
	 padding:0;
 }

.responsive_nav{
	display:inline-block;
}
#header .logo_main img{
   width: 175px;
}
.logo_main, .nav_main {
    display: block;
	width: 100%;
}

.banner_img {
    height: 180px;
    width: 100%;
    overflow: hidden;
}
.banner-content{
	right: 0;
    width: 150PX;
	height: 170px;	
}
.banner-content p{
	font-size: 10px;
	line-height: 12px;
}
.banner-content h3{font-size: 12px;}
.banner-content h3{margin-top: 35px;}
.banner-content a img {
    width: 100px;
}
.banner-content a{margin-top: 10px;}
.banner-content{top: 60px;}
#about{min-height:auto;}

.responsive_nav{
	display:block;
}

.mid_content{
	display:block;
	text-align:center;
	margin: 0px 0px;
}
.nav_main{
	position:fixed;
	width:0;
	height:100%;
	background:#1e1e4f;
	left:-100px;
	top:0;
	visibility:hidden;
	transition:all 0.7s ease 0s;
	-webkit-transition:all 0.7s ease 0s;
	z-index:999;
}

.nav_main.show-nav{
	visibility:visible;
	left:0;
	width: 100%;
	height:100%;
}
.nav_main.show-nav li{
	display:block;
	width:100%;
	float:none;
	text-align:center;
	margin:0;
	padding:10px 0px;
}
.nav_main li a, .landing_sign_in a, .fixed#header a {
    font-size: 18px;
}
.app_features li{
	width:100%;
	margin:15px 0px;
}
.about_text h2{margin-top:25px;}
.footer_main p,.footer_main h4{text-align:center;}

.footer_right_img a{margin: 15px 15px 0 15px;}
#footer,#contact,#services,#about {
    min-height: auto;
	padding:100px 0px!important;
}
#about{padding:0px!important;}
.app_features h2 {
    margin-left: 0;
    text-align: center;
}
#footer{text-align:center;}
#footer img{display:inline-block;}
.footer_right_img img{margin-top:35px; display:block!important;}
.landing_sign_in {
    position: absolute;
    right: 0;
    width: 100%;
    text-align: center;
    margin-top: auto;
    bottom: 50px;
}
.close_nav{
	display:block;
	color: #fff;
	position: absolute;
	right: 10px;
	top: 5px;
	font-size: 24px;
	cursor: pointer;
}
.landing_sign_in a{
	display: block;
	background: #0ccacd;
	padding: 5px 0;
}
.landing_sign_in a:hover{
	color:#fff;
}
}