@charset "utf-8";
/* CSS Document */
 @font-face {
font-family: 'DroidKufi-Regular';
src: url('../fonts/DroidKufi-Regular.eot');
src: url('../fonts/DroidKufi-Regular.eot?') format('embedded-opentype'),
url('../fonts/DroidKufi-Regular.woff') format('woff'),
url('../webfont/fonts/DroidKufi-Regular.ttf') format('truetype'); }  
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
	background-position: top;
}
#Carousel .col-md-3{ width: 20% !important}
#Carousel .titles_{ margin-top: 10px;}

.header_move{
    background: #fff none repeat scroll 0 0;
    border-bottom: 2px solid #eaeeef;
    box-shadow:1px -12px 36px #424242;
    opacity: 0.98;
    position: fixed;
    width: 100%;
    z-index: 999;   
    top: 0;
}


body , ul , li , a , h1 , h2 , h3 , h4 , h5 , h6{
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
.up_lins {
	background-image: url(../images/up_lines.jpg);
	height: 4px;
}

.line-height {line-height: 1.6em;}
  .bg-light0 {background-color: #fbfbfb8a;}
  .text-sm {font-size: small;}
  .text-xm {font-size: x-small;}
  .text-m {font-size: medium;}
  .text-lg {font-size: large;}
  .text-color {color: #21527d;}
  .text-color1 {color: #008D4C;}
  .my-1 {margin: 10px 0px;}
  .my-2 {margin: 20px 0px;}
  .my-3 {margin: 30px 0px;}
  .my-4 {margin: 40px 0px;}
  .my-5 {margin: 50px 0px;}
  .mx-1 {margin: 0px 10px;}
  .mx-2 {margin: 0px 20px;}
  .mx-3 {margin: 0px 30px;}
  .mx-4 {margin: 0px 40px;}
  .mx-5 {margin: 0px 50px;}
  .py-1 {padding: 10px 0px;}
  .py-2 {padding: 20px 0px;}
  .py-3 {padding: 30px 0px;}
  .py-4 {padding: 40px 0px;}
  .py-5 {padding: 50px 0px;}
  .px-1 {padding: 0px 10px;}
  .px-2 {padding: 0px 20px;}
  .px-3 {padding: 0px 30px;}
  .px-4 {padding: 0px 40px;}
  .px-5 {padding: 0px 50px;}

.header {
	background-color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
}
.header {
  box-shadow: none!important;
}
#pop li ul {
	margin: 0;
	padding: 0;
	list-style: none;
}



.navs {
	padding-top: 15px;
 
}

.navbar-default{background-color:#fff!important ; border-color: #fff!important;}

.navbar_response .navbar{ margin-bottom:0!important;}
.navbar_response #logo_1{ max-height:50px!important;}
.navbar_response .navs{ padding-top: 0!important;}


@media screen and (max-width:768px) {
    
    
    
    .navbar-default{background-color:none !important ; }
    .navbar-default .navbar-toggle .icon-bar{background-color:#888}
    .navbar-collapse{
        position: absolute;
        right: -130%;
        top: 75px;
        width: 768px!important;
        z-index: 9999999;
        background: #fff;
    }
    .navbar_response .navbar-collapse{ top: 56px; }
    #pop li ul{
        width: 100%!important;
        position: relative!important;
    }
    #pop li li{width: 100%!important;}
}

@media screen and (max-width:360px) {
    .navbar-collapse{
        position: absolute;
        right: -200px;
        top: 95px;
        width: 378px!important;
        z-index: 9999999;
        background: #fff;
    }
    .navbar_response .navbar-collapse{ top: 56px; }
    .card .nav li{ width: 100% !important; }
}

@media screen and (min-width:768px) and (max-width:1000px) {
    #header_move .container{width: 100%!important; padding: 0!important; margin:0 !important;}
    #header_move #pop  li{width:auto; padding: 0!important; margin:0 !important;}
    #header_move .navbar-collapse{ padding:0 5px  !important; }
    #header_move .navbar{ margin:0  !important; }
}
#pop {
	float: left;
	left: 0px;
	}
#pop li {
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
	direction: rtl;
	left: 0px;
}
#pop li li {
	float: right;
	width: 100%;
	margin: 0;
	padding: 0;
	direction: rtl;
}



.titles_{
    font-family: DroidKufi-Regular;
	font-size: 25px;
}
.service_title{
    color:rgba(120,120,120,1); font-size: 10px;
}
#pop li a, #pop li a:link, #pop li a:visited {
	color: #000;
	text-decoration: none;
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: DroidKufi-Regular;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
    border-bottom:#fff 2px solid;
    
    transition-property: border;
  transition-duration: 0.5s;
  transition-timing-function:linear, ease-in;;
    
}
#pop li a:hover, #pop li a:active {
	color: #000;
	display: block;
	border-bottom:#26ADE5 2px solid;
    background: #fff;
    


}
#pop li li a, #pop li li a:link, #pop li li a:visited {

}
#pop li li a:hover, #pop li li a:active {

}
#pop li ul {
	position: absolute;
	width: 199px;
	display: none;
	right: 0;
	z-index: 222;
}
#pop li:hover ul {
	display: block;
}
#pop li a .fa {
	padding-left: 10px;
	font-size: 12px;
	color: #9DD1F2;
}
.navs #pop li .omlaa {
	background-color: #26ADE5;
	color: #fff;
}
.navs #pop li .omlaa .fa {
	color: #fff;
}
.scriptat h2{
	font-family: DroidKufi-Regular;
	font-size: 17px;
	font-weight: normal;
	color: #000;
}
.scriptat p{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}
.ico {
	float: right;
	padding-top: 15px;
	padding-left: 10px;
}

