@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);

@import url('font-awesome.css');



@import url('animate.css');








/*Ikrama*/
.section-padding {
	padding: 50px 0;
}
.section-bg {
	background: #eee;
}
.tp0 {
	padding-top: 0;
}
.bp0 {
	padding-bottom: 0;
}
.bp50 {
	padding-bottom: 50px;
}
.tm0 {
	margin-top: 0;
}
.bm0 {
	margin-bottom: 0;
}
.tm30 {
	margin-top: 30px;
}
.bm30 {
	margin-bottom: 30px;
}
hr.red-bar {
	border-color: #eb2729;
  border-width: 5px;
}
.gray-box {
	background: #ff9800;
	padding: 50px;
	text-align: center;
	color: #000;
	font-size: 18px;
}
.gray-box h2 {
	margin-bottom: 20px;
	text-align: center;
}

.section-title {
    text-align: center;
    margin-bottom: 50px;
}
.interior-design .row img {
	max-width: 100%;
}
.interior-design .title span {
	color: #eb2729;
}
.why-choose {
	background: #eee;
  text-align: center;
}

.our-services .media img {
	max-width: 92px;
}

.xl-logo {
	margin-top: 18px;
  display: block;
}




@media screen and (max-width: 500px) {

	#main-slider .carousel-inner .item .container {
		background: #fffc;
	}
	#main-slider .carousel .slide-margin {
    margin-top: 0 !important;
	}
	#main-slider .carousel .carousel-content {
		margin-top: 0 !important;
	}
	#main-slider .carousel .item {
		height: 430px !important;
	}
	
}





body {

	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 



	font-size:14px;

	font-weight:300;

	line-height:1.6em;

	color:#fff;

	background-color:#fff;

	overflow-x:hidden;

}



/*body1{

	font-family:'Open Sans', Arial, sans-serif;

	font-size:14px;

	font-weight:300;

	line-height:1.6em;

	color:#fff;; 

	background-image: url(../images/option-2.jpg);

	width:100%;

	overflow-x:hidden;

}*/



h1,h2,h3,h4,h5,h6 {

	color: #333;

	line-height: 1.1em;

	text-align: left;

}



p {

	color:#333;

	font-size:13px;

}

a {

    text-decoration:none;

    transition: all 0.1s ease-in-out;

    -moz-transition: all 0.1s ease-in-out;

    -webkit-transition: all 0.1s ease-in-out;

    -o-transition: all 0.1s ease-in-out;

    outline: none;

	color:#2051a2;

}

a:hover {

	text-decoration: none;

	color: #0033FF;

	}



.btn-primary {

  padding: 8px 20px;

  background: #353a32;

  color: #fff;

  border-radius: 4px;

  border:none;

  margin-top: 10px;

}



.blinking{

	font-size: 20px;

	font-family:"Arial Black", Gadget, sans-serif;

	color: #054642;

	

}



.blinking{

	animation:blinkingText 0.3s infinite;

}





	

.text-center h2 {

	margin-bottom:30px;

}



.text-center p {

	margin-bottom:50px;

	color:#333;

}



.button {

  background-color: #4CAF50; 

  border: none;

  color: white;

  padding: 15px 32px;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 16px;

  margin: 4px 2px;

  cursor: pointer;

}



.button2 {background-color: #008CBA;} 



.btn-default {

  color: #333;

  background-color: #fff;

  border-color: #fff;

  text-transform:uppercase;

  font-size:18px;

  border-radius:30px;

  margin-left:-10px;

}



#breadcrumb {

	background-color: #353a32;

	margin-top: -20px;

}



.breadcrumb { 

  list-style: none;

  background-color: #353a32;

  border-radius: 0px;

  padding:3px 0px 2px 10px;

}



.breadcrumb li {

   text-transform:uppercase;

   margin-top:125px;

   font-weight:600;

}







/*===========================

  Menu and Navigation

============================ */

.navigation  {

	background-color:#fff;

	padding:0px 10px 5px 15px;

}



.navbar-brand h1 {

	margin-top:9px;

	padding-top:5px;

	float: left;	

	font-size: 25px;	

	color:#333;	

	text-transform:uppercase;

	font-weight:900;

}

.navbar-brand h1 span {

	color: #353a32;

}

.menu {

	font-size:12px;

	float:right;

	text-transform:uppercase;

	font-weight:700;

	padding:0px 80px 0px 80px;
	padding: 0;

}



.menu ul.nav-tabs li {

	color:#000;	

}



.nav-tabs {

	border-bottom: 0;

}

.nav-tabs > li {

	float: left;

	margin-bottom: 0;

}

.nav-tabs > li > a {	

	border-radius:0;

	color:#333;

	padding:30px;

}



.nav-tabs > li > a:hover {	

	color: #b8b8b8;

	border-color: #fff #fff #fff;

	border-radius:0;

	background-color:#fff; 

	transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

}

