@charset "utf-8";

@font-face {
	font-family: 'Roboto-Regular';
	src: url('../fonts/Roboto-Regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/*
 * Theme Sections
 *
 * SEC00 : Misc. Stylesheets
 * SEC01 : Header Stylesheets
 * SEC02 : About Section Stylesheets
 * SEC03 : Team Section Stylesheets
 * SEC04 : Portfolio Section Stylesheets
 * SEC05 : Services Section Stylesheets
 * SEC06 : News Section Stylesheets
 * SEC07 : Counters Section Stylesheets
 * SEC08 : Contact Section Stylesheets
 * 
 */

 /* SEC00 : Misc. Stylesheets */
	
	body, html {
		
		width: 100%;
		height: 100%;

		font-family: "Roboto-Regular", Arial, sans-serif;
		font-size: 14px;
		font-weight: 500;
		color: #666;

	}
	
	.mask {
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		background-color: rgba(47, 75, 132, .85);
	}
	
	section {
		padding: 70px 0;
	}
	
	h1, h2, h3, h4, h5, h6 {
		margin:0;
	}
	
	h2 {
		font-family: "Roboto-Regular", Arial, sans-serif;
		font-weight: 700;
		font-size: 24px;
		color: #2F4B84;
		margin: 0 0 5px 0;
		text-align: center
	}
	
	h3 {
		font-family: "Roboto-Regular", Arial, sans-serif;
		font-weight: 500;
		font-size: 18px;
		margin-top: 10px;
		text-align: center;
		line-height: 1.5;
	}
    svg:not(:root){
        stroke: #FFF;
        stroke-width: 3px;
    }

	.full-height{
		min-height: calc(100vh - 240px);
	}
	
	.loading-wrapper {
		display: table;
		background: #f4f6fb;
		position: absolute;
		z-index: 100000;
		width: 100%;
		height: 100%;
	}
	
	.loading {
		display: table-cell;
		vertical-align: middle;
		text-align:center;
	}
	
	.loading .spinner {
		border: 20px solid #2F4B84;
		border-right-color: transparent;
	}
	
	.new-bandage {
		position: absolute;
		top:0;
		right:0;
		width: 50px;
		height: 50px;
		background: url(../img/new-bandage-en.png) no-repeat center center;
	}

	.time-bandage {
		position: absolute;
		left: 30px;
		width: 50px;
		height: 55px;
		text-align: center;
		background: url(../img/news-time-bandage.png) no-repeat center center;
		font-family: "Roboto-Regular", Arial, sans-serif;
		font-weight: 700;
		color: #fff;
		line-height: 1;
		padding: 7px 0 0 0;
	}
	
	.white-popup-block {
		background: #FFF;
		padding: 20px 30px;
		text-align: left;
		max-width: 650px;
		margin: 40px auto;
		position: relative;
	}
	
	.btn-o {
		display: inline-block;
		border: 2px solid #00ccff;
		padding: 10px 15px;
		border-radius: 50px;
		font-size: 18px;
		font-weight: 700;
		color: #00ccff;
		margin:0;
		line-height: 1.4;
		vertical-align: baseline !important;
		
		-webkit-transition:	all 0.3s;
		-moz-transition:	all 0.3s;
		-o-transition:		all 0.3s;
		-ms-transition:		all 0.3s;
		transition:			all 0.3s;
		
	}
	
	.btn-o:hover {
		border-color: #fff;
		color: #fff;
		text-decoration: none;
	}
	
	.btn {
		display: inline-block;
		border: 2px solid #00ccff;
		background: #00ccff;
		padding: 10px 15px;
		border-radius: 50px;
		font-size: 18px;
		font-weight: 700;
		color: #fff;
		margin:0;
		line-height: 1.4;
		vertical-align: baseline !important;
		
		-webkit-transition:	all 0.3s;
		-moz-transition:	all 0.3s;
		-o-transition:		all 0.3s;
		-ms-transition:		all 0.3s;
		transition:			all 0.3s;
		
	}
	
	.btn:hover {
		background: transparent;
		color: #00ccff;
		text-decoration: none;
	}

	.iran-socials{
		position: relative;
		top: 3px;
	}
	
/* SEC01 : Header Stylesheets */
	
	header {
		position: relative;
		display: table;
		width: 100%;
		height: 95px;
        /*background: #2F4B84 url(../img/header-bg.jpg) no-repeat center center;*/
	}

    .header-page{
        background:none;
    }
	
	header nav {
		padding-top: 30px;
		-webkit-transition:	all 0.3s;
		-moz-transition:	all 0.3s;
		-o-transition:		all 0.3s;
		-ms-transition:		all 0.3s;
		transition:			all 0.3s;
	}
	
	header nav .nav {
		margin-top: 25px;
	}
	
	header nav .navbar-toggle {
		margin-top: 30px;
	}
	
	header nav .navbar-toggle span.icon-bar {
		background:#ffffff;
	}
	
	header nav .nav a {
		font-family: "Roboto-Regular", Arial, sans-serif;
		font-size: 16px;
		font-weight: 500;
		color: #fff;
		border-radius: 30px;
		padding: 10px 15px;
		border: 2px solid transparent;
		
		-webkit-transition:	all 0.3s;
		-moz-transition:	all 0.3s;
		-o-transition:		all 0.3s;
		-ms-transition:		all 0.3s;
		transition:			all 0.3s;
		
	}
	
	header nav .nav a:hover,
	header nav .nav a:focus	{
		background-color: transparent;
		color: #00ccff;
		border: 2px solid #00ccff;
		outline: none !important;
	}
	
	header .top-nav-collapse {
		padding: 0px 0 25px 0;
		background: #2F4B84
	}

    .logo{
        padding: 5px 15px;
    }

	.slider-wrapper {
		position: relative;
		z-index: 5;
		display: table-cell;
		text-align : center;
		vertical-align: middle;
		width: 100%;
		height: 100%;
	}

	.slider-wrapper .slider-content {
		display: block;
		margin: 0 auto;
	}
	
	.slider-wrapper .slider-content h1 {
		font-size: 35px;
		font-weight: 500;
		text-decoration: none;
		color:#fff;
		margin:0;
		padding:0;
	}
	
	.slider-wrapper .slider-content h2 {
		font-size: 35px;
		font-weight: 100 !important;
		text-decoration: none;
		color:#fff;
		letter-spacing: -2px;
		margin: 0 0 10px 0;
		padding:0;
	}
	
	.slider-wrapper .slider-content p {
		margin: 0 auto;
		font-size: 16px;
		font-weight: 400;
		margin: 10px auto 20px;
		color:#fff;
	}
	
/* SEC02 : About Section Stylesheets */

	.carousel-inner > .item > a > img{
		width: 100%;
	}

	#main-slider {
		position: relative;
		background-color: #2F4B84;
		border-top: 3px #d5d3d3 solid;
	}

	#main-slider a.next {
		font-size: 36px;
		right: 10px;
	}

	#main-slider a.prev {
		font-size: 36px;
		left: 10px;
	}

	#main-slider a.prev, #main-slider a.next {
		position: absolute;
		top: 50%;
		background-color: rgba(0, 0, 0, 0.3);
		color: #fff;
		display: inline-block;
		height: 40px;
		width: 40px;
		line-height: 40px;
		text-align: center;
		border-radius: 4px;
		z-index: 5;
		-webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
	}

	#main-slider a.prev:hover, #main-slider a.next:hover {
		background-color: rgba(0, 0, 0, 0.5);
		border-radius: 10px;
	}

    .about {
		position: relative;
	}
	
	.about .separator {
		display: block;
		height: 50px;
		position: absolute;
		top: -50px;
		width: 100%;
		z-index: 100;
	}

	.about .separator path {
		fill: #fff;
	}
	
	#about {
		position: relative;
	}
	
	#about h3 {
		margin-bottom: 40px;
	}
	
	#about .about-text {
		font-weight: 500
	}
	
	#about .about-images {
		margin-top: 40px
	}
	
	#about .about-images .item {
		margin: 0 15px;
	}
	
	#about .about-images .img {
		position: relative;
		border-radius: 3px;
		overflow: hidden;
	}

	#about .about-images .img .mask {
		border-radius: 3px;
		opacity:0;
		
		-webkit-transition:	all 0.3s;
		-moz-transition:	all 0.3s;
		-o-transition:		all 0.3s;
		-ms-transition:		all 0.3s;
		transition:			all 0.3s;
		
	}

	#about .about-images .img img {
		border-radius: 3px;
        display: inherit;
        width:inherit;
	}

	#about .about-images .img .zoom {
		position: absolute;
		bottom: 10px;
		width: 100%;
		text-align: center;
		opacity: 0;
		
		-webkit-transition:	all 0.3s;
		-moz-transition:	all 0.3s;
		-o-transition:		all 0.3s;
		-ms-transition:		all 0.3s;
		transition:			all 0.3s;
		
	}
	
	#about .about-images .img .count {
		position: absolute;
		width: 100%;
		top: 50%;
		margin-top: -40px;
		text-align: center;
		font-size: 16px;
		color: #fff;
		opacity: 0;
		
		-webkit-transition:	all 0.3s;
		-moz-transition:	all 0.3s;
		-o-transition:		all 0.3s;
		-ms-transition:		all 0.3s;
		transition:			all 0.3s;
		
	}

	#about .about-images .img:hover > .mask {
		opacity: 1;
	}
	
	#about .about-images .img:hover > .zoom {
		opacity: 1;
		bottom: 30px;
	}
	
	#about .about-images .img:hover > .count {
		opacity: 1;
		margin-top: -30px;
	}
	
