@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700,500,300);

@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{font-family: 'Ubuntu', sans-serif; color:#4a5164;}

p{ font-size:16px;}

h1{color: #1d71f7;    font-size: 64px;    letter-spacing: -0.6px;}
.fa {
  line-height: inherit;
}

[class*='fa-']:before {
  font-weight: 400;
  font-family: "FontAwesome";
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {text-transform:uppercase; font-weight: 700;  }
   
header{  -webkit-box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.11);  -moz-box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.11);  box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.11);}
#topBar{ padding:13px 0;  background-color: #1c2025; color:#7c7e84;}
#topBar p{ display:inline-block; margin-right:17px; margin-bottom:0; }
#topBar p a{ color:#fff; text-decoration:none;}


#topBar i{font-size: 21px;    display: inline-block;    color: #3167db;    margin-right: 11px;}
	
	
#mainHead .nav{ float:right;}
#mainHead .nav>li>a{ font-size:16px; color:#000; font-weight:600; padding:40px 15px; transition:200ms;}
#mainHead .nav li.active>a,#mainHead .nav>li:hover>a{ background:#3167db; color:#fff;}
#mainHead li:hover .dropdown-menu{ display:block; background:#1f2430; min-width:230px;}
#mainHead .dropdown-menu li a{padding:10px; color:#6477a4; text-transform:uppercase;}
#mainHead .dropdown-menu li:hover a{ background:#4a5164; color:#fff;}