.nav-tabs > li > a.active {

	color: #b8b8b8;

	border-radius:#fff;

	transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

}



#pricePlans:after {

	content: '';

	display: table;

	clear: both;

}



#pricePlans {

	zoom: 1;

}



#pricePlans {

	max-width: 69em;

	margin: 0 auto;

}



#pricePlans #plans .plan {

	background: #fff;

	float: left;

	width: 100%;

	text-align: center;

	border-radius: 5px;

	margin: 0 0 20px 0;



	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);

	box-shadow: 0 1px 3px rgba(0,0,0,0.1);

}



.tools .download1{ width:820px; float:right; border-bottom: 1px solid #ddd;}

.tools .download1 ul{ width:100%; float:left;}

.tools .download1 ul li{ width:100%; color:#010101; float:left; border-bottom:1px solid #e8e8e8;}

.tools .download1 ul li .p2{ width:785px; padding-left:25px; height:43px; line-height:43px; background:url(../images/icon_20.png) no-repeat 7px center; cursor:pointer;}

.tools .download1 ul li .p2 a{ font-size:14px;}

.tools .download1 ul .li .p2{ background:url(../images/icon_19.png) no-repeat 7px center;}

.tools .download1 ul li ul{ width:790px; float:left; padding:15px 0 37px 30px; background:#f2f2f2; display:none;}

.tools .download1 ul li ul li{ width:735px; float:left; border-bottom:1px solid #d3d3d3; padding:6px 0; background:none; color:#666; font-size:14px;}

.tools .download1 ul li ul li p{ color:#666; font-size:12px; line-height:22px;}

.tools .download1 ul li ul li .p{ width:132px; padding-left:5px; float:left;font-size:12px;}

.tools .download1 ul li ul li .p1{ width:585px; border-left:1px solid #d3d3d3; padding-left:10px;font-size:12px; float:left;}

.tools .download1 ul li ul li a{  padding-left:10px; color:#d71921;}





.dropbtn {

    background-color: #4CAF50;

    color: white;

    padding: 16px;

    font-size: 16px;

    border: none;

    cursor: pointer;

}



.dropdown {

    position: relative;

    display: inline-block;

}



.dropdown-content {

    display: none;

    position: absolute;

    background-color: #f9f9f9;

    min-width: 160px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 1;

}



.dropdown-content a {

    color: black;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

}



.dropdown-content a:hover {background-color: #f1f1f1}



.dropdown:hover .dropdown-content {

    display: block;

}



.dropdown:hover .dropbtn {

    background-color: #3e8e41;

}



.row,.row-fluid {

	margin-bottom:30px;

}



.row .row,.row-fluid .row-fluid{

	margin-bottom:30px;

}



.row.nomargin,.row-fluid.nomargin {

	margin-bottom:0;

}



section.demogrid .col-lg-1,section.demogrid .col-lg-2,section.demogrid .col-lg-3,section.demogrid .col-lg-4,section.demogrid .col-lg-5,section.demogrid .col-lg-6,section.demogrid .col-lg-7,section.demogrid .col-lg-8,section.demogrid .col-lg-9,section.demogrid .col-lg-10,section.demogrid .col-lg-11 {

	background:#f6f6f6;

	text-align:center;

	padding:50px 0 20px;

}



footer .widget form  input#appendedInputButton {

		  display: block;

		  width: 50%;

		  -webkit-border-radius: 4px 4px 4px 4px;

			 -moz-border-radius: 4px 4px 4px 4px;

				  border-radius: 4px 4px 4px 4px;

	}

	

	footer .widget form  .input-append .btn {

		  display: block;

		  width: 100%;

		  padding-right: 0;

		  padding-left: 0;

		  -webkit-box-sizing: border-box;

			 -moz-box-sizing: border-box;

				  box-sizing: border-box;

				  margin-top:10px;

	}

	

	ul.link-list{

	margin:0;

	padding:0;

	list-style:none;

	float: none;

}



ul.link-list li{

	float: none;

	margin:0;

	padding:2px 0 2px 0;

	list-style:none;

}



footer ul.link-list li a{

	color:#777;

}

footer ul.link-list li a:hover {

	color:#333;

}





/*===========================

  slider

============================ */

#main-slider {

	margin-top:90px;

}



#main-slider {

  position: relative;

}



.no-margin {

  margin: 0;

  padding: 0;

}



#main-slider .carousel .carousel-content {

  margin-top: 150px;

}



#main-slider .carousel .slide-margin{

  margin-top: 140px;

}



#main-slider .carousel h2 {

  color: #54555b;

  text-transform:uppercase;

  font-size:50px;

  font-weight:800;

}



#main-slider .carousel h2 span {

  color: #353a32;

}



#main-slider .carousel h2 span spani {

  color: #000;

}



#main-slider .carousel p {

  color: #5f6061;

  font-size:25px;

}