/* SEC03 : Team Section Stylesheets */

	.team {
		position: relative;
		background: #2F4B84 url(../img/team-bg.jpg) no-repeat center center;
		padding: 60px 0;
	}
	
	.team .separator {
		display: block;
		height: 70px;
		position: absolute;
		top:0;
		width: 100%;
		z-index: 100;
	}
	
	.team .separator path {
		fill: #fff;
	}
	
	.team h2,
	.team h3 {
		color: #fff;
	}

	#team #team-slider {
		margin-top: 40px;
	}

	#team .member {
		margin:0 15px;
	}

	.member h4 {
		font-size: 18px;
		font-weight: 700;
		color: #fff;
		margin-top: 15px;
	}
	
	.member .sep {
		width: 40px;
		height: 4px;
		margin: 10px auto;
		background: #00ccff;
	}
	
	.member p {
		font-size: 14px;
		font-weight: 500;
		color: #fff;
		margin-bottom: 15px;
	}

	.member .title {
		font-size:14px;
	}
	
	.member .social i {
		font-size: 20px;
		color: #fff;
		padding: 0 10px;
	}
	
	.member .social i:hover {
		color: #00ccff;
	}
	
/* SEC04 : Portfolio Section Stylesheets */

	#portfolio {
		position: relative;
	}
	
	#portfolio .separator {
		display: block;
		height: 50px;
		position: absolute;
		top: -50px;
		width: 100%;
		z-index: 100;
	}
	
	#portfolio .separator path {
		fill: #fff;
	}

	#portfolio .cbp-l-filters-button {
		text-align: center !important;
	}

	#portfolio .cbp-l-inline-title {
		font-size: 22px;
	}

	#portfolio .cbp-l-filters-button .cbp-filter-item{
		font-weight: bold;
		font-size: 12px;
	}

	#portfolio .cbp-l-inline {
		font-family: "Roboto-Regular", Arial, sans-serif !important;
	}
	
	/* Portfolio Filter Buttons */
		#portfolio .cbp-l-filters-button .cbp-filter-item:hover {
			border-color: #2F4B84;
			color:#2F4B84
		}
		
		#portfolio .cbp-l-filters-button .cbp-filter-item-active {
			border-color: #2F4B84;
			background-color: #2F4B84
		}

	/* Portfolio Item Hover */
		
		#portfolio .cbp-caption-zoom .cbp-caption-activeWrap {
			background-color: rgba( 0,51,153, .4 );
		}
		
		#portfolio .cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight {
			background-color: #2F4B84;
		}
		
		#portfolio .cbp-l-caption-buttonLeft:hover,
		#portfolio .cbp-l-caption-buttonRight:hover {
			background-color: #fff;
			color:#2F4B84
		}
		
        #portfolio .title{
            color:#FFF;
            font-size: 16px;
            background-color: #2F4B84;
            padding: 5px 0;
        }

		#portfolio .cbp-item {
			border-radius: 3px;
			overflow: hidden;
            width: 200px;
            height: 160px;
		}
        #portfolio .cbp-caption-defaultWrap img{
            max-width: 100%;
            height: 100%;
            vertical-align: middle;
            position: absolute;
            right: 0;
            left: 0;
            margin: auto;
        }

		.portfolio-logo{
			max-height: 150px;
			margin-bottom: 20px;
		}
	