.navbar-toggle{border:1px solid #fff;	background:#2252a1;}
.navbar-toggle .icon-bar{	background:#ed3136;	height: 3px;}


#slider{ position:relative;}
#slider .caption{ position:absolute; top:2%; padding:50px; color:#fff; }
#slider h5{ font-size:50px;}
#slider h4{ font-size:40px; font-weight:300;}
#slider h3{ font-size:35px;}
#slider .btn{ font-size: 17px; padding:10px 20px; margin:15px 0;}


#homeservices{ background:#3167db; padding:40px 20px;}
#homeservices figure ,#productPg figure{   color: #fff;    overflow: hidden;    position: relative; margin-top:20px; margin-bottom:20px;}
#homeservices figcaption ,#productPg figcaption{    left: 0;    right: 0;    bottom: 0;    background: rgba(31, 36, 48, 0.9);    padding: 9px;    position: absolute;    /* padding-right: 120px; */}
#homeservices figcaption h6 a,#productPg figcaption h6 a{font-size: 25px;  color:#fff; text-decoration:none;}
#productPg{ padding:40px 0;}
.products{ margin:30px 0;}


#homeDes{ padding:40px 0;}
#homeDes h5 {font-size:30px;    font-weight: 300; color:#1f2430;}
#homeDes h3{color: #1d71f7;    font-size: 50px;    letter-spacing: -0.6px;}
#homeDes p { color:#4a5164; font-size:17px;}


#homeDesTwo{ background:url(../img/parallax1.jpg) fixed no-repeat; padding:70px 30px; background-size:cover; color:#fff;}
#homeDesTwo h2{font-size: 70px; }
#homeDesTwo h4{font-size: 30px;   }
#homeDesTwo p{ font-size:16px;}

.btn{font-size: 20px;    font-weight: 700;    text-shadow: 1px 1px 1px #112b62;    padding: 16px 37px;    color: #fff;    background: #3167db;    display: inline-block;    text-transform: uppercase;    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;    border-radius: 3px;}
.btn:hover {    color: #fff; text-shadow: 4px 4px 1px black; background: #193e8d;}	


#homeProduct{ padding:40px 0; background:#1f2430;}
#homeProduct h3{   color:#fff;  font-size:50px; letter-spacing: -0.6px;}
#homeProduct h6{     font-size: 18px;  color:#fff;    font-weight: 500;}
#homeProduct p{ color:#6477a4;}
.index-list li{margin-top: 38px;    margin-bottom: 7px;    position: relative;    padding-left: 90px;}
.index-list li:before {  content: counter(li,decimal-leading-zero);  counter-increment: li;  position: absolute;  top: 6px;  left: 0px;
  width: 70px;  height: 70px;  line-height: 70px;  font-size: 30px;  font-weight: 300;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;
  border-radius: 50%;  color: #fff;  background: #3167db;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;
  text-align: center;  display: inline-block;}
#homeProduct ul{ list-style:none; padding: 0 40px;}  
.index-list {  counter-reset: li;}
.index-list li.grid_1:nth-child(12n + 13),
.index-list li.grid_2:nth-child(6n + 7),
.index-list li.grid_3:nth-child(4n + 5),
.index-list li.grid_4:nth-child(3n + 4),
.index-list li.col-sm-6:nth-child(2n + 3) {
  clear: left;
}


#homeDesThree{ margin:40px 0;}
#homeDesThree h5{  font-size: 25px;font-weight: 300;}
#homeDesThree h3{  color: #1d71f7;  font-size: 64px;  letter-spacing: -0.6px;}
#homeDesThree h4{    font-size: 45px;   }

#homeContact{ background:#1f2430; padding:50px 0;}
 #homeContact h6{   font-size: 30px; color:#fff;    font-weight: 500;}
 .contact-list h6 i {    font-size: 30px;    color: #1d71f7;    margin-top: -33px;    display: inline-block;    margin-right: 5px;    margin-left: -11px;}

#contactPg{ padding:40px 0;}
#contactPg h5 {    font-size: 35px;    line-height: 1.2;    font-weight: 300;}

#contactPg form{ margin-top:40px;}
#contactPg .form-control{ font-size:20px; margin:15px 0;border-bottom:1px solid #a4a8b1; border-left:0; border-right:0; border-top:0; border-radius:0; box-shadow:0 0 0; font-weight:300;}


#homeContact ul{ padding:; list-style:none;}
#homeContact address { font-size:16px;  color: #6477a4;}

.contact-list a[href^="callto:"] ,#homeContact a{  color: #6477a4;}


#aboutPg{ padding:30px 0;}
#aboutPg h3{ font-size:40px;margin-top: 0;}
#aboutPg h6,#aboutPg h6 a{color: #fff; font-size:16px;}
#aboutPg h5{ font-size: 25px;   font-weight: 300;}

blockquote cite span {
  color: #3167db;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
}
blockquote p + cite {
  margin-top: 20px;
  font-style: normal;
}

.aboutDes{padding:40px 0; }
.aboutFeatures{ background:#1f2430; padding:40px 20px; color:#6477a4;}
.aboutFeatures h3{ color:#fff;}
.aboutTeam{ padding:40px 0;}
.aboutTeam h3{ color:#1d71f7}
.aboutTeam figure {  color: #fff;  overflow: hidden;  position: relative;}
.aboutTeam figure img {  width: 100%;}
.aboutTeam figure figcaption {  left: 0;  right: 0;  bottom: 0;  background: rgba(31, 36, 48, 0.9);  padding: 20px;  position: absolute;  }
.aboutTeam figure figcaption.mod1 h6 a:hover { color: #3167db;}

.aboutPerf{ background:url(../img/parallax1.jpg) fixed no-repeat; background-size:cover; padding:40px 20px; color:#fff;}

.homeTest{ padding:40px 0;}
.homeTest h3 { color:#1d71f7;}
blockquote {  position: relative;  padding-left: 59px;  padding-right: 30px;}

blockquote {    padding-right: 0;border: 0;margin: 0;}
blockquote:before {  position: absolute;  top: -5px;  left: -4px;  padding-right: 7px;  content: "\201c";  color: #1f2430;  font-size: 84px;  line-height: 84px;
  font-weight: 700;  vertical-align: top;  z-index: 10;
}
blockquote cite {  display: block;}
blockquote cite span {  color: #3167db;  text-transform: uppercase;  font-size: 30px;  font-weight: 500;  line-height: 30px;  font-size: normal;}


footer {  padding: 10px;  font-size: 14px;  text-transform: uppercase;  color: #6477a4;  background: #12161e;  text-align:center;}
footer a{  color: #6477a4;}
footer a:hover {  color: #fff;}

@media (min-width:1200px) {
	main .container {width:970px;}
}



@media only screen and (max-width : 768px) {
	header{ text-align:center; }
	#mainHead .nav{ float:none;}
	#topBar .text-right{ float:none; text-align:center;}
	#mainHead .nav li a{ font-size:16px; color:#000; font-weight:600; padding:15px 15px; transition:200ms;}
}

@media only screen and (max-width : 490px) {
}
@media only screen and (max-width: 330px) {
}


