@charset "utf-8";
/* CSS Document */

html,body {height:100%}

#wrapper {height:100%}

#header.full-header {
    position: absolute;
    left: 0;
    right: 0;
}

.grt {
	
/*background: -moz-linear-gradient(top,  rgba(65,82,92,1) 0%, rgba(255,255,255,0) 100%); 
background: -webkit-linear-gradient(top,  rgba(65,82,92,1) 0%,rgba(255,255,255,0) 100%); 
background: linear-gradient(to bottom,  rgba(65,82,92,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41525c', endColorstr='#00ffffff',GradientType=0 );*/ 


/*background: rgba(65,82,92,0.95);
background: -moz-linear-gradient(top, rgba(65,82,92,0.95) 0%, rgba(65,82,92,0.75) 41%, rgba(65,82,92,0.38) 70%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(65,82,92,0.95)), color-stop(41%, rgba(65,82,92,0.75)), color-stop(70%, rgba(65,82,92,0.38)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(65,82,92,0.95) 0%, rgba(65,82,92,0.75) 41%, rgba(65,82,92,0.38) 70%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(65,82,92,0.95) 0%, rgba(65,82,92,0.75) 41%, rgba(65,82,92,0.38) 70%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(65,82,92,0.95) 0%, rgba(65,82,92,0.75) 41%, rgba(65,82,92,0.38) 70%, rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(65,82,92,0.95) 0%, rgba(65,82,92,0.75) 41%, rgba(65,82,92,0.38) 70%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41525c', endColorstr='#ffffff', GradientType=0 );*/


background: rgba(65,82,92,0.95);
background: -moz-linear-gradient(top, rgba(65,82,92,0.95) 0%, rgba(65,82,92,0.89) 22%, rgba(65,82,92,0.85) 34%, rgba(65,82,92,0.75) 50%, rgba(65,82,92,0.38) 79%, rgba(65,82,92,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(65,82,92,0.95)), color-stop(22%, rgba(65,82,92,0.89)), color-stop(34%, rgba(65,82,92,0.85)), color-stop(50%, rgba(65,82,92,0.75)), color-stop(79%, rgba(65,82,92,0.38)), color-stop(100%, rgba(65,82,92,0)));
background: -webkit-linear-gradient(top, rgba(65,82,92,0.95) 0%, rgba(65,82,92,0.89) 22%, rgba(65,82,92,0.85) 34%, rgba(65,82,92,0.75) 50%, rgba(65,82,92,0.38) 79%, rgba(65,82,92,0) 100%);
background: -o-linear-gradient(top, rgba(65,82,92,0.95) 0%, rgba(65,82,92,0.89) 22%, rgba(65,82,92,0.85) 34%, rgba(65,82,92,0.75) 50%, rgba(65,82,92,0.38) 79%, rgba(65,82,92,0) 100%);
background: -ms-linear-gradient(top, rgba(65,82,92,0.95) 0%, rgba(65,82,92,0.89) 22%, rgba(65,82,92,0.85) 34%, rgba(65,82,92,0.75) 50%, rgba(65,82,92,0.38) 79%, rgba(65,82,92,0) 100%);
background: linear-gradient(to bottom, rgba(65,82,92,0.95) 0%, rgba(65,82,92,0.89) 22%, rgba(65,82,92,0.85) 34%, rgba(65,82,92,0.75) 50%, rgba(65,82,92,0.38) 79%, rgba(65,82,92,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41525c', endColorstr='#41525c', GradientType=0 );

}

body.stretched #header.full-header .container {
    width: 100%;
    /*padding: 0 30px;*/
	padding: 0 5%;
    /*background: rgba(0,0,0,0.5);*/
}

.tophead {height:34px;background-color:#41525c;border-bottom:1px solid #41525c;}

.tophead-mnu {list-style:none;margin-top: 8px;margin-bottom: 7px;}
.tophead-mnu li {display:inline-block;margin-left:10px;}
.tophead-mnu li a {color:#fff;padding:5px 6px 0;font-size:12px;}
.tophead-lnks {margin-right:10%;}
.tophead-srch {margin-left:10%;}
.tophead-srch input[type=text] {
	width: 150px;
    height: 20px;
    margin-top: 2px;
    background-color: #34424a;
    border: 1px solid #fff;
	color:#fff;
}
.btn-tophead-sch {
	background: transparent;
    border: none;
    padding-top: 6px;
}
.tophead-srch span {color:#fff;}



#slider-wrapper {/*border-bottom: 1px solid #ddd;*/height:100%;border-bottom: 10px solid #41525c;min-height: 415px;}

/*-------------------------------------*/
		#layerslider * {
			font-weight: 300;
		}

		#layerslider h1 {
			font-size: 30px;
			color: #eee;
		}

		#layerslider h2 {
			font-size: 40px;
			color: #111;
		}
/*-------------------------------------*/

#header.transparent-header.full-header #header-wrap {
   border-bottom: 0; 
}

