/*
Theme Name: Smart_Solutions

Adding support for language written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

https://codex.wordpress.org/Right_to_Left_Language_Support

*/

@font-face {
	font-family: "Droid Arabic Kufi";

	/*
	src: url("http://db.onlinewebfonts.com/t/d0dcae141abe3c0489f4de49a039aa51.eot");
	src: url("http://db.onlinewebfonts.com/t/d0dcae141abe3c0489f4de49a039aa51.eot?#iefix") format("embedded-opentype"), url("http://db.onlinewebfonts.com/t/d0dcae141abe3c0489f4de49a039aa51.woff2") format("woff2"), url("http://db.onlinewebfonts.com/t/d0dcae141abe3c0489f4de49a039aa51.woff") format("woff"), url("http://db.onlinewebfonts.com/t/d0dcae141abe3c0489f4de49a039aa51.ttf") format("truetype"), url("http://db.onlinewebfonts.com/t/d0dcae141abe3c0489f4de49a039aa51.svg#Simply Delicious") format("svg");
*/
}

@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
body {
	direction: rtl;
	padding-right: 25px;
	padding-left: 25px;
	/*	unicode-bidi: embed;*/
/*	font-family: 'Droid Arabic Kufi', serif;*/
	 font-family: 'DroidArabicKufiRegular';
	letter-spacing: normal;
}

/*************************************************/

.market {
    position: fixed;
    top: 85px;
    z-index: 1;
    width: 24%;
    background-color: #000;
}
.market .h-market {
    color: #fff;
    margin-top: 2%;
    font-size: 17px;

}
#home .mainback .view {
  overflow: hidden;
  width: 100%;
  position: relative;


}
#home .mainback .view .tt {
	list-style: none;
    color: #FFF;
    font-size: 16px;
    margin-top: 50px;
}
#home .mainback .view > .content {
  position: relative;
  padding-top: 70px;
  padding-bottom: 70px;
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
}


.about .mainback .all_fut
{
	float: left;
	width: 100%;
	margin-top: 7%;
	margin-bottom: 7%;
}
.about .mainback .all_fut .pad_img
{
	margin: 10px 1px;
}

.view > .content.border-bottom {
  border-bottom: 4px solid;
}
.view > .content.border-top {
  border-top: 4px solid;
}
.view > .content.skew-top-right,
.view > .content.skew-top-left {
  padding-top: 130px;
}
.view > .content.skew-bottom-right,
.view > .content.skew-bottom-left {
  padding-bottom: 130px;
}
.view > .content.small-top-padding {
  padding-top: 40px;
}
.view > .content.small-bottom-padding {
  padding-bottom: 50px;
}
.view.section-header .content {
  padding-top: 60px;
  padding-bottom: 20px;
}
.view.section-header .content.skew-top-right,
.view.section-header .content.skew-top-left {
  padding-top: 60px;
}
.view.section-header .content.skew-bottom-right,
.view.section-header .content.skew-bottom-left {
  padding-bottom: 60px;
}


body > section:first-of-type > .view:first-of-type > .content {
  padding-top: 80px;
  padding-bottom: 75px;
}
@media (max-width: 767px) {
  body > section:first-of-type > .view:first-of-type > .content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
/***********************************************************/

#about-us .view {
	position: relative;
	overflow: hidden;
	width: 100%;
	    margin-top: -155px;

}
#about-us .view > .content {
  position: relative;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
}
#about-us .view .content .banner-cell {
	padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

#about-us .view_bot
{
	margin-top: 0px !important;
}




