/*----------------------------------------------------------------------------------
===============================Settings=============================================
-----Colors
Base color: blue: color: #0e2642;
Hover color: yellow: color: #f7d80c;
Header color: gray: color: #555;
-----Fonts
font-family: 'Oswald', sans-serif;



-----------------------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
.body{
	background: url(../images/bg-body.jpg) no-repeat center fixed;
	-webkit-background-size: cover;
	background-size: cover;
}
.content-body{
	width: 100%;
	border: 1px solid #d9d9d9;
	background-color: #fff;
}

/*----------------------------------------------------------------------------------
	===============================Header=======================================
-----------------------------------------------------------------------------------*/
/* Top Header */
.top-header{
	margin: 25px auto 15px auto;
}
.language-select{
	border: none;
	background-color: transparent;
	font-family: 'Oswald', sans-serif;
	font-style: italic;
	text-decoration: underline;
	color: #555;
	outline-color: transparent !important; 
}
.log-reg, .language-link a{
	color: #555;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 16px;
	text-align: right;
}
.language-link a:hover,
.language-link a:focus,
.language-link a:active{
  font-style: italic;
  text-decoration: 	underline;
  color: #0e2642;
}
.login-link{
	color: #555;	
}
a.register-link{
	color: #0e2642;
	font-style: italic;
	text-decoration: underline;
}
/*Header*/
.header{
	margin: 25px   0 15px 0;
}
.number-phone{
	color: #555;
	font-family: "Oswald", sans-serif;
	font-size: 19px;
}
.phone-call{
	text-align: right;
}
.sprite{
	display: inline-block;
  background: url("../images/sprite.png"); 
}
.icon-lang{
	background-position: -2px -30px;
	width:15px; height:13px;
}
.phone-icon{
	background-position: -2px -2px;;
	width:30px; height:27px;
}

/**Navigation**/
.main-navigation{
	width: 100%; height: 55px;
	background-color: #0e2642;
	position: relative;
	z-index: 99999999;
}
.item-list{
	margin-right: -4px;
	display: inline-block;
	border-right: 1px solid rgba(255,255,255,.2);
}

