/*@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,700,100italic,300italic,400italic,700italic);*/
/*
Template Name: Multi
Version: 1.0
Author: ShapeBootstrap
Author URL: http://shapebootstrap.net
*/
/*************************
*******Typography******
**************************/

.inputGroupContainer {
    padding-bottom: 10px;
}
body {
   

  font-family:'Open Sans', sans-serif !important;
  font-weight: 400;
  color: #111;
  line-height: 26px;
}
/*custom css*/
@media only all and (max-width:480px){

.formwrap{z-index:-999;}
.navbar-header{z-index:999999999;}
}



.mg-t{margin-top: 4.1em;}
.abt_img{width: 100%;height:150px;display:block;text-align:center;}
.abt_img img{max-width: 100%;width: auto;max-height: 150px;}
.abt-con {width:100%;}
.about-head h3 {
    color: #038f4f;
    text-align: center;
    width: 620px;
    margin: 0 auto 2em auto;
}
.abt-con p {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #000;
    margin: 1em auto;
}

.product {
    display: block;
    text-align: center;
}

.product h1{color:#038f4f;margin:2em auto 0.5em auto;}


.product img {
    width: 75%;
}

/* .product{background:#0b97cf;padding:1em;}
 .product .prd_logo{width:20%;background:#fff; padding:1em;margin:0 auto;}
.product .prd_logo img{width:100%;}
.prd_inv{width:40%;background:#fff; padding:1em;margin:1em auto;display:block;text-align:center;} */
/* ul.nav.navbar-nav {
    margin-top: 31px;
    margin-left: 27px;
} */
#login_form{position:relative;
margin-top: -10px;}
#form-error1{
	position: absolute;
    top: 57px;
}

ul.nav.navbar-nav li a{
/*
	color: #222;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
	margin-bottom: 10px;
    padding: 5px 6.5px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #fff;
*/
        color: #505050;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 5px 6.5px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #fff;
}
ul.nav.navbar-nav li a:hover {
    color: #09a20a;
}
ul.nav.navbar-nav li.active a {
    background: #1f59a5!important;
    border-radius: 30px;
    text-shadow: none;
    color: #fff;
    padding: 7px 10px!important;
}
/* ul.nav.navbar-nav.navbar-right{
	margin-bottom: 10px!important;
    margin-top: 12px!important;
} */

.product p {
    max-width: 60%;
    margin: 1em auto;
	font-size:bold;
}