#main-slider .carousel .btn-slide {

  padding: 8px 20px;

  background: #fd6c0c;

  color: #fff;

  border-radius: 4px;

  margin-top: 25px;

  display: inline-block;

}



#main-slider .carousel .btn-slide:hover {

  padding: 8px 20px;

  background: #f1b30d;

  color: #fff;

  border-radius: 4px;

  margin-top: 25px;

  display: inline-block;

}



#main-slider .carousel .slider-img{

  text-align: right;

  position: absolute;

}





#main-slider .carousel .item {

  background-position: 50%;

  background-repeat: no-repeat;

  background-size: cover;

  left: 0 !important;

  opacity: 0;

  top: 0;

  position: absolute;

  width: 100%;

  display: block !important;

  height: 730px;

  -webkit-transition: opacity ease-in-out 500ms;

  -moz-transition: opacity ease-in-out 500ms;

  -o-transition: opacity ease-in-out 500ms;

  transition: opacity ease-in-out 500ms;

}



#main-slider .carousel .item:first-child {

  top: auto;

  position: relative;

}



#main-slider .carousel .item.active {

  opacity: 1;

  -webkit-transition: opacity ease-in-out 500ms;

  -moz-transition: opacity ease-in-out 500ms;

  -o-transition: opacity ease-in-out 500ms;

  transition: opacity ease-in-out 500ms;

  z-index: 1;

}



#main-slider .active .animation.animated-item-1 {

  -webkit-animation: fadeInUp 300ms linear 300ms both;

  -moz-animation: fadeInUp 300ms linear 300ms both;

  -o-animation: fadeInUp 300ms linear 300ms both;

  -ms-animation: fadeInUp 300ms linear 300ms both;

  animation: fadeInUp 300ms linear 300ms both;

}



#main-slider .active .animation.animated-item-2 {

  -webkit-animation: fadeInUp 300ms linear 600ms both;

  -moz-animation: fadeInUp 300ms linear 600ms both;

  -o-animation: fadeInUp 300ms linear 600ms both;

  -ms-animation: fadeInUp 300ms linear 600ms both;

  animation: fadeInUp 300ms linear 600ms both;

}



#main-slider .active .animation.animated-item-3 {

  -webkit-animation: fadeInUp 300ms linear 900ms both;

  -moz-animation: fadeInUp 300ms linear 900ms both;

  -o-animation: fadeInUp 300ms linear 900ms both;

  -ms-animation: fadeInUp 300ms linear 900ms both;

  animation: fadeInUp 300ms linear 900ms both;

}



#main-slider .active .animation.animated-item-4 {

  -webkit-animation: fadeInUp 300ms linear 1200ms both;

  -moz-animation: fadeInUp 300ms linear 1200ms both;

  -o-animation: fadeInUp 300ms linear 1200ms both;

  -ms-animation: fadeInUp 300ms linear 1200ms both;

  animation: fadeInUp 300ms linear 1200ms both;

}



.feature {

	padding:50px;

}



.text-center i {

	font-size:40px;

	margin-top:70px;

	margin-bottom:30px;

	color:#fff;

	padding:50px;

	background:#353a32;

	border-radius:50%;

}



.text-center h2 {

	margin-top:20px;

	margin-bottom:20px;

	text-transform:uppercase;

	font-size:18px;

	color: #353a32;

}



.hi-icon-effect i.fa:hover {

	background:#fff;

	color: #353a32;

	-webkit-transition: color 300ms, background-color 300ms;

  -moz-transition: color 300ms, background-color 300ms;

  -o-transition:  color 300ms, background-color 300ms;

  transition:  color 300ms, background-color 300ms;

}



#partner {

  background: url(../images/partners/partner_bg.png) 50% 50% no-repeat;

  background-size: cover;

}



#partner {

  color: #fff;

  text-align: center;

  padding:100px;

}



#partner h2 {

  color: #fff;

  font-size:30px;

  font-weight:600;

}



#partner p {

  color: #fff;

  font-size:20px;

  

}



.partners ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



.partners ul li{

  display: inline-block;

  float: left;

  width: 20%;

}



.partners ul li a img {

	margin-top:50px;

}



#conatcat-info{

  background: none;

  padding: 30px 0;

}



.contact-info i{

  width: 60px;

  height: 60px;

  font-size: 40px;

  line-height: 60px;

  color: #fff;

  background: #000;

  text-align: center;

  border-radius: 6px;

}



.contact-info h2{

  margin-top: 0;

  color: #000;

}



.contact-info{

  color:#000;

}















.backbutton {

   background:Blue;

    border: none;

    color: white;

    padding: 15px 20px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

    margin: 4px 2px;

    cursor: pointer;

	

}



.backbutton:hover { 

    background-color: #6dc9ef;

}























p.ridge {border-style: ridge;}









/* --- about us --- */

.aboutus {

	padding:50px;

}