.item-list a{
	padding: 0 20px;
	color: #fff;
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	font-weight: 300;
	line-height: 2.75;
}
.item-list:hover a{
	color: #0e2642;
}
.item-list:hover{
	background-color: #f7d80c;
}
.active-iteam{
	background-color: #f7d80c;
}
.active-iteam  a{
	color: #0e2642;
}
/**Slider header**/
#header-slide .item img{
    display: block;
    width: 100%;
    height: auto;
}
.caption-header-slide{
	position: absolute;
	max-width: 50%;
	margin: 80px 0 0 80px;
}
.header-slide-yellow h1{
	color: #f7d70c;
	font-family: "Oswald", sans-serif;
	font-size: 42px;
	text-shadow: 1px 2px 2px rgba(0,0,0,.3);
}
.sub-header-blue h2{
	color: #0d2641;
	font-family: "Oswald", sans-serif;
	font-size: 25px;
}
.parag-slider p{
	line-height: 1.5;
	color: #fff;
	font-size: 18px;
}
.btn-read-more, .btn-read-more-yellow{
	padding: 5px 10px;
	max-width: 110px;
	background-color: #0d2541;
	font-family: "Oswald", sans-serif;
}
.btn-read-more-yellow{
	background-color: #f7d80c;
}
.btn-org{
	background-color: #f0801c;	
	margin-right: 30px;
	margin-bottom: 20px;
}
.btn-read-more a, .btn-read-more-yellow a{
	color: #fff;
	font-weight: 300;
	font-size: 18px;
}
.btn-read-more-yellow a{
	color: #0d2541;
}
.btn-read-more a:hover{
	color: #fff;
}
/*----------------------------------------------------------------------------------
	===============================Content=======================================
-----------------------------------------------------------------------------------*/
/**Slider service**/
.slider-service{
	position: relative;
	top: -130px;
}
.service-slide-box{
	max-width: 310px;
	margin: 0 auto;
}
.header-service-slide{
	width: 100%;
	height: 130px;
	padding: 20px;
}
.owl-item:nth-child(even) .header-service-slide{
	background-color: #f7d70c;
}
.owl-item:nth-child(odd) .header-service-slide{
	background-color: #0e2642;
}
.owl-item:nth-child(even) .header-service-slide{
	border-bottom: 2px solid #0e2642;
}
.owl-item:nth-child(odd) .header-service-slide{
	border-bottom: 2px solid #f7d70c;
}
.header-service-slide h1{
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	font-weight: 300;
	color: #fff;
}
.owl-item:nth-child(even) .header-service-slide h1 span{
	display: block;
	color:  #0e2642;
	font-weight: 400;
}
.owl-item:nth-child(odd) .header-service-slide h1 span{
	display: block;
	color: #f7d70c;
	font-weight: 400;
}
.content-service-slide{
	padding: 14px;
	background-color: #fff; 
	border: 1px solid #e1e2e2; 
	border-top: none;
}
.parag-slide-services, .list-slider-service{
	font-size: 13px;
	color: #5f5f5f;
	line-height: 1.8;
}
.list-slider-service span{
	display: block;
}
.check-blue{
	color: #0e2642;
}
.check-yellow{
	color: #f7d80c;
}
.right-btn{
	float: right;
}
.img-business{
	background-position: -9px -48px;
	width: 65px ; height: 75px;
}
.img-office{
	background-position: -3px -135px;
	width: 90px !important; height: 65px;
}
.img-hard-rep{
	background-position: -108px -213px;
	width: 84px !important; height: 64px;
}
.img-home-office{
	background-position: -8px -210px;
	width: 70px !important; height: 60px;
}
.img-month-maint{
	background-position: -110px -134px;
    width: 74px !important;
    height: 70px;
}
.img-lap-repair{
	background-position: -123px -48px;
    width: 76px !important;
    height: 75px;
}
.img-vir-spy{
	background-position: -117px -277px;
    width: 67px !important;
    height: 68px;
}
.sep-sections, .hr-title-blue{
	height: 1px; border: none;
	background-color: #e1e1e1;
	margin: 30px 15px;
}
/**Sections Home**/
.title-section-blue h1{
	color: #0d2641;
	font-family: "Oswald", sans-serif;
	font-size: 22px ;
}
.hr-title-blue, .hr-about-center{
	margin: 0;
	background-color: #0e2642;
}
.img-content{
	text-align: right;
}
.parag-section-computer-section p{
	color: #555;
	font-size: 14px;
	line-height: 1.7;
	text-align: justify;
}
.parag-section-computer-section span{
	display: block;
}
.check-offer{
	width: 15px; height: 15px;
	background-position: -3px -318px;
}
/****contact info****/
.contact-info-section{
	padding: 15px;
	margin: 55px 0;
	background-color: #117d87;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDkyMyA3OCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTFlMWUxIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjkyMyIgaGVpZ2h0PSI3OCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #e1e1e1 0%, #f7f7f7 99.46%, #f7f7f7 100%);
	background-image: -o-linear-gradient(bottom, #e1e1e1 0%, #f7f7f7 99.46%, #f7f7f7 100%);
	background-image: -webkit-linear-gradient(bottom, #e1e1e1 0%, #f7f7f7 99.46%, #f7f7f7 100%);
	background-image: linear-gradient(bottom, #e1e1e1 0%, #f7f7f7 99.46%, #f7f7f7 100%);
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}
.txt-gray{
	display: block;
	color: #555;
	font-size: 16px;
}
.txt-blue{
	display: block;
	color: #0e2642;
	font-size: 20px;
	font-family: "Oswald", sans-serif;
}

.img-call{
	width: 47px; height: 47px;
	background-position: 0 -336px;
}

.img-mail{
	width: 47px; height: 47px;
	background-position: 0 -383px;
}
.inp-news-contact{
	height: 37px; padding: 5px 10px;
	border: 1px solid #dfdfdf;
	-moz-border-radius: 5px / 4px;
	-webkit-border-radius: 5px / 4px;
	border-radius: 5px / 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.45);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.45);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.45);
}
.sub-news-contact{
		-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.45);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.45);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.45);
}
/****orange section****/
.title-org{
	color: #ef7f1b;
	font-family: "Oswald", sans-serif;
	font-size: 18px;
	font-weight: 300
}
.img-network{
	width: 55px; height: 40px;
	background-position: -4px -437px;
}
.img-backup{
	width: 44px; height: 44px;
	background-position: -4px -484px;
}
.img-cash{
	width: 48px; height: 40px;
	background-position: -4px -535px;
}
.img-old-comp{
	width: 50px; height: 44px;
	background-position: -4px -584px;
}
.computer-service-divs{
	margin: 25px 0 40px 0;
	text-align: justify;
}
/****section-about******/
.section-about {
	margin-bottom: 30px;
}
.section-about p{
	line-height: 2;
}
.list-service-offer{
	margin: 0;
	color: #555;
	font-family: "Oswald", sans-serif;
	font-size: 12px;
	font-weight: 400;
}
.list-service-offer span {
	display: block;
	line-height: 1.5;
	margin-bottom: 1.5em;
}
/*----------------------------------------------------------------------------------
	===============================footer=======================================
-----------------------------------------------------------------------------------*/
/***top foot***/
.top-footer{
	color: #dcdcdc;
	font-size: 14px;
	background: url(../images/bg-foot.jpg) no-repeat center fixed;
	-webkit-background-size: cover;
	background-size: cover;
}
.title-foot h1{
	margin: 25px 0 18px;
	color: #fff;
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
}
.title-foot-mic h1{
	margin: 25px 0 5px;
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	font-weight: 400;
}
.fa-foot{
	margin: 0 auto;
	color: #0e2642;
	padding: 4px;
	display: inline-block;
	background-color: #f7d80c;
	font-size: 	18px !important;
	text-align: center;
}
.title-foot-mic hr, .title-foot hr{
	margin-bottom: 0;
	margin-top: 0;
	background-color: #474747;
	border: none; height: 1px;

}
.contact-foot p{
	line-height: 1
}
.contact-foot hr{
	margin-bottom: 0;
	margin-top: 0;
	border: none; height: 1px;
	background-color: #494949;
}
.newsletter-foot{

}
.inp-foot{
	max-width: 254px;
	height: 35px; padding: 5px 10px;
	-moz-border-radius: 6px / 5px;
	-webkit-border-radius: 6px / 5px;
	border-radius: 6px / 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #172127;
	border: none;
}
.btn-fr-foot{
	max-width: 46px;
	height: 35px; padding: 5px 10px;
	background-color: #f7d70b;
	margin-left: 	-7px;
	border: 	none;
	color: #0e2642;
	text-transform: uppercase;
	border-radius: 	0 3px  3px 0;
}
/***bottom foot***/
.bottom-footer{
	background-color: #2b2c2c;
}
.copy-foot{
	color: #c3c3c3;
	font-size: 14px;
	line-height: 3.5;
}
.social-media-div{
	margin: 15px auto;
	text-align: right;
}
.social-media-link{
	 border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    height: 35px;
    margin: 5px;
    width: 35px;
}
.tw-social:hover{
	background-color:#71b6d5; 
	border-color: #71b6d5;
}
.fb-social:hover{
	background-color:#3b5998; 
	border-color: #3b5998;
}
.in-social:hover{
	background-color:#007bb6; 
	border-color: #007bb6;
}
/*----------------------------------------------------------------------------------
------------------------------------------------------------------------------------
	===============================About Us Page=======================================
	-----------------------------------------------------------------------------
-----------------------------------------------------------------------------------*/
/***slider***/
.slider-about{
	background: url(../images/bg-about.jpg) no-repeat center ;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative !important;
	min-height: 340px !important;
}
/*****content*****/
.icon-mail-ph{
	width: 50px; height: 50px;
	background-position: -5px -632px;
}
.icon-hands{
	width: 50px; height: 40px;
	background-position: -5px -688px;
}
.icon-star{
	width: 50px; height: 45px;
	background-position: -5px -728px;
}
.micro-adv-divs{
	margin: 15px auto;
}
.micro-adv-title{
	margin: 0; 
	color: #b79f17;
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	font-weight: 400;
}
.about-center-section{

}
.title-about-center h1{
	margin: 50px 0 20px 0 ;
	color: #0d2641;
	font-family: "Oswald", sans-serif;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;

}
.hr-about-center{
	margin: 15px auto;
	max-width: 70%;
	height: 1px;
}
.about-center-section{
	text-align: center;
}
.caption-foot{
	position: absolute; bottom: 120px;
	width: 100%; padding: 20px; 
	background: url('../images/bg-caption.png') repeat-y;
}
.header-caption-slide{
	margin: 0;
	color: #f7d70c;
	font-family: "Oswald", sans-serif;
	font-size: 36px;
	text-shadow: 1px 2px 2px rgba(0,0,0,.3);

}
.sub-header-caption-slide{
	margin: 0;
	color: #fff;
	font-family: "Oswald", sans-serif;
	font-size: 26px;
	text-shadow: 1px 2px 2px rgba(0,0,0,.3);
}

