<!-- ************************************************************************************** -->
<!--
<!--		Designed by 'AS Designing'
<!--		Web: http://www.asdesigning.com
<!--		Web: http://www.astemplates.com
<!--		License: GNU/GPL
<!--
<!-- ************************************************************************************** -->

*
{
	margin: 0px;
	padding: 0px;
}

body
{
	color: #333333;
	font-family: Tahoma,Geneva,sans-serif,Arial;
	font-size: 13px;
	line-height: 20px;
}

#as-body-wrapper
{
}

section.active
{
}

section
{
	width: 100%;
	clear: both;
}

.alert
{
	color: #D1432F;
	background: #eee;
	clear: both;
	margin-top: 1px;
	border-radius: 0px;
}

ul, li, a
{
	padding: 0px;
	margin: 0px;
}

ul li
{
	list-style: inside url("../img/li.style.orange.png") none;
}

a
{
	color: #0099cc;
	text-decoration: none;
}

a:hover, a:focus
{
	text-decoration: none;
	color: #333333;
	outline: none !important;
}

.btn:hover, .btn:focus
{
	outline: none !important;
}

h1, h2, h3, h4, h5, h6
{
	font-family: "Open Sans",Arial,serif !important;
	text-transform: uppercase;
}
h2
{
	color:#555;
	font-size: 24px;
	padding: 0px 0 40px;
	margin: 0px;
}
h3
{
	padding: 0px;
	margin: 0px;
	font-size: 18px;
}
img
{
	width: 100%;
}

img.left
{
	float: left;
	width: auto;
	padding: 0 20px 10px 0;
}

img.right
{
	float: right;
	width: auto;
	padding: 0 0 10px 20px;
}

img.center
{
	float: none;
	width: auto;
	padding: 0 0 10px 0;
	text-align: center;
}

p.left
{
	float: left;
}

button.left
{
	float: left;
}

hr
{
	width: 50px;
	height: 5px;
	background-color: #ccc;
	margin-bottom: 50px;
	border: none;
}


.second-head h2
{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400px;
}
.second-head h2 span,
span.second-head
{
	color: #0099cc;
}

.title
{
	margin-bottom: 30px;
}

.title h2
{
	background: #f4f4f4;
	border: 1px solid #fff;
	padding: 15px 20px;
}

/* bootstrap carousel */
.carousel
{
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 1px 0;
	float: left;
	width: 100%;
}

.carousel-caption
{
	background:rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
	top: 15%;
	right: 5%;
	font-size: 18px;
	line-height: 35px;
	text-shadow: none;
	letter-spacing: 1px;
	color: #111;
	text-shadow: 1px 1px #f1f1f1;
}

.carousel-caption .second-head
{
	font-size: 25px;
	margin-right: 20px;
	letter-spacing: 0px;
}

.carousel-indicators li
{
	background-color: #fff;
	border-color: #fff;
	width: 15px;
	height: 15px;
	margin: 0;
}

.carousel-indicators li.active
{
	background-color: #0099cc;
	border-color: #fff;
	width: 15px;
	height: 15px;
}

/* modal bootstrap  */
.modal-dialog
{
	width: 60%;
	margin: 12% auto;
}

.modal-content
{
	border-radius: 0;
	padding: 30px;
}

/**header section**/

#main-header
{
	padding-top: 130px;
}

.main-header .navigation-bar
{
	margin-top: 0;
	width: 100%;
	float: left;
}

.main-header .navigation-bar .navbar-default
{
}

.main-header .navigation-bar .navbar-default .navbar-brand
{
	text-transform: uppercase;
	font-size: 36px;
	font-weight: 300;
	padding: 20px 0px;
	margin: 0;
	height: auto;
	min-height: 70px;
	line-height: 70px;
	transition: padding 0.5s ease 0s;
}

.main-header .navigation-bar.scrool-background .navbar-default .navbar-brand
{
	min-height: 50px;
	line-height: 50px;
	padding: 0px;
	transition: padding 0.5s ease 0s;
}

.main-header .navigation-bar .navbar-default .navbar-brand img
{
	width: 100%;
	transition: width 0.5s;
}