.scriptat .s1 {
	background-color: #f8e70b;
}
.scriptat .s2 {
	background-color: #e97218;
}
.scriptat .s3 {
	background-color: #28c9c3;
}
.scriptat .s4 {
	background-color: #cbb8a3;
}
#up_item {
}
.foog {
	background-color: #17ddba;
}


.foog h2 {
	font-family: DroidKufi-Regular;
	font-size: 18px;
	font-weight: normal;
	color: #000;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #47f8d9;
	margin: 3px;
}
.contact_up h3 {
	font-size: 14px;
	font-family: DroidKufi-Regular;
}
.contact_up p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.slider_3rd li {
	font-size: 14px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	font-family: DroidKufi-Regular;
	text-align: center;
}
.service {
	text-align: center;
	margin-top: 20px;
    padding-top: 10px;
	margin-bottom: 20px;
    background: #fff;
}
.whyus {
	text-align: center;
	margin-top: 20px;
    padding: 50px 0;
	margin-bottom: 20px;
    background:url(../images/bg1.png) no-repeat bottom #2D3E52;
}
.whyus .why-carousel
{
  bottom: auto !important;
  display: block !important;
  margin-right: 0;
  right:auto;
  top: auto;
  bottom: auto;
    bottom: 10px;
left: auto;
list-style: outside none none;
margin-left: auto;
padding-left: auto;
position: relative;
text-align: center;
width: 100%;
z-index: 15;
}
.why-carousel .active{
    background-color: #fff!important;
height: auto;
margin: 0;
width: 100%;
    color: #000!important;
}
.why-carousel .active hr{ border-color: #fff!important;}
.why-carousel li
{
    background-color: none;
    border: none;
    border-radius:5px;
    cursor: pointer;
    display: block!important;
    height: auto;
    margin: auto;
    text-indent: inherit;
    width: 100%;
    color: #CFE8F8!important;
    font-size: 16px!important;
    padding: 5px 15px 5px 15px;
    margin-top: 5px!important;
    
}
.whyus hr
{
    border-color: #A6D2F2!important;
    margin: 5px 0;
}

.whyus_hover:hover{
    background: #05A0DD;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

.contact_form div{ line-height: 32px }

.whyus .titles_ { color: #fff}
.whyus h4.titles_ { font-size: 18px;color: #CFE8F8 }

.contact hr{margin: 10px 0 !important}

.service h2 {
	font-family: DroidKufi-Regular;
	font-size: 18px;
	margin: 5px;
	padding: 5px;
    color: #636060;
}
.service h3 , .service span {

    color: #636060;
}
.service p {
	font-family: DroidKufi-Regular;
	font-size: 14px;
    color: #636060;
}
.work1 {
	background-image: url(../images/w1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #00ACD6;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 35px;
    margin-bottom: 20px;
}

.work {
	background-image: url(../images/work_bag.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #4181B8;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 35px;
    margin-bottom: 40px;
}
.work h2 {
	font-family: DroidKufi-Regular;
	font-size: 18px;
	font-weight: normal;
	color: #E4F8FE;
	padding: 5px;
	margin: 3px;
}
.work p {
	font-size: 14px;
	font-family: DroidKufi-Regular;
	padding-top: 15px;
	padding-bottom: 15px;
    color: #E4F8FE;
}

.our-work ul {
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.our-work ul  li {
	display: inline-block;
	margin: 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.our-work ul  figure {
	margin: 0;
	position: relative;
}

.our-work ul  figure img {
    height: 100%;
}

.our-work ul  figcaption {
	position: absolute;
	left: 0px;
	color: #030;
	top: 0px;
	height: 85%;
	padding: 5px;
	background-image: url(../images/work_ba.png);
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.our-work ul  figcaption h3 {
	margin: 0;
	color: #000;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 3;
	padding-left: 0;
	font-family: DroidKufi-Regular;
	font-size: 16px;
	font-weight: normal;
}



/* Caption Style 3 */
figure {
	overflow: hidden;
    height: 100%!important;
}

figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

/*
figure:hover img,
figure img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}*/

figcaption {
	height: 100px;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

figure:hover figcaption,
figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}
figcaption a {
	display: inline-block;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	padding: 8px;
	background-color: #09C;
	margin: 3px;
}
figcaption a:hover {
	color: #FFF;
	background-color: #099;
}
.about_center {
	 
	padding: 50px 0;
	text-align: center;
	font-family: DroidKufi-Regular;
	font-size: 16px;
}
.about_center h4 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #F30;
}
.about_center p {
	font-size: 15px;
    line-height: 25px;
}

/*start hosting plan*/
.hostingPlan {
    padding-top: 60px;
    padding-bottom: 50px;
    background-repeat: no-repeat;
    background-image: url('/template/images/bg.jpg');
    background-size: cover;
  }
.hostingPlan p {
	font-size: 17px;
	color: #f4f4f4;
    margin: 20px 0px;
    font-family: DroidKufi-Regular;
}
.hostingPlan h2 {color:#f4f4f4 ;}
  .hostingPlan .host {
    padding: 20px;
    background-color: #fff;
    margin: 30px 0px 10px 0px;
    border: 1px solid #00c0f3;
	border-radius: 20px;
	margin-bottom: 10px;
  }
  .hostingPlan h3 {
	font-size: 20px;
    margin: 10px 0px;
  }
  .hostingPlan h4 {margin: 20px 0px;font-weight: bold;}
  .hostingPlan .host .package ul li {
    display: block;
    margin-bottom: 10px;
    border-bottom: 1px solid #00c0f347;
	padding-bottom: 10px;
	font-size: 16px;
  }
  .hostingPlan .host .package ul li span {
    float: left;
    color: #777;
}
.hostingPlan .host .package ul {margin-bottom: 30px;}
.hostingPlan .host a {
	padding: 5px 30px;
    border-radius: 20px;
    border: 1px solid #73c5ff;
    color: #73c5ff;
    font-weight: bold;
	cursor: pointer;
	transition: all .3s ease-in-out;
}
.hostingPlan .host a:hover {
	border: 1px solid #73c5ff;
	background-color: #73c5ff;
	color: #fff;
}
/*End hosting plan*/

/*start testimonials*/
.testimonials {
    padding-bottom: 50px;
    padding-top: 50px;
}
.testimonials .paragraph {
    background-color: #eee;
    padding: 20px;
    margin-top: 15px;
	border-radius: 10px;
	position: relative;
}
.testimonials .paragraph::after {
	position: absolute;
	background-color: #eee;
	content: '';
	width: 20px;
	height: 20px;
	top: 20px;
	right: -10px;
	transform: rotate(45deg);
}
.testimonials .paragraph p {
    font-family: 'Courgette', cursive;
    color: dimgrey;
}

.testimonials .paragraph h4 {
    color: forestgreen;
    padding-bottom: 10px;
    font-weight: bold;
}
.testimonials .person img {
    border-radius: 50%;
	border: 5px solid forestgreen;
	width: 200px;
}
/*End testimonials*/
#footer {
	background-color: #666668;
	padding-top: 20px;
	padding-bottom: 20px;
}
#footer p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
}

#footer h2 {
	font-family: DroidKufi-Regular;
	font-size: 16px;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #7F7B78;
	margin: 2px;
	display: block;
	padding: 10px;
}#footer  ul li {
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	display: block;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #7F7B78;
	font-family: DroidKufi-Regular;
}
.contact_f{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
}
.contact_f input {
	width: 100%;
	background-color: #f6f6f6;
	border: 1px solid #D6D6D6;
	padding: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#footer .contact_f  textarea {
	width: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #D6D6D6;
	padding: 5px;
	margin-bottom: 10px;
}
#footer .contact_f .bot {
	background-color: #096e80;
	border: 1px solid #09889E;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
}
#footer ul li a {
	color: #FFF;
}
#footer_do {
	background-color: #17ddba;
	font-size: 16px;
	font-weight: normal;
	color: #000;
	text-align: center;
	padding: 10px;
	font-family: DroidKufi-Regular;
}


 
.social:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.social {
	-webkit-transform: scale(0.8); /* Browser Variations: */
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
} /* Multicoloured Hover Variations */
#social-fb:hover {
	color: #3B5998;
}
#social-tw:hover {
	color: #4099FF;
}
#social-gp:hover {
	color: #d34836;
}
#social-em:hover {
	color: #f39c12;
}


 
.carousel {
	margin-bottom: 0;
	padding:  0;
}