/*----------------------------------------------------------------------------------
------------------------------------------------------------------------------------
	===============================Contact Page=======================================
	-----------------------------------------------------------------------------
-----------------------------------------------------------------------------------*/
/***slider map***/
.slider-contact-map{
	position: relative !important;
	min-height: 340px !important;
}
.slider-contact-map iframe {
	width: 100%;
}
.form-contact input[type='text'],
textarea{
	margin: 10px 0;
	width: 100%; height: 48px;
	padding: 0 12px;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	color: #999;
	text-transform: uppercase;
	
}
.text-area{
	min-height: 190px;
	color: #999;
}
.form-contact input[type='submit']{
	margin: 10px 0;
	width: 135px;
	height: 45px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #0d2541;
	-moz-box-shadow: inset 0 -4px 0 rgba(0,0,0,.15);
	-webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,.15);
	box-shadow: inset 0 -4px 0 rgba(0,0,0,.15);
	border: none;
	color: #fff;
	text-transform: uppercase;
	font-family: "Oswald", sans-serif;
	font-size: 17px;
	font-weight: 400;
}
.fa-contact{
	color: #f7d80c;
}
.contact-section{
	margin: 35px 0 20px 0;
}

/*----------------------------------------------------------------------------------
------------------------------------------------------------------------------------
	===============================faqs Page=======================================
	-----------------------------------------------------------------------------
-----------------------------------------------------------------------------------*/
.slider-faqs{
	background: url(../images/bg-faqs.jpg) no-repeat center ;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative !important;
	min-height: 340px !important;
}