.bg {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  display: block;
  width: 100%;

}
body > .bg {
  /*position: fixed;*/
}
.bg.sleep {
  visibility: hidden !important;
  transform: matrix(0, 0, 0, 0, 0, 0) !important;
}
.force3d .bg {

  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.force3d .bg.static {

  transform: none;
  -moz-transform: none;
  -webkit-transform: none;
}

/******************************************/
.page-border {
    position: fixed;
    z-index: 1030;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.page-border.left {
    left: 0;
    top: 85px;
    bottom: 24px;
    width: 25px;
    border-right: 1px solid #767676;
}
.page-border.right {
    right: 0;
    top: 85px;
    bottom: 24px;
    width: 25px;
    border-left: 1px solid #767676;
}
.page-border.bottom {
    bottom: -1px;
    right: 25px;
    left: 25px;
    height: 25px;
	z-index: 99999;
    border-top: 1px solid;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    padding-top: 2px;
    font-size: 12px;
    letter-spacing: 1px;
	background-color: #FFF;
}
.page-border.bottom .to_top {
	width: 7%;
    margin: 0 auto;
    cursor: pointer;
    color: #29a6df;
    padding-top: 2px;
}

.view .custom {
	margin-top: 11%;
}
.view .ppt {
	float: right;
}
.view .custom a {
	text-decoration: none;
}
.view .txt {
	padding: 2% 2%;
    color: #fff;
}
/******************************************/

.navbar-header {
	float: right;
}

.navbar-right {
	/*
    left: 0;
    right: auto;*/
	/*float: right !important;*/
	padding-right: 2% !important;
}
.navbar-brand {
float: right;}

.modal-header .close {
	float: left;
}

.services .modal-body .content-tab .nav-tabs {
	float: right;
	padding-right: 5px;
}

.modal-body .content-tab .nav-tabs > li {
	float: right;
}

.our-services .network-solution > div,
.our-services .design-websites > div,
.our-services .erp-solution > div,
.our-services .it-design > div {
	font-family: 'Droid Arabic Kufi', serif;
}

.design-content h3 {
	text-align: right;
}

.price-order .panel-body .f_1st,
.price-order .panel-body .f_2st {
	float: right;
}

.price-order textarea {
	height: 34px;
}

.contact-us .ty1 {
	float: right;
}

.contact-us .ty2 {
	float: right;
}

.contact-us .contact h4 {
	margin-top: 0;
	margin-left: 0;
	text-align: right;
	margin-bottom: 5px;
	font-size: 20px;
}

/* .contact-us .contact ul li {
	text-align: right;
} */

.contact-us .contact .infor
{
    list-style: none;
}
.contact-us .contact .infor li
{
    /*font-size: 16px;*/
    font-size: 20px;
    text-align: right;
    margin-left: 0px;
	float: right;
}
.contact-us .contact .infor li a {
	float: left;
    /* margin-left: 40px; */
    /* margin-top: 15px; */
    font-size: 23px;
    color: #fff;
	text-decoration: none;

}
.contact-us .contact .infor li a.lone {
	margin-right: 20px;
	margin-top: 15px;

}
.map,
.social-link {
	float: right;
	padding-right: 0px;
}

.list-unstyled {
	padding-right: 0;
}

.footer .fot1,
.footer .fot2,
.footer .fot3,
.footer .fot4,
.footer .fot5,
.footer .copy {
	float: right;
}

.footer .copy {
	padding-top: 19px;
	padding-bottom: 20px;
}
.footer .site-map {
	padding-bottom: 20px;
}

/*--------------------------------------------------------------
## Media Query
--------------------------------------------------------------*/


/*--------------------------------------------------------------
	##min-width:320px
	##max-width:360px;
-------------------------------------------------------------*/

@media screen and (min-width:320px) and (max-width:360px) {
	body {
		/*overflow-x: hidden;
		overflow-y: auto;*/
		overflow: auto;
	}
	/*
    body.home.blog.logged-in.admin-bar.hfeed.customize-support
    {
       top: 60px;
    } */
	.logged-in .navbar-fixed-top {
		top: 46px;
	}
	/**********last************/
	/*
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
*/
    .market {
        position: fixed;
        top: 89px;
        z-index: 1;
        width: 84.5%;
        background-color: #000;
    }
    .market .h-market {
        color: #fff;
        margin-top: 2%;
        font-size: 10px;
    }
	#home {
		margin-top: 10%;

	}
	#home .view {
		display: none;
	}
	#about-us .view {
		padding-top: 0px;
        margin-top: 117px;
	}
	.page-border.right,
	.page-border.left {
		top:90px;
	}
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		margin-top: 18px;
		margin-right: 30px;
		float: left;
		margin-left: 5%;
	}
	.navbar-default .navbar-collapse {
		/*        float: right;*/
	}
	.contact-us .ty2 {
		float: none;
	}
	/***********************************/
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #29A6DF;
	}
	/* navbar link*/
	.navbar-default .navbar-nav > li > a {
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 7px;
		padding-left: 7px;
		font-size: 16px;
		margin-left: 1px;
		margin-top: 1px;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
	}
	.navbar-default .navbar-brand {
		font-size: 20px;
		margin-bottom: 40px;
		float: right;
	}
	.carousel-caption {
		display: none;
	}
	.services .design,
	.services .network,
	.services .software {
		height: 94%;
		padding: 10% 1px;
	}
	.content-tab .nav > li > a {
		padding-right: 5px;
	}
	.design-content .lead {
		font-size: 13px;
	}
	.shape {
		text-align: center;
		padding-bottom: 20px;
	}
	.contact-us .fa {
		padding: 5%;
	}
	/* about */
	.about h2,
	.our-services h2,
	.our-clients h2,
	.price-order h2,
	.contact-us h2 {
		font-size: 25px;
	}
	.footer h3,
	.wid .h3 {
		font-size: 18px;
	}
	.about h4,
	.our-services h4,
	.contact-us .contact h4,
	.footer h4 {
		font-size: 16px;
	}
	.about .us .lead,
	.our-services .lead {
		font-size: 15px;
		margin-bottom: 20px;
	}
	/*    */
	.our-services .network-solution .front h3,
	.our-services .design-websites .front h3,
	.our-services .erp-solution .front h3,
	.our-services .it-design .front h3,
	.our-services .network-solution .back h3,
	.our-services .design-websites .back h3,
	.our-services .erp-solution .back h3,
	.our-services .it-design .back h3 {
		font-size: 18px;
	}
	.our-services .network-solution .front p,
	.our-services .design-websites .front p,
	.our-services .erp-solution .front p,
	.our-services .it-design .front p,
	.our-services .network-solution .back p,
	.our-services .design-websites .back p,
	.our-services .erp-solution .back p,
	.our-services .it-design .back p {
		font-size: 14px;
		width: 84%;
	}
	.send .btn-prim {
		margin: 0 35%;
		width: 30%;
	}
	.wid {
		clear: both;
		padding: 1px 0px;
	}
	.our-clients .btn-prim {
		color: #DDD;
		background-color: rgba(41, 166, 223, 0.66);
		border-color: #29A6DF;
		margin: 0px 40%;
		width: 21%;
		font-size: 11px;
	}
	.footer .lead {
		color: #BBB;
		font-size: 15px;
		padding-top: 4%;
	}
	.contact {
		padding: 15px 0px;
	}
	/*
	.info
	{
		padding-top: 10px;
		padding-bottom: 10px;
	}*/
	.social-link {
		padding-top: 15px;
	}
	.social-link li {
		padding-right: 10px;
	}
	/*#scroll-top .fa-chevron-up {
		font-size: 2em;
	}
	#scroll-top {
		width: 35px;
		height: 30px;
		color: #DDD;
		background-color: #000;
		text-align: center;
		position: fixed;
		right: 15px;
		bottom: 10px;
		z-index: 99999;
		display: none;
		cursor: pointer;
	}
	#scroll-top:hover {
		color: #29A6DF;
	}*/
	.page-border.bottom .to_top {
        width: 50%;
    margin: 0 auto;
    cursor: pointer;
    color: #29a6df;
    padding-top: 2px;
}
	.spinner {
		width: 60px;
		height: 60px;
		position: relative;
		margin: 300px auto;
	}
	.load_overlay .loadh {
		color: #29A6DF;
		position: relative;
		/*padding-left: 25%;*/
		padding-top: 15%;
		padding-bottom: 0%;
		font-size: 18px;
	}
}