#primary-menu {
    float: left;
}

#primary-menu ul > li {
    float: right;
}

#header.full-header #primary-menu > ul {
     border-right: 0; 
}

#logo {
    position: relative;
    float: right;
    font-family: 'Raleway', sans-serif;
    font-size: 36px;
    line-height: 100%;
    margin-right: 40px;
	/*width:245px;*/
}
#header.full-header #logo {
     padding-right: 0; 
     margin-right: 0; 
}

#primary-menu ul > li {
     margin: 0; 
}

#primary-menu ul li > a {
    color: inherit;/*#ffffff*/
}

#primary-menu ul li:hover > a, #primary-menu ul li.current > a {
    color: #fec659;/*41525c*/
}

#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {
    display: none;
    position: absolute;
    width: 170px;/*220px*/
    background-color: rgb(229, 239, 244);/*#FFF*/
	
    /*box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
    border: 1px solid #EEE;*/
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);
    border: 0;
	
    border-top: 2px solid #41525c;
    height: auto;
    z-index: 199;
	
    /*top: 100%;*/
	top: 70%;
	
	left:auto;
    margin: 0;
    right: 0;
    text-align: right;
	padding: 0;
}

.dark #primary-menu:not(.not-dark) ul ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content, #primary-menu.dark ul ul, #primary-menu.dark ul li .mega-menu-content {
	
	background-color: rgb(229, 239, 244);
	color: #41525c;
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);
    border: 0;
    border-top: 2px solid #41525c;
	
}
.dark #primary-menu:not(.not-dark) ul ul li > a, #primary-menu.dark ul ul li > a {
    color: #41525c !important;
	padding-right: 15px !important;
    font-size: 13px;
}
.dark #primary-menu:not(.not-dark) ul ul li:hover > a, #primary-menu.dark ul ul li:hover > a {
	    background-color: #F9F9F9;
    padding-left: 18px;
    color: #41525c !important;	
}

.ls-circle-timer {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 100px;
    z-index: 4;
    opacity: .65;
    filter: alpha(opacity=65);
    display: none;
}



.sld-caption {
	padding:25px;
	background-color:rgba(0, 0, 0, 0.5);
	color:#FFFFFF;
	text-align:center;
	font-size:24px;
	direction:rtl;
	z-index: 99;
}

.btn-bordered {
	border:3px solid #ffffff;
	background:transparent;
	    padding: 2px 20px;
    line-height: 33px;
}
.btn-bordered:hover {
	border:3px solid #ffffff;
	background: #ffffff;
	color:#41525c;
}


.ls-v5 .ls-nav-prev,
.ls-v5 .ls-nav-next {
	width: 40px;
	height: 50px;
	z-index: 99 !important;
	top: 50%;
	margin-top: -25px;
	position: absolute;
}
.ls-v5 .ls-nav-prev {
	left: 7% !important;
	padding:5px;
	/*background:rgba(65, 82, 92, 0.7);#41525c*/
	width:50px !important;
	border-radius:50%;
}
.ls-v5 .ls-nav-next {
	right: 7% !important;
	padding:5px;
	/*background:rgba(65, 82, 92, 0.7);#41525c*/
	width:50px !important;
	border-radius:50%;
}