.pass {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    height: 25px;
    margin: 3px;
    padding: 0 6px;
    width: 100%;
}
.log {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    height: 25px;
    margin: 3px;
    padding: 0 6px;
    width: 100%;
}
/*.homepage{  background:url("../images/back.jpg") no-repeat;background-size:contain;}
*/.homepage {
  background-color: #0fc3d3;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%2364cbd7' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%238fd3db' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23b2dae0' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23d2e1e4' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23f1e8e8' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23f4eded' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23f7f1f1' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23f9f6f6' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23fcfafa' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23ffffff' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: contain;
}
.navbar-default{background: rgba(255, 255, 254, 1);}
.navbar-fixed-top{background: rgba(255, 255, 254, 1); box-shadow: 6px -3px 9px #333; transition: transform 0.4s;}
.navbar-fixed-top ul li a{color:#333 ;   text-shadow: 1px 1px 1px #fff !important;}
.navbar-fixed-top ul li.active a{color:#fff !important; transition: transform 0.4s; text-shadow: 1px 1px 1px #45aed6 !important;}
.listbox .item .testim p:before {
    content: url('/images/startcolumn.png');
    padding-right: 10px;
    opacity: .5;
}
.listbox .item .testim p:after {
    content: url('/images/endcolumn.png');
    bottom: 0;
    padding-left: 10px;
    position: relative;
    opacity: .5;
}
.busii{
    background: #FEFFFF;
    margin-left: 2px;
    box-shadow: 1px 2px 1px #888888;
	}

.listbox .item
{   box-sizing: border-box;
    border-radius: 1em;
    box-shadow: 0px 3px 3px #CCC;
    background: #f5f5f5;
}

.contact-form .cntfrms {
    border: 1px solid #45AED6;
    padding: 20px;
    background: linear-gradient(to bottom, #edfafb 0%,#fff 100%);
    box-shadow: 1px 2px 10px #888888;
}

.busii a{ color:#994725; text-shadow:1px 1px #fff; font-size:14px;}

.log a{ color:#45AED6;}
.log a:hover{color:#555!important;}
.bussi a:hover{  background:#45aed6!important;}
.testim {}
.testim p{    text-align: justify;
    padding: 1%;
    font-size: 15px;
    font-style: italic;
    /* font-size: 15px; */
    min-height: 110px;
    word-spacing: -1px;
    text-shadow: 1px 1px #eee;
}


.logo {
    width: 213px;
    height: 36px;
    background: url('http://i.imgur.com/fd8Lcso.png') no-repeat;
    margin: 30px auto;	
  }

.login-block {
    width: 320px;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    border-top:5px solid #45AED6 ;
    margin: 0 auto;
	border-right: 1px solid #45AED6;
    border-bottom: 1px solid #45AED6;
    border-left: 1px solid #45AED6;
}

.login-block h1 {
    text-align: center;
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
}

.login-block input {
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ccc;
    /*margin-bottom: 20px;*/
    font-size: 14px;
    font-family: sans-serif!important;
    padding: 0 20px 0 50px;
    outline: none;
}

.login-block input .prt1 {
    background: #fff url('../NewCDN/images/u0XmBmv.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input .prt1:focus {
    background: #fff url('../NewCDN/images/u0XmBmv.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input .prt2 {
    background: #fff url('../NewCDN/images/Qf83FTt.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input .prt2:focus {
    background: #fff url('../NewCDN/images/Qf83FTt.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}
.login-block input .emp1 {
    background: #fff url('../NewCDN/images/u0XmBmv.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input .emp1:focus {
    background: #fff url('../NewCDN/images/u0XmBmv.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block input .emp2 {
    background: #fff url('../NewCDN/images/Qf83FTt.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input .emp2:focus {
    background: #fff url('../NewCDN/images/Qf83FTt.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block input:active, .login-block input:focus {
    border: 1px solid #69A9C1;
}

.login-block .button {
       width: 100%;
    height: 40px;
    background: #45AED6;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #69A9C1;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Montserrat;
    outline: none;
    cursor: pointer;
}

.login-block .button:hover {
  
}
<!--loginboxend-->
.nav li.active{color:#45AED6;}

<!--mega menu start-->
.navbar-nav>li>.dropdown-menu {
    margin-top:0px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}
.navbar-nav .dropdown:hover .mega-dropdown-menu{ display:block; margin-top:0;}
.ser{
    padding-top: 4%;}
.navbar-default .navbar-nav>li>a {
    width:auto;
  
	font-size: 1.125em;
    font-weight: normal;
    width: auto;
    color: #555;
}
.mega-dropdown { 
  position: static!important;
 
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.mega-dropdown-menu:after {
   /* content: "";
    border-bottom: 17px solid #ccc;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    position: absolute;
    top: -17px;
    left: 724px;
    z-index: 8;*/
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
  
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #555555;
  white-space: normal;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #4cb3cf;
  background-color: #f5f5f5;
}
.mega-dropdown-menu .dropdown-header {
  color: #4cb3cf;
  font-size: 18px;
  font-weight:normal;
}
.mega-dropdown-menu form {
    margin:3px 20px;
}
.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}
/*MEGAMENU END*/

.mynav {
    height: 106px;
    top: -8px;
}
	
	.gmap-area {
    background-image: url("../images/map.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
	}
	.gmap {
    border: 10px solid #f6f5f0;
    border-radius: 50%;
    height: 300px;
    width: 300px;
    box-shadow: 0px 0px 3px 3px #e7e4dc;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  font-family: 'Roboto', sans-serif;
  color: #272727;
}
a {
  color: #45aed6;
  -webkit-transition: color 400ms, background-color 400ms;
  -moz-transition: color 400ms, background-color 400ms;
  -o-transition: color 400ms, background-color 400ms;
  transition: color 400ms, background-color 400ms;
}
a:hover,
a:focus {
  text-decoration: underline;
 
  cursor:pointer;
}
.aboutcnt {
    font-family:'Roboto', sans-serif;
    font-size:14px;
    text-align:justify;
}
hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}
.gradiant {
  background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
}
.gradiant-horizontal {
  background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
}
.section-header {
  margin-bottom: 50px;
}
.section-header .section-title {
  font-size: 44px;
  color: #272727;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
  margin: 0 0 20px;
}
.section-header .section-title:before {
  content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #ebebeb;
}
.section-header .section-title:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #fff;
  border-radius: 20px;
  background: #45aed6;
}
.btn {
  border-width: 0;
  border-bottom-width: 3px;
  border-radius: 3px;
}
.btn.btn-primary {
    background: #09a20a;
    border-color: #134b9e;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background: #1f59a5;
}
.column-title {
  margin-top: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  position: relative;
}
.column-title:after {
  content: " ";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 40%;
  border-bottom: 1px solid #45aed6;
}
ul.nostyle {
  list-style: none;
  padding: 0;
  text-align:justify;
  margin-bottom: 20px;
}
ul.nostyle i {
  color: #45aed6;
}
.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}
@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    margin-top: 0px !important;
}
/*************************
*******Header******
**************************/
.navbar.navbar-default {
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
    z-index: 999;
}
.navbar.navbar-default .navbar-toggle {
  margin-top: 32px; border-color: #165098!important;
}
.navbar.navbar-default .navbar-brand {

  padding: 10px 15px 21px;
}
@media only screen and (min-width: 768px) {
  #main-menu.navbar-default {
   
   
  }
  #main-menu.navbar-default .navbar-nav > li > a {
    padding-top: 7px;
    padding-bottom: 1px;
  }
  #main-menu.navbar-default .navbar-nav > li.active > a,
  #main-menu.navbar-default .navbar-nav > li.open > a,
  #main-menu.navbar-default .navbar-nav > li:hover > a {
    background: transparent;
  
 
  }
  #main-menu.navbar-default .dropdown-menu {
    padding: 0 20px;
    min-width: 220px;
    background-color:#fff;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-clip: inherit;
  }
  #main-menu.navbar-default .dropdown-menu > li {
    border-left: 3px solid transparent;
    margin-left: -20px;
    padding-left: 17px;
    -webit-transition: border-color 400ms;
    transition: border-color 400ms;
  }
  #main-menu.navbar-default .dropdown-menu > li > a {
    border-top: 1px solid #404455;
    padding: 15px 0;
    color: #eeeeee;
  }
  #main-menu.navbar-default .dropdown-menu > li:first-child > a {
    border-top: 0;
  }
  #main-menu.navbar-default .dropdown-menu > li.active,
  #main-menu.navbar-default .dropdown-menu > li.open,
  #main-menu.navbar-default .dropdown-menu > li:hover {
   
  }
  #main-menu.navbar-default .dropdown-menu > li.active > a,
  #main-menu.navbar-default .dropdown-menu > li.open > a,
  #main-menu.navbar-default .dropdown-menu > li:hover > a {
    color: #45aed6;
    background-color: transparent;
  }
}
#main-slider {
  overflow: hidden;
 
}
#main-slider .item {
  height: 500px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
#main-slider .slider-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #000;
}