.main-header .navigation-bar.scrool-background .navbar-default .navbar-brand img
{
	width: 80%;
	transition: width 0.5s;
}

.main-header .navigation-bar .navbar-default
{
	background: #fff none repeat scroll 0 0;
	margin: 0px;
	padding: 0px;
    transform: translate(0px, 0px);
    transition: transform 1s ease 0s;
}

.main-header .navigation-bar.scrool-background .navbar-default
{
    transform: translate(0px, -38px);
    transition: transform 1s ease 0s;
}

.main-header .navigation-bar #as-navbar-wrapper
{
	display: block;
	background: #fff url("../img/bg_site.jpg") repeat-x scroll center bottom;
}

.main-header .navigation-bar .navbar-default .navbar-nav > li
{
	padding: 0 3px;
}

.main-header .navigation-bar .navbar-default .navbar-nav > li a
{

}

.main-header .navigation-bar .navbar-default .navbar-nav > li:hover a,
.main-header .navigation-bar .navbar-default .navbar-nav > li:focus a,
.main-header .navigation-bar .navbar-default .navbar-nav > li a.active
{
	border-top: 0px solid #d96c40;
	margin: -2px 0 0;
	color: #0099cc;
	outline: none !important;
}

.main-header .navigation-bar .navbar-default .navbar-nav > li > a
{
    text-transform: lowercase;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.5px;
	padding: 50px 15px;
	color: #333;
	transition: padding 0.5s ease 0s;
}


.main-header .navigation-bar.scrool-background .navbar-default .navbar-nav > li > a
{
	padding: 20px 10px;
	transition: padding 0.5s ease 0s;
}

.main-header .navigation-bar .navbar-default #social > li > a
{
}

.main-header .navigation-bar .navbar-default .navbar-nav > .active > a
{
	color: #8FA5AF;
	background-color: #fff;
}

.main-header .navigation-bar .navbar-default.scroll-to-fixed-fixed
{

}

#as-top-header
{
	border-bottom: 0px solid #fff;
	padding: 1px 0;
	text-align: right;
}

#as-top-header #as-top-header-wrapper
{
	background: #fff none repeat scroll 0 0;
	border-bottom: 1px solid #ccc;
	padding: 7px 0 8px;
	background-image: url(../img/bg.header.top.png);
	background-position: center top;
	background-repeat: repeat-x;
}

.main-header .navigation-bar .top-social li
{
	display: inline-block;
}

.main-header .navigation-bar .top-social .fa
{
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	font-size: 12px;
	margin-left: 3px;
	text-align: center;
}

.top-social .fa
{
	background-color: #d96c40;
	color: #fff;
	transition: all 0.5s ease-in 0s;
}

.top-social .fa:hover
{
	background-color: #09AEEC;
	color: #fff;
	transition: all 0.5s ease-in 0s;
}

/** top-service block **/
#top-services-block
{
	padding: 80px 0 0px;
	margin: 0px;
	float: left;
	width: 100%;
}

#top-services-block .container
{
    opacity: 0;
    transition: opacity 1s ease-in-out 0s;
}

#top-services-block .container.visible
{
    opacity: 1;
}

#top-services-block [class*="item"]
{
	margin-bottom: 30px;
}

#top-services-block .title
{
	padding: 20px 0 0;
	border: none;
}

#top-services-block .btn-primary
{
	background: none;
	border: none;
	color: #0099cc;
	font-size: 11px;
	padding: 8px 0 0;
}

#top-services-block img
{
    border-radius: 50%;
    box-shadow: 0 1px 2px 0 #cccccc;
    float: left;
    margin: 0 20px 20px 0 !important;
	padding: 0px;
}


/**about-us section**/

section#about-us
{
	padding-top: 60px;
	border-bottom: 1px solid #ccc;
}

#about-us #welcome-block
{
	background-image: url('../img/bg_site.jpg');     /* #FFCC66; */
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 80px 0 70px;
}

#about-us #welcome-block .title
{
	color: #d96c40;
	margin-bottom: 0px;
}