/*------------------------------------------------------------
	#min-width:361px
	#max-width:519px;
-----------------------------------------------------------*/

@media screen and (min-width:361px) and (max-width:519px) {
	body {
		/*overflow-x: hidden;
		overflow-y: auto;*/
		overflow: auto;
		padding-top: 65px;
	}
	/*
		body.home.blog.logged-in.admin-bar.hfeed.customize-support
		{
		   top: 60px;
		} */
	.logged-in .navbar-fixed-top {
		top: 42px;
	}
	/**********last************/
	/*
        .col-md-1,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .col-md-10,
        .col-md-11,
        .col-md-12 {
            float: left;
        }
    */
    .market {
        position: fixed;
    top: 89px;
    z-index: 1;
    width: 86%;
    background-color: #000;
    }
    .market .h-market {
        color: #fff;
    margin-top: 2%;
    font-size: 11px;
    /* margin: 2% 5%; */
    margin-right: 2%;
    }
	#home {
		margin-top: 10%;
	}
	#home .view {
		display: none;
	}
	.page-border.right,
	.page-border.left {
		top:90px;
	}
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		margin-top: 18px;
		margin-right: 30px;
		float: left;
		margin-left: 5%;
	}
	.navbar-default .navbar-collapse {
		/*        float: right;*/
	}
	.contact-us .ty2 {
		float: none;
	}
	/***********************************/
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #29A6DF;
	}
	/* navbar link*/
	.navbar-default .navbar-nav > li > a {
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 16px;
		margin-left: 1px;
		margin-top: 1px;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
	}
	.navbar-default .navbar-brand {
		font-size: 20px;
		margin-bottom: 40px;
		float: right;
	}
	.carousel-caption {
		display: none;
	}
	.our-services .network-solution,
	.our-services .design-websites,
	.our-services .erp-solution,
	.our-services .it-design {
		width: 80%;
	}
	.services .design,
	.services .network,
	.services .software {
		height: 94%;
		padding: 10% 0px;
	}
	.content-tab .nav > li > a {
		padding-right: 5px;
	}
	.design-content .lead {
		font-size: 13px;
	}
	.contact-us .fa {
		padding: 5%;
	}
	/* about */
	.about h2,
	.our-services h2,
	.our-clients h2,
	.price-order h2,
	.contact-us h2 {
		font-size: 25px;
	}
	.footer h3,
	.wid .h3 {
		font-size: 18px;
	}
	.about h4,
	.our-services h4,
	.contact-us .contact h4,
	.footer h4 {
		font-size: 16px;
	}
	.about .us .lead,
	.our-services .lead {
		font-size: 15px;
		margin-bottom: 20px;
	}
	/*    */
	.our-services .network-solution .front h3,
	.our-services .design-websites .front h3,
	.our-services .erp-solution .front h3,
	.our-services .it-design .front h3,
	.our-services .network-solution .back h3,
	.our-services .design-websites .back h3,
	.our-services .erp-solution .back h3,
	.our-services .it-design .back h3 {
		font-size: 18px;
	}
	.our-services .network-solution .front p,
	.our-services .design-websites .front p,
	.our-services .erp-solution .front p,
	.our-services .it-design .front p,
	.our-services .network-solution .back p,
	.our-services .design-websites .back p,
	.our-services .erp-solution .back p,
	.our-services .it-design .back p {
		font-size: 14px;
		width: 84%;
	}
	.send .btn-prim {
		margin: 0 39%;
		width: 23%;
	}
	.our-clients .btn-prim
	{
    color: #DDD;
    background-color: rgba(41, 166, 223, 0.66);
    border-color: #29A6DF;
    margin: 0px 41%;
    width: 22%;
	}


	.wid {
		clear: both;
		padding: 1px 0px;
	}
	.footer .lead {
		color: #BBB;
		font-size: 15px;
		padding-top: 4%;
	}
	.contact {
		padding: 15px 0px;
	}
	/*
	.info
	{
		padding-top: 10px;
		padding-bottom: 10px;
	}*/
	.social-link {
		padding-top: 15px;
	}
	.social-link li {
		padding-right: 10px;
	}
	/*#scroll-top .fa-chevron-up {
		font-size: 2em;
	}
	#scroll-top {
		width: 35px;
		height: 30px;
		color: #DDD;
		background-color: #000;
		text-align: center;
		position: fixed;
		right: 15px;
		bottom: 10px;
		z-index: 99999;
		display: none;
		cursor: pointer;
	}
	#scroll-top:hover {
		color: #29A6DF;
	}*/
	.page-border.bottom .to_top {
        width: 50%;
    margin: 0 auto;
    cursor: pointer;
    color: #29a6df;
    padding-top: 2px;
}
	.spinner {
		width: 60px;
		height: 60px;
		position: relative;
		margin: 300px auto;
	}
	.load_overlay .loadh {
		color: #29A6DF;
		position: relative;
		/*padding-left: 30%;*/
		padding-top: 15%;
		padding-bottom: 0%;
		font-size: 18px;
	}
}


