@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');

body, html{  
	background-color:#a5d2da; 
	color: #454545;
	direction:rtl;
	font-family: 'Varela Round', sans-serif;
	overflow-x: hidden;
			   }
a,a:hover{text-decoration:none; color:#FE5214}
h2,h3{color:#fff; text-rendering: optimizelegibility; margin:0; }
h1{padding:0px; font-weight: 200;font-size: 32px; margin: 0;text-rendering: optimizelegibility;}
.debug{ border:1px solid #FFCC33;}



h1.brand {
    background: none repeat scroll 0 0 #299A0B ;
    border-radius: 86% 86% 86% 86%;
    box-shadow: 0 0 4px #000000;
    color: #FFFFFF;
    font-size: 41px;
    height: 100px;
    line-height: 81px;
    margin: -87px auto 0;
    padding: 75px 0 0;
    text-shadow: 1px 1px 0 #000000;
    width: 222px;
}

.span3.logo {
	float:right;
}

.clr{clear:both}
.cntr{text-align:center}

.nav li{display:inline-block; float:none; margin-top:20px}
.nav a {padding: 3px 18px;font-size: 23px; display: inline-block; color:#3a494c !important; }

.nav a:hover {background:#a5d2da !important; border-radius:10px; color:#fff !important; }

 #portfolioSection, #ourServices, #blogSection{padding-top:80px; padding-bottom:100px }
.txtR{text-align:right}

#ourServices{background: #fff;text-align: center;border-top: 1px solid #fff; padding-top:50px; padding-bottom: 0 }
#ourServices h1 {
    color:#a5d2da;
	font-size:3em;
	padding-left:20px; padding-right:20px;
	margin-bottom:50px;
}


#ourServices h3 {
    color:#a5d2da;
	font-size:3em;
	margin-top:20px;
	
}

#ourServices h2 {
    color:#ff0062 ;
	font-size:2em;
	
}

#ourServices p {
    color: #5E5E5E;
    font-size: 2em;
    line-height: 27px;
	padding-right:20px;
	padding-left:20px;
}



#portfolioSection{background: #99d4a5;text-align: center;}
#portfolioSection h1{
	text-transform:uppercase;
		padding:0;
		margin-bottom: 20px;
		font-size:40px;
		color:#fff;
		font-weight:700; 
	}
#portfolioSection p {
    color: #fff;
    font-size: 19px;
    line-height: 27px;
	margin: 15px 0;
}
#portfolioSection .span6, #contactSection .span6{ float:none; margin:0 auto; text-align:center;}
#portfolioSection .thumbnails > li{margin-left: 60px; margin-bottom:60px;}
#portfolioSection .thumbnails > li.span4{ width:350px;}



#blogSection{background: #fff;}
#blogSection p{margin:20px 0;}
#blogSection .span12{ margin:0;margin-bottom: 36px;}


#meetourteamSection{
	padding:70px 0 ;
	background:#ff0062;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 768px) {
	#meetourteamSection {
		flex-direction: column;
	}
}

#meetourteamSection h1{ text-transform:uppercase; color:#fff; padding:0; font-size:60px;}
#meetourteamSection .thumbnails  p {
    color: #909090;
    font-size: 22px;
    line-height: 27px;
	margin:20px 0;
}

#meetourteamSection  p {
    color: #fff;
    font-size: 19px;
    line-height: 27px;
	margin: 15px 0;
}

#meetourteamSection h4 {
    font-size: 37px;line-height: 40px; margin:10px 0;
}
#meetourteamSection h5 {
    font-size: 23px;
}
#meetourteamSection .span6, #contactSection .span6{ float:none; margin:0 auto; text-align:center;}
#meetourteamSection .thumbnails > li{margin-left: 60px; margin-bottom:60px;}
#meetourteamSection .thumbnails > li.span4{ width:350px;}
#meetourteamSection .thumbnails a.twitter{ height:56px; width:56px; background:url(../img/thum-t-icon.png) no-repeat center center;display:inline-block;}
#meetourteamSection .thumbnails a.facebook{ height:56px; width:56px; background:url(../img/thum-f-icon.png) no-repeat center center; display:inline-block;}
#meetourteamSection .thumbnails a.pin{ height:56px; width:56px; background:url(../img/thum-p-icon.png) no-repeat center center;display:inline-block;}


#recentpostSection{ padding:0px 0 ;  text-align: center; }
#recentpostSection h1{ text-transform:uppercase; color:#fff; padding:0; font-size:60px;}
#recentpostSection .thumbnails  p {
    color: #909090;
    font-size: 22px;
    line-height: 27px;
	margin:20px 0 0;
	padding-bottom:10px;
}

#recentpostSection  p {
    color: #fff;
    font-size: 19px;
    line-height: 27px;
	margin: 15px 0;
}

#recentpostSection h4 {
    font-size: 32px;line-height: 40px; margin:10px 0;
}
#recentpostSection h6 {
    font-size: 20px; font-style:italic;
}
#recentpostSection .span6, #contactSection .span6{ float:none; margin:0 auto; text-align:center;}
#recentpostSection .thumbnails > li{margin-left: 60px; margin-bottom:60px;}
#recentpostSection .thumbnails > li.span4{ width:350px;}