/*----------------------------------------------------------------------------------
------------------------------------------------------------------------------------
	===============================service Page=======================================
	-----------------------------------------------------------------------------
-----------------------------------------------------------------------------------*/
.slider-service-page{
	background: url(../images/bg-services.jpg) no-repeat center ;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative !important;
	min-height: 340px !important;
}

/*----------------------------------------------------------------------------------
	===============================Tabs=======================================
-----------------------------------------------------------------------------------*/
.tabpanel{
	position: relative;
}
.tab-content{
	padding-top: 20px;
}
.nav{
	position: absolute; 
	top: -90px;
}
.nav-tabs li a{ 
	color: #fff;
	font-family: "Oswald", sans-serif;
	font-size: 16px;
}
.nav-tabs li.active a, .nav-tabs li:hover a{
	color: #0d2641;

}
.nav-tabs li {
	width: 170px;
	height: 90px;
	padding: 12px  8px 0;
	background-color: #0e2642;

}

.nav-tabs li.active, .nav-tabs li:hover {
	height: 93px;
	top:-3px;
	background-color: #fff !important;
	-moz-box-shadow: -3px -1px 2px rgba(0,0,0,.33);
	-webkit-box-shadow: -3px -1px 2px rgba(0,0,0,.33);
	box-shadow: -3px -1px 2px rgba(0,0,0,.33);
	border-top: 3px solid #f7d80c;
	

}