/*----------------------------------------------------------
	##min-width:520px
	##max-width:767px;
---------------------------------------------------------*/

@media screen and (min-width:520px) and (max-width:767px) {
	body {
		/*overflow-x: hidden;
		overflow-y: auto;*/
		overflow: auto;
	}
	/*
    body.home.blog.logged-in.admin-bar.hfeed.customize-support
    {
       top: 60px;
    } */
	.logged-in .navbar-fixed-top {
		top: 46px;
	}
	/**********last************/
	/*
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
*/
    .market {
        position: fixed;
    top: 89px;
    z-index: 1;
    width: 90.5%;
    background-color: #000;
    }
    .market .h-market {
        color: #fff;
    margin-top: 2%;
    font-size: 18px;
    /* margin: 2% 5%; */
    margin-right: 0;
    }
	#home {
		margin-top: 10%;
	}
	#home .view {
		/*display: none;*/
	}
	.page-border.right,
	.page-border.left {
		top:90px;
	}
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		margin-top: 18px;
		margin-right: 30px;
		float: left;
		margin-left: 5%;
	}
	.navbar-default .navbar-collapse {
		/*        float: right;*/
	}
	.contact-us .ty2 {
		float: none;
	}
	/***********************************/
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #29A6DF;
	}
	/* navbar link*/
	.navbar-default .navbar-nav > li
	{
		float: left;
	}
	.navbar-default .navbar-nav > li > a {
		padding-top: 5px;
		padding-right: 1px;
		padding-left: 1px;
		padding-bottom: 5px;
		font-size: 11px;
		margin-left: 1px;
		margin-top: 1px;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
	}
	.navbar-default .navbar-brand {
		font-size: 20px;
		margin-bottom: 40px;
		float: right;
	}
	.carousel-caption {
		display: none;
	}
	.services .design,
	.services .network,
	.services .software {
		height: 94%;
		padding: 5% 20%;
	}
	.content-tab .nav > li > a {
		padding-right: 5px;
	}
	.design-content .lead {
		font-size: 16px;
	}
	.our-services .network-solution,
	.our-services .design-websites,
	.our-services .erp-solution,
	.our-services .it-design {
		width: 50%;
	}
	.shape {
		text-align: center;
		padding-bottom: 20px;
	}
	.price-order .fa {
		color: #29A6DF;
	}
	.contact-us .fa {
		padding: 5%;
	}
	/* about */
	.about h2,
	.our-services h2,
	.our-clients h2,
	.price-order h2,
	.contact-us h2 {
		font-size: 30px;
	}
	.footer h3,
	.wid .h3 {
		font-size: 18px;
	}
	.about h4,
	.our-services h4,
	.contact-us .contact h4,
	.footer h4 {
		font-size: 18px;
	}
	.about .us .lead,
	.our-services .lead {
		font-size: 16px;
		margin-bottom: 20px;
	}
	/*    */
	.our-services .network-solution .front h3,
	.our-services .design-websites .front h3,
	.our-services .erp-solution .front h3,
	.our-services .it-design .front h3,
	.our-services .network-solution .back h3,
	.our-services .design-websites .back h3,
	.our-services .erp-solution .back h3,
	.our-services .it-design .back h3 {
		font-size: 18px;
	}
	.our-services .network-solution .front p,
	.our-services .design-websites .front p,
	.our-services .erp-solution .front p,
	.our-services .it-design .front p,
	.our-services .network-solution .back p,
	.our-services .design-websites .back p,
	.our-services .erp-solution .back p,
	.our-services .it-design .back p {
		font-size: 14px;
		width: 84%;
	}
	.send .btn-prim {
		margin: 0 39%;
		width: 21%;
	}
	.wid {
		clear: both;
		padding: 1px 0px;
	}
	.footer .lead {
		color: #BBB;
		font-size: 15px;
		padding-top: 4%;
	}
	.contact {
		padding: 15px 0px;
	}
	.social-link {
		padding-top: 15px;
	}
	.social-link li {
		padding-right: 10px;
	}
	.page-border.bottom .to_top {
        width: 50%;
    margin: 0 auto;
    cursor: pointer;
    color: #29a6df;
    padding-top: 2px;
}
	/*#scroll-top .fa-chevron-up {
		font-size: 2em;
	}
	#scroll-top {
		width: 35px;
		height: 30px;
		color: #DDD;
		background-color: #000;
		text-align: center;
		position: fixed;
		right: 15px;
		bottom: 10px;
		z-index: 99999;
		display: none;
		cursor: pointer;
	}
	#scroll-top:hover {
		color: #29A6DF;
	}*/
	.spinner {
		width: 60px;
		height: 60px;
		position: relative;
		margin: 300px auto;
	}
	.load_overlay .loadh {
		color: #29A6DF;
		position: relative;
		/*padding-left: 34%;*/
		padding-top: 15%;
		padding-bottom: 0%;
		font-size: 18px;
	}
}