#about-us #welcome-block p
{
	margin-bottom: 30px;
}

#about-us #welcome-block .container .first-item
{
    transform: translate(-4000px, 0px);
    transition: transform 1s ease 0s;
}

#about-us #welcome-block .container.visible .first-item
{
    transform: translate(0px, 0px);
}

#about-us #welcome-block .container .last-item
{
    transform: translate(-2000px, 0px);
    transition: transform 0.5s ease 0s;
}

#about-us #welcome-block .container.visible .last-item
{
    transform: translate(0px, 0px);
}

#about-us #advantages-block
{
	padding: 80px 0 0px;
}

#about-us #advantages-block .advn-1
{
	padding-right: 70px;
	text-align: right;
}

#about-us #advantages-block .advn-1,
#about-us #advantages-block .advn-2
{
	margin-bottom: 90px;
}

#about-us #advantages-block .container .advn-1
{
    opacity: 0;
    transition: opacity 1s ease-in-out 0.4s;
}

#about-us #advantages-block .container .advn-2
{
    opacity: 0;
    transition: opacity 1s ease-in-out 0.1s;
}

#about-us #advantages-block .container.visible .advn-1,
#about-us #advantages-block .container.visible .advn-2
{
    opacity: 1;
}

#about-us #advantages-block .advn-1 .title
{
	text-align: right;
	background: url("../img/border.title.rtl.png") right bottom no-repeat;
	margin-bottom: 30px;
	padding: 18px 0 35px;
}

#about-us #advantages-block .advn-2  h2.advantage_1,
#about-us #advantages-block .advn-2  h2.advantage_2,
#about-us #advantages-block .advn-2  h2.advantage_3,
#about-us #advantages-block .advn-2  h2.advantage_4
{
	background-position: left center;
	background-repeat: no-repeat;
	line-height: normal;
	margin: 0;
	padding: 16px 0 16px 85px;
}

#about-us #advantages-block .advn-2  h2.advantage_1
{
	background-image: url("../img/icons/ico.adv1.png");
}
#about-us #advantages-block .advn-2  h2.advantage_2
{
	background-image: url("../img/icons/ico.adv2.png");
}

#about-us #advantages-block .advn-2  h2.advantage_3
{
	background-image: url("../img/icons/ico.adv3.png");
}

#about-us #advantages-block .advn-2  h2.advantage_4
{
	background-image: url("../img/icons/ico.adv4.png");
}

#about-us #advantages-block .advn-2  p.advantage_1,
#about-us #advantages-block .advn-2  p.advantage_2,
#about-us #advantages-block .advn-2  p.advantage_3,
#about-us #advantages-block .advn-2  p.advantage_4
{
	border-left: 1px dashed #cccccc;
	margin: 0 0 0 31px;
	padding: 5px 0 7px 54px;
}



/**carousel section**/
.feature
{
	width: 100%;
	padding: 0 0 60px;
}

.feature .title
{
	border: 1px solid #ccc;
}

.feature .fea-head .fea-one
{
	width: 100%;
	height: 60px;
}

#owl-demo .item
{
    margin: 3px;
	max-width: 500px;
}
#owl-demo .item img
{
    display: block;
    width: 100%;
    height: auto;
}

#owl-demo .item .img-info
{
	padding:10px 0px 10px 10px;
	text-align: center;
}
#owl-demo .item .img-info h4
{
	color: #fff;
	font-weight: 300;

}

/**-----team section---------**/

section#team
{
}

.team
{
	width: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
}
.team .team-wrapper
{
	padding: 100px 0px 110px;
	border-bottom: 1px solid #fff;
	background: url("../img/team-bg.jpg") no-repeat fixed;
	background-size: cover;
}

.team .item-1
{
    transform: translate(-1000px, 100px);
    transition: transform 1s ease 0s;
}

.team .item-2
{
    transform: translate(-1500px, -100px);
    transition: transform 1s ease 0.2s;
}

.team .item-3
{
    transform: translate(-2000px, 300px);
    transition: transform 1s ease 0.4s;
}