.aboutus img {

	border-radius:6px;

}



.aboutus h3 {

	margin-bottom:30px;

	font-weight:800;

}



.aboutus h4 {

	margin-top:30px;

	margin-bottom:30px;

	font-weight:700;

}



.theme-container-box { width:100%; height:500px; }

#theme-container { clear:both; position:relative;}

.bodypadding{ padding:0px 10px; display:block;  width:auto 100%;}

.floatright { float:right; padding:10px  ; border:0px solid #888; margin:-15px 0px 15px 15px;}

.floatleft {float:left; padding:10px;   border:0px solid #888;  margin:-15px 20px 0px 0px; }



.skill h2{

	margin-top:-10px;

	margin-bottom: 25px;

}



.progress-wrap{

  position: relative;

}



.progress .color1,

.progress .color1 .bar-width{

  background: #2d7da4;

}



.progress .color2,

.progress .color2 .bar-width{

  background: #6aa42f;

}



.progress .color3,

.progress .color3 .bar-width{

  background: #ffcc33;

}



.progress .color4,

.progress .color4 .bar-width{

  background: #db3615;

}



.progress, 

.progress-bar {

  height: 15px;

  line-height: 15px;

  background: #e6e6e6;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  border-radius: 0;

  overflow: visible;

  text-align: right;

}



.progress{

  position: relative;

}



.progress .bar-width{

  position: absolute;

  width: 40px;

  height: 20px;

  line-height: 20px;

  text-align: center;

  font-size: 12px;

  font-weight: 700;

  top: -30px;

  border-radius: 2px;

  margin-left: -30px;

}



.progress span{

  position: relative;

}



.progress span:before{

  content: " ";

  position: absolute;

  width: auto;

  height: auto;

  border-width: 8px 5px;

  border-style: solid;

  bottom: -15px;

  right: 8px;

}



.progress .color1 span:before{

  border-color: #2d7da4 transparent transparent transparent;

}



.progress .color2 span:before{

  border-color: #6aa42f transparent transparent transparent;

}



.progress .color3 span:before{

  border-color: #ffcc33 transparent transparent transparent;

}



.progress .color4 span:before{

  border-color: #db3615 transparent transparent transparent;

}







#credits a:hover {

	text-decoration: none;

}



.about {

	background:#eee;

	padding:50px;

}



.about h2 {

	margin-bottom:30px;

}



.about img {

	margin-bottom:30px;

	border-radius:6px;

}



.our-team {

	padding:50px;

	background:#ddd;

}



.our-team h3 {

	margin-bottom:30px;

	font-weight:800;

}



.our-team h4 {

	margin-top:20px;

	margin-bottom:20px;

	font-weight:600;

}



.our-team img{

	border-radius:6px;

	margin-top:30px;

}



.lates {

	padding:50px;

}



.lates h2 {

	font-size:20px;

	font-weight:600;

	color:#333;

}



.lates img {

	margin-top:30px;

	border-radius:5px;

}



/* --- footer --- */

.footer {

	background:#353a32;

	padding:15px 22px;

}

.last-footer {

	background:#e7e9ea;

	padding:50px 22px ; 

}



ul.social-network {

	list-style:none;

	margin-top:20px;	

	padding:10px;

	transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

}



ul.social-network li {

	display:inline;

	margin: 0 18px;	

	font-size:25px;	

}



ul.social-network li a {	

	color:#d0d0d0;	

}

.social-network li:hover .fa-twitter {

  color: #00abf0;

}

.social-network li:hover .fa-facebook {

  color: #39579a;

}

.social-network li:hover .fa-google-plus {

  color: #eb8984;

}

.social-network li:hover .fa-pinterest {

  color: #c9171e; 

}

.social-network li:hover .fa-linkedin {

  color: #0077b5; 

}

.social-network li:hover .fa-youtube-play {

  color: #C84941; 

}

.social-network li:hover .fa-dribbble {

  color: #EA4C89 ; 

}

.social-network li:hover .fa-pinterest-square {

  color: #EA4B49; 

}



.copyright {

	margin-top:30px;

    text-align: right;

}

/*.row{width:1150px}*/









.copyright a {

	color:#fff;

	font-weight:600;

	font-size:12px;

	text-shadow:none;

	

	

}





/* --- services --- */



.words {

	font size: 10px;

}



.services {

	padding:50px;

}



.services h3 {

	margin-bottom:30px;

	font-weight:800;

}



.services img {

	border-radius:6px;

}



.sub-services img {

	border-radius:6px;

}



.services p {

	margin-top:30px;

	font-size:13px;

}



.sub-services {

	padding:50px;

	background:#ddd;

}



.sub-services p {

	margin-top:30px;

	font-size:13px;

}



.media-body p {

	margin-bottom:30px;

}



.media ul li {

	list-style:none;

}



.media i {

	color:#353a32;

	font-size:50px;

}



.media h4 {

	font-size:20px;

	font-weight:600;

	color:#353a32;

}

#options {padding:0 0 10px 0;

}