/*-------------------------------------------------------
	##min-width:768px
	##max-width:991px;
------------------------------------------------------*/

@media screen and (min-width:768px) and (max-width:991px) {
	body {
		/*overflow-x: hidden;
		overflow-y: auto;*/
		overflow: auto;
		padding-top: 55px;
	}
	/*
        body.home.blog.logged-in.admin-bar.hfeed.customize-support
        {
           top: 90px;
        }*/
    .market {
    position: fixed;
    top: 85px;
    z-index: 1;
    width: 60%;
    background-color: #000;
}

	.logged-in .navbar-fixed-top {
		top: 32px;
	}
	.navbar-default .navbar-brand {
		color: #BBB;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 23px;
		line-height: 40px;
	}
	/* navbar link*/
	.navbar-default .navbar-nav > li > a {
		padding-top: 35px;
		padding-right: 5px;
		padding-bottom: 15px;
		padding-left: 5px;
		font-size: 11px;
		margin-left: 1px;
		margin-top: 1px;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
	}
	.carousel-caption {
		display: none;
	}
	.services .design,
	.services .network,
	.services .software {
		height: 94%;
		padding: 5% 20%;
	}
	.services .software {
		margin: 0 auto;
	}
	.content-tab .nav > li > a {
		padding-right: 5px;
	}
	.design-content .lead {
		font-size: 16px;
	}
	.our-services .network-solution,
	.our-services .design-websites,
	.our-services .erp-solution,
	.our-services .it-design {
		width: 80%;
	}
	.shape {
		text-align: center;
		padding-bottom: 20px;
	}
	.price-order .fa {
		color: #29A6DF;
	}
	.contact-us .fa {
		padding: 5%;
	}
	/* about */
	.about h2,
	.our-services h2,
	.our-clients h2,
	.price-order h2,
	.contact-us h2 {
		font-size: 30px;
	}
	.footer h3,
	.wid .h3 {
		font-size: 18px;
	}
	.about h4,
	.our-services h4,
	.contact-us .contact h4,
	.footer h4 {
		font-size: 18px;
	}
	.about .us .lead,
	.our-services .lead {
		font-size: 16px;
		margin-bottom: 20px;
	}
	/*    */
	.our-services .network-solution .front h3,
	.our-services .design-websites .front h3,
	.our-services .erp-solution .front h3,
	.our-services .it-design .front h3,
	.our-services .network-solution .back h3,
	.our-services .design-websites .back h3,
	.our-services .erp-solution .back h3,
	.our-services .it-design .back h3 {
		font-size: 18px;
	}
	.our-services .network-solution .front p,
	.our-services .design-websites .front p,
	.our-services .erp-solution .front p,
	.our-services .it-design .front p,
	.our-services .network-solution .back p,
	.our-services .design-websites .back p,
	.our-services .erp-solution .back p,
	.our-services .it-design .back p {
		font-size: 14px;
		width: 84%;
	}
	.send .btn-prim {
		margin: 0 39%;
		width: 21%;
	}
	.wid {
		clear: both;
		padding: 1px 0px;
	}
	.footer .lead {
		color: #BBB;
		font-size: 15px;
		padding-top: 4%;
	}
	.contact {
		padding: 15px 0px;
	}
	/*
	.info
	{
		padding-top: 10px;
		padding-bottom: 10px;
	}*/
	.social-link {
		padding-top: 15px;
	}
	.social-link li {
		padding-right: 10px;
	}
	.social-link li a {
		padding-top: 5px;
	}
	.copy {
		padding-top: 25px;
	}
	/*#scroll-top .fa-chevron-up {
		font-size: 2em;
	}
	#scroll-top {
		width: 35px;
		height: 30px;
		color: #DDD;
		background-color: #000;
		text-align: center;
		position: fixed;
		right: 15px;
		bottom: 10px;
		z-index: 99999;
		display: none;
		cursor: pointer;
	}
	#scroll-top:hover {
		color: #29A6DF;
	}*/
	.spinner {
		width: 60px;
		height: 60px;
		position: relative;
		margin: 300px auto;
	}
	.load_overlay .loadh {
		color: #29A6DF;
		position: relative;
		/*padding-left: 36%;*/
		padding-top: 15%;
		padding-bottom: 0%;
		font-size: 22px;
	}
	.page-border.bottom .to_top {
    width: 50%;
    margin: 0 auto;
    cursor: pointer;
    color: #29a6df;
    padding-top: 2px;
	}
	/*#home .mainback .view {
		overflow: hidden;
		width: 100%;
		position: relative;
		height: 600px !important;
	}*/
}


