@charset "utf-8";
/* Versa Tech CSS 

- body
- top bar links
- logo
- Heading Font Sizes
- Content
- versa-tech-menu

- Testimonial
- Contact
- footer

*/
body { font-family: 'Lato', sans-serif; margin: 0px;	background-color: #f0f6f8; }
.top-bg { background-color: #ffffff; height:169px; }
.btn-bg { background-image:url(../images/btn_bg.jpg); background-position:top; background-repeat:repeat-x; height:78px; }
.phone { padding:12px 0 0 0; font-size:20px; word-spacing:2px; font-family: 'Josefin Sans', sans-serif; font-weight:normal; text-align:center; }
.phone span { color: #dd7228; }
.top-bar { background-color: #eaf0f2; min-height: 40px; border-top: 2px solid #c5cacc; border-bottom: 1px solid #c5cacc; padding-top: 4px; }
.mail-box { padding-top: 12px; font-family: 'Josefin Sans', sans-serif; font-weight:normal; font-size:20px; }
.mail-box a { color:#146985; text-decoration: none; }
.mail-box a:hover { color:#dd7228; text-decoration: none; }
.connect-box { float: right; font-family: 'Josefin Sans', sans-serif; font-weight:normal; font-size:20px; }
.logo { padding: 12px 0 0 0px; }
.carousel-border { border-left: 2px solid #c5cacc; border-right: 2px solid #c5cacc; }
.separator { background-image:url(../images/bar_bg.jpg); background-position:top; background-repeat:repeat-x; height:9px; }
.marquee-text {	font-size: 14px; font-style: normal; font-weight: normal; color: #146985; text-decoration: none; background-color: #ffffff; border-left: 2px solid #c5cacc; border-right: 2px solid #c5cacc; }
.marquee-text a { color: #146985; text-decoration: none; }
.marquee-text a:hover { color: #889d0a;	text-decoration: none; }
.left-border { border-left: 1px solid #a7e7f4; min-height: 169px; }
.reach-box { font-size:24px; word-spacing:2px; font-family: 'Josefin Sans', sans-serif; font-weight:normal; color:#7a7a7a; padding-top:34px; text-align: center; }
.top-bar-link { font-size:18px; font-weight:normal; color:#70aab9; }
.top-bar-link a { color:#70aab9; text-decoration: none; }
.top-bar-link a:hover { color:#3a3aea; text-decoration: none; }
.social-icons-space { margin-top: 12px; }
.social-icons { width: 25px; height: 25px; background-color:#146985; color:#ffffff; font-size:12px; font-weight:normal; line-height: 1.5; margin: 0px 0px 0px 0px; text-align:center; padding: 4px 4px 4px 4px; }
.social-icons:hover { background-color:#dd7228; color:#ffffff; }
.content { background-color:#ffffff; border-left: 2px solid #c5cacc; border-right: 2px solid #c5cacc; padding-bottom: 16px; }
.content span { color: #146985; font-weight: bold; }
.content p { font-size:14px; word-spacing:2px; font-family: 'Lato', sans-serif; font-weight:normal; color: #6e5d4b; text-align: justify; }
.content h2 { word-spacing:4px; font-family: 'Josefin Sans', sans-serif; font-weight:bold; color:#dd7228; text-align: center; margin: 28px 0; }
.content h4 { font-family: 'Josefin Sans', sans-serif; font-weight:bold; color:#dd7228; text-align: center; }
.content-space { margin-top: 14px; }
.service-bg { border-top: 1px solid #a7e7f4; margin-top: 27px; padding: 10px 0; }
.pading-contact { padding: 12px 0; }
.contact-bg { border-top: 4px solid #a7e7f4; border-bottom: 4px solid #a7e7f4; margin-top: 27px; padding: 10px 0; background-color:rgba(17,85,103,0.7); font-family: 'Lato', sans-serif; font-weight:normal; color:#ffffff; }
.contact-bg h2 { color:#ffffff; font-family: 'Josefin Sans', sans-serif; font-weight:bold; text-align:center; padding-top: 6px; }
.faq-bg h2 { color:#29798d; font-family: 'Josefin Sans', sans-serif; font-weight:bold; text-align:center; padding-top: 6px; }
.input-box { width: 100%; background: rgba(155,204,204,0.1); border: 1px solid #b4eaea; padding: 4px 14px; color: #fff; font-size: 16px; border-radius: 9px; }
.btn-submit { width: 120px; background: rgba(155,204,204,0.1); border: 1px solid #b4eaea; color: #fff; font-size: 14px; border-radius: 9px; padding: 4px 14px; }
.btn-submit:hover { background: rgba(87,135,148,0.7); }
.media-space { padding-top: 16px; }
.media-object { border: 1px solid #c5cacc; }
.projects { padding: 14px 0 27px 0; text-align: center; background-color: #eaf0f2; }
.projects i { color: #146985; font-size:100px; padding: 7px 0 0 0; }
.projects i:hover { color: #dd7228; }
.projects h4 { color: #dd7228; border-bottom: 2px dotted #cbcccc; padding: 0 0 14px 0; }
.top-space { padding-top: 27px; }
.btn-read-more { width: 120px; background: #146985; border: 1px solid #b4eaea; color: #fff; font-size: 14px; border-radius: 14px; padding: 4px 14px; }
.btn-read-more:hover { background: #dd7228; }
.footer-bg { padding: 0 0 27px 0; background: #ffffff; }
.footer-bg a { color:#dd7228; }
.footer-bg a:hover { color:#146985; text-decoration: none; }
.footer-bg h3 { text-align: center; color:#146985; padding: 0 0 12px 0; }
.footer-bg p { text-align: justify; }
.footer-bg span { color: #146985; font-weight: bold; }
.footer-bg .media-body li { list-style: none; }
.footer-bg i { color: #889d0a; font-size: 16px; }
.up-arrow { -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out; 
	float: right;}
.up-arrow { color:#dd7228 !important; }
.up-arrow:hover { color:#146985 !important; }
.input-box-2 { width: 100%; background: rgba(155,204,204,0.1); border: 1px solid #c5cacc; padding: 2px 14px; color: #dd7228; font-size: 14px; border-radius: 9px; }
.pading-contact { padding: 12px 7px; text-align: right; }
.btn-submit-2 { width: 120px; background-color:rgba(17,85,103,0.7); border: 1px solid #a7e7f4; color: #fff; font-size: 14px; border-radius: 9px; padding: 4px 14px; height: 34px; }
.btn-submit-2:hover { background-color: #a7e7f4; }
hr { color: #dd7228; border-top: 1px solid #c5cacc !important; }
.project-img { border: 4px solid #c5cacc; }
.content h4 { color:#889d0a; font-weight:bold; text-align:center; }
.content h5 { color:#146985; font-weight:bold; text-align:center; }
.content a { text-decoration: none; }
.content a:hover { text-decoration: none; }
.content i { color: #889d0a; font-size:100px; padding: 7px 0 0 0; text-align:center; }
.content i:hover { color: #dd7228; }
.content p { color: #146985; font-weight: normal; font-size: 16px; }
.content p i { color: #dd7228; font-size: 22px; }
.contact-space { padding: 4px 0 22px 0; font-size: 16px; line-height: 1.6em; }
.contact-space a { text-decoration: none; }
.contact-space a:hover { text-decoration: none; }
.contact-space h3 { color: #146985; font-weight: bold; }
.contact-space h3 span { color: #dd7228; }
/* =================================================================================================== menu section */
.nav > li > a {
    padding: 10px 30px 10px 30px !important;
}
.navbar {
    margin-bottom: 2px;
}
.menu-bg { background-color: #eaf0f2; text-align:center; padding: 6px 0 0 0; margin: 0 auto; border-bottom: 1px solid #c5cacc; border-top: 1px solid #c5cacc; }
.cr-bg { background-color: #eaf0f2; padding: 14px 0 0 0; margin: 0 auto; border-bottom: 4px solid #c5cacc; border-top: 1px solid #c5cacc; min-height: 54px; }
.cr-bg a { color:#dd7228; font-weight:bold; }
.cr-bg a:hover { color:#146985; text-decoration: none; }
.vc-menu { display:inline; text-align:center; }
.vc-menu li { font-weight:normal; color:#146985; font-size:16px; float:left; }
.vc-menu li a { color:#146985; }
.vc-menu li a:hover { color:#dd7228; background-color:transparent; }
.service-bg h2 { color:#29798d; font-family: 'Josefin Sans', sans-serif; font-weight:bold; text-align:center; padding-top: 6px; }
.service-bg p { font-weight:normal; font-family: 'Lato', sans-serif; text-align:center; padding: 14px 10px; }
.service-bg h3 { text-align:center; }
.caret { color: #dd7228 !important; }

/* =================================================================================================== Testimonial */
.testimonial { background-color: #ffffff; border-left: 2px solid #c5cacc; border-right: 2px solid #c5cacc; }
.testimonial h2 { color:#dd7228; font-family: 'Josefin Sans', sans-serif; font-weight:bold; text-align:center; }
.testimonial .carousel-control.right, .carousel-control.left {
      background-image: none;
      color: #dd7228;
  }
  .carousel-indicators li {
      border-color: #dd7228;
  }
  .carousel-indicators li.active {
      background-color: #dd7228;
  }
  .item h4 {
      font-size: 19px;
      line-height: 1.375em;
      font-weight: 400;
      font-style: italic;
      margin: 70px 0;
  }
  .item span {
      font-style: normal;
  }
 .slideanim {visibility:hidden;}
 .slide {
      animation-name: slide;
      -webkit-animation-name: slide;	
      animation-duration: 1s;	
      -webkit-animation-duration: 1s;
      visibility: visible;			
  }
.scrollToTop{
	width:60px; 
	height:60px;
	padding:10px; 
	text-align:center; 
	background: transparent;
	font-weight: bold;
	font-size: 40px;
	color: #444;
	text-decoration: none;
	position:fixed;
	top:75px;
	right:40px;
	display:none;
	/*background: url('../images/arrow_up.png') no-repeat 0px 20px;*/
}
.scrollToTop:hover{
	text-decoration:none;
} 
/* =================================================================================================== Top Bar */

@media (max-width: 1010px) {
  .logo { border: none; text-align: center; }
  .left-border { border: none; }
  .left-border li { width: 100%; }
}
/* =================================================================================================== Nav Bar */

@media (min-width: 768px) {
  .vc-nav-toggle {
    display: none;
  }
}

@media screen and (max-width: 767px) {
.vc-nav-toggle { position: relative;  float: right;  padding: 9px 10px;  margin-top: 8px;  margin-right: 15px;  margin-bottom: 8px;  background-color: #cadadf;  background-image: none;  border: 1px solid transparent;  border-radius: 4px; }
.vc-menu .vc-nav-toggle { border-color: #dd7228; }
.vc-menu .vc-nav-toggle:focus { outline: 0; }
.vc-nav-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; }
.vc-nav-toggle .icon-bar + .icon-bar { margin-top: 4px; }
.vc-menu .vc-nav-toggle:hover,
.vc-menu .vc-nav-toggle:focus { background-color: #dd7228; }
.vc-nav-toggle .icon-bar { background-color: #dd7228; }	

.vc-menu > li { display: block; width:100%; color:#202123;  min-height: 40px;  text-align: center; font-weight: normal; font-size:14px; border-bottom: 1px dotted #c5cacc; }	
.vc-menu li a { color:#146985; padding: 11px 10px; }
.vc-menu li a:hover { color: #dd7228; }
.nav > li > a { padding: 10px 0 10px 0 !important; }
.up-arrow { float: none; }
.top-bg { background-image: none; background-color: #eaf0f2; }
.btn-bg { background-image:none; background-color: #eaf0f2; }
.pading-contact { padding: 4px 0; text-align: center; }
.mob-space { margin-bottom: 10px; }
.connect-box { float: none; text-align: center; }
.mail-box { float: none; text-align: center; }
.cr-bg { text-align:center; }
.content h2 { word-spacing:2px; margin: 18px 0; }
}
@media screen and (max-width: 480px) {
.content h2 { font-size: 16px; }
}