/* SEC05 : Services Section Stylesheets */

	.services {
		position: relative;
		background: #2F4B84 url(../img/services-bg.jpg) no-repeat center center;
		padding: 60px 0;
	}
	
	.services .separator {
		display: block;
		height: 70px;
		position: absolute;
		top:0;
		width: 100%;
		z-index: 100;
	}
	
	.services .separator path {
		fill: #fff;
	}
	
	.services h2,
	.services h3 {
		color: #fff;
	}
	
	.services .item {
		text-align: center;
	}
	
	.services .item .icon {
		border: 2px solid #FFF;
		padding: 15px;
		font-size: 30px;
		color:#FFF;
		border-radius: 50%;
		margin-top: 40px;
		
		-webkit-transition:	all 0.3s;
		-moz-transition:	all 0.3s;
		-o-transition:		all 0.3s;
		-ms-transition:		all 0.3s;
		transition:			all 0.3s;
		
	}
	
	.services .item h4 {
		font-size: 16px;
		font-weight: 700;
		color:#00ccff;
		margin: 15px 0;
	}

    .services .item h4 a{
        color:#FFF;
    }
	
	.services .item p {
		padding: 0 15px;
		font-size: 14px;
		font-weight: 500;
		color:#fff;
	}

    .services .item:hover{
        cursor:pointer;
    }

    .services .item:hover h4 a{
        color:#00ccff;
        text-decoration:none;
    }
	
	.services .item:hover .icon {
        border: 2px solid #00ccff;
		background: #00ccff;
		color: #fff;
	}
	