/*-----------------------------------------------------
	##min-width:992px
	##max-width:1195px;
-----------------------------------------------------*/

@media screen and (min-width:992px) and (max-width:1195px) {
	.services .design,
	.services .network,
	.services .software {
		height: 94%;
		padding: 5% 20%;
	}
	/*#home .mainback .view {
		overflow: hidden;
		width: 100%;
		position: relative;
		height: 400px;
	}*/
	/*
    body.home.blog.logged-in.admin-bar.hfeed.customize-support
    {
       top: 35px;
    }*/
    .market {
    position: fixed;
    top: 85px;
    z-index: 1;
    width: 45%;
    background-color: #000;
}
    .navbar > .container .navbar-brand {
        margin-left: 15px !important;
    }
	.logged-in .navbar-fixed-top {
		top: 32px;
	}
	.content-tab .nav > li > a {
		padding-right: 5px;
	}
	.design-content .lead {
		font-size: 16px;
	}
	.our-services .network-solution,
	.our-services .design-websites,
	.our-services .erp-solution,
	.our-services .it-design {}
	.contact-us .fa {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	/* about */
	.about h2,
	.our-services h2,
	.our-clients h2,
	.price-order h2,
	.contact-us h2 {
		font-size: 30px;
	}
	.footer h3,
	.wid .h3 {
		font-size: 24px;
	}
	.about h4,
	.our-services h4,
	.contact-us .contact h4,
	.footer h4 {
		font-size: 18px;
	}
	.about .us .lead,
	.our-services .lead {
		font-size: 18px;
		margin-bottom: 20px;
	}
	/*    */
	.our-services .network-solution .front h3,
	.our-services .design-websites .front h3,
	.our-services .erp-solution .front h3,
	.our-services .it-design .front h3,
	.our-services .network-solution .back h3,
	.our-services .design-websites .back h3,
	.our-services .erp-solution .back h3,
	.our-services .it-design .back h3 {
		font-size: 18px;
	}
	.our-services .network-solution .front p,
	.our-services .design-websites .front p,
	.our-services .erp-solution .front p,
	.our-services .it-design .front p,
	.our-services .network-solution .back p,
	.our-services .design-websites .back p,
	.our-services .erp-solution .back p,
	.our-services .it-design .back p {
		font-size: 14px;
		width: 96%;
	}
	.our-services .network-solution .front .btn,
	.our-services .design-websites .front .btn,
	.our-services .erp-solution .front .btn,
	.our-services .it-design .front .btn,
	.our-services .network-solution .back .btn,
	.our-services .design-websites .back .btn,
	.our-services .erp-solution .back .btn,
	.our-services .it-design .back .btn {
		margin-top: 2%;
	}
	.send .btn-prim {
		margin: 0 39%;
		width: 21%;
	}
	.wid {
		clear: both;
		padding: 1px 0px;
	}
	.footer .lead {
		color: #BBB;
		font-size: 15px;
		padding-top: 2%;
	}
	.contact {
		padding: 15px 0px;
	}
	.social-link {
		padding-top: 15px;
	}
	.social-link li {
		padding-right: 10px;
	}
	.social-link li a {
		padding-top: 5px;
	}
	.copy {
		padding-top: 25px;
	}
	/*#scroll-top .fa-chevron-up {
		font-size: 2em;
	}
	#scroll-top {
		width: 35px;
		height: 30px;
		color: #DDD;
		background-color: #000;
		text-align: center;
		position: fixed;
		right: 15px;
		bottom: 10px;
		z-index: 99999;
		display: none;
		cursor: pointer;
	}
	#scroll-top:hover {
		color: #29A6DF;
	}*/
	.page-border.bottom .to_top {
    width: 7%;
    margin: 0 auto;
    cursor: pointer;
    color: #29a6df;
    padding-top: 2px;
}
	.navbar-default .navbar-nav > li > a {
		font-size: 11px;
	}

}
@media screen and (min-width:1196px) and (max-width:1200px) {

	#home .mainback .view {
		overflow: hidden;
		width: 100%;
		position: relative;
		height: 760px !importnat;

}