img.logo{
	width: 108px;

}
/******************************* COMMON *******************************/
.shadow{
	box-shadow: 1px 1px 5px #999;
}
.btn-primary{
	border-color: #f18200;
	color: #fff;
	background-color: #f18200;
	transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
.btn-primary:hover{
	border:1px solid #f18200;
	color: #f18200;
	background: transparent;
	transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
.btn-defult{
	border-color: #f18200;
	color: #fff;
	background-color: #f18200;
	transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
.btn-defult:hover{
	color: #444;
	border:.5px solid #f18200;
	background-color: transparent;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	border-color: 1px solid #f18200;
	color: #fff;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	border-color: #00a0af;
	background-color: #00a0af;
}
.btn {
	border: 0;
	border-radius: 300px;
}

.btn-xl {
	padding: 15px 30px;
}
img::selection {
	color: #fff;
	background: 0 0;
}
img::-moz-selection {
	color: #fff;
	background: 0 0;
}
.navbar-default .navbar-toggle{
	border: none;
}
.navbar-default .navbar-toggle .icon-bar{
	color: #444;
	background-color: #f18200!important
}
/******************************* SERVICES *******************************/
.title h2{
	font-size: 30px;
	margin-bottom: 25px;
}
.title-parll h2{
	font-size: 30px;
	margin-bottom: 25px;
	color: #ccc;
}
.title-parll hr{
	width: 200px;
	margin: 0 auto;
	border-width: 1px;
	border-color: #fff;
	margin-bottom: 50px;
}
.title hr{
	width: 200px;
	margin: 0 auto;
	border-width: 1px;
	border-color: #f18200;
	margin-bottom: 50px;
}


#about-img{
	margin-left: 20px
}
.space{
	padding: 100px 0;
}
.space h4{
	font-size: 28px;
	color: #444;
	margin-bottom: 80px;
	font-weight: 500;
	text-transform:uppercase;
}

.about-us p{
	margin-bottom: 20px;
	text-align: justify;
	line-height: 2.6;
}
.pad-l-r{
	padding: 0 30px;
}
.about-us a{
	float: left;
	margin-right: 10px;
	background-color: #d67c79;
	color: #fff;
	border-radius: none;
}
.btn{
	padding: 12px 30px;
	border-radius: 0;
}
.banner-images{
	margin-top: 50px;
}
/* -----------------------------------------------------------------------------
// 15. Imageboxes
// ----------------------------------------------------------------------------- */
.light{
	background: #fff;
}
.imgbox.style3 {
	position: relative;
	margin-bottom: 40px;
}
.imgbox.style3 .align {
	position: absolute;
	bottom: 30px;
	right: 23px;
	background-color: rgba(255, 255, 255, 0.95);
	padding: 30px 45px;
	text-align: center;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}
.imgbox.style3 h1 {
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	color: #4b4b4b;
	margin: 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #f18200; }
	.imgbox.style3 h1 + p {
		margin: 0;
		padding-top: 15px;
		text-transform: uppercase;
		font-size: 11px; }
		.imgbox.style3 .btn {
			position: absolute;
			bottom: 30px;
			left: 43px;
			font-size: 12px;
			margin-bottom: 0;
			padding: 20px 50px;
			color: #f18200;
			background-color: #fff;
			background-color: rgba(255, 255, 255, 0.95);
			opacity: 0;
			-webkit-transition: opacity 1s;
			-moz-transition: opacity 1s;
			-ms-transition: opacity 1s;
			-o-transition: opacity 1s;
			transition: opacity 1s; }
			.imgbox.style3 .btn:hover {
				border-color: #fff;

			}
			.imgbox.style3:hover .align {
				opacity: 0; }
				.imgbox.style3:hover .btn {
					opacity: 1; }


					.index-comments{
						background-image: url(images/header.jpg);
						background-position: center center;
						background-attachment: cover;
					}
					.comment-text{
						float: right;
						padding: 30px;
						position: relative;
						background: #fff;
						border-radius: 4px;
						text-align: justify;
					}
					.comment-text:after{
						content: "";
						position: absolute;
						bottom: -5px;
						right: 50px;
						border-left: 5px solid transparent;
						border-right:5px solid transparent;
						border-top: 5px solid #fff;

					}
					.comment-text p{
						line-height: 25px;
					}
					.comment-right-text{
						float: right;
						padding: 10px 0 0;

					}
					.comment-right-text a{
						display: block;
						color: #888;
						padding: 10px 0;
					}
					.comment-left-text{
						float: left;
						padding: 5px 0 0;
					}
					.comment-left-text i{
						color:#ffd200;
					}
					.comment-img{
						display: inline-grid;
						position: relative;
						top: 15px;
						right: 20px;
					}
					.comment-img img{
						width: 70px;
						height: 70px;
						border-radius: 50%;
					}
					.login-img img{
						width: 50px;
						height: 50px;
						border-radius: 50%;
					}
					.login-img ul{
						display: block;
						margin: 0 auto;
					}
					.login-img ul li{
						display: inline-block;
						padding: 10px 15px;
					}
					.login-img ul li a{
						display: block;
					}
					.tooltip > .tooltip-inner {
						font-family:'RRF','Myriad Pro', Tahoma;;
					}
					.carousel-indicators {
						width: auto;
						margin: 0 auto;
						padding: 0;
						bottom: -40px;
					}
					.carousel-indicators li.active {
						background: #833cfa;
						border-color: #833cfa;
					}
					.carousel-indicators li {
						background: #bdbdbd;
						border-color: #bdbdbd;
					}



					#idea .item{
						margin: 0 0 50px 0;
					}
					#idea .item h5{
						color: #333;
						font-size: 18px;
						font-weight: 600;
						padding: 20px 0
					}
					#idea .item p{
						padding: 0 70px;
						color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
font-size: 1.2em;
					}
					.support .item{
						background: #fff;
						padding: 20px 35px 20px;
						overflow: hidden;
						position: relative;
						-webkit-box-shadow: 0 5px 30px rgba(70,72,77,.08);
						box-shadow: 0 5px 30px rgba(70,72,77,.08);
						top: 0;
						display: block;
						border-radius: 5px;
						margin-bottom: 30px
					}

					.support .item .supportcontent h5{
						color: #555;
						font-size: 17px;
						font-weight: 400;
						padding-top: 2px;
						text-align: center;
					}
					img.overlay{
						bottom: -20px;
						left: -5px;
						height: 100px;
						position: absolute;
						opacity: .05;
					}
					/******************************* blog *******************************/


					section.blog .BlogPost .item{
						background: #fff;
						color: #666;
						box-shadow: 0 5px 15px rgba(0,0,0,.08);
						margin: 0 0 15px 0;
						transition: all .3s ease-in-out;
						-webkit-transition: all .3s ease-in-out;
						-moz-transition: all .3s ease-in-out;
						-o-transition: all .3s ease-in-out;
					}
					section.blog .BlogPost .item:hover{
						box-shadow: 0 14px 25px rgba(0,0,0,.16);
					}
					section.blog .BlogPost .item .post{
						padding: 40px 40px;
					}
					section.blog .BlogPost .item .post h1{
						font-size: 1.4rem;
						line-height: 1.4;
						text-align: center;
						margin-bottom: 0;
						color: #333
					}

					.f16{
						font-size: 16px!important;
					}
					section.blog .BlogPost .item .post p{
						margin-top: 20px;
						text-align: justify;
						color: #555;
						font-size: 13px;
						padding: 0 30px;
					}
					section.blog .BlogPost .item img{
						width: 100%
					}
					.thumbnail{
						padding: 0
					}
					/******************************* CONTACT *******************************/

					.contact-form{
						width: 100%;
						padding: 0 20px 20px 20px;
					}
					.contact-form input,textarea{
						width: 100%;
						background: none;
						border: 1px solid #e2e2e2;
						padding: 5px 10px;
						margin: 5px auto;
					}
					input,textarea, select{
						width: 100%;
						background: none;
						border: 1px solid #e2e2e2;
						padding: 5px 10px;
						margin: 5px auto;
					}
					.contact-form textarea{
						resize: none;
						height: 180px;
					}
					textarea{
						resize: none;
						height: 180px;
					}
					.contact-form input:focus,textarea:focus{
						border-color: #f18200;
						font-family:'RRF','Myriad Pro', Tahoma;
						-webkit-transition:all .3s ease-out;
						-moz-transition:all .3s ease-out;
						-ms-transition:all .3s ease-out;
						-o-transition:all .3s ease-out;
						transition:all .3s ease-out
					}
					input:focus,textarea:focus, select:focus{
						border-color: #f18200;
						font-family:'RRF','Myriad Pro', Tahoma;
						-webkit-transition:all .3s ease-out;
						-moz-transition:all .3s ease-out;
						-ms-transition:all .3s ease-out;
						-o-transition:all .3s ease-out;
						transition:all .3s ease-out
					}
					.contact-form input[type="submit"]{
						background:#f18200 ;
						color: #fff;
						cursor: pointer;
						-webkit-transition:all .3s ease-out;
						-moz-transition:all .3s ease-out;
						-ms-transition:all .3s ease-out;
						-o-transition:all .3s ease-out;
						transition:all .3s ease-out;
					}
					input[type="submit"]{
						background:#f18200 ;
						color: #fff;
						cursor: pointer;
						-webkit-transition:all .3s ease-out;
						-moz-transition:all .3s ease-out;
						-ms-transition:all .3s ease-out;
						-o-transition:all .3s ease-out;
						transition:all .3s ease-out;
					}
					.contact-form input[type="submit"]:hover{
						border-color:#f18200;
						background: #F8F8F8;
						color:#222;

					}
					input[type="submit"]:hover{
						border-color:#f18200;
						background: #F8F8F8;
						color:#222;

					}
					#contact a{
						color: #444;
						padding: 10px 8px;
						border: 1px solid #f18200;
						-webkit-transition:all .3s ease-out;
						-moz-transition:all .3s ease-out;
						-ms-transition:all .3s ease-out;
						-o-transition:all .3s ease-out;
						transition:all .3s ease-out;
					}
					#contact a:hover{
						color: #222;
					}
					#foo{
						display:none;
					}
					.form-control{
						background: transparent
					}


					.content{
						background: #fff;
						padding: 40px 80px;
						border-radius: 5px;
						box-shadow: 0 5px 15px rgba(0,0,0,.08);
					}
					.content .text{
                        text-align: justify;
                        line-height: 40px;
                        margin: 20px 0;
                        font-size: 15px;
                        white-space: break-spaces;
					}
					.register-link{
						padding: 20px;
						margin: 30px 0
					}

					a.register{
						color: #fff;
						font-size: 16px;
						padding: 10px 15px;
						border-radius: 4px;
						border: 1px solid #f18200;

					}
					a.register:hover{
						background: #fff;
						color: #f18200;
						border: 1px solid #fff;
					}
					.register input,select,textarea{
						margin-bottom: 40px
					}
					/******************************* scope *******************************/

					section.scope h4{
						margin-bottom: 0;
						padding: 20px
					}
					section.scope h4 a{
						font-size: 14px;
						color: cadetblue;
					}
					section.scope .panel-default>.panel-heading{
						background: #fff;
						-webkit-box-shadow: 0 5px 30px rgba(70,72,77,.08);
						box-shadow: 0 5px 30px rgba(70,72,77,.08);
					}
					section.scope p{
						font-size: 20px;
						margin-bottom: 15px;
					}
					.companies img{
						width: 100px;
						filter: grayscale(100%);
						transition: all 0.5s;
					}
					.companies img:hover{
						filter: grayscale(0%);
						opacity: 0.9;
					}



					section.rooyesh .image {
						display: block;
						width: 100%;
						height: auto;
					}

					section.rooyesh .overlay {
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
						right: 0;
						height: 100%;
						width: 100%;
						opacity: 0;
						transition: .5s ease;
						background-color: #06634bdb;;
					}

					section.rooyesh a:hover .overlay {
						opacity: 1;
					}

					section.rooyesh .text {
						color: white;
						font-size:16px;
						position: absolute;
						top: 50%;
						left: 50%;
						-webkit-transform: translate(-50%, -50%);
						-ms-transform: translate(-50%, -50%);
						transform: translate(-50%, -50%);
						text-align: center;
					}
					section.faq .panel-default>.panel-heading{
						color: #fff!important;
						background-color: #43cb83;
						border-color: #43cb83;
					}
					section.faq .panel-body{
						padding: 38px 53px;
						border-top: 7px solid #f9fafa;
						background-color: #fff;
					}
					section.faq .panel-heading h4{
						margin-bottom: 0!important;
						color: #fff!important;
						padding: 10px 20px
					}
					section.gallery img{
						width: 170px
					}
					section.gallery ul{
						display: block;
						margin: 0 auto;
					}
					section.gallery ul li{
						display: inline-block;
						padding: 0px 30px
					}






					/* Start SSO */

					canvas {
						display: block;
						vertical-align: bottom;
					}


					/* ---- particles.js container ---- */

					#particles-js {
						position: absolute;
						width: 100%;
						height: 100%;
						background-color: #000;
						background-image: url(images/bg.jpg);
						background-size: cover;
						background-position: 50% 50%;
						background-repeat: no-repeat;
					}


					/* ---- stats.js ---- */

					.count-particles {
						background: #000;
						position: absolute;
						top: 48px;
						left: 0;
						width: 80px;
						color: #13E8E9;
						font-size: .8em;
						text-align: left;
						text-indent: 4px;
						line-height: 14px;
						padding-bottom: 2px;
						font-weight: bold;
					}
					#card {
						position: absolute;
						top: 0;
						right: 0;
						left: 0;
						bottom: 0;
						margin: auto;
						width: 790px;
						height: 400px;
						text-align: center;
						overflow: hidden;
						/* background: rgba(0, 0, 0, 0.7); */
					}
					#card #logo, #card #logo a {
						width: 300px;
						height: 300px;
						background: url(images/intro-logo.png) no-repeat center center / 100% auto;
						display: block;
						font-size: 0;
						margin: 0 auto;
					}
					#card #language ul {
						overflow: hidden;
						margin: 0 auto;
						margin-top: 35px;
						text-align: center;
						direction: rtl;
					}
					#card #language ul li {
						display: inline-block;
						margin: 1% 2%;
						width: 27.3%;
						font: normal 16px/40px 'RRF';
						border-radius: 40px;
						color: #565656;
						box-sizing: border-box;
						border: 2px solid #fff;
						overflow: hidden;
					}
					#card #language ul li a {
						display: block;
						color: #fff;
						padding: 0 15px;
						transition: all 0.4s ease;
					}
					#card #language ul li a:hover {
						background: #fff;
						color: #565656;
					}
					/* End SSO */



					.nav{
						padding: 20px 0
					}
					.menu ul{
						display: block;
						margin: 0 auto;
					}
					.menu ul li{
						display: inline-block;
						padding: 40px 15px
					}
					.menu ul li a{
						color: #444;
						font-size: 16px
					}
					.menu ul li a:hover{
						color: #57b389;

					}
					.menuLogo img{
						width: 100px;
						height: 100px;
					}
					a#register{
						background: linear-gradient(to bottom,#0eb289,#045440);
						border-radius: 50px;
						padding: 5px 30px;
						padding-bottom: 10px;
						display: inline-block;
						color: #fff;
						box-shadow: 0 .3rem 0.5rem #0048ad1c !important;
						font-size: 15px;
						border: 1px solid #0eb289;
						transition: all .3s ease-in;
						-moz-transition: all .3s ease-in;
						-o-transition: all .3s ease-in;
						-webkit-transition: all .3s ease-in;
						-ms-transition: all .3s ease-in;
						font-weight: bold;
					}
					a#register:hover{
						background:transparent;
						color: #0eb289
					}
					section.mentor img{
						border-radius: 50%;
					}
					.about .item{
						background: #fff;
						background-image: url(images/about.png);
						background-position: left top;
						background-repeat: no-repeat;
						border-radius: 3px;
						z-index: 2;
						padding: 50px 40px !important;
						color: #666;
						box-shadow: 0 5px 15px rgba(0,0,0,.08);
					}
					.about .item h2{
						line-height: 1.3;
						margin-top: 40px;
						font-size: 2rem;
					}
						.about .item p{
							margin-top: 20px;
							padding-bottom: 20px
						}
.bgtor{
	position: relative;
}
.bgtor img.map{
	/*position: absolute;
    right: -397px;
    top: -154px;*/
	width:100%;
}


@media only screen and (max-width: 421px) {
.item-eye2 {
    width: 48% !important;
    float: right;
    padding: 20px;
}
.banner-active {
    background-size: inherit;
}

.story1 {
    padding: 0px !important;
    height: fit-content !important;
}
.story1 {

    height: fit-content !important;
}

h2.title-shoar {
    text-align: center !important;
}

}
.item-eye2{width: auto !important;}