/* SEC06 : News Section Stylesheets */

	#news {
		position: relative;
	}
	
	#news .separator {
		display: block;
		height: 50px;
		position: absolute;
		top: -50px;
		width: 100%;
		z-index: 100;
	}
	
	#news .separator path {
		fill: #fff;
	}
	
	#news #news-slider {
		position: relative;
		margin-top: 40px;
	}
	
	#news #news-slider.owl-carousel .item {
		position: relative;
		margin: 0 10px;
	}

	#news #news-slider .item{
		margin: 10px 0;
		border: 2px solid #eeee;
		border-radius: 10px;
		padding: 10px;
	}
	
	#news #news-slider .item .time-bandage {
		position: absolute;
		top:0;
		left: 0px;
		width: 50px;
		height: 55px;
		text-align: center;
		background: url(../img/news-time-bandage.png) no-repeat center center;
		font-family: "Roboto-Regular", Arial, sans-serif;
		font-weight: 700;
		color: #fff;
		line-height: 1;
		padding: 7px 0 0 0;
	}

    #news #news-slider .item .title {
		font-weight: bold;
		position: absolute;
		top: 0;
        left: 60px;
        right: 50px;
	}

    #news #news-slider .item .summary {
		margin: 22px 0 10px 0;
        text-align: justify;
		height: 100px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
	}

	#news #news-slider .item .summary *:not(:first-child){
		display: none;
	}

    #news #news-slider .item .more {
        text-align: right
	}

	#news #news-slider .item .image {
		position: relative;
		overflow: hidden;
		border-radius: 3px
	}
	
	#news #news-slider .item .tools {
		position: relative;
		margin-top: 10px;
		height: 40px;
		padding-left: 15px;
	}
	
	#news #news-slider .item .tools .icon {
		position: absolute;
		left: 0;
		top: 0;
		background: #00ccff;
		width: 6px;
		height: 40px;
		border-radius: 3px;
	}
	
	#news #news-slider .owl-buttons {
		position: absolute;
		top: 50%;
		margin-top: -45px;
		width: 100%;
		z-index: 0;
		height: 0;
	}
	
	#news #news-slider .owl-buttons div {
		background: transparent;
	}
	
	#news #news-slider .owl-buttons .fa {
		color:#aaa;
		border: 2px solid #aaa;
		border-radius: 50%;
		font-size: 15px;
	}
	
	#news #news-slider .owl-buttons .rightArrow {
		position: absolute;
		right: -45px;
		padding: 9px 10px 9px 13px;
	}
	
	#news #news-slider .owl-buttons .leftArrow {
		position: absolute;
		left: -45px;
		padding: 9px 13px 9px 10px;
	}

    #news .cbp-l-filters-button {
        text-align: center !important;
    }

    #news .cbp-l-filters-button .cbp-filter-item{
        font-weight: bold;
		font-size: 12px;
    }

    #news .cbp-l-filters-button .cbp-filter-item-active {
        border-color: #2F4B84;
        background-color: #2F4B84;
    }

    #news .cbp-l-filters-button .cbp-filter-item:hover {
            border-color: #2F4B84;
            color: #2F4B84;
    }

	.news-title{
		position: absolute;
		left: 110px;
	}
	