#filters {

	position: relative;

	padding:0;

	margin:25px 0 0 0;

}

#filters li {

	display: block;

	margin:0 10px 10px 0;

	float: left; 

	padding:0;

	list-style:none;

}

#filters li a.selected {

	color: #fff;

	background:#d00b01;

	text-decoration:none;

}



/* --- portfolio --- */



#portfolio .center p {

	margin-top:50px;

	margin-bottom:90px;

	font-size:18px;

}



.portfolio-items, 

.portfolio-filter {

  list-style: none outside none;

  margin: 0 0 40px 0;

  padding: 0;

}



.portfolio-filter > li {

  display: inline-block;

}



.portfolio-filter > li a {

  background: none repeat scroll 0 0 #FFFFFF;

  font-size: 14px;

  font-weight: 400;

  margin-right: 10px;

  text-transform: uppercase;

  transition: all 0.10s ease 0s;

  -moz-transition: all 0.9s ease 0s;

  -webkit-transition: all 0.9s ease 0s;

  -o-transition: all 0.9s ease 0s;

  border: 1px solid #F2F2F2;

  outline: none;

  border-radius: 3px;

  

  

}



.portfolio-filter > li a:hover,

.portfolio-filter > li a.active{

  color:#fff;

  background: #353a32;

  border: 1px solid #353a32;

  box-shadow: none;

  -webkit-box-shadow: none;

}



.portfolio-items > li {

  float: left;

  padding: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.portfolio-item {

	margin: 0;

	padding:0;

}



.overlay {

	margin-bottom:20px;

}



.overlay a:hover {

	color: #353a32;

}



/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {

  z-index: 2;

}



.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}



/**** Isotope CSS3 transitions ****/

.isotope,

.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;

  -moz-transition-duration: 0.8s;

  -ms-transition-duration: 0.8s;

  -o-transition-duration: 0.8s;

  transition-duration: 0.8s;

}



.isotope {

  -webkit-transition-property: height, width;

  -moz-transition-property: height, width;

  -ms-transition-property: height, width;

  -o-transition-property: height, width;

  transition-property: height, width;

}



.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

  -moz-transition-property: -moz-transform, opacity;

  -ms-transition-property: -ms-transform, opacity;

  -o-transition-property: -o-transform, opacity;

  transition-property: transform, opacity;

}



/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

  -webkit-transition-duration: 0s;

  -moz-transition-duration: 0s;

  -ms-transition-duration: 0s;

  -o-transition-duration: 0s;

  transition-duration: 0s;

}



/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/

.isotope.infinite-scrolling {

  -webkit-transition: none;

  -moz-transition: none;

  -ms-transition: none;

  -o-transition: none;

  transition: none;

}





/* --- Map --- */

.map{

	position:relative;

	margin-bottom:40px;

}



/* google map */

#google-map{

	position:relative;

	margin-top:10px;

    height: 400px;

    width: 100%;

}



/* --- blog --- */

#blog {

	margin-top:50px;

}



a.btn-primary:hover {

	background-color:#ddd;

	color:#353a32;

}



.widget {

  margin-bottom: 60px;

  padding-left: 0;

}



.single_comments {

  margin-bottom: 20px;

}



.single_comments img {

  float: left;

  margin-right: 10px;

  margin-top: 5px;

}



.single_comments p {

  margin-bottom: 0;

}



.widget .entry-meta span {

  display: inline-block;

  margin-right: 10px;

  color:#fff;

}



.widget .entry-meta span a:hover {

	color:#fff;

}



.widget h3 {

  color: #fff;

  text-transform: uppercase;

  margin-bottom: 20px;

}



.h {

  color: #fff;

  font-size:23px;

  

}

  

.blog_category{

  list-style:none;

  margin:0;

  padding:0;

}



.blog_category li{

  float:none;

  margin-bottom:20px;

}



.blog_category li a {

  background:#f5f5f5;

  border-radius: 4px;

  color: #888;

  display: inline-block;

  padding: 5px 15px;

}



.blog_category li a:hover{

  background:#353a32;

  color: #fff;

}



.h6{

color: #e1e1e1;

}



 .badge:before {

  border-color: transparent transparent transparent #353a32;

  border-style: solid;

  border-width: 10px;

  bottom: -8px;

  content: "";

  height: 0;

  left: 5px;

  position: absolute;

  z-index: -99999;

}



.badge {

  background-color: #353a32;

  border-radius: 5px;

  color: #fff;

  padding: 8px;

  position: relative;

  left: 60px;

  top: -18px;

  font-weight: normal;

}



.blog_archieve {

  list-style: none outside none;

  margin: 0;

  padding: 0;

}



.blog_archieve li {

  padding: 10px 0;

  border-bottom: 1px solid #f5f5f5;

}