#contactSection{ background:#fff; text-align:center; padding:10px 0 0;}
#contactSection .span8{ float:none; margin:0 auto;}
#contactSection h1{ text-transform:uppercase; color:#fff; padding:0;font-size:60px;}
#contactSection p {
    color: #fff;
    font-size: 19px;
    line-height: 27px;
	margin: 15px 0;
}


#welcomeSection{padding:44px 0}
.blockDtl {text-align:center}
.blockDtl:hover{color:#FE5214}
#shadow{ min-height:44px; padding:18px 0; text-align:center}

#carouselSection{color:#eee; margin-top:-20px;}
#carouselSection #myCarousel{margin-bottom:0}
#myCarousel .carousel .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}
#myCarousel .carousel .active.left {left:0;opacity:0;z-index:2;}
#myCarousel .carousel .next {left:0;opacity:1;z-index:1;}

.inner{margin-bottom:38px;}
.blogBlk{background:#fff; display: block;padding: 28px;line-height: 1.6em;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}


.footerSection{ padding:30px 0 ;margin-top: 60px;}
.footerSection .copyright a{padding:4px; color:#fed57e; font-size:22px;}
.footerSection .container{}
.socialicon{ margin-top:0px; width:300px; float:left; text-align:left;}
.socialicon a{ margin-right:20px;}
.socialicon a:hover{ opacity: 0.6;}
a.twitter{ height:56px; width:56px; background:url(../img/t-icon.png) no-repeat center center;display:inline-block;}
a.facebook{ height:56px; width:56px; background:url(../img/f-icon.png) no-repeat center center; display:inline-block;}
a.html5{ height:56px; width:56px; background:url(../img/icon-1.png) no-repeat center center;display:inline-block;}
a.icon2{ height:56px; width:56px; background:url(../img/icon-2.png) no-repeat center center;display:inline-block;}

.footerSection .copyright { text-align:right; color:#a2a3a3;}
#contactSection .footerSection .copyright p{ color:#a2a3a3;}


#contactSection .footerSection .span8{ float:left; margin:0 0 0 25px;}


.go-top {
display: inline-block;
position: fixed;
bottom: 8px;
left: 30px;
color: #999;
text-decoration: none;
font-size: 30px;
line-height: 34px;
}
.go-top:hover {
color: #fff;
text-decoration: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}



.blockDtl{background:#fff}

.carousel-control { 
	background: none;
	border: none;
	direction: ltr;
	background-image: none;
	font-size: 100px;
	height: 100px;
	margin-top: 15%;
}

.carousel-control.left, .carousel-control.right {
	background-image:none !important;
}


@media (max-width: 1600px){
	#portfolioSection h1{
	font-size:30px;
}

	#portfolioSection h2{
	font-size:20px;
}

}


@media (max-width: 1200px){

.navbar-left {
	width: 100%;
	padding:0;
	margin-bottom:15px;

}

.navbar-default .navbar-brand{
	width:100%;
	margin-bottom:20px;

}



}




@media (max-width: 800px){
	
	
	.navbar-left {
	width: 100%;
	padding:inherit;

}

.navbar-brand nav > a > img{
	width:400px;
	margin-bottom:auto;

}

.carousel-control { 
	background: none;
	border: none;
	direction: ltr;
	background-image: none;
	font-size: 50px;
	height:auto;

}

#contactSection h4{
	font-size:15px;
}

#contactSection h3{
	color:#454545;
}

.pull-right{
	float: right !important;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

#meetourteamSection h1{
	font-size:30px;}
}



.carousel img {
  min-width: 100%;
}

.logo img{
	margin-top:-20px;
}

.label-primary{
	background-color:transparent;
}

.navbar{
	min-height:110px;
}

.navbar-


.imgBrand{
	width:20px
}

.navbar-default{
	background-color:#fff !important;
	border:none !important;
}

#portfolioSection .well{
	border-top:1px solid #fff;
	background-color:transparent;
	border-radius:10px;
	font-size: 0.8em;
}

#ourServices .well{
	background-color:transparent;
	border-radius:10px;
	cursor:pointer;

	
}


nav > div > ul > li:nth-child(3) > a{
	color:#fff !important;
	background-color: #ff0062 !important;
	border-radius:10px;
}


.footerSection a{
	color:#3a494c;
}

.footerSection a h3{
	color:#3a494c;
	margin-top:-10px;
	margin:0 !important;
	padding:0;
}
.footerSection a h4{
	color:#3a494c;
	
}

#recentpostSection > div > div.col-lg-12{
	padding:0;
}


.fixed {
        position: fixed;
		z-index:100001;
		bottom:30px;
		left:20px;
		border:none;
		background-color:transparent;
		
}
#contactSection h3{
	color:#454545;
}

.fuckU {
	border: #FE5214 1px solid;
	margin-top: 80px;
	font-size: 1.5em;
	padding: 10px;
}
/*

#portfolioSection > div > div > div > div{
	 -webkit-animation: myfirst 5s; 
    animation: myfirst 5s;	
	cursor:pointer;
}
@-webkit-keyframes myfirst {
    from {height:0px;}
    to {height:100px;}
}


@keyframes myfirst {
    from {height::0px;}
    to {height:100px;}
}*/