.carousel-content{margin-top:180px;}
.carousel-content h2{}
.carousel-content p{ font-size:18px;}
.carousel-content a{ border:1px solid #fff!important;}
#main-slider .slider-inner h2 {
 
  font-size: 36px;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
}
#main-slider .slider-inner h2 > span {
  color:#111;
}
#main-slider .slider-inner .btn {
  margin-top: 10px;
}
#main-slider .owl-prev,
#main-slider .owl-next {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 30px;
  display: inline-block;
  margin-top: -35px;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 100px;
  z-index: 5;
  -webkit-transition: background-color 400ms;
  transition: background-color 400ms;
}
#main-slider .owl-prev:hover,
#main-slider .owl-next:hover {
  background-color: #45aed6;
}
#main-slider .owl-prev {
  left: -35px;
  text-indent: 14px;
}
#main-slider .owl-next {
  right: -35px;
  text-indent: -14px;
}
/*#bar {
  width: 0%;
  max-width: 100%;
  height: 4px;
  background: #45aed6;
}*/
#progressBar {
  margin-top: -4px;
  position: relative;
  z-index: 999;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
}
#cta {
  padding: 50px 0;
  background-color: #eeeeee;
}
#cta h2 {
  margin-top: 0;
}
#cta .btn {
  margin-top: 40px;
}
#cta2 {
  background: #242a33 url(../images/cta2/cta2-bg.jpg) no-repeat 50% 50%;
  background-size: cover;
  color: #fff;
  padding-top: 70px;
}
#cta2 .btn {
  margin-top: 10px;
}
#cta2 h2 {
  color: #fff;
  font-size: 44px;
  line-height: 1;
}
#cta2 h2 > span {
  color: #45aed6;
}
#features {
  padding: 100px 0;
}
#features .media.service-box:first-child {
  margin-top: 80px;
}
#services {
  padding: 100px 0 75px;
}
.media.service-box {
  margin: 25px 0; 
}
.media.service-box .pull-left {
  margin-right: 20px;
}
.media.service-box .pull-left > i {
  font-size: 24px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  width: 64px;
  border: 1px solid #45aed6;
  border-radius: 100%;
  color: #45aed6;
  box-shadow: inset 0 0 0 1px #d7d7d7;
  -webkit-box-shadow: inset 0 0 0 1px #d7d7d7;
  transition: background-color 400ms, background-color 400ms;
  position: relative;
}
.media.service-box .pull-left > i:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  right: -10px;
  border: 4px solid #fff;
  border-radius: 20px;
  background: #45aed6;
}
.media.service-box:hover .pull-left > i {
  background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  color: #fff;
  box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);
}
#portfolio {
  padding: 100px 0;
  background: #f5f5f5;
}
#portfolio .portfolio-filter {
  list-style: none;
  padding: 0;
  margin: 0 0 50px;
  display: inline-block;
}
#portfolio .portfolio-filter > li {
  float: left;
  display: block;
}
#portfolio .portfolio-filter > li a {
  display: block;
  padding: 7px 15px;
  background: #e5e5e5;
  color: #64686d;
  position: relative;
}
#portfolio .portfolio-filter > li a:hover,
#portfolio .portfolio-filter > li a.active {
  background: #45aed6;
  color: #fff;
  box-shadow: 0 -3px 0 0 #318daf inset;
  -webkit-box-shadow: 0 -3px 0 0 #318daf inset;
}
#portfolio .portfolio-filter > li a.active:after {
  content: " ";
  position: absolute;
  bottom: -17px;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: #318daf transparent transparent transparent;
}
#portfolio .portfolio-filter > li:first-child a {
  border-radius: 4px 0 0 4px;
}
#portfolio .portfolio-filter > li:last-child a {
  border-radius: 0 4px 4px 0;
}
#portfolio .portfolio-items {
  margin: -15px;
}
#portfolio .portfolio-item {
  width: 24.9%;
  float: left;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#portfolio .portfolio-item .portfolio-item-inner {
  position: relative;
  background: #FFFCFC;
  border:1px solid rgb(79, 79, 79)
}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info {
  opacity: 0;
  transform: perspective(800px) rotate(0deg) scale(1, 1) skew(0deg, 0deg) rotateX(0deg) rotateY(0deg);
    transition: left 0.5s ease 0s, top 0.5s ease 0s, opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s, transition 0.5s ease 0s;
      
  position: absolute;
  bottom: 0;
  top:0;
  left: 0;
  right: 0;
  padding: 10px;
  background: #45aed6;
  color: #fff;
}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info h3 {
  font-size: 16px;
  line-height: 1;
  margin: 0;
  color: #fff;
}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info .preview {
  position: absolute;
  top: -18px;
  right: 12px;
  border-radius: 50%;
  background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  box-shadow: 0 0 0 2px #fff;
  -webkit-box-shadow: 0 0 0 2px #fff;
}
#portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
 
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
#testimonial {
  background: #fff;
  background-size: cover;
  padding: 100px 0;
  color: #000;
}
#testimonial h4 {
 color: #45AED6;
    /* margin-bottom: 0; */
    font-size: 16px;
    padding: 1%;
    font-size: 16px;
}
#testimonial small {
  display: block;
  margin-bottom: 10px;
  color: #000;
  padding-right:2%;
}
#testimonial .btns {
  margin-top: 10px;
}
#about {
  padding: 100px 0;
 
}
#work-process {
  padding: 100px 0 50px;
  background: #20222e url(../images/work-process/bg.jpg) no-repeat 0 0;
  background-size: cover;
  color: #fff;
}
#work-process h2 {
  color: #fff;
}
#work-process h3 {
  color: #fff;
  margin-bottom: 0;
}
#work-process .icon-circle {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  border: 2px solid #45aed6;
  border-radius: 100px;
  position: relative;
}
#work-process .icon-circle > span {
  border-style: solid;
  border-width: 2px;
  border-color: #45aed6;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  width: 24px;
  height: 24px;
  line-height: 20px;
  top: -12px;
  color: #64686d;
}
#work-process h3 {
  margin-bottom: 50px;
}
#meet-team {
  padding: 100px 0;
}
#meet-team .team-member {
  padding: 13px;
  background: #eeeeee;
  border: 2px solid #eeeeee;
  transition: border-color 400ms;
  -webkit-transition: border-color 400ms;
}
#meet-team .team-member .team-img {
  margin: -15px -15px 0 -15px;
}
#meet-team .team-member .team-info {
  padding-bottom: 10px;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 10px;
}
#meet-team .team-member:hover {
  border-color: #45aed6;
}
#meet-team .team-member:hover .social-icons > li > a {
  background: #45aed6;
}
#meet-team .social-icons {
  list-style: none;
  padding: 0;
  margin: 0;
}
#meet-team .social-icons > li {
  display: inline-block;
}
#meet-team .social-icons > li > a {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  background: #222534;
  border-radius: 3px;
}
.divider {
  margin-top: 50px;
  margin-bottom: 50px;
  background-image: -moz-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
  background-image: -webkit-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
  background-image: -ms-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
  width: 95%;
  height: 1px;
}
.progress {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #eeeeee;
}
.progress .progress-bar.progress-bar-primary {
  background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.nav.main-tab {
  background: #eee;
  border-bottom: 3px solid #222534;
  border-radius: 3px 3px 0 0;
}
.nav.main-tab > li > a {
  color: #272727;
}
.nav.main-tab > li.active > a {
  background: #222534;
  color: #45aed6;
}
.nav.main-tab > li:first-child > a {
  border-radius: 3px 0 0 0;
}
.nav.main-tab > li:last-child > a {
  border-radius: 0 3px 0 0;
}
.tab-content {
  border: 1px solid #eee;
  border-top: 0;
  
  border-radius: 0 0 3px 3px;
}

.panel-default {
  border-color: #eee;
}
.panel-default > .panel-heading {
  background-color: #fff;
  border-color: #eee;
}
.panel-default > .panel-heading .panel-title {
  font-size: 14px;
  font-weight: normal;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #eee;
}
#animated-number {
  padding: 100px 0 70px;
  background: #132125 url(../images/animated-number/bg.jpg) no-repeat 0 0;
  background-size: cover;
  color: #fff;
}
#animated-number h1,
#animated-number h2,
#animated-number h3,
#animated-number h4 {
  color: #fff;
}
#animated-number strong {
  display: block;
  margin-bottom: 30px;
}
.animated-number {
  display: inline-block;
  width: 140px;
  height: 140px;
  font-size: 24px;
  line-height: 140px;
  border: 3px solid #fff;
  border-radius: 100px;
  margin-bottom: 20px;
}
#pricing {
  padding: 100px 0 70px;
}
#pricing ul.pricing {
  list-style: none;
  padding: 0;
  margin: 70px 0 30px;
  border: 1px solid #eee;
  border-radius: 5px 5px 4px 4px;
  padding: 15px;
  text-align: center;
}
#pricing ul.pricing li {
  display: block;
  padding: 10px;
}
#pricing ul.pricing li.plan-header {
  background: #eee;
  border-radius: 4px 4px 0 0;
  margin: -15px -15px 10px;
  padding: 15px 15px 30px;
  border: 0;
}
#pricing ul.pricing li.plan-header .price-duration {
  position: relative;
  margin-top: -63px;
  top: -10px;
  display: inline-block;
  width: 116px;
  height: 116px;
  background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  color: #fff;
  border-radius: 100px;
  border: 5px solid #f6f6f6;
}
#pricing ul.pricing li.plan-header .price-duration > span {
  display: block;
  line-height: 1;
}
#pricing ul.pricing li.plan-header .price-duration > span.price {
  font-size: 24px;
  font-weight: 700;
  margin-top: 35px;
}
#pricing ul.pricing li.plan-header .price-duration > span.duration {
  margin-top: 5px;
}
#pricing ul.pricing li.plan-header .plan-name {
  margin-top: 10px;
  font-size: 24px;
  color: #272727;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
}
#pricing ul.pricing.featured {
  background: #222534;
  color: #fff;
  border: 0;
}
#pricing ul.pricing.featured li.plan-header {
  background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
}
#pricing ul.pricing.featured li.plan-header .plan-name {
  color: #fff;
}
#get-in-touch {
  padding: 100px 0 50px;
  background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  color: #fff;
}
#get-in-touch h1,
#get-in-touch h2 {
  color: #fff;
}
#blog {
  padding: 100px 0;
}
#blog .blog-post {
  border: 1px solid #eee;
  padding: 15px;
}
#blog .blog-post .post-format {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  background: #222534;
  border: 3px solid #fff;
  border-radius: 100px;
}
#blog .blog-post.blog-large .entry-thumbnail {
  margin: -15px -15px 15px;
  position: relative;
}
#blog .blog-post.blog-large .post-format {
  width: 66px;
  height: 66px;
  line-height: 60px;
  position: absolute;
  right: 20px;
  bottom: -33px;
}
#blog .blog-post.blog-large .post-format > i {
  font-size: 20px;
}
#blog .blog-post.blog-large .entry-date {
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #45aed6;
}
#blog .blog-post.blog-large .entry-title {
  margin-top: 0;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 15px;
}
#blog .blog-post.blog-large .entry-title a {
  color: #64686d;
}
#blog .blog-post.blog-large .entry-title a:hover {
  color: #45aed6;
}
#blog .blog-post.blog-media {
  margin-bottom: 30px;
}
#blog .blog-post.blog-media .entry-thumbnail {
  margin: -15px 15px -15px -15px;
  position: relative;
}
#blog .blog-post.blog-media .post-format {
  position: absolute;
  top: 20px;
  right: -10px;
}
#blog .blog-post.blog-media .entry-date {
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #45aed6;
}
#blog .blog-post.blog-media .entry-title {
  margin-top: 0;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 15px;
}
#blog .blog-post.blog-media .entry-title a {
  color: #64686d;
}
#blog .blog-post.blog-media .entry-title a:hover {
  color: #45aed6;
}
#blog .blog-post .entry-meta {
  margin-top: 20px;
  border-top: 1px solid #eee;
  padding-top: 15px;
}
#blog .blog-post .entry-meta > span {
  display: inline-block;
  margin-right: 10px;
  color: #999;
}
#blog .blog-post .entry-meta > span > a {
  color: #999;
}
#blog .blog-post .entry-meta > span > a:hover {
  color: #45aed6;
}
#contact {
  position: relative;
  overflow: hidden;
  
  
}
#contact .container-wrapper {
 
  margin-top:3%;;
  left: 0;
  width: 100%;
  height: 100%;
 /* background: rgba(69, 174, 214, 0.3);*/
  z-index: 1;
}
#contact .contact-form {
  background: #f5f5f5;
     padding: 20px;
}
#contact .contact-form h3 {
  margin-top: 0;
}
/***********************
********* Footer ******
************************/
#footer {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #fff;
  background: #2e2e2e;
}
#footer a {
  color: #fff;
}
#footer a:hover {
  color: #45aed6;
}
#footer ul {
  list-style: none;
  padding: 0;
  margin: 0 -7.5px;
}
#footer ul > li {
  display: inline-block;
  margin: 0 7.5px;
}
@media only screen and (max-width: 600px){
	/*sachin css 10-07-2018*/
	.headerright {
    margin-top: 0px !important;
    margin-left: 98px;
    float: none;
}
.homepage {
    background: #fff;
    background-size: contain;
}

	#form-error1 {
    font-size: 12px;
}
.navbar-brand > img {
    margin-top: 0!important; 
}
.landingright label {
    color: #fff!important;
}
.navbar-fixed-top.mynav{
	height:94px!important;
}
}
@media only screen and (min-width: 768px) {

  #footer .social-icons {float: right;}
}
.form-control {
  box-shadow: none;
  -webkit-box-shadow: none; color:#aaa;
}