.fade-carousel {
    position: relative;
    height: 100vh;
      max-height: 550px;
}
.fade-carousel .carousel-inner .item {
    height: 100vh;
    max-height: 550px;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 35px;    
    margin:  10px 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4,
.fade-carousel .slides .slide-5,
.fade-carousel .slides .slide-6,
.fade-carousel .slides .slide-7 {
  height: 100vh;
  max-height: 550px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
 

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 22px; }    
}

.carousel-inner img{ border-color:#fff; }
.carousel-inner .titles_{ color: #fff; font-size: 18px  }
/* The controlsy */
.carousel-control {
	left: -30px;
	height: 45px;
	width: 45px !important;
	background: none  ;#26ADE5;
	 
	border-radius: 23px 23px 23px 23px;
	margin-top: 50px;
    color: #fff;
}

.our-work .carousel-control{
    margin-top: 114px;
}
.our-work .carousel-control span{ color: #06B2DD !important; font-size: 50px }
.our-work .carousel-indicators {  display: block;}
.carousel-control span{ color: #fff !important; font-size: 40px }
.carousel-control.left , .carousel-control.right{background-image: none !important}
.carousel-control.right {
	right: -30px;
} /* The indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	 
	margin-right: -19px;
    
    
} /* The colour of the indicators */
.carousel-indicators li {
	background: #06B2DD;
}
.carousel-indicators .active {
	background: #06B2DD;
}

.rights{ text-align: center; font-family: tahoma; padding:5px 0; background: #3D2264; color: #fff}
.rights a{  color: #fff; font-weight: bold}

.title_main{ background:url(../images/programing.png)repeat-x; padding: 12px; margin-top: 35px; margin-bottom: 25px  }
.title_main h1{ font-size: 28px; line-height: 55px; color: #fff }
.title_main h3 , .title_main a{ font-size: 20px; line-height: 45px;; color: #ccc }
.main_title h1.titles{display: none}




.panel-pricing {
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.panel-pricing h3 {
	font-size: 21px !important; 
}
.panel-pricing li {
	font-size: 13px !important; 
    font-family: tahoma !important; 
}
.panel-heading i{ margin-bottom: 5px; }
.panel-pricing:hover , .active_host {
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.panel-pricing .panel-heading {
	padding: 20px 10px;
}
.panel-pricing .panel-heading .fa {
	margin-top: 10px;
	font-size: 58px;
}
.panel-pricing .list-group-item {
	color: #777777;
	border-bottom: 1px solid rgba(250, 250, 250, 0.5);
}
.panel-pricing .list-group-item:last-child {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.panel-pricing .list-group-item:first-child {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}
.panel-pricing .panel-body {
	background-color: #f0f0f0;
	font-size: 40px;
	color: #777777;
	padding: 20px;
	margin: 0px;
}



.nav-tabs {
	border-bottom: 2px solid #DDD;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border-width: 0;
}
.nav-tabs > li > a {
	border: none;
	color: #666;
}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
	border: none;
	color: #4285F4 !important;
	background: transparent;
}
.nav-tabs > li > a::after {
	content: "";
	background: #4285F4;
	height: 2px;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: -1px;
	transition: all 250ms ease 0s;
	transform: scale(0);
}
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
	transform: scale(1);
}
.tab-nav > li > a::after {
	background: #21527d none repeat scroll 0% 0%;
	color: #fff;
}
.tab-pane {
	padding: 15px 0;
}
.tab-content {
	padding: 20px
}
.card {
 
	margin-bottom: 15px;
}
 

.team_work h3{

background: rgba(0, 0, 0, 0.31) none repeat scroll 0 0;
color: #fff;
font-size: 22px;
margin: 5px 0 !important;
padding: 10px 0 !important;


}
.team_work .thumbnail{ padding: 8px 0 6px 0  !important ; background: #B0B088; transition: all 0.5s ease;}
.team_work .thumbnail img , .team_work .thumbnail h3{  transition: all 0.5s linear;   }
.team_work .thumbnail:hover img{      -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg);    transform: rotateY(-180deg);   border-radius: 0 !important ; border: none !important ;padding: 0 !important ; width: 100% !important ; }
.team_work .thumbnail:hover {    transition: all 0.5s linear;  background: #09889E; color: #fff }
.team_work .thumbnail:hover h3{    transition: all 0.5s linear;  background: #ccc; color: #000 }
.team_work img{max-height: 170px !important ; }





.productbox { border-left:1px solid #EEEEEE; background-color:#ffffff; padding:10px; margin-bottom:10px; -webkit-box-shadow: 0 8px 6px -6px #999; -moz-box-shadow: 0 8px 6px -6px #999; box-shadow: 0 8px 6px -6px #999; } .producttitle { line-height: 36px;  padding:5px 0 5px 0; } .productprice { border-top:1px solid #dadada; padding-top:5px; } .pricetext {  font-size:1.4em; }
.productbox .box_1{ }


.services .titles_  , .services .service_title { margin:10px 0}
.services h2 { color: #fff; font-size: 16px; padding: 20px 0}
.services a { color: #94decf ;  }
.services span { color: #94decf ;  }
.services .btn { color: #fff;  }

.hosting .titles_{ text-align: center; padding: 30px }
.hosting p{font-size: 14px; font-family: DroidKufi-Regular; line-height:25px}
.hosting #plans{margin: 25px 0}

/*ebda3_products*/
.ebda3_products .product {
	box-shadow: 0 5px 25px -15px black;
	border: 1px solid #eee;
	overflow: hidden;
	padding: 10px;
}
.ebda3_products .product:hover img {
	transform: scale(1.1);
}
.ebda3_products .product h4 {
	font-size: 18px;
    margin: 10px 0px 20px 0px;
    color: #26ade5;
}
.ebda3_products .product img {width: 100%;transition: all .5s ease-in-out;}
.ebda3_products .product a {
	display: block;
    margin: 10px 0px;
    cursor: pointer;
}
.ebda3_products .product a i {padding-left: 3px;}
.propertyManagment .img-holder {overflow: hidden;}
.propertyManagment .img-holder img {
	width: 445px;
	margin-bottom: 30px;
	margin-top: 35px;
	border: 2px solid #26aae1;
	border-radius: 10px;
}
.propertyManagment .img-holder .dif {width: 274px;}
.propertyManagment .img-holder .diff {height: 298px;}
.propertyManagment .img-holder .diiff {
	margin-top: 0px;
    height: 348px;
}

/* .propertyManagment .details ul li {
	margin: 7px 0px;
	font-size: 16px;
} */
.propertyManagment .row  {
	box-shadow: 0 5px 25px -15px black;
	padding: 30px 20px;
	margin-bottom: 30px;
}
.propertyManagment .property {
	border: none;box-shadow: none;
	display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    align-content: flex-start;
    overflow: hidden;
}
@media(max-width:414px) {
	.propertyManagment .property {height: auto;}
	.propertyManagment .property img {
		margin: 5px !important;
		width: calc(50% - 10px) !important;
	}
	.propertyManagment .img-holder .dif {width: 100%;}
	.propertyManagment .property img {margin-bottom: 20px !important;}

}
.propertyManagment .property img{
	width: calc(50% - 30px);
    margin: 0px 15px 15px 15px;
	box-shadow: 0 5px 25px -15px black;
  }
.propertyManagment .property img {
	border: 2px solid #26aae1;
	border-radius: 10px;
}
.propertyManagment .details h4 i {font-size: 16px;padding-left: 10px;}
.propertyManagment .details h4 {
	font-size: 22px;
	color: #fff;
	margin-bottom: 20px;
	box-shadow: 5px 10px 15px 0px #ddd;
	padding: 10px;
    text-align: center;
    border-radius: 7px;
    background-color: #26ade5;
}
.propertyManagment .details h5 {
	font-size: 22px;
    color: #777;
    padding: 10px 0px;
    border-bottom: 1px solid #ddd;
    width: 30px;
    margin-bottom: 10px;
}
.propertyManagment .details ul {margin-right: 20px;}
.propertyManagment .details ul li {list-style: circle;font-size: 18px;margin: 6px 0px;}
/*ebda3_products*/
@media(max-width:768px) {
	.propertyManagment .img-holder img {width: 100%;}
}