ul.blog_archieve li a:hover{

	color:#353a32;

}



.blog_archieve li:first-child {

  padding-top: 0;

}



ul.gallery {

  list-style: none;

  padding: 0;

  margin: 0;

}



ul.gallery li {

  display: block;

  width: 60px;

  padding: 0;

  margin: 0 4px 4px 0;

  float: left;

}



ul.faq {

  list-style: none;

  margin: 0;

}



ul.faq li {

  margin-top: 30px;

}



ul.faq li:first-child {

  margin-top: 0;

}



ul.faq li span.number {

  display: block;

  float: left;

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  background: #34495e;

  color: #fff;

  font-size: 24px;

}



ul.faq li > div {

  margin-left: 70px;

}



ul.faq li > div h3 {

  margin-top: 0;

}



.embed-container {

  position: relative;

  padding-bottom: 56.25%;

  padding-top: 30px;

  height: 0;

  overflow: hidden;

}



.embed-container iframe,

.embed-container object,

.embed-container embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.blog-item {

  border-radius: 0;

  overflow: hidden;

  margin-bottom: 50px;

}



.blog .blog-item .img-blog {

  border-radius: 5px;

  margin-bottom: 45px;

}



.blog .blog-item .blog-content {

  padding-bottom: 25px;

}



.blog .blog-item .blog-content h2 {

  margin-top: 0;

  font-size: 30px;

}



.readmore{

  margin-top: 0;

}



.blog .blog-item .blog-content h4 {

	margin-bottom: 40px;

	font-weight: 600

 }



.blog .blog-item .blog-content p {

	font-size: 13px;

}



.blog .blog-item .entry-meta {

  border-radius: 5px;

  overflow: hidden;

}



.blog .blog-item .entry-meta > span {

  background: #f5f5f5;

  border-top: 1px solid #fff;

  display: block;

  font-size: 12px;

  overflow: hidden;

  padding: 5px;

  text-align: left;

}







#publish_date {

  background: #353a32;

  border-bottom: 5px solid #4e4e4e;

  color: #fff;

  padding: 5px 0;

  text-align: center;

}



.blog .blog-item .entry-meta > span {

  color: #ccc;

}



.blog .blog-item .entry-meta > span a {

  font-size: 12px;

  margin-left: 3px;

  font-weight: 300;

  color: #888;

}



ul.pagination > li > a {

  border: 1px solid #F1F1F1;

  margin-right:5px;

  border-radius: 5px;

  font-size: 16px;

  padding: 5px 14px;

  color:#353a32;

}



ul.pagination > li > a i{

  margin-left:5px;

  margin-right:5px;

}



ul.pagination > li.active > a, 

ul.pagination > li:hover > a {

  background-color: #353a32 !important;

  border-color: #353a32 !important;

  color: #fff;

}



.search_box {

  background-position: 314px 15px;

  background-repeat: no-repeat;

  border-color: #DEDEDE;

  height: 48px;

  outline: medium none;

  box-shadow: none;

}



.form-control:focus {

  box-shadow:none;

  outline: 0 none;

  

}



ul.tag-cloud, 

ul.sidebar-gallery {

  list-style: none;

  padding: 0;

  margin: 0;

}



.tag-cloud li{

    display: inline-block;

    margin-bottom: 3px;

}



.tag-cloud li a {

  background: #f5f5f5;

  color: #888;

  border: 0;

  border-radius: 4px;

  padding: 8px 15px;

}



.tag-cloud li a:hover{

  background:#353a32;

  color: #fff;  

}



.sidebar-gallery li{

  display: inline-block;

  margin: 0 10px 10px 0;

}



.sidebar-gallery li a {

  border-radius: 4px;

  display: inline-block;

}



/* --- contact --- */

#contact-page{

  padding-top: 0;

  background:#fff;

  margin-bottom:50px;

}



#contact-page .contact-form 

.form-group label {

  color: #4E4E4E;

  font-size: 14px;

  font-weight: 300;

}



.form-group .form-control {

  padding: 7px 12px;

  border-color:#f2f2f2;

  box-shadow: none;

}





.validation {

    color: red;

    display:none;

    margin: 0 0 20px;

    font-weight:400;

    font-size:13px;

}



#sendmessage {

    color: green;

    border:1px solid green;

    display:none;

    text-align:center;

    padding:15px;

    font-weight:600;

    margin-bottom:15px;

}



#errormessage {

    color: red;

    display:none;

    border:1px solid red;

    text-align:center;

    padding:15px;

    font-weight:600;

    margin-bottom:15px;

}



#sendmessage.show, #errormessage.show, .show {

	display:block;

}



#contact-page .contact-wrap {

  margin-top: 20px;

}



.center h2{

  font-size: 36px;

  margin-top: 0;

  margin-bottom: 20px;

  text-align:center;

}

.center p{

   text-align:center;

}



