body{ padding: 0px; margin: 0px; font-weight: 400;font-family: 'latoregular';}
h1, h2, h3, h4, h5, h6, ol, li, ul, a, img, p, span, strong{ padding: 0px; margin: 0px;}
a:hover,a:focus{ outline: none; text-decoration: none}
section{ float: left; width: 100%;}
.pad0{ padding: 0;}
img { max-width: 100%;}
ul, li{ list-style: none}
/*-------------Font face------------------*/
@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latomedium';
    src: url('../fonts/lato-medium-webfont.woff2') format('woff2'),
         url('../fonts/lato-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.woff2') format('woff2'),
         url('../fonts/lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoheavy';
    src: url('../fonts/lato-heavy-webfont.woff2') format('woff2'),
         url('../fonts/lato-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoblack';
    src: url('../fonts/lato-black-webfont.woff2') format('woff2'),
         url('../fonts/lato-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*-------------Font face Close------------------*/

/*--------------------------Header Top----------------------------*/
.header .navbar-brand { height: auto; padding: 20px 0 0;transition: width 1s ease, height 1s ease; margin: 0 !important; width: 265px;}
.header .navbar.navbar-default{ background: transparent none repeat scroll 0 0; border: 0 none; border-radius: 0; margin: 0;}
.header .collapse.navbar-collapse{ float: right;}
.slider { float: left; position: relative; width: 100%;background: url("../img/banner2.png") no-repeat center top; background-size: cover }
.header { float: left; width: 100%; z-index: 99999;}
.header .navbar-default .navbar-nav > li > a { color: #fff;   margin: 0px 1px;padding: 34px 10px;font-size: 18px;
                      font-family: 'latoregular';}
.header .navbar-default .navbar-nav > li > a:hover { color: #a80000; background: transparent }
.header .navbar-default .navbar-nav > .active > a, 
.header .navbar-default .navbar-nav > .active > a:hover, 
.header .navbar-default .navbar-nav > .active > a:focus { background-color: transparent; color: #a80000;}
.header .navbar.navbar-default ul.nav.navbar-nav{margin: 0 0; width: 100%  }
.login_btn { margin-left: 90px; margin-right: 20px;}

.slider_cover{ padding:95px 0 180px; float: left; width: 100%; background-size: 100%}
.slider_cover h2 { color: #fff; font-size: 49px; font-weight: normal; padding: 0 10px 0 0; text-shadow: none;font-family: 'latobold';letter-spacing: -1px;
display: inline-block;}
.slider_cover p { color: #fff; font-size: 19px; font-weight: normal; padding: 20px 0 20px; text-shadow: none;font-family: 'latoregular';}


.fixed-me{ padding: 0px  !important; margin-bottom: 5px; position: fixed; top:0;z-index:9999;width: 100%;left: 0; background: #03374e}
.navbar-me {   transition: all 1s ;}
.navbar-me{ padding: 0px; top: 0px; border: 0px; border-radius: 0px; margin: 0;}
.header .navbar.navbar-default .fixed-me ul.nav.navbar-nav { margin: 0px 0 0;}
.header .fixed-me .navbar-brand { height: auto; padding: 12px 0 0; width: 220px;transition: width 1s ease, height 1s ease;}
.header .navbar-default .fixed-me .navbar-nav > li > a{ padding: 22px 10px}
.header .navbar-default .fixed-me .navbar-nav > li > a.btn.btn-primary { margin-top: 0px; padding: 21px 10px 12px}


#toTop {  background: #a80000;  border-radius: 50%;  bottom: 10px;  cursor: pointer;  display: none;  font-weight: bold;  height: 40px;  line-height: 37px;
  padding: 0;  position: fixed;  right: 10px;  text-align: center;  transition: transform 0.5s ease 0s;  width: 40px;  z-index: 999999;}

.header .navbar-brand.hd-fixed{ display: none}
.header .fixed-me .navbar-brand.hd-fixed{ display: inline-block}
.header .fixed-me .navbar-brand.hd-normal{ display: none}

.koow-btn:focus,
.koow-btn{ display: inline-block; background: #a80000; padding: 12px 30px; color: #fff; font-size: 17px;}
.koow-btn:hover{ background: #195d7c ; border-color: #195d7c ; color: #fff }
/*----------------------------laptop-video-section--------------------------------------*/
.search-section{background:#fff; padding:50px 0;position: relative }
.mail-haddind{ text-align: center; color: #000; font-size: 37px;font-family: 'latobold'; position: relative;margin-bottom: 50px; padding-bottom: 15px;}
.mail-haddind:before{ position: absolute; left: 50%; bottom: 0; content: ""; height: 3px; width: 56px; background: #a80000;   transform: translate(-50%, 0px); }
.search-bx .form-control{ color: #7f7f7f; font-size: 17px; background: #e1e1e1; height: 56px; box-shadow: none; border-color: #e1e1e1; padding: 0 20px;}
.search-input .btn-primary{ width: 100%; color: #fff; font-size: 22px; height: 56px; line-height: 41px; background: #195d7c; border-color: #195d7c}
.tech-services{ display: inline-block; width: 100%; padding-top: 60px;}
.tech-service-bx{ float: left; width: 100%; height: 200px; text-align: center ; padding: 30px; border-radius: 6px; margin-bottom: 30px;}
.tech-service-bx a{ color: #fff; display: inline-block; font-size: 18px;}
.tech-service-bx a h4{ padding-top: 10px;}
.networking-bx{ background: #ff3600}
.computer-bx{ background: #ff9b00}
.electrician-bx{ background: #00c9d3}
.webdesigner-bx{ background: #005c83}
.graphics-bx{ background: #0061c1}
.accounts-bx{ background: #ff743d}
.mechanic-bx{ background: #00b354}
.tutor-bx{ background: #253ae2}
/*--------------------------how-work-section--------------------------------------*/
.how-work-section{background: url("../img/bg1.png") no-repeat center top; padding: 70px 0 ; background-size: cover}
.how-work-section h2{ color: #fff}
.how-work-bx {
  float: left;
  padding-top: 30px;
  width: 100%;
}
.how-work-service {
  float: left;
  text-align: center;
  width: 100%; position: relative;
}
.how-work-service:before{ position: absolute; right:-70px; top: 65px; content: "";background: url("../img/full-arrow.png") no-repeat left top;width: 113px;height: 14px;}
.how-work-img {
  background: #f2f2f2;
  border: 5px solid #d88f0e;
  border-radius: 50%;
  box-shadow: 0 0 5px 0 #999 inset;
  display: inline-block;
  height: 146px;
  overflow: hidden;
  width: 146px; position: relative;
}
.how-work-img img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-height: 100%; margin: auto}
.how-work-contact {
  color: #fff;
  float: left;
  padding-top: 15px;
  width: 100%;
}
.how-work-service-last:before{ display: none}
.how-work-contact h3{ font-size: 22px;font-family: 'latobold'; }
.how-work-contact p{ font-size: 15px; color: #fff; padding-top: 10px; }
.how-work-img2{ border-color: #efce4a}
.how-work-img3{ border-color: #4cdbc4}
.how-work-img4{ border-color: #1689fc}
/*----------------our-blog-------------*/
.our-review-section{ padding: 70px 0; }
.our-review{}
.our-review .thumbnail { background-color: transparent; border:1px #ddd solid; border-radius: 0;padding: 0;}
.our-review .thumbnail .caption { color: #333; padding: 20px;}
.our-review .thumbnail .caption h3{ font-size: 27px; color: #000; margin-top: 0px; }
.our-review .thumbnail .caption h3 a{ font-size: 27px; color: #000; display: inline-block }
.review-date-cart { color: #000; display: block; font-size: 16px; padding: 20px 0 15px;}
.review-date-cart span{  color: #132077; font-size: 20px}
.our-review .thumbnail .caption p{ font-size: 18px; color: #767676;line-height: 24px;}

.defoult_header { border-bottom: medium none; margin: 0; padding-bottom: 60px;}
.defoult_header h2{ display: inline-block; position: relative; color: #195c7c; font-size: 37px;font-family: 'latobold';}
.defoult_header h2:before{ position: absolute; left: 50%; bottom: -15px; content: ""; height: 3px; width: 55px; background: #141F78;
transform: translate(-50%, 0px);}
.review_clints{ float: left; width: 100%; padding: 10px 0 20px   }
.review_clints a{ color: #AA0000; font-size: 18px;}
.review_clints span{ color: #767676; font-size: 17px; padding-left: 10px;}
/*---------------------request-call-section----------------*/
.request-call-section{ background: url("../img/bg2.png") no-repeat center top; padding: 70px 0 ; background-size: cover}
.request-call-section .mail-haddind{ color: #fff}
.request-div .form-control{ color: #7f7f7f; font-size: 17px; background: #fff; height: 56px; box-shadow: none; border-color: #e1e1e1; padding: 0 20px;}
.request-div .search-input .btn-primary{ background: #a80000; border-color: #a80000}
.request-input .form-control{ width: 91%; display: inline-block}
.request-input span{ display: inline-block; color: #fff; font-size: 16px; padding:15px 0; float: right}
/*----------------our-blog-------------*/
.our-blog-section{ padding: 70px 0; }
.our-blog{}
.our-blog .thumbnail { background-color: transparent; border:1px #ddd solid; border-radius: 0;padding: 0;}
.our-blog .thumbnail .caption { color: #333; padding: 15px;}
.our-blog .thumbnail .caption h3{ font-size: 27px; color: #000; margin-top: 0px; }
.our-blog .thumbnail .caption h3 a{ font-size: 16px; color: #333; text-transform: uppercase; display: inline-block }
.blog-date-cart { color: #000; display: block; font-size: 16px; padding: 15px 0 5px;}
.blog-date-cart span{  color: #132077; font-size: 20px}
.blog-date-cart a{  color: #333; font-size: 16px}
.blog-date-cart a:hover{  color: #132077; }
.our-blog .thumbnail .caption p{ font-size: 16px; color: #767676;line-height: 24px; padding-top: 15px; }


/*---------------Footer-------------------*/
.footer { background: #3d4a66 ; display: inline-block; width: 100%; padding: 0; color: #fff;} 
.footer-top { background: url("../img/footer-bg.png") no-repeat center bottom; display: inline-block; width: 100%; padding: 0; color: #fff; background-size: 100%} 
.footer_center{ display: inline-block; width: 100%; padding: 50px 0 20px}
.footer_center p{ font-size: 16px; line-height: 24px; padding: 36px 0 20px; width: 73%; text-align: justify}
.title-widget {color: #fff;font-size: 30px;font-family: 'latobold';line-height: 1;position: relative; margin:23px 0 9px; display: inline-block; width: 100%}
.title-widget span {position: relative; display: inline-block; width: 100%}
.widget_nav_menu ul { list-style: outside none none; padding-left: 0; padding-top: 20px;}
.widget_nav_menu ul li { position: relative;  margin-bottom: 25px;width:95%;}
.widget_nav_menu ul li a{ font-size: 17px; line-height: 20px; color: #fff; font-weight: 400;   }
.stadyc_link li a:hover,
.widget_nav_menu ul li a:hover{  color: #a80000; }
.widget_nav_menu ul li a i{ margin-right: 20px;}
.widget_nav_menu ul.user_link{ width: 100% ; float: left}
.stadyc_link{ float: left; width: 100%;}
.stadyc_link li{ float: left; padding-right: 15px;}
.stadyc_link li a{ color: #fff; color: #fff;font-family: 'latomedium'; font-size: 16px;}
.ftdrop3,
.ftdrop2,
.ftdrop1{ display: none}
.footerp{ display: inline-block; width: 100%; padding-top: 16px;}
.footerp .input-group{ width: 100%}
.footerp .input-group .form-control{ background: #E6E6E6; border: none; color: #333; box-shadow: none; height: 45px; font-size: 16px;}
.footerp .input-group textarea.form-control{ height: 90px;}
.footerp .btn-primary{ background: #03B8D7; width: 100%; border-radius: 0; border: none; font-size: 18px; padding: 10px 0}
.contact_info { font-size: 16px;}
.address-info { float: left; padding-bottom: 15px; width: 100%;}
.address-info i{ font-size: 22px; margin-right: 10px;}
       
.nomargin { margin:0px; padding:0px; float: right}
.nomargin a {  color: #fff; margin: 0 10px; display: inline-block} 
.nomargin a:hover {  color: #adade9}  
.nomargin a i{ font-size: 20px; text-align: center;}
.footer-bottom { width: 100%; padding: 15px 10px; background: #a80000; float: left}
.copyright { color: #fff; padding: 0px 0; font-size: 15px; float: left}
.copyright a{ color: #fff; padding: 0px 5px;}

.nevicatio-menu{ float: left; width: 100%;}
.post-project {  color: #fff; font-size: 17px; position: absolute; right: 0; top: 83px; width: 166px; z-index: 999; display: none}
.post-project a { width: 100%;display: inline-block; width: 150px}

.post-project span{ font-size: 18px;font-family: 'latobold';}
.laptop-img > a { height: 158px; left: 50%; position: absolute; top: 42%; transform: translate(-50%, -50%); width: 169px;}
.laptop-img { float: left;position: relative; width: 100%;}
.laptop-img .modal { z-index: 99999;}
.laptop-img .modal-header { border-bottom: medium none; padding: 0;}
.laptop-img .modal-body > iframe {
  border: medium none;
  display: block;
  width: 100%;
}
.laptop-img .modal-body {
  padding: 4px 13px;
  position: relative;
}
.laptop-img .modal-content{ position: relative; background: #000}
.laptop-img .close {
  color: #fff;
  font-size: 25px;
  opacity: 1;
  position: absolute;
  right: 3px;
  text-shadow: initial;
  top: 0;
  z-index: 999;
}
.laptop-img .modal-dialog {
  margin: 130px auto;
  width: 98%;
  max-width: 700px;
}




.bounce {
 
}
.bounce {
 width: 100%;
 /* Starting position */
 -moz-transform:translateX(50%);
 -webkit-transform:translateX(50%);	
 transform:translateX(50%);
 /* Apply animation to this element */	
 -moz-animation: bouncing-text 3s linear infinite alternate;
 -webkit-animation: bouncing-text 3s linear infinite alternate;
 animation: bouncing-text 3s linear infinite alternate;
}
/* Move it (define the animation) */
@-moz-keyframes bouncing-text {
 0%   { -moz-transform: translateX(50%); }
 100% { -moz-transform: translateX(-50%); }
}
@-webkit-keyframes bouncing-text {
 0%   { -webkit-transform: translateX(50%); }
 100% { -webkit-transform: translateX(-50%); }
}
@keyframes bouncing-text {
 0%   { 
 -moz-transform: translateX(50%); /* Browser bug fix */
 -webkit-transform: translateX(50%); /* Browser bug fix */
 transform: translateX(50%); 		
 }
 100% { 
 -moz-transform: translateX(-50%); /* Browser bug fix */
 -webkit-transform: translateX(-50%); /* Browser bug fix */
 transform: translateX(-50%); 
 }
}

/*.post-project a.info-text-active img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}*/
.post-project a img {
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

/*.post-project a.info-text-active{ width: 200px;}*/



/*-------------Membership---------------------*/
.membership-section{ padding: 80px 0 20px}
.membership-section h2{ color: #000; display: inline-block;font-family: "latobold"; font-size: 37px; position: relative; text-align: center; width: 100%}
.membership-bx{ display: inline-block; width: 100%; padding-top: 20px;}
.membership-box{ float: left; width: 100%; text-align: center; padding: 25px; border: 1px #ddd solid; box-shadow: 0 0 5px 0 #ccc; min-height: 420px;
  -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);  }
.membership-box:hover{   box-shadow: 0px 0px 15px #999;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.05);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 200ms ease-in;
    transform: scale(1.05);}
.prem-bx{ float: left; width: 100%; min-height: 310px;}
.membership-box h3{ color: #000; display: inline-block;font-family: "latobold"; font-size: 28px;width: 100%; padding-bottom: 30px;}
.membership-box p{ color: #333; display: inline-block; font-size: 17px;width: 100%; padding-bottom: 10px;}
.btn-member{ margin-top: 0px; border: 2px #1B5C78 solid; border-radius: 30px; background: #fff; color: #333; font-size: 17px;padding: 10px 35px;}
.btn-member:hover{ border: 2px #1B5C78 solid;  background: #1B5C78; color: #fff; }
.member-fis{ display: inline-block; width: 100%; font-size: 40px;font-family: "latoheavy"; color: #14547A }
.member-fis span{ color: #666; font-family: 'latoregular'; font-size: 15px;}
.membership-box.active { background: #f1f1f1;}
/*-------------------------------Media css-------------*/
@media only screen and (max-width:1400px){

}
@media only screen and (max-width:1200px){
.header .navbar-default .navbar-nav > li > a { padding: 19px 18px;}
.header .navbar-default .fixed-me .navbar-nav > li > a { padding: 14px 8px;}
}
@media only screen and (max-width:1100px){

.header .navbar-default .navbar-nav > li > a { padding: 22px 8px; font-size: 13px;}
.header .navbar-default .fixed-me .navbar-nav > li > a { padding: 17px 5px;}
.header .fixed-me .navbar-brand { width: 160px;}
.header .navbar-brand { padding: 14px 0 0; width: 194px;}
.our-review .thumbnail .caption p { font-size: 16px; line-height: 20px;}
.slider_cover {padding: 80px 0 130px; background-size: cover}

.slider_cover h2 { font-size: 35px; }
.title-widget {  font-size: 23px;}


}
@media only screen and (max-width:991px){
.header .navbar-default .navbar-nav > li > a { font-size: 14px; margin: 0px 1px; padding: 19px 2px;}

.header .navbar.navbar-default ul.nav.navbar-nav { }
.header .fixed-me .navbar-brand { width: 140px; padding: 14px 0 0}
.header .navbar-default .fixed-me .navbar-nav > li > a { padding: 16px 3px;}
.header .navbar.navbar-default .fixed-me ul.nav.navbar-nav { margin: 0px 0 0;}
.widget_nav_menu ul.user_link { float: left; width: 100%;}
.footer_center p { width: 100%;}

.header .navbar-brand { width: 160px;}
.header .collapse.navbar-collapse { }
.slider_cover h2 { font-size: 30px;}
.slider_cover { padding: 145px 0 140px;background-size: cover;}
.our-review-section { padding: 40px 0; }
.our-review .thumbnail .caption h3 a{ font-size: 20px;}
.our-review .thumbnail .caption { padding: 9px;}
.our-review .thumbnail .caption p { font-size: 14px; line-height: 18px;}
.our-blog .thumbnail .caption h3 a { font-size: 13px;}
.title-widget { font-size: 18px;}
.footer_center .pull-right { padding-left: 0;}
.how-work-service::before{ display: none}
.how-work-contact h3 { font-size: 15px;}
.how-work-contact p { font-size: 13px;}
.membership-box { min-height: 380px; padding: 25px 10px;}
.membership-box p { padding-bottom: 2px;}
.membership-box h3 {
  font-size: 22px;
}
.prem-bx {
  min-height: 270px;
}
.request-input .form-control {
  width: 85%;
}
}
@media only screen and (max-width:767px){

.header .navbar-collapse { float: right; left: 0; margin: 0; position: absolute; width: 100%; background: #03374e}
.header{ position: relative}
.header .collapse.navbar-collapse{ padding: 0 15px;}
.header .navbar-default .navbar-nav > li:first-child a { border-radius: 0;}
.header .navbar-toggle { margin-top: 30px;}
.header .navbar-toggle { margin-top: 12px;}
.header .navbar-brand{ margin-left: 10px !important;}
.slider_cover { padding:60px 10px; background-size: cover; background-position: right top; }

.slider_cover h2 { font-size: 25px; }
.header .navbar-default .navbar-nav > li > a { font-size: 15px; padding: 9px;}
.header .navbar-brand {width: 170px; padding: 10px 0 0; }
.header .fixed-me .navbar-brand { padding: 10px 0 0; width: 160px;}
.footer_logo { text-align: center;}
.header .fixed-me .collapse.navbar-collapse { width: 100%;}
.header .navbar.navbar-default ul.nav.navbar-nav { margin: 14px 0 0;}
.ftdrop2::after, 
.ftdrop1::after, 
.ftdrop3::after, 
.ftdrop4::after, 
.ftdrop5::after{color:#fff;content:"+";font-size:30px;font-weight:normal;position:absolute;right:10px;top:-4px; cursor: pointer}
.ftopen1::after, 
.ftopen2::after, 
.ftopen3::after, 
.ftopen4::after, 
.ftopen5::after{content:"_";top:-16px;}
.ftblock1, 
.ftblock2, 
.ftblock3, 
.ftblock4, 
.ftblock5{padding:0 0px; display: none}
.ftdrop5, .ftdrop4, .ftdrop3, .ftdrop2, .ftdrop1 { display: inline-block; width: 100%; cursor: pointer}
.mobile_sh{ display: none}
.footer_center .pull-right{ width: 100%}
.slider_cover p { font-size: 15px;}
.header .collapse.navbar-collapse { width: 100%;}
.our-review-section { padding: 30px 0 20px;}
.our-blog-section { padding: 30px 0;}

.title-widget {  font-size: 15px;}
.copyright { text-align: center; width: 100%;}
.nomargin { padding: 10px 0 0; text-align: center; width: 100%;}
.footer_center .pull-right { padding-left: 15px;}
.how-work-service::before{ display: none}
.request-input span {
  text-align: center;
  width: 100%;
}
.request-input .form-control{ width: 100%}
.mail-haddind,
.membership-section h2 {font-size: 24px;}
.membership-box{ margin-bottom: 30px;}


}
@media only screen and (max-width:479px){
.slider_cover { padding: 30px 0; }
.slider_cover h2 { font-size: 17px; }

}