h4.panel-title a{
	color: #0d2641;
	font-family: "Oswald";
	font-size: 18px;
	font-style: italic;
  	font-weight: 300;

}

.accordion-plus{
	float: right;
	background: url("../images/sprite.png"); 
	background-position: -9px -940px;
	display: inline-block;
	height: 19px ; width: 19px ;
	cursor: pointer;
}

.computer-prob-tab, .computer-serv-tab, .about-micro-tab{
	background: url("../images/sprite.png"); 
	display: inline-block;
}
.computer-prob-tab{
	background-position: 0 -792px;
	height: 42px ; width: 48px ;
}
.computer-serv-tab{
	background-position: 3px -844px;
	height: 40px ; width: 52px ;
} 
.about-micro-tab{
	background-position: 0 -888px;
	height: 42px ; width: 42px ;
}

.nav-tabs li:hover .computer-prob-tab,
.nav-tabs li.active .computer-prob-tab{
	background-position: -54px -790px;
}
.nav-tabs li:hover .computer-serv-tab,
.nav-tabs li.active .computer-serv-tab{
	background-position: -54px -843px;
} 
.nav-tabs li:hover .about-micro-tab,
.nav-tabs li.active .about-micro-tab{
	background-position: -60px -888px;
}

.nav-tabs-service li{
	width: 155px;
}
.nav-tabs-service > li > a{
	font-size: 13px;
	text-align: center;
	width:100%;

}
.nav-tabs.nav-tabs-faqs li{
	width: 200px;
}
ul.nav-tabs-service {
	position: relative;
}

.bus-serv-tab, .eme-supp-tab,
.hom-offi-tab, .har-repa-tab,
.mon-main-tab, .lap-repa-tab, .vir-spyw-tab{
	background: url("../images/sprite.png"); 
	display: block;
	margin: 0 auto;
}
.bus-serv-tab{
	background-position: -7px -967px;
	height: 26px ; width: 26px ;
}
.eme-supp-tab{
	background-position: -6px -999px;
	height: 26px ; width: 35px ;
}
.hom-offi-tab{
	background-position: -6px -1030px;
	height: 25px ; width: 27px ;
}
.har-repa-tab{
	background-position: -4px -1064px;
	height: 26px ; width: 29px ;
}
.mon-main-tab{
	background-position: -3px -1100px;
	height: 26px ; width: 33px ;
}
.lap-repa-tab{
	background-position: -2px -1135px;
	height: 24px ; width: 36px ;
}
.vir-spyw-tab{
	background-position: -3px -1166px;
	height: 28px ; width: 24px ;
}


.nav-tabs li:hover .bus-serv-tab,
.nav-tabs li.active .bus-serv-tab{
	background-position: -67px -967px;
	height: 26px ; width: 26px ;
}
.nav-tabs li:hover .eme-supp-tab,
.nav-tabs li.active .eme-supp-tab{
	background-position: -54px -999px;
	height: 26px ; width: 35px ;
}
.nav-tabs li:hover .hom-offi-tab,
.nav-tabs li.active .hom-offi-tab{
	background-position: -54px -1030px;
	height: 25px ; width: 27px ;
}
.nav-tabs li:hover .har-repa-tab,
.nav-tabs li.active .har-repa-tab{
	background-position: -54px -1067px;
	height: 26px ; width: 29px ;
}
.nav-tabs li:hover .mon-main-tab,
.nav-tabs li.active .mon-main-tab{
	background-position: -54px -1100px;
	height: 26px ; width: 33px ;
}
.nav-tabs li:hover .lap-repa-tab,
.nav-tabs li.active .lap-repa-tab{
	background-position: -54px -1135px;
	height: 24px ; width: 36px ;
}
.nav-tabs li:hover .vir-spyw-tab,
.nav-tabs li.active .vir-spyw-tab{
	background-position: -54px -1167px;
	height: 28px ; width: 24px ;
}