.btn-lg:hover {

	color:#353a32;

	background:#ddd;

}



a.scrollup{

    color:#fff;

	height:40px;

	width:40px;

	font-size:12px;

	line-height:30px;

	text-align:center;

	text-decoration:none;

	position:fixed;

	bottom:30px;

	right:40px;	

	opacity:0,5;

	border-radius:50%;

	z-index:999;

}

a.scrollup:hover{

	opacity:1;

	background-color:#ddd;

	color:#353a32;

}







#cmstable #caption { font-weight:bold; text-align:left; white-space: nowrap; width:150px; vertical-align:top;}

#cmstable td {border-bottom:1px solid #B2B2B2; padding:5px 10px;}



#contact {  }

#contact ul {margin:0px; padding:0px; list-style:none; display:table;  width:100%;min-height:200px; height:100% auto;  }

#contact ul li { display:table-cell;  text-align:center;cursor:pointer; vertical-align:top; width:25%; padding:8px; }

#contact ul li a,

#contact ul li a:visited{}

section.callaction {

	background:#fafafa;

	padding:30px 0 0 0;}

	#cmstable #caption { font-weight:bold; text-align:left; white-space:wrap; width:50px;vertical-align:top;}

#cmstable td {border-bottom:1px solid #B2B2B2; padding:5px 10px;white-space:wrap;}



#cmstable { background:#efefef; clear:both; border:1px solid #B2B2B2; border-collapse: collapse; max-width:550px; float:left; margin-right:30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#cmstable #caption { font-weight:bold;

color: grey; text-align:left; white-space: nowrap; width:150px; vertical-align:top;}

#cmstable td {border-bottom:1px solid #B2B2B2;color: grey; padding:5px 10px;}





.avtech {

    background-color: #4CAF50;

    border: none;

    color: white;

    padding: 15px 32px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

    margin: 4px 2px;

    cursor: pointer;

}

.avtechbutton {

   background:Blue;

    border: none;

    color: white;

    padding: 15px 100px;

    text-align:left;

    text-decoration: none;

    display: inline-block;

    font-size: 14px;

    margin: 4px 20px 20px 2px;

    cursor: pointer;
}


/* --- box --- */



.box {

	width: 100%;

}

.box-gray  {

	background: #f8f8f8;

	padding: 20px 20px 30px;

}

.box-gray  h4,.box-gray  i {

	margin-bottom: 20px;

}

.box-bottom {

	padding: 20px 0;

	text-align: center;

}

.box-bottom a {

	color: #fff;

	font-weight: 700;

}

.box-bottom a:hover {

	color: #eee;

	text-decoration: none;

}





#plans,#plans ul,#plans ul li {

	margin: 0;

	padding: 0;

	list-style: none;

}



#pricePlans:after {

	content: '';

	display: table;

	clear: both;

}



#pricePlans {

	zoom: 1;

}



#pricePlans {

	max-width: 69em;

	margin: 0 auto;

}



#pricePlans #plans .plan {

	background: #fff;

	float: left;

	width: 100%;

	text-align: center;

	border-radius: 5px;

	margin: 0 0 20px 0;



	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);

	box-shadow: 0 1px 3px rgba(0,0,0,0.1);

}



.planContainer .title h2 {

	font-size: 1.2em;

	font-weight: 150;

	color: #3e4f6a;

	margin: 0;

	padding: .6em 1.8em;

}



.planContainer .title h2.bestPlanTitle {

	background: #3e4f6a;



	background: -webkit-linear-gradient(top, #475975, #364761);

	background: -moz-linear-gradient(top, #475975, #364761);

	background: -o-linear-gradient(top, #475975, #364761);

	background: -ms-linear-gradient(top, #475975, #364761);

	background: linear-gradient(top, #475975, #364761);

	color: #fff;

	border-radius: 5px 5px 0 0;

}





.planContainer .price p {

	background: rgba(73,155,234,1);

background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);

background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));

background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);

background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);

background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);

background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );

	color: #fff;

	font-size: 1.2em;

	font-weight: 700;

	height: 2.6em;

	line-height: 2.6em;

	margin: 0 0 1em;

}



.planContainer .price p.bestPlanPrice {

	background: #f7814d;

}



.planContainer .price p span {

	color: #8394ae;

}



.planContainer .options {

	margin-top: 10em;

}



.planContainer .options li {

	font-weight: 700;

	color: #364762;

	line-height: 2.5;

}



.planContainer .options li span {

	font-weight: 400;

	color: #979797;

}



.planContainer .button a {

	text-transform: uppercase;

	text-decoration: none;

	color: #3e4f6a;

	font-weight: 700;

	letter-spacing: 3px;

	line-height: 2.8em;

	border: 2px solid #3e4f6a;

	display: inline-block;

	width: 80%;

	height: 2.8em;

	border-radius: 4px;

	margin: 1.5em 0 1.8em;

}