/*ranjay css 13/05/2016*/
.custom-p{ line-height:20px;}
.contactdetails .t-right {
  float: right;
  padding-left: 10px;
}
.contactdetails {
  padding-right: 14px;
  text-align: right;
}
.hide{ display:none;}
.contactdetails h5 {
  color: #ec5650;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  margin: 9px 0 0;
  padding-left: 26px;
}
.contactdetails h5 span{ color:#036cae;}
.contactdetails h5.lasth5{ margin-bottom:0 !important;}
.customdropmenu {
  margin: 0 !important; background:#00afef !important; 
  padding-right: 0 !important; border:2px solid #2288af !important; border-top:none !important; border-radius:5px 0 5px 5px !important; overflow:hidden;
}.customdropmenu li i{ margin-right:7px;}
.customdropmenu li{padding:0 !important; border-left:0 !important; border-color:#5bb0e6 !important;}
.customdropmenu li a{margin:0; padding:7px 8px !important; border-color:#2288af !important; color:#fff !important;}
.topbtntop {
  background: #feffff none repeat scroll 0 0;
  box-shadow: 1px 0 1px #888;
  color: #994725;
  margin-right: 9px;
  padding: 5px 17px;
}

.customdropdown{ display:inline-block; margin-top:-2px;}
.customdropdown button{    padding-top: 5px;
    padding-bottom: 1px; border-radius:0;}
.loginwrap {float:right;}


/* ranjay 17 may css*/


@media only screen and (max-width:400px) {
        .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    margin-top: 9px !important;
}
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 560px !important;
}
.navbar-brand > img {
  display: block;
  margin-left: 6px;
  margin-top: -7px;
  width: 64% !important;
}
.topbtntop { margin-right:0;}
.navbar.navbar-default .navbar-brand {
  padding: 5px 10px 0;
}
.navbar-brand {
float:none;
}
.topbtntop {
  padding: 5px 4px;
}
.customdropdown {
  margin-top: 7px;
}
.navbar-nav {
  border-bottom: 1px solid #aaa;
}
.nav.navbar-nav.navbar-right{border-bottom:none;}
}







/*ranjay css 13/05/2016*/
.custom-p{ line-height:20px;}
.contactdetails .t-right {
  float: right;
  padding-left: 10px;
}

.hide{ display:none;}


.customdropmenu {
  margin: 0 !important; background:#00afef !important; 
  padding-right: 0 !important; border:2px solid #2288af !important; border-top:none !important; border-radius:5px 0 5px 5px !important; overflow:hidden;
}.customdropmenu li i{ margin-right:7px;}
.customdropmenu li{padding:0 !important; border-left:0 !important; border-color:#5bb0e6 !important;}
.customdropmenu li a{margin:0; padding:7px 8px !important; border-color:#2288af !important; color:#fff !important;}


.customdropdown{ display:inline-block; margin-top:-2px;}

.loginwrap {float:right;}
.landingright label{color:#222;}

/* ranjay footer design*/
.customaswone i{ font-size:30px; color:#eee;}
.customaswone{ border-left:1px solid #eee; text-align:center;}

.poweredby{ background:#222; padding:10px 0; }
.footericon a {
  background: #666 none repeat scroll 0 0;
  border-radius: 100%;
  box-shadow: 0 1px 2px #000;
  color: #eee;
  display: inline-block;
  height: 39px;
  margin-right: 10px;
  padding-top: 8px;
  text-align: center;
  text-shadow: 1px 0 0 #000;
  width: 38px;
}
.footericon{ margin-top:20px; text-align:right;}
.footericon a i {
  color: #bbb;
  font-size: 20px;
}
.poweredby p {
  clear: both;
  color: #aaa;
  margin-top: 22px;
}
.poweredby ul{ margin:0; padding:0;}
.poweredby ul li.first{ padding-left:0;}
.poweredby ul li a{ color:#999; font-weight:bold; font-size:16px;}
.poweredby ul li{ list-style:none; float:left; padding:10px 10px;}
.footericon a:hover{background:#37bcef; color:#FFF;}
.footeraswoneicon{ color:#08526e !important;}
.footeraswoneicon:hover{ color:#FFF !important;}
.custom-p{ line-height:20px;}
.contactdetails .t-right {
  float: right;
  padding-left: 10px;
}

.hide{ display:none;}

.customdropmenu {
  margin: 0 !important; background:#efefef !important; 
  padding-right: 0 !important; border:2px solid #ddd !important; border-radius:0px 0 10px 10px !important; overflow:hidden;
}.customdropmenu li i{ margin-right:7px;}
.customdropmenu li{padding:0 !important; border-left:0 !important; border-color:#5bb0e6 !important;}
.customdropmenu li a{margin:0; padding:7px 8px !important; border-color:#bbb !important; color:#444 !important;}


.customdropdown{ display:inline-block; margin-top:-2px;}

.navbar-brand>img {
    display: block;
    width: 160px;
    margin-top: 15px;
}

.navbar-brand {display:inline-block;z-index:2;}



/* internet css*/
/* internet expral css*/

.navbar-nav{ float:right\9;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.navbar-right {
  margin-top:-50px;
}
}


.landingright {
  float: right;
  margin-bottom: 10px;
  margin-top: 12px;
  text-align: right;
}
/*#sliderbg{background:url(../images/nicolelandingpagebg.jpg) 0 0; height:550px;}*/
.formwrap {
    background: none repeat scroll 0 0 rgba(255, 255, 254, 0.9);
    border-radius: 4px;
    margin: 29px auto;
    overflow: hidden;
    padding: 20px 20px;
}
.formwrap h3 {
  color: #333;
  font-size:26px;
  line-height: 51px;
  margin: 10px 0 0px;
  text-align: center;
  text-shadow: 1px 1px 0 #fff;
}
.smalldesc{font-size:12px; color:#444; text-align:center; margin-bottom:20px;}
.otherservices{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #eee;
    margin-bottom: 15px;
    margin-right: 15px;
width: 32%;}

.formwrap .registerform .form-control {
  border: 1px solid #d0d0d0;
  box-shadow: none;
  height: 50px; color:#444;
  margin-bottom: 15px;
}

.socialicon a {
  background: #0874d9 none repeat scroll 0 0;
  border: 1px solid #045cae;
  border-radius: 3px;
  color: #eee;
  display: inline-block;
  font-size: 15px;
  margin-top: 10px;
  text-align: center;
  width: 28px;
}
.socialicon a.twitter{background:#29ddf2; border-color:#21cbdf;}
.socialicon a.linkedin{background:#0771d5;}
.emailicon {
  color: #036cae !important;
  font-size: 17px;
  font-weight: bold;
  margin-right: 10%;
}
.form-control {background:rgba(0, 0, 0, 0.66) none repeat scroll 0 0;}

.landingpagecontent h1 {
  color: #eee;
  font-size: 40px;
  font-weight: bold;
  line-height: 45px;
  margin-bottom: 20px;
  margin-top:4%;
  text-align: center;
  text-shadow: 1px 0 0 #000;
}
.landingpagecontent p{ color:#eee; text-align:center; font-size:17px;}
.landingpagecontent ul{ margin-top:30px;}
.landingpagecontent ul li{ list-style:none; float:left; width:45%;  padding:8px 0;}
.landingpagecontent ul li a {
  color: #eee !important;
  font-size: 18px;
  text-decoration: none;
  text-shadow: 1px 0 0 #000;
}
.landingpagecontent ul li a i{ font-size:25px; margin-right:10px; width:30px;}
.privacy{ padding:9px; text-align:center; font-size:16px; background:#017bb5; margin-top:19%; border-radius:3px; color:#eee; border:1px solid #016ea3; width:100%; display:block;}
.privacy i{color:#eee; font-size:20px; text-shadow:1px 0 0 #0463bd;}


/*Header Css*/
.landingright .log {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  height: 25px;
  margin: 3px;
  padding: 0 6px;
  width: 100%;
}
.landingright .pass {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  height: 25px;
  margin: 3px;
  padding: 0 6px;
  width: 100%;
}
.landingright label{display:inline-block; }
.btnlogin {
    background: #505050;
    border: 1px solid #46585f;
  border-radius: 3px;
  color: #fff;
  line-height: 1;
  padding: 4px 7px;
  text-shadow: 1px 0 0 #000;
}
.topmenu ul {
  float: right;
  margin-right: 13px;
  margin-top: 31px;
  padding: 3px 4px 2px; text-align:right;
  width: 100%;
}
.topmenu ul li {
  display: inline-block;
  list-style: none outside none;
  position: relative;
}
homepage{}
.homepage{}
.topmenu ul li.active a {
  background: #1f59a5;
    border-radius: 30px; text-shadow:none;
 color: #fff;
    padding: 5px 10px;
}
.container {
  width: 100%;
}
.topmenu ul li a {
  color: #222;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
    padding: 5px 10px;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #fff;
}

.topmenu ul li a:hover{color:#09a20a;}
.navbar-fixed-top ul li a:hover{color:#464646 !important;}

.questionlist{margin-bottom: 15px;}
.questionlist h4 {border-radius:4px 4px 4px 4px;
    background: none repeat scroll 0 0 #fff; border:1px solid #ddd;
    font-size: 18px;
    margin: 0;

}
.questionlist:first-child .questionans{display:block;}

.questionlist h4 a{color:#555; font-size:18px;      padding: 9px 17px; text-decoration:none; text-shadow:1px 0 0 #FFF; display:block;}
.questionlist h4 a{outline:none;}
.questionans{display:none; border:1px solid #ddd; padding:15px; border-radius:0px 0px 6px 6px; font-family: Rubik;
    font-size: 14px; line-height: 24px; color:#222; background:#FFF;}
.questionlist h4.activelist a{border-radius:5px 5px 0 0;
  background: #18397d;
  background-image: -webkit-linear-gradient(top, #18397d, #365696);
  background-image: -moz-linear-gradient(top, #18397d, #365696);
  background-image: -ms-linear-gradient(top, #18397d, #365696);
  background-image: -o-linear-gradient(top, #18397d, #365696);
  background-image: linear-gradient(to bottom, #18397d, #365696); color:#fff !important; text-shadow: none;
} 
.subsbtn{background: #09a20a;
  border:none;  border-radius: 57px;
    color: #fff;
    font-size: 16px;
    padding: 8px 20px;
    text-shadow: 1px 0 0 #000;}

.addresslist {
  background: none repeat scroll 0 0 #eee;
  border: 1px solid #eee;
  line-height: 27px;
  margin: 0 0 10px;
  padding: 10px 20px;
  text-align: left;
  text-shadow: 1px 0 0 #fff;
}
.contactleftpart h3 {
  background: none repeat scroll 0 0 #09a20a;
  color: #fff;
  font-size: 18px;
  margin: 0;
  padding: 9px 15px;
  text-align: left;
}
.contactformboxinside {
  background: none repeat scroll 0 0 #f7f7f7;
  border: 1px solid #b8d5f9;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 22px;
  text-shadow: 1px 0 0 #fff;
}

.contactformboxinside .form-control {
  border: 1px solid #c5b1ad !important;
}
.form-control {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  height: 34px; color:#aaa;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
}
.contactformbox h3 {
  background: none repeat scroll 0 0 #09a20a;
  color: #fff;
  font-size: 18px;
  margin: 0;
  padding: 9px 15px;
}
address {
  font-style: normal;
  line-height: 1.42857;
  margin-bottom: 7px;
}
.pricingbg {
    background: url("../images/3.jpg") repeat fixed center center / cover rgba(0, 0, 0, 0);
}
.contactbg {
    background: url("../images/contactbg.jpg") repeat fixed center center / cover rgba(0, 0, 0, 0);
}
.contactbg .section-title{color:#FFF;}
.contactbg p{color:#FFF;}


.pricingbg  .section-title{color:#FFF;}
.pricingbg  p{color:#FFF;}
#pricingtable,#ourfeaturs {
  background: none repeat scroll 0 0 #fff;
  border-radius: 10px;
  padding: 30px;  box-shadow: 5px 0 8px #000;
}

.pricetable {margin-bottom:0;}
.pricetable th {
  background: none repeat scroll 0 0 #333;
  border-color: #000 !important;
  color: #fff;
  font-size: 16px;
  padding: 16px !important;
  text-align: center;
  text-shadow: 1px 0 0 #000;
}
#pricingtable{margin-top:20px;}
.formtag {
  float: left;
  width: 40%; margin-right:5px;
}

.navbar-header{z-index:999999999;}


.formtag label{
    display: block;
    text-align: left;
    margin-bottom: 0px;
        width: 290px;
}

.formtagbtn {
    float: left;
    margin-top: 28px;
    width: 17%;
}

.largebtn {
  font-size: 16px;
  padding: 10px;
  width: 100%;
}

.bg-overlay {
    background: rgba(0,0,0,0.25);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
}
.dark-layout .bg-overlay {
    background: rgba(0,0,0,0.5);
}
.bg-img-3 {
    background: url(../images/bg3.jpg);
    background-size: cover;
    position: relative;
}
.section-cta h2 {
    margin: 40px; color:#FFF;
}
.btn-custom {
    background: #f15b72;
    -webkit-box-shadow: 0px 2px 0px #cc5265 !important;
    box-shadow: 0px 2px 0px #cc5265 !important;
    color: #ffffff !important;     text-transform: uppercase;
    font-weight: 700;
    padding: 11px 30px;

}
.section-cta p {
    font-size: 18px;
}
.section-cta {
  color: #ffffff;
  margin: 20px 0 0;
  padding: 150px 0;
}
.homebg{background:url("../images/bg-flat3.png") repeat fixed top center / cover  rgba(0, 0, 0, 0);}
.navbar-fixed-top .navbar-brand img {
 width: 160px;
    margin-top: 15px;
}
.navbar-fixed-top  .topmenu ul {
  margin-top:15px;
}
.navbar-fixed-top .landingright {
  margin-top:0px;
}


.navbar-fixed-top .formtag label {
  margin-bottom: 0;}
.navbar-fixed-top .formtagbtn {margin-top: 28px;}


@media only screen and (max-width :600px) {
	.section-header p.text-center{font-size: 17px;}
	.container.container-mob{
		width: 100%;
    padding-left: 0;
    padding-right: 0;
	}
	.poweredby ul li a {
    font-size: 15px;
}
	.poweredby ul li {
    padding: 10px 4px;
}
	span#form-error{
		text-align: center;
    display: block;
	}
	.navbar-default .navbar-toggle .icon-bar {
    background-color: #1e8f07!important;
}
.navbar-brand > img {
    width: 180px !important;
    margin-top: 8px !important;
}
#home{padding-top:0!important;}
.formtagbtn {
    margin-top: 15px;
}
.customdropdown {
  margin-top:0px;
}
.landingpagecontent h1 {
    font-size: 20px;
    line-height: 24px;}
.landingpagecontent p {
  font-size: 14px;
  line-height: 20px;
}
/*#sliderbg {
  background: rgba(0, 0, 0, 0) url("../images/nicolelandingpagebg.jpg") repeat scroll 0 0; height:auto;
}
.landingpagecontent ul li a {
  font-size: 14px;
}
.landingpagecontent ul li { width:100%;}
.no-mobile{ display:none;}
#sliderbg {height: 1076px;}
.privacy {font-size: 14px;}
#btnSave{ width:100%;}

*/



}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 510px !important;
}

.Val_msg{
  color: Red;
  position: absolute;
  right: -6px;
  top: -14px;
  visibility: visible;
}




@media (min-width:756px) and (max-width:1024px){
.contactdetails h5 {
  font-size: 16px;
  margin: 0;
  padding-left: 0;
}
.media.service-box {
height:115px;
}
.navbar-header{
  width: 30%;float:left;}
.navbar-right{  float: right;
  width: 65%;}
  .privacy {margin-top:0;font-size: 16px;padding: 5px;}
  .landingpagecontent ul li {padding: 4px 0;width: 60%;}
  
  .homepage {background: #fff;background-size: contain;}
  #navbar{display:block;text-align:center;}
  
  }
  
  
  .contactformbox .fa-star{font-size:10px;}
  #message{height:204px;}

  
  /* download dropdown */
  .dp-download{position:relative;}
	.dp-download ul {
		list-style: none;
		padding: 0;
		display: none;
		position: absolute;
		background: #fff;
		width: 161px;
	}
@media only screen and (max-width: 600px) {
    .dp-download ul{
        position: inherit !important;
    }
}

	.dp-download ul li a {
    text-decoration: none;
	}
	
  .dp-download:hover.dp-download ul {
    display: block;
    transition: ease-in 0.5s;
}
.smart h1,h2{
     color: #0950b2;
    font-family: 'Open Sans'!important;
    font-size: 59px;
    text-align: center;
}
.smart{
       color: #0950b2;
    font-family: monospace;
    font-size: 46px;
    margin-top: 2%;
  
}
.smart2 h4{
    color: #09a20a;
    font-family:  'Open Sans', sans-serif !important;
    text-align: center;
    margin: 13px 0px 13px 0px;
    font-size: 25px;
}
smart2{
    margin-top: 2%;
}
.smart3 h3{
       color: #0950b2;
    float: left;
    font-size: 25px;
}
.smart3{
    display: inline-flex;
}
.smart3 img{
    width: 35px;
}
span.invertedright {
    margin-bottom: -40px;
}
.smart4{
    background-color: #0950b2;
    display: inline-flex;
    height: 66px;
}
.smart3 p {
         font-size: 19px;
    color: #0950b2;
    line-height: 1;
    font-weight: 600;
    min-height: 45px;
}
svg{
    fill:#09a20a;
    margin-left: -15px;
}
.smart5 p{
  color: #fff;
    font-size: 1.59em;
    line-height: .8;
    margin-top: 15px;
    font-variant: all-petite-caps;
}
.blue{
    height: 70px;
}
.smart6{
          text-align: center;
    padding: 17px;
    background-color: #fbaf5d;
    font-size: 2.5em;
    margin: 18px 2px 5% 2px;
    -webkit-box-shadow: 0px 8px 0px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 8px 0px 2px rgba(0,0,0,0.75);
box-shadow: 0px 8px 0px 2px rgba(0,0,0,0.75);
        line-height: .9;
}
span.invertedleft {
    margin-top: -20px;
}
.smart p {
    font-size: 30px;
    line-height: 1;
    text-align: center;
    font-family: 'Open Sans', sans-serif !important;
}
/*css for mobile responsiveness*/
@media only screen and (max-width: 600px) {
    
.smart3 img {
    max-width: 40px !important;
}
    .smart h1, h2 {
     color: #0950b2;
    font-size: 25px !important;
    text-align: center;
}
    .smart2 h4 {
       color: #09a20a;
    text-align: center;
    font-size: 15.9px !important;
    margin: 15px 0px 16px 0px;
}
    .smart3 h3 {
    color: #0950b2;
    float: left;
    font-size: 16px !important;
}
    .smart5 p {
            color: #fff;
    font-size: 21px;
    line-height: 1 !important;
    margin-top: 5px !important;
    width: 221px !important; 
    margin-left: -86px;
}
 .smart6 {
    text-align: center;
    background-color: #fbaf5d;
    font-size: 1.6em !important;
    height: 87px !important;
    line-height: 1.2 !important;
    -webkit-box-shadow: 0px 8px 0px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 8px 0px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 8px 0px 2px rgba(0,0,0,0.75);
}
    .smart4 {
         background-color: #0950b2;
    display: inline-flex;
    height: 66px !important;
}
    .smart3 {
    display: -webkit-inline-box;
    left: -12px;
}
    span.invertedleft {
    margin-top: -39px;
    margin-left: -14px;
}
    span.invertedright {
      margin: -18px -12px 0px -32px;
}
    .smart3 p {
    font-size: 21px;
    color: #0950b2;
    line-height: .9;
    font-weight: 600;
    min-height: 50px;
    width: 205px;
        
}
    .smart p {
    font-size: 24px;
    line-height: 1.1;
    font-family: 'Open Sans', sans-serif !important;
    text-align: -webkit-center;
}
}