.team .item-4
{
    transform: translate(-2500px, -300px);
    transition: transform 1s ease 0.6s;
}

.team .visible .item-1,
.team .visible .item-2,
.team .visible .item-3,
.team .visible .item-4
{
    transform: translate(0px, 0px);
}

.team .team-wrapper h2
{
   color: #eee;
}

.team .team-wrapper .team-sec .team-one
{
	background-color: #fff;
	width: 100%;
	float: left;
	margin-bottom: 15px;
	padding: 25px;
}

.team .team-wrapper .team-sec .team-one .team-info
{
	padding: 45px 10px 0px;
}

.team .team-wrapper .team-sec .team-one .team-img
{
	padding: 0px;
}

.team .team-wrapper .team-sec .team-one .team-info .team-social li
{
	display: inline-block;
	padding:0px 3px 0px 0px;
	margin: 10px 0px 0px;
}

.team .team-wrapper .team-sec .team-one .team-info .team-social li a
{
	font-size: 20px;
	color: #d96c40;
}

.team .team-wrapper .team-sec .team-one .team-info .team-social li a:hover
{
	color: #0099cc;
}

/**portfolio section**/
.portfolio
{
	width: 100%;
	padding: 100px 0px 90px;
	background-image: url('../img/bg_site.jpg');
}

.portfolio .category-2
{
    opacity: 0;
    transition: opacity 0.8s ease-in-out 0s;
}

.portfolio .category-1
{
    opacity: 0;
    transition: opacity 0.8s ease-in-out 0.3s;
}

.portfolio .category-3
{
    opacity: 0;
    transition: opacity 0.8s ease-in-out 0.6s;
}

.portfolio .visible .category-1,
.portfolio .visible .category-2,
.portfolio .visible .category-3
{
    opacity: 1;
}

#Container .mix
{
	display: none;
}
.portfolio .portfolio-sec .fil-btn
{
	margin-bottom: 30px;
	width: 100%;
	float: left;
}
.portfolio .portfolio-sec .wrk-title
{
	width: auto !important;
	float: left;
	margin: 0 1px 1px 0;
	padding: 5px 10px;
	cursor: pointer;
}

.portfolio .portfolio-sec .active {
    background-color: transparent;
	color: #0099cc;
}
.portfolio .portfolio-sec img
{
	width: 100%;
	position: relative;
	padding: 5px;
	border: 1px solid #ccc;
}
.portfolio .portfolio-sec .filimg
{
	margin-bottom: 30px;
}
.portfolio .portfolio-sec .filimg .img-hover
{
	position: absolute;
	bottom: 6px;
	left: 21px;
	display: none;
}
.portfolio .portfolio-sec .filimg:hover .img-hover
{
	display: block;
}

.portfolio .portfolio-sec .btn-primary
{
	border-radius: 0;
	border:none;
	background-color: rgba(0,0,0,0.9);
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
    transition: all 0.5s ease 0s;
}

.portfolio .portfolio-sec .btn-primary:hover
{
	background-color: rgba(255,255,255,0.9);
	color: #000;
    transition: all 0.5s ease 0s;
}

.portfolio .title
{
	border: 1px solid #ccc;
}


/**client block**/
.client h1, .client h2, .client h3, .client h4
{
	color: #ccc;
}
.client blockquote
{
	border: 0px none;
	padding: 5px 0px 5px 35px;
	margin: 0px;
	border-left: 5px solid rgba(255, 255, 255, 0.7);
}

.client blockquote p
{
	padding: 0px !important;
	font-size: 14px;
	font-style: italic;
	letter-spacing: 0px;
	font-weight: normal;
	color: #eee;
	text-transform: none;
}

.client blockquote .name
{
	margin: 0px;
}
.client blockquote .degi
{
	margin: 0px;
}
.txt-comma
{
	color: #555;
	font-size: 25px;
}
.name
{
	padding: 0px;
	margin: 0px;
}
.client blockquote p.degi
{
	color: #BF9E14;
	padding: 0px;
	margin: 0px;
}
.client .client-info
{
	width: 100%;
	float: left;
	padding: 64px 0px 0px 0px;
}