/* SEC07 : Counters Section Stylesheets */

	.counters {
		position: relative;
		background: #2F4B84 url(../img/counters-bg.jpg) no-repeat center center;
		padding: 60px 0;
	}
	
	.counters .separator {
		display: block;
		height: 70px;
		position: absolute;
		top:0;
		width: 100%;
		z-index: 100;
	}
	
	.counters .separator path {
		fill: #fff;
	}
	
	.counters h2,
	.counters h3 {
		color: #fff;
	}
	
	.counters .icon {
		width: 120px;
		height: 120px;
		font-size: 60px;
		text-align: center;
		line-height: 120px;
		color:#00ccff;
		border: 3px solid #00ccff;
		border-radius: 50%;
		margin-top: 40px;
	}
	
	.counters h4 {
		font-size: 60px;
		font-weight: 700;
		letter-spacing: -2px;
		color:#fff;
		margin: 15px 0;
	}
	
	.counters h5 {
		font-size: 18px;
		font-weight: 700;
		color:#fff;
	}
	
	.counters p {
		font-size: 14px;
		font-weight: 500;
		color:#fff;
	}

/* SEC08 : Contact Section Stylesheets */

	div.contact{
		position: relative;
        background: #2F4B84 url(../img/contact-bg.jpg) no-repeat center center;
        padding: 60px 0px 0px 0px;
	}

    .contact-page{
        padding: 0 !important;
        background: none !important;
    }

    section#contact{

        padding-bottom: 0;
    }
	
	div.contact .separator {
		display: block;
		height: 70px;
		position: absolute;
		top:0;
		width: 100%;
		z-index: 100;
	}
	
	div.contact .separator path {
		fill: #fff;
	}
	
	#contact .contact-form {
		margin-top: 40px;
	}
	
	#contact .contact-form .form-control {
		border: 2px solid #2F4B84;
		color: #2F4B84 !important;
		padding: 10px;
	}

    #contact .contact-form input {
        height: 55px;
    }

    #contact_captcha {
		font-size: 16px;
        text-align: center;
    }
	
	#contact .contact-form textarea {
		margin-top: 20px;
        height: 100px;
	}

	#contact .map {
		margin-top: 60px;
		height: 400px;
	}
	
	#contact .bottom {
		background: #2F4B84;
		padding: 25px 0;
		color: #fff;
	}
	
	#contact .bottom i {
		font-size: 20px;
		padding: 10px 10px 0 10px;
		color:#00ccff;
		border-radius: 50%;
	}

    #contact h2,
	#contact h3 {
		color: #fff;
	}
	
	#contact .icon {
		width: 120px;
		height: 120px;
		font-size: 60px;
		text-align: center;
		line-height: 120px;
		color:#00ccff;
		border: 3px solid #00ccff;
		border-radius: 50%;
		margin-top: 40px;
	}
	
	#contact h4 {
		font-size: 60px;
		font-weight: 700;
		letter-spacing: -2px;
		color:#fff;
		margin: 15px 0;
	}
	
	#contact h5 {
		font-size: 18px;
		font-weight: 700;
		color:#fff;
	}
	
	#contact p {
		font-size: 14px;
		font-weight: 500;
		color:#fff;
	}

    #contact p.error {
		color:red;
		font-size: 18px;
	}
	
	#contact p.success {
		color:#2ed73a;
		font-size: 18px;
	}

    #contact a, #contact a:hover{
		color:#FFF;
		text-decoration:none;
	}








@media (max-width: 767px) {
	
	h2 {
		font-size: 22px
	}
	
	h3 {
		font-size: 16px
	}

	header{
		height: 98px;
	}
	
	.bottom .col-lg-4:last-child {
		/*text-align: left;*/
	}
	
	#contact .contact-form input {
		margin-bottom: 5px;
	}
	
	#contact .contact-form textarea {
		margin-top: 0px;
	}
	
	#news #news-slider .owl-buttons {
		position: relative;
		margin-top: 25px;
	}
	
	#news #news-slider .owl-buttons div {
		background: #fff;
		padding: 0;
	}
	
	#news #news-slider .owl-buttons .leftArrow {
		position: relative;
		left: 0;
		right: 0;
		margin: 0;
	}
	
	#news #news-slider .owl-buttons .rightArrow {
		position: relative;
		left: 0;
		right: 0;
		margin: 0;
	}
	
}