.s-m-bar {
	position: absolute;
    top: 120px;
    /*background: rgba(0, 0, 0, 0.5);*/
    left: 10px;
    z-index: 99;
    list-style-type: none;
    padding:5px;
}
.s-m-bar li {margin:10px 0;}
.s-m-bar li:first-child {margin-top:0;}
.s-m-bar li:last-child {margin-bottom:0;}
.s-m-bar li a {color:#fff;}
.s-m-bar li .social-icon {
    margin: 0 5px 5px 0;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 38px !important;
    color: #fff;
    text-shadow: none;
    border: 1px solid #fff;
    overflow: hidden;
	background: rgba(0,0,0,0.1);
}
.s-m-bar li .social-icon:hover {line-height: 34px !important;}

/*#content {border-top: 10px solid #41525c;}*/

.img-cvr {
	    display: block;
    height: auto;
    max-width: 100%;
    line-height: 1;
    width: 100%;
}

.corners-con {
	/*background: #41525c;*/
	position:relative;
	color:#fff;
	border-top: 1px solid #41525c;
	    border-bottom: 1px solid #41525c;
}
.corners-con h4 {
	color:#41525c;/*#fff*/
	margin-top:10px;
}

.bg-l01 {background:#297f9e !important;}
.bg-l02 {background:#0da185 !important;}
.bg-l03 {background:#9cbc56 !important;}
.bg-l04 {background:#f59e1d !important;}
.bg-l05 {background:#c13b2b !important;}
.bg-shb {background:#1999ca !important;}
.bg-exp {background:#44546b !important;}
.bg-cht {background:#1ac5d7 !important;}

.sec-title {
	background: #fff;position:absolute;right:50%;margin-right: -76px;top:-40px;padding:10px;
}
.sec-title h3 {color:#41525c;}

.sec-title2 {
	background: #cfdae0;position:absolute;right:0;top:-110px;padding:0 10px;min-width:150px;text-align:center;
}
.sec-title2 h3 {color:#41525c;}











.circle {
    border-radius: 50%;
    display: inline-block;
    position: relative;
}
.circle img {
    border-radius: 50%;
    display: block;
    border:1px solid #fff;
}
.circle:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);
    border-radius: 50%;
    position: absolute;
    top: 0; left: 0;
}


.sp-area1 {background-image: url('../imgs/sky01.jpg'); padding: 150px 0;background-size:cover;}


.news-sec {margin-top:80px;background:#cfdae0;padding: 80px 0;}

.main-news-con {position:relative;}
.main-news-con img {height:435px}
.main-news-caption {height:75px;background:rgba(65, 82, 92, 0.7);color:#fff;padding:5px;position: absolute;left: 0;right: 0;bottom: 0;}

.news-pan {background-color:transparent !important;border:0;box-shadow:none;margin:0;}
.news-con {overflow-y: hidden; height: 370px !important;margin:0;}
.news-item {    border-bottom: 1px solid #999;line-height:inherit;}
.news-item table {margin:0;}
.news-item table td {padding:0 5px;}
.news-item table td p {margin:0;}
.news-cal-day {width:90px;height:70px; border:1px solid #ddd;text-align:center;background-color:#fff;}
.news-cal-month {width:90px;height:20px; background:rgb(65, 82, 92);color:#fff;text-align:center;}
.news-pan .panel-footer {
    padding: 0;
    background-color: transparent;
    border-top: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-d {
	background-color: #41525c !important;
    color: #fff !important;
    padding: 6px 12px !important;
    line-height: 1.42857143 !important;
}
a.btn-d:visited {
    color: #fff !important;
}
.bdr-r {
	border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
	min-width:150px;
	min-height:35px;
	text-align:center;
}








.main-metro-projs {padding: 5px;margin: 0;position: absolute;left: 0;top: 0;width: 100%;background: rgba(0,0,0,0.2);z-index: 99;}
.main-metro-files {position:absolute;width:50%;top:0;bottom:0;padding-top:110px;}
.main-metro-files-bg {background:url(../imgs/hf.jpg);background-size:cover;}
.main-metro-chats-img {width:100% !important;height:200px !important;}
















/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}




/* articles section */
.articles-sec {
	float: left;
	width: 100%;
	padding: 90px 0px 0px 0px;
}
.articles-sec .left {
	float: left;
	width: 25%;
}
.articles-sec .left img {
	float: left;
	width: 100%;
	margin-bottom: 1px;
	transition: all 0.3s ease;
}
.articles-sec .left img:hover {
	float: left;
	opacity: 0.7;
}
.articles-sec .date {
	float: left;
	width: 100%;
	padding: 10px 0px 8px 0px;
	text-align: center;
	background: #41525c;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.articles-sec .date a {
	color: #fff;
}
.articles-sec .date:hover {
	background: #859DAB;
}
.articles-sec .date strong {
	font-size: 14px;/*27px*/
	font-weight: 600;
}
.articles-sec .comment {
	float: left;
	width: 100%;
	padding: 7px 0px 6px 0px;
	text-align: center;
	background: #f9f9f9;
	color: #999;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.articles-sec .comment a {
	color: #999;
}
.articles-sec .comment:hover {
	color: #fff;
	background: #fff;
}

.articles-sec .right {
	float: left;
	width: 75%;
	padding: 40px 40px 45px 40px;
	background: #f3f3f3;
	    text-align: right;
		height:415px;
}

.articles-sec .right p {
	font-size: 14px;
    line-height: 2.5em;
}

.articles-sec .videofra {
	float: left;
	width: 100%;
	height: 338px;
}
.owl-carousel.small .owl-controls {margin-top:auto !important;}





.twitter-timeline {
	height:420px !important;
	border-top: 3px solid #41525c !important;
	border-bottom: 3px solid #41525c !important;
}









.sp-area2 {background-image: url('../imgs/madina.jpg'); padding: 150px 0;background-size:cover;}

.pre-footer {width: 100%;height: 70px;background: #cfdae0;margin-top: 50px;}

#footer.dark, .dark #footer {
    background-color: #41525c;
    color: #CCC;
    border-top-color: rgba(0,0,0,0.2);
	    /*margin-top: 25px;*/
}
#footer .footer-widgets-wrap {
    position: relative;
    padding: 20px 0;
}
.footer-logo {
    display: block;
    margin-bottom: 30px;
    width: 100px;
}

.btn-newsletter {
	background-color: #41525c;
    border: 1px solid #fff;
}

.footer-smedia {text-align:center;}
.dark #footer .social-icon.si-borderless, #footer.dark .social-icon.si-borderless {
    color: #fff !important;
}

#copyrights {
    padding: 10px 0;
}











.container-media {
  			width: 100%;
  			max-width: 854px;
  			min-width: 440px;
  			background: #fff;
  			margin: 0 auto;
  		}


  		/*  VIDEO PLAYER CONTAINER
 		############################### */
  		.vid-container {
		    position: relative;
		    padding-bottom: 46%;
		    /*padding-top: 30px; */
		    height: 0; 
		}
		 
		.vid-container iframe,
		.vid-container object,
		.vid-container embed {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}


		/*  VIDEOS PLAYLIST 
 		############################### */
		.vid-list-container {
			width: 99%;
			overflow: hidden;
			margin-top: 49px;
			margin-left:4%;
			/*padding-bottom: 20px;*/
		}

		.vid-list {
			width: 1344px;
			position: relative;
			top:0;
			left: 0;
		}

		.vid-item {
			display: block;
			width: 148px;
			height: 148px;
			float: right;
			margin: 0;
			padding: 10px;
		}

		.thumb {
			/*position: relative;*/
			overflow:hidden;
			height: 84px;
		}

		.thumb img {
			width: 100%;
			position: relative;
			top: -13px;
		}

		.vid-item .desc {
			color: #21A1D2;
			font-size: 15px;
			margin-top:5px;
		}

		.vid-item:hover {
			background: #eee;
			cursor: pointer;
		}

		.arrows {
			position:relative;
			width: 100%;
		}

		.arrow-left {
			color: #fff;
    position: absolute;
    background: rgba(0, 0, 0, 0.55);
    padding: 15px;
    left: 0;
    /* top: 0; */
    bottom: 0;
    z-index: 99;
    height: 140px;
    cursor: pointer;
		}

		.arrow-right {
			    color: #fff;
    position: absolute;
    background: rgba(0, 0, 0, 0.55);
    padding: 15px;
    right: 0;
    bottom: 0;
    z-index: 100;
    cursor: pointer;
    height: 140px;
		}

		.arrow-left:hover {
			background: #41525c;
		}

		.arrow-right:hover {
			background: #41525c;
		}


		@media (max-width: 624px) {
			body {
				margin: 15px;
			}
			.caption {
				margin-top: 40px;
			}
			.vid-list-container {
				padding-bottom: 20px;
			}

			/* reposition left/right arrows */
			.arrows {
				position:relative;
				margin: 0 auto;
				/*width:96px;*/
			}
			.arrow-left {
				left: 0;
				top: -17px;
			}

			.arrow-right {
				right: 0;
				top: -17px;
			}
		}
		
		
		
.img-pros {height: 100%;}

.img-hg100 img {height:100% !important;}
		
.col {
	margin-top: 25px;
    margin-bottom: 25px;
	}

.text-main {color: #fff;}







/*inner*/
/*====================*/
/*====================*/
.text-inner {color: #41525c;}
.breadcrumb > li + li:before {color: #999;}	
		
		
.pro-wrapper {
	position: relative;height: 345px;
}
.pro-img-title {
	width: 100%;height: 300px;position: relative;overflow: hidden;
}
.pro-img-title img {
	width: 100%;min-height: 100%;border: 3px solid #41525c;position: absolute;
	-webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.pro-tlt {
	position: absolute;top: 0;left: 0;right: 0;min-height: 50px;color: #fff;text-align: center;padding: 5% 10px 10px 10px;background: rgba(65,82,92,0.70);
}
.btn-pro {
	position: absolute;bottom: 10px;width: 33%;height: 33px;
	border: 0;color: #fff;
	-webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.btn-down {
	background: #0fa286;
}
.btn-show {
	background: #99bb4d;right: 33%;margin-right: 1px;
}		
.btn-buy {
	background: #2b809f;left: 0;
}

.pro-wrapper:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.btn-down:hover {
	box-shadow: 0px 0px 8px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.2);
    transition: all 200ms ease-in;
    transform: scale(1.2);
}

.btn-show:hover {
	box-shadow: 0px 0px 8px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.2);
    transition: all 200ms ease-in;
    transform: scale(1.2);
}

.btn-buy:hover {
	box-shadow: 0px 0px 8px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.2);
    transition: all 200ms ease-in;
    transform: scale(1.2);
}

.msg-tlt {
	position: absolute;bottom: 0;left: 0;right: 0;min-height: 50px;color: #fff;text-align: center;padding: 5% 10px 10px 10px;background: rgb(65,82,92);
}



.proj-wrapper {
	
}
.proj-img-title {
	width: 100%;height: 500px;position: relative;overflow: hidden;border: 3px solid #41525c;
}
.proj-tlt {
	overflow: hidden;
	-webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.proj-tlt p {
	position: absolute;
	margin-right: 100px;
    margin-left: 100px;
	-webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

/*.proj-img-title:hover .proj-tlt p{display: block;}*/
.proj-img-title:hover .proj-tlt {top: 0;left: 0;right: 0;bottom: 0;}/*min-height: 100%;min-width: 100%;*/


.proj-img-title img {
	width: 100%;min-height: 100%;position: absolute;
	-webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
	    margin-top: -210px;
}
.proj-tlt01-1 {
	position: absolute;bottom: 0;left: 0;right: 0;top: 80%;color: #fff;text-align: center;padding: 5% 10px 10px 10px;background: rgba(7, 157, 128, 0.80);
}
.proj-tlt01-2 {
	position: absolute;bottom: 0;left: 0;right: 0;top: 80%;color: #fff;text-align: center;padding: 5% 10px 10px 10px;background: rgba(156, 188, 86, 0.80);
}
.proj-tlt02-1 {
	position: absolute;bottom: 0;top: 0;right: 0;left: 80%;color: #fff;text-align: center;padding: 5% 10px 10px 10px;background: rgba(193, 51, 31, 0.80);
}
.proj-tlt02-2 {
	position: absolute;bottom: 0;top: 0;right: 0;left: 80%;color: #fff;text-align: center;padding: 5% 10px 10px 10px;background: rgba(43, 128, 159, 0.80);
}
.proj-tlt03-1 {
	position: absolute;top: 0;left: 0;right: 0;bottom: 80%;color: #fff;text-align: center;padding: 5% 10px 10px 10px;background: rgba(7, 157, 128, 0.80);
}
.proj-tlt03-2 {
	position: absolute;top: 0;left: 0;right: 0;bottom: 80%;color: #fff;text-align: center;padding: 5% 10px 10px 10px;background: rgba(156, 188, 86, 0.80);
}
.proj-tlt04-1 {
	position: absolute;bottom: 0;top: 0;left: 0;right: 80%;color: #fff;text-align: center;padding: 5% 10px 10px 10px;background: rgba(193, 51, 31, 0.80);
}
.proj-tlt04-2 {
	position: absolute;bottom: 0;top: 0;left: 0;right: 80%;color: #fff;text-align: center;padding: 5% 10px 10px 10px;background: rgba(43, 128, 159, 0.80);
}


.proj-d-btn {
	position: relative;width: 70%;height: 100px;text-align: center;font-size: 24px;color: #fff;padding: 45px 10px;
	margin-top: 100px;margin-bottom: 100px;
}
.proj-d-btn-ico {
	position: absolute;left: 10px;top: -50px;width: 100px;height: 100px;border-radius: 50%;overflow: hidden;border: 3px solid #fff;
}
.proj-d-btn-ico img {
	width: 70%;margin: 0 auto;margin-top: 10px;
}













.files-wrapper {
	
}
.files-img-title {
	width: 100%;height: 350px;position: relative;overflow: hidden;border: 3px solid #41525c;
}
.files-tlt {
	overflow: hidden;
	-webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.files-tlt p {
	position: absolute;
	margin-right: 150px;
    margin-left: 150px;
	-webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

.files-img-title:hover .files-tlt {top: 0;left: 0;right: 0;bottom: 0;}


.files-img-title img {
	width: 100%;min-height: 100%;position: absolute;
	-webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.files-tlt01-1 {
	position: absolute;bottom: 0;left: 0;right: 0;top: 70%;color: #fff;text-align: center;padding: 5% 10px 10px 10px;background: rgba(7, 157, 128, 0.80);
}
.files-tlt01-2 {
	position: absolute;bottom: 0;left: 0;right: 0;top: 70%;color: #fff;text-align: center;padding: 5% 10px 10px 10px;background: rgba(156, 188, 86, 0.80);
}
.files-tlt02-1 {
	position: absolute;bottom: 0;top: 0;right: 0;left: 70%;color: #fff;text-align: center;padding: 5% 10px 10px 10px;background: rgba(193, 51, 31, 0.80);
}
.files-tlt02-2 {
	position: absolute;bottom: 0;top: 0;right: 0;left: 70%;color: #fff;text-align: center;padding: 5% 10px 10px 10px;background: rgba(43, 128, 159, 0.80);
}
.files-tlt03-1 {
	position: absolute;top: 0;left: 0;right: 0;bottom: 70%;color: #fff;text-align: center;padding: 5% 10px 10px 10px;background: rgba(7, 157, 128, 0.80);
}
.files-tlt03-2 {
	position: absolute;top: 0;left: 0;right: 0;bottom: 70%;color: #fff;text-align: center;padding: 5% 10px 10px 10px;background: rgba(156, 188, 86, 0.80);
}
.files-tlt04-1 {
	position: absolute;bottom: 0;top: 0;left: 0;right: 70%;color: #fff;text-align: center;padding: 5% 10px 10px 10px;background: rgba(193, 51, 31, 0.80);
}
.files-tlt04-2 {
	position: absolute;bottom: 0;top: 0;left: 0;right: 70%;color: #fff;text-align: center;padding: 5% 10px 10px 10px;background: rgba(43, 128, 159, 0.80);
}

.files-d-btn {
	position: relative;width: 70%;height: 100px;text-align: center;font-size: 24px;color: #fff;padding: 45px 10px;
	margin-top: 100px;margin-bottom: 100px;
}
.files-d-btn-ico {
	position: absolute;left: 10px;top: -50px;width: 100px;height: 100px;border-radius: 50%;overflow: hidden;border: 3px solid #fff;
}
.files-d-btn-ico img {
	width: 70%;margin: 0 auto;margin-top: 10px;
}





/*pagination*/
/*============================*/
/*============================*/

ul.pagination
	{
		list-style: none;
	}

	ul.pagination li
	{
		/*float: left;*/
		display: inline-block;
		padding: 6px 5px 5px 5px;
		min-width: 30px;
		text-align: center;
		margin-right: 10px;

		/* Radius */
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	ul.pagination li:last-child { margin-right: 0; }
	ul.pagination li.prev, ul.pagination li.next  { padding-left: 10px; padding-right: 10px; }

	/*! Colors */
	ul.pagination.dark li
	{
		color: #fff;
		border: 1px solid #43505e;

		/* Background Gradient */
		background: #556270; /* Old browsers */
		background: -moz-linear-gradient(top, #556270 0%, #444d57 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#556270), color-stop(100%,#444d57)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #556270 0%,#444d57 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #556270 0%,#444d57 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #556270 0%,#444d57 100%); /* IE10+ */
		background: linear-gradient(to bottom, #556270 0%,#444d57 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#556270', endColorstr='#444d57',GradientType=0 ); /* IE6-9 */

		/* BOx Shadow */
		-moz-box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);
		-webkit-box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);
		box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);

		/* Text Shadow */
		text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	}
		/* Dark Mouse Events */
		ul.pagination.dark li:hover
		{
			background: #556270; /* Old browsers */
			background: -moz-linear-gradient(top, #556270 0%, #5b6774 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#556270), color-stop(100%,#5b6774)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #556270 0%,#5b6774 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #556270 0%,#5b6774 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #556270 0%,#5b6774 100%); /* IE10+ */
			background: linear-gradient(to bottom, #556270 0%,#5b6774 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#556270', endColorstr='#5b6774',GradientType=0 ); /* IE6-9 */

			cursor: pointer;
		}

		ul.pagination.dark li:active
		{
			background: #414952; /* Old browsers */
			background: -moz-linear-gradient(top, #414952 0%, #555e68 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#414952), color-stop(100%,#555e68)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #414952 0%,#555e68 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #414952 0%,#555e68 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #414952 0%,#555e68 100%); /* IE10+ */
			background: linear-gradient(to bottom, #414952 0%,#555e68 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414952', endColorstr='#555e68',GradientType=0 ); /* IE6-9 */
		}

	ul.pagination.light li
	{
		color: #556270;
		border: 1px solid #ddd;

		/* Background Gradient */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	}
		/* Light Mouse Events */
		ul.pagination.light li:hover
		{
			background: #ffffff; /* Old browsers */
			background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* IE10+ */
			background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */

			cursor: pointer;
		}

		ul.pagination.light li:active
		{
			background: #efefef; /* Old browsers */
			background: -moz-linear-gradient(top, #efefef 0%, #e6e6e6 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #efefef 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #efefef 0%,#e6e6e6 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #efefef 0%,#e6e6e6 100%); /* IE10+ */
			background: linear-gradient(to bottom, #efefef 0%,#e6e6e6 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
		}
	
/**
 *  END FREEBIE STYLES
 */
	

.row-colored {
	    background: #cfdae0;
    padding: 50px 0;
    position: relative;
	margin-bottom: 60px;
}
.row-colored h4 {
	    position: absolute;
    top: -90px;
    padding: 10px;
    background: #cfdae0;
}

.row-non-colored {
    padding: 20px 0;
    position: relative;
	margin-top: -60px;
}
.row-non-colored h4 {
	    position: absolute;
    top: -60px;
    padding: 10px;
    background: #fff;
}





#page-title .bg-news {
	background-image: url(../imgs/news-icon-13614.png);background-size: 115px;background-repeat: no-repeat;
}
#page-title .bg-pros {
	background-image: url(../imgs/gear-icon-34311.png);background-size: 130px;background-repeat: no-repeat;
}
#page-title .bg-article {
	background-image: url(../imgs/article-icon-13617.png);background-size: 130px;background-repeat: no-repeat;
}
#page-title .bg-files {
	background-image: url(../imgs/bookmark.png);background-size: 130px;background-repeat: no-repeat;
}
#page-title .bg-messages {
	background-image: url(../imgs/envelope-icon-18248.png);background-size: 150px;background-repeat: no-repeat;
}
#page-title .bg-qus {
	background-image: url(../imgs/ques-ans.png);background-size: 130px;background-repeat: no-repeat;
}
#page-title .bg-chat {
	background-image: url(../imgs/chats.png);background-size: 130px;background-repeat: no-repeat;
}




.news-d-img {width: 100%;max-height: 450px;}
.news-d-con {
	width: 100%;border: 3px solid #41525c;
}
.news-d-con-top {
	width: 100%;min-height: 40px;background: #41525c;color: #fff;padding: 0 10px;
}
.news-d-con-top a {
	color: #fff;
}
.news-d-con-top .social-icon i {
    color: #fff;
}

.news-social-marg {margin-top: 5px;}






.owl-carousel.owl-rtl .owl-item {
    border: 3px solid #41525c;
	}
	.ipost .entry-title {
	background: #41525c;
    padding: 10px;
	}
	.ipost .entry-title h3 {text-align: center;}
	.ipost .entry-title h3 a {color: #fff;}   
	.ipost .entry-image {margin-bottom: 0px; }
	.ipost .entry-meta {background: #41525c;margin-top: 0;margin-right: 0;}
	.ipost .entry-meta li {margin: 7px;color: #fff;}
	.ipost .entry-meta li a {color: #fff;}
	.ipost .entry-content {padding: 5px;background: #fff;margin-top: 15px;}
	.ipost .entry-title h3 a:hover, .ipost .entry-title h4 a:hover {color: #fec659;	}
	.ipost .entry-meta li a:hover {color: #fec659;}






	.article .entry-title {
	background: #41525c;
    padding: 10px;
	}
	.article .entry-title h3 {text-align: center;}
	.article .entry-title h3 a {color: #fff;}   
	.article .entry-image {margin-bottom: 0px; }
	.article .entry-meta {background: #41525c;margin-top: 0;margin-right: 0;}
	.article .entry-meta li {margin: 7px;color: #fff;}
	.article .entry-meta li a {color: #fff;}
	.article .entry-content {padding: 5px;background: #fff;margin-top: 15px;}
	.article .entry-title h3 a:hover, .article .entry-title h4 a:hover {color: #fec659;	}
	.article .entry-meta li a:hover {color: #fec659;}
		.article .entry-title h5 {color: #fff;}
		.article-info {
			overflow: hidden;
			background: rgba(65, 82, 92, 0.7);width: 100%;height: 100%;position: absolute;
			top: 0;left: 0;right: 0;bottom: 0;padding: 15px;color: #fff;
			-webkit-transition: all 500ms ease-in;
			-ms-transition: all 500ms ease-in;
			-moz-transition: all 500ms ease-in;
			transition: all 500ms ease-in;
			opacity: 0;
		}

		/*.oc-item:hover .article-info {
			opacity: 1;
		}*/
		
		.article:hover .article-info {
					opacity: 1;
				}













.marg-btm {margin-bottom: 20px;}

.readers-num {background: #fff;color: #41525c;padding: 5px;}

.pros-con {
	padding: 35px;
    background: #cfdae0;
}

.ptlt-wtxt h1 {color: #fff !important;}
.ptlt-wtxt ol li a {color: #fff !important;}
.ptlt-wtxt .breadcrumb .active {color: #eee;/*ddd*/}
.ptlt-wtxt .breadcrumb .active::before {color: #ddd;}

.img-100 {width: 100% !important;}

.comment-reply-link, .review-comment-ratings {
	left: 0;
	right: auto;
}
.comment-wrap {
    padding: 20px 35px 20px 20px;
}
.commentlist li .comment-content {
    padding: 0 15px 0 0;
}
.comment-avatar {
    left: auto !important;
	right: -35px;
}
.commentlist li .children {
    padding-left: 0;
}
.commentlist ul .comment-wrap {
    margin-right: 25px;
    padding-right: 20px;
	margin-left: auto;
    padding-left: auto;
}

.commentlist li .children .comment-avatar {
    right: -25px;
}




.writer-articles-list {width: 250px;border: 3px solid #41525c;position: relative;    margin: 30px;padding: 20px 30px 0 20px;}

.writer-articles-list-head {position: absolute;background: #41525c;right: -3px;top: -30px;height: 30px;color: #fff;padding: 5px 10px;line-height: 1.25em;border: 3px solid #41525c;width: 170px;}

.writer-articles-list-more {position: absolute;background: #41525c;left: -2.5px;bottom: -30px;height: 30px;color: #fff;padding: 5px 10px;line-height: 1.25em;border: 3px solid #41525c;width: 90px;text-align: center;}




.artcle-con {direction:ltr;border-top: 3px solid #41525c;border-bottom: 3px solid #41525c;height:420px;}

.article-list {list-style: disc;color: #cfdae0;}
.article-list li {line-height: 1.35em;font-size:26px;}
.article-list li span {font-size: 14px;vertical-align: top;color: #41525c;}




.main-sld {width: 100%; height: 100%; max-width: 100%;}




.article-sld-con {width:100%;height:420px;max-width: 100%;}
.article-sld-top {top: 15px;min-height: 30px;left: auto;right: 2%;width: 86%;background: #41525c;color: #fff;padding: 5px 5%;}
.article-sld-tlt {top:150px;right:15%;left: auto;font-size:24px !important;
	color:#fff;background: rgba(65, 82, 92, 0.75);
	padding: 0 20px;white-space: nowrap;}
.article-sld-info {top:191px;right:15%;width:70%;text-align: justify;font-size:16px;color:#fff;background: rgba(65, 82, 92, 0.75);padding: 5px 18px;}

.article-sld-more {bottom: 10% !important;top: auto;height: 30px;left: 15% !important;right: auto !important;width: 70px;background: #41525c;color: #fff;padding: 5px 5%;font-size: 16px;white-space: nowrap;}








.news-sld-con {width:100%;height:420px;max-width: 100%;}
.news-sld-con img {width: 100% !important;height: 450px !important;}
.news-sld-tlt-01 {top:150px;right:35% !important;left: auto !important;font-size:24px !important;color:#fff;background: rgba(65, 82, 92, 0.75);padding: 0 20px;white-space: nowrap;}
.news-sld-info-01 {top:191px;right:35% !important;left: auto !important;text-align: justify;width:50%;font-size:16px !important;color:#fff;background: rgba(65, 82, 92, 0.75);padding: 5px 18px;}
.news-sld-tlt-02 {top:150px;right:15% !important;left: auto !important;font-size:24px !important;color:#fff;background: rgba(65, 82, 92, 0.75);padding: 0 20px;white-space: nowrap;}
.news-sld-info-02 {top:191px;right:15% !important;left: auto !important;text-align: justify;width:50%;font-size:16px !important;color:#fff;background: rgba(65, 82, 92, 0.75);padding: 5px 18px;}







.products-sld-con {width:100%;height:420px;max-width: 100%;}
.product-sld-img-01 {top:60px;right:15% !important;width: 20% !important;height: auto !important;white-space: nowrap;/*width: 170px;*/}
.product-sld-tlt-01 {top:150px;right:40% !important;left: auto !important;font-size:24px !important;color:#fff;background: rgba(65, 82, 92, 0.5);padding: 0 20px;white-space: nowrap;}
.product-sld-info-01 {top:191px;right:40% !important;left: auto !important;text-align: justify;width:50% !important;font-size:16px !important;color:#fff;background: rgba(65, 82, 92, 0.5);padding: 5px 16px;}
.product-sld-img-02 {top:60px;right:65% !important;width: 20% !important;height: auto !important;white-space: nowrap;/*width: 170px;*/}
.product-sld-tlt-02 {top:150px;right:10% !important; left: auto !important;font-size:24px !important;color:#fff;background: rgba(65, 82, 92, 0.5);padding: 0 20px;white-space: nowrap;}
.product-sld-info-02 {top:191px;right:10% !important;left: auto !important;text-align: justify;width:50% !important;font-size:16px !important;color:#fff;background: rgba(65, 82, 92, 0.5);padding: 5px 16px;}






#sendCardForm .col_half:nth-child(even) {margin-left: 0;overflow: hidden;}


.send-img-con {margin-bottom: 35px;position: relative;overflow: hidden;}

.send-img-con img {min-height: 255px;}

.send-message {
	position: absolute;
    top: 0;
    background: #41525c;
    left: 0;
    z-index: 99;
    list-style-type: none;
    padding:5px;
	height: 100%;
	margin-left: -55px;
	-webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.send-message li {/*margin:10px 0;*/}
.send-message li:first-child {margin-top:0;}
.send-message li:last-child {margin-bottom:0;}
.send-message li a {color:#fff;}
.send-message li .social-icon {
    /*margin: 0 5px 5px 0;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 38px !important;*/
    color: #fff;
    text-shadow: none;
    border: 1px solid #fff;
    overflow: hidden;
	background: rgba(0,0,0,0.1);
}
.send-message li .social-icon:hover {line-height: 34px !important;}

.send-img-con:hover .send-message {margin-left: 0;}

.send-message .social-icon.si-small:hover i:first-child {
    margin-top: -33px;
}


.section-box {width: 100%;border: 3px solid #41525c;background: #fff;padding: 10px;overflow: hidden;margin: 20px 0;}