.team .client-info
{
    opacity: 0;
    transition: opacity 1s ease-in-out 0s;
}

.team .visible .client-info
{
    opacity: 1;
}

/**news section**/
.news
{
	width: 100%;
	border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.news #news-wrapper
{
	background: rgba(0, 0, 0, 0) url("../img/news-bg.jpg") no-repeat fixed 0 0 / cover ;
    padding: 100px 0 110px;
    border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.news h2
{
	color: #fff;
}

.news .news-sec
{
	width: 100%;
	float: left;
	padding-bottom: 50px;
}

.news .news-sec .news-colm .news-item
{
	padding: 60px 40px;
	color: #333;
	margin-bottom: 30px;
	cursor: pointer;
	text-align: center;
}

.news .item-1
{
    opacity: 0;
    transition: opacity 0.8s ease-in-out 0.1s;
}

.news .item-2
{
    opacity: 0;
    transition: opacity 0.8s ease-in-out 0.5s;
}

.news .item-3
{
    opacity: 0;
    transition: opacity 0.8s ease-in-out 0.9s;
}

.news #partners
{
    opacity: 0;
    transition: opacity 1s ease-in-out 1.2s;
}

.news .visible .item-1,
.news .visible .item-2,
.news .visible .item-3,
.news .visible #partners
{
    opacity: 1;
}

.news .news-sec .news-colm .news-item.news1
{
	background: rgba(255, 255, 255, 0.8);
}

.news .news-sec .news-colm .news-item.news2
{
	background: rgba(255, 255, 255, 0.8);
}

.news .news-sec .news-colm .news-item.news3
{
	background: rgba(255, 255, 255, 0.8);
}


.news .news-sec .news-colm .news-itm h4
{
	color: #FFF;
	font-weight: 600;
	padding-bottom: 15px;
	font-size: 20px;
}
.news .news-sec .news-colm .news-itm p
{
	color: #FFF;
	font-size: 13px;
	line-height: 22px;
}
.news .news-sec .news-colm .news-itm a
{
	display: inline-block;
	color: rgb(248, 75, 74);
	margin: 10px 0px;
	text-decoration: none;
	border-radius: 1px;
	background-color: #FFF;
	padding: 2px 10px;
	font-size: 14px;

}
.news-line
{
	background: rgb(56, 60, 75);
	width: 30px;
	margin: 17px 0px;
	border-width: 3px;
	height: 2px;
}

/**contact section**/
#contact-us
{
	width: 100%;
	padding: 100px 0 80px;
	background-image: url('../img/bg_site.jpg');
}

#contact-us .container
{
    opacity: 0;
    transition: opacity 0.8s ease-in-out 0s;
}

#contact-us .container.visible
{
    opacity: 1;
}

.contact-us .title
{
	border: 1px solid #ccc;
}

.contact-us .contact-details
{
	border: 1px solid #ccc;
	padding: 20px;
}

.form-control
{
	border-radius: 0;
}

.form-style .form-group
{
	position: relative;
}

.form-style .form-group.captcha
{
	line-height: 70px;
}

.form-style #form-captcha-img
{
	height: auto !important;
	width: 45%;
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	margin: 0 10px 15px 0;
	float: left;
}

.form-style #form-captcha
{
    margin: 18px 0;
    position: absolute;
    right: 40px;
    width: 45%;
}

.form-style #form-captcha-refresh
{
    cursor: pointer;
    font-size: 1.2em;
    margin-top: 18px;
    position: absolute;
    right: 1%;
    top: 0;
}

.form-style .btn,
.modal-dialog .btn
{
	background-image: -moz-linear-gradient(center top , #e88042, #d96c40) !important;
	color: #fff;
	padding: 6px 20px;
}

.form-style .btn.submit
{
	float: right;
	margin-top: 18px;
}

.form-style .btn:hover,
.modal-dialog .btn:hover
{
	background-image: -moz-linear-gradient(center top , #08aaf1, #0480b6) !important;
}

.form-style textarea
{
	height: 132px;
}

.google-map
{
	padding-top: 80px;
}

/**footer **/

.footer
{
	padding: 70px 0px 0px;
}
.footer .footer-social li
{
	display: inline-block;
}
.footer .footer-social li a i
{
	color: #bbb;
	font-size: 36px;
	display: inline-block;
	width: 100px;
	height: 100px;
	line-height: 96px;
	margin: 0 5px;
	background-color: #f3f3f3;
	border-radius: 50%;
	transition: all 0.8s ease-in 0s;
	border: 4px solid #55c4f5;
}
.footer .footer-social #red:hover
{
	background-color: #D1432F;
	color: #fff;
	transition: all 0.8s ease-in 0s;
}
.footer .footer-social #blue:hover
{
	background-color: #4161A2;
	color: #fff;
	transition: all 0.8s ease-in 0s;
}
.footer .footer-social #sky:hover
{
	background-color: #09AEEC;
	color: #fff;
	transition: all 0.8s ease-in 0s;
}

.footer .footer-social #orange:hover
{
	background-color: #d96c40;
	color: #fff;
	transition: all 0.8s ease-in 0s;
}
.footer-line
{
	width: 100%;
	float: left;
	padding-bottom: 80px;
}
.footer-line p
{
    font-weight: 300;
	color: #AAA;
	font-size: 12px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

#copyright
{
	margin: 20px 0;
}


/** media queries**/
@media (min-width: 769px) and (max-width: 991px) {

.modal-dialog
{
	width: 80%;
}

.main-header .navigation-bar .navbar-default .navbar-nav > li > a
{
	padding: 45px 10px;
}

}



/** media queries**/
@media (min-width: 350px) and (max-width: 768px) {
.team .team-wrapper .team-sec .team-one .team-img img
	{
		width: 100%;

	}
	.main-header .banner-text {
    padding-top: 150px;
}
	.banner-info h2 {
    font-size: 30px;
    padding-bottom: 100px;
}
.heading h3 {
    font-size: 20px;
    padding-bottom: 15px;
}

.modal-dialog
{
	width: 90%;
}

.main-header .navigation-bar .navbar-default .navbar-nav > li > a
{
	padding: 10px 10px;
	font-size: 16px;
}

.main-header .navigation-bar .navbar-default .navbar-nav > li:hover a, .main-header .navigation-bar .navbar-default .navbar-nav > li:focus a, .main-header .navigation-bar .navbar-default .navbar-nav > li a.active
{
	margin: 0;
	background: #ddd;
	border-top: none;
}

.carousel-caption
{
	display: none;
}

}


@media (min-width: 100px) and (max-width: 350px) {
.team .team-wrapper .team-sec .team-one .team-img img
{
	width: 100%;

}
.main-header .banner-text
{
padding-top: 150px;
}

.banner-info h2
{
font-size: 30px;
padding-bottom: 100px;
}

.heading h3 {
    font-size: 20px;
    padding-bottom: 15px;
}

.contact .contact-info .cont-btn {
    padding: 10px 30px;
    float: left;
}

.footer-line p {
font-size: 16px;
}


}

/* P:Stamm ***********************************************/
img.zoom1 {
  transition: transform 0.8s;
  -moz-transition: transform 0.8s;
  -webkit-transition: transform 0.8s;
  -o-transition: transform 0.8s;
  -ms-transition: transform 0.8s;
  -ms-transform-origin: right 100%;
  -webkit-transform-origin: right 100%;
  transform-origin: right 100%;
}

img.zoom1:hover {
  cursor: -webkit-zoom-in;
  transform: scale(2, 2);
  -moz-transform: scale(2, 2);
  -webkit-transform: scale(2, 2);
  -o-transform: scale(2, 2);
  -ms-transform: scale(2, 2);
  -ms-transform-origin: center 100%;
  -webkit-transform-origin: center 100%;
  transform-origin: right 100%;
}

a.none { text-decoration:none; color:#333333; }
a.none:link { text-decoration:none; color:#333333; }
a.none:active, a.none:focus { text-decoration:none; }
a.none:visited { color:#333333; text-decoration:none; }
a.none:hover{ text-decoration: none; background-color:transparent; }