.planContainer .button a.bestPlanButton {

	color: #fff;

	background: #f7814d;

	border: 2px solid #f7814d;

}



#credits {

	text-align: center;

	font-size: .8em;

	font-style: italic;

	color: #777;

}



#credits a {

	color: #333;

}



#credits a:hover {

	text-decoration: none;

}





#myDIV {

    width: 100%;

    padding: 50px 0;

    text-align: left;

    background-color: #fafafa;

    margin-top: 5px;

}

@media screen and (min-width: 481px) and (max-width: 768px) {



#pricePlans #plans .plan {

	width: 49%;

	margin: 0 2% 20px 0;

}



#pricePlans #plans > li:nth-child(2n) {

	margin-right: 0;

}



}



@media screen and (min-width: 769px) and (max-width: 1024px) {



#pricePlans #plans .plan {

	width: 49%;

	margin: 0 2% 20px 0;

}



#pricePlans #plans > li:nth-child(2n) {

	margin-right: 0;

}



}



@media screen and (min-width: 1025px) {



#pricePlans {

	margin: 2em auto;

}



#pricePlans #plans .plan {

	width: 24%;

	margin: 0 1.33% 20px 0;



	-webkit-transition: all .25s;

	   -moz-transition: all .25s;

	    -ms-transition: all .25s;

	     -o-transition: all .25s;

	        transition: all .25s;

}



#pricePlans #plans > li:last-child {

	margin-right: 0;

}



#pricePlans #plans .plan:hover {

	-webkit-transform: scale(1.04);

	   -moz-transform: scale(1.04);

	    -ms-transform: scale(1.04);

	     -o-transform: scale(1.04);

	        transform: scale(1.04);

}



.planContainer .button a {

	-webkit-transition: all .25s;

	   -moz-transition: all .25s;

	    -ms-transition: all .25s;

	     -o-transition: all .25s;

	        transition: all .25s;

}



.planContainer .button a:hover {

	background: #3e4f6a;

	color: #fff;

}



.planContainer .button a.bestPlanButton:hover {

	background: #ff9c70;

	border: 2px solid #ff9c70;

}

.title {

	font-size: 2.125em;

	font-weight: 300;

	color: #3e4f6a;

	margin: 0;

	padding: .6em 0;

	text-align: center;

}

@media screen and (max-width: 480px) {

	.wrap {

	  padding-left:20px;

	  padding-right:20px
	}

			#cmstable { clear:both; background:#efefef; border:1px solid #B2B2B2; border-collapse: collapse; min-width:270px; white-space:wrap; float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#cmstable #caption { font-weight:bold; text-align:left; white-space:wrap; width:50px;vertical-align:top;}

#cmstable td {border-bottom:1px solid #B2B2B2; padding:5px 10px;white-space:wrap;}



#mobile-nav ul .menu-has-children i {

  position: absolute;

  right: 0;

  z-index: 99;

  padding: 15px;

  cursor: pointer;

  color: #fff;

}



#blog-full-width {

  padding: 40px 0 80px;

}

.row {

width: 96% !important;

margin: 0 auto;

float: none;

}



#mobile-nav ul .menu-has-children i.fa-chevron-up {

  color: #199EB8;

}


}




@media screen and (min-width: 769px) and (max-width: 1024px) {



#pricePlans #plans .plan {

	width: 49%;

	margin: 0 2% 20px 0;

}



#pricePlans #plans > li:nth-child(2n) {

	margin-right: 0;

}



}













@media screen and (min-width: 1025px) {



#pricePlans {

	margin: 2em auto;

}



#pricePlans #plans .plan {

	width: 24%;

	margin: 0 1.33% 20px 0;



	-webkit-transition: all .25s;

	   -moz-transition: all .25s;

	    -ms-transition: all .25s;

	     -o-transition: all .25s;

	        transition: all .25s;

}



#pricePlans #plans > li:last-child {

	margin-right: 0;

}



#pricePlans #plans .plan:hover {

	-webkit-transform: scale(1.04);

	   -moz-transform: scale(1.04);

	    -ms-transform: scale(1.04);

	     -o-transform: scale(1.04);

	        transform: scale(1.04);

}



.planContainer .button a {

	-webkit-transition: all .25s;

	   -moz-transition: all .25s;

	    -ms-transition: all .25s;

	     -o-transition: all .25s;

	        transition: all .25s;

}



.planContainer .button a:hover {

	background: #3e4f6a;

	color: #fff;

}



.planContainer .button a.bestPlanButton:hover {

	background: #ff9c70;

	border: 2px solid #ff9c70;

}



.morecontent span {

    display: none;

}

.morelink {

    display: block;

}





.mySlides {display:none}

.w3-left, .w3-right, .w3-badge {cursor:pointer}

.w3-badge {height:13px;width:13px;padding:0}









.underline{

  text-decoration: underline overline;

  

}