@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Coda');

/*================================================
[  Table of contents  ]
================================================
::General
::Page Section Margin Padding 
::Loader
::Buttons
::Div Shadow

======================================
[ End table content ]
======================================*/


.ring {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%); 
	width: 185px;
	height: 185px;
	background: transparent;
	border: 3px solid #333;
	border-radius: 50%;
	text-align: center;
	line-height: 80px;
	font-family: sans-serif;
	font-size: 18px;
	color: #1E88E5;
	letter-spacing:2px;
	text-transform: uppercase;
	text-shadow:0 0 10px #1E88E5;
	box-shadow: 0 0 20px rgba(0,0,0,.5);
}
.ring:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 3px solid transparent;
	border-top: 3px solid #1E88E5;
	border-right: 3px solid #1E88E5;
	border-radius: 50%;
	animation: animateCircle 2s linear infinite;
}
.ring span {
	display: block;
	position: absolute;
	top: calc(50% - 2px);
	left: 50%;
	width: 50%;
	height: 4px;
	background: transparent;
	transform-origin:left;
	animation: animate 2s linear infinite;
}
.ring span:before {
	content:'';
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #1E88E5;
	top: -6px;
	right: -8px;
	box-shadow: 0 0 20px #1E88E5;
}

 @keyframes animateCircle
{
	0%
	{
		transform: rotate(0deg);
	}
	100%
	{
		transform: rotate(360deg);
	}
}
@keyframes animate
{
	0%
	{
		transform: rotate(45deg);
	}
	100%
	{
		transform: rotate(405deg);
	}
}



.preloader{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  width:100vw;
  height:100vh;
  background:#000;
  visibility:hidden;
  opacity:0;
  -webkit-transition:all 0.5s ease;
  transition:all 0.5s ease;
  z-index:99999999999999;
}
.preloader_inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
 /* width: 4em;*/
  height: 4em;
  line-height: 4em;
  text-align: center;
  font-size: 3em;
  font-family: monospace;
  font-weight: 300;
  color: #fff;
}




.page{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: auto;
  
  visibility:hidden;
  opacity:0;
  -webkit-transition:all 0.5s ease;
  transition:all 0.5s ease;
}

.show{
  visibility:visible !important;
  opacity:1 !important;
  -webkit-transition:all 0.5s ease;
  transition:all 0.5s ease;
}



.loading {
	
  font: 22px/1.5 Monospace !important;
  letter-spacing:5px !important;
  color: #fff;
  -webkit-perspective: 800px;
          perspective: 800px;
		  

    
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width:100%;
  height: 2em;
  line-height: 4em;
  text-align: center		  
		  
}
.loading > span {
	
  -webkit-animation: flip 5s infinite;
          animation: flip 5s infinite;
  display: inline-block;
  -webkit-transform-origin: 50% 50% -10px;
          transform-origin: 50% 50% -10px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.loading > span:nth-child(1) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.loading > span:nth-child(2) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.loading > span:nth-child(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.loading > span:nth-child(4) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.loading > span:nth-child(5) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.loading > span:nth-child(6) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.loading > span:nth-child(7) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

@-webkit-keyframes flip {
  to {
    -webkit-transform: rotateX(1turn);
            transform: rotateX(1turn);
  }
}

@keyframes flip {
  to {
    -webkit-transform: rotateX(1turn);
            transform: rotateX(1turn);
  }
}




/* Loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999999999999;
	background:#0098da;
}

.spinner{
	position:absolute;
	z-index:999;
	top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
	
}

.sk-double-bounce {
   width: 40px;
   height: 40px;
   position:absolute;
   z-index:999;
   top: 50%;
   left:50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   text-align: center;
 }
  .sk-double-bounce .sk-child {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
    animation: sk-doubleBounce 2s infinite ease-in-out;
}
  .sk-double-bounce .sk-double-bounce2 {
    -webkit-animation-delay: -1.0s;
     animation-delay: -1.0s; 
}

@-webkit-keyframes sk-doubleBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } 
}

@keyframes sk-doubleBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } 
}
/*/Loader */

/*---------------------------------------------------------------------
                               General
-----------------------------------------------------------------------*/

body { font-family: 'Coda', cursive; font-weight: normal; font-style: normal; font-size: 14px; line-height: 24px; color: #666666;  }
a, .button { transition: all 0.5s ease-in-out; 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; -webkit-transition: all 0.5s ease-in-out; color: #333333; }
a:focus { text-decoration: none !important; }
a:focus, a:hover { color: #4ac4f3; text-decoration: none !important; }
a, .button, input { outline: medium none !important; color: #4ac4f3; }
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif;font-weight: normal; color: #333333; margin-top: 0px; margin-bottom: 0px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 40px; font-style: normal; line-height: 46px; }
h2 { font-size: 36px; font-style: normal; line-height: 44px; }
h3 { font-size: 32px; font-style: normal; line-height: 42px; }
h4 { font-size: 24px; font-style: normal; line-height: 24px; }
h5 { font-size: 20px; font-style: normal; line-height: 30px; }
h6 { font-size: 18px; font-style: normal; line-height: 28px; }
.lead { font-size: 16px; line-height: 24px; margin: 0; }
ul { margin: 0px; padding: 0px; }
li { list-style: none; }
hr { margin: 0; padding: 0px; border-bottom: 1px solid #e0e0e0; border-top: 0px; }
label { font-size: 15px; font-weight: 400; color: #aaaaaa; }
.label { color: #fff !important; font-size: 9px !important; }
blockquote { border-left: 5px solid #4ac4f3; font-size: 16px; }
*::-moz-selection { background: #4ac4f3; color: #fff; text-shadow: none; }
::-moz-selection { background: #4ac4f3; color: #fff; text-shadow: none; }
::selection { background: #4ac4f3; color: #fff; text-shadow: none; }
.valign, .valign > [class*='col-'] { display: table-cell; float: none; }
[data-valign-overlay="top"] { vertical-align: top; }
[data-valign-overlay="bottom"] { vertical-align: bottom; }
[data-valign-overlay="middle"] { vertical-align: middle; }
.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.no-padding { padding: 0px !important; }
.no-border { border: none !important; }


/*----------------------------------------------------------------------
                        Buttons
-----------------------------------------------------------------------*/
.button { color: #fff; 
    padding: 0;
    padding-right: 30px;
    padding-left: 30px;
    height: 40px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: capitalize;
    display: inline-block;
   -webkit-border-radius: 50px; 
   -moz-border-radius: 50px;
    border-radius: 50px; 
	border:none;
	}
.button:hover, .button:focus { color: #ffffff; background: #333333; }

/* Buttons white */
.button.bt-white { color: #333; background: #fff; }
.button.bt-white:hover, .button.bt-white:focus { color: #ffffff; background: #4ac4f3; }

/* Buttons white 2 */
.button.bt-black { color: #fff; background: #272626;  font-size:12px;}
.button.bt-black:hover, .button.bt-black:focus { color: #272626; background: #fff;  }

/*----------------------------------------------------------------------
                                Div Shadow
-----------------------------------------------------------------------*/
.iq-box-shadow { position: relative; z-index: 9; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); }

/*---------------------------------------------------------------------
                    Page Section Margin Padding 
---------------------------------------------------------------------*/
/*----------------
Section padding 
----------------*/
.overview-block-ptb { padding: 100px 0; }
.overview-block-pt { padding: 100px 0 0; }
.overview-block-pb { padding: 0 0 100px; }

/*----------------
Padding All 
----------------*/
.iq-pall { padding: 0px !important; }
.iq-pall-10 { padding: 10px !important; }
.iq-pall-15 { padding: 15px !important; }
.iq-pall-20 { padding: 20px !important; }
.iq-pall-25 { padding: 25px !important; }
.iq-pall-30 { padding: 30px !important; }
.iq-pall-40 { padding: 40px !important; }
.iq-pall-50 { padding: 50px !important; }
.iq-pall-60 { padding: 60px !important; }
.iq-pall-70 { padding: 70px !important; }
.iq-pall-80 { padding: 80px !important; }
.iq-pall-90 { padding: 90px !important; }
.iq-pall-100 { padding: 100px !important; }

/*----------------
Padding Top and Bottom 
----------------*/
.iq-ptb-0 { padding: 0 !important; }
.iq-ptb-10 { padding: 10px 0 !important; }
.iq-ptb-15 { padding: 15px 0 !important; }
.iq-ptb-20 { padding: 20px 0 !important; }
.iq-ptb-25 { padding: 25px 0 !important; }
.iq-ptb-30 { padding: 30px 0 !important; }
.iq-ptb-40 { padding: 40px 0 !important; }
.iq-ptb-50 { padding: 50px 0 !important; }
.iq-ptb-60 { padding: 60px 0 !important; }
.iq-ptb-70 { padding: 70px 0 !important; }
.iq-ptb-80 { padding: 80px 0 !important; }
.iq-ptb-90 { padding: 90px 0 !important; }
.iq-ptb-100 { padding: 100px 0 !important; }

/*----------------
Padding Left and right 
----------------*/
.iq-plr-0 { padding: 0 !important; }
.iq-plr-10 { padding: 0 10px !important; }
.iq-plr-15 { padding: 0 15px !important; }
.iq-plr-20 { padding: 0 20px !important; }
.iq-plr-25 { padding: 0 25px !important; }
.iq-plr-30 { padding: 0 30px !important; }
.iq-plr-40 { padding: 0 40px !important; }
.iq-plr-50 { padding: 0 50px !important; }
.iq-plr-60 { padding: 0 60px !important; }
.iq-plr-70 { padding: 0 70px !important; }
.iq-plr-80 { padding: 0 80px !important; }
.iq-plr-90 { padding: 0 90px !important; }
.iq-plr-100 { padding: 0 100px !important; }

/*----------------
Padding top 
----------------*/
.iq-pt-0 { padding-top: 0px !important; }
.iq-pt-10 { padding-top: 10px !important; }
.iq-pt-15 { padding-top: 15px !important; }
.iq-pt-20 { padding-top: 20px !important; }
.iq-pt-25 { padding-top: 25px !important; }
.iq-pt-30 { padding-top: 30px !important; }
.iq-pt-40 { padding-top: 40px !important; }
.iq-pt-50 { padding-top: 50px !important; }
.iq-pt-60 { padding-top: 60px !important; }
.iq-pt-70 { padding-top: 70px !important; }
.iq-pt-80 { padding-top: 80px !important; }
.iq-pt-90 { padding-top: 90px !important; }
.iq-pt-100 { padding-top: 100px !important; }

/*----------------
Padding Bottom 
----------------*/
.iq-pb-0 { padding-bottom: 0px !important; }
.iq-pb-10 { padding-bottom: 10px !important; }
.iq-pb-15 { padding-bottom: 15px !important; }
.iq-pb-20 { padding-bottom: 20px !important; }
.iq-pb-25 { padding-bottom: 25px !important; }
.iq-pb-30 { padding-bottom: 30px !important; }
.iq-pb-40 { padding-bottom: 40px !important; }
.iq-pb-50 { padding-bottom: 50px !important; }
.iq-pb-60 { padding-bottom: 60px !important; }
.iq-pb-70 { padding-bottom: 70px !important; }
.iq-pb-80 { padding-bottom: 80px !important; }
.iq-pb-90 { padding-bottom: 90px !important; }
.iq-pb-100 { padding-bottom: 100px !important; }

/*----------------
Padding Left 
----------------*/
.iq-pl-0 { padding-left: 0 !important; }
.iq-pl-10 { padding-left: 10px !important; }
.iq-pl-15 { padding-left: 15px !important; }
.iq-pl-20 { padding-left: 20px !important; }
.iq-pl-25 { padding-left: 25px !important; }
.iq-pl-30 { padding-left: 30px !important; }
.iq-pl-40 { padding-left: 40px !important; }
.iq-pl-50 { padding-left: 50px !important; }
.iq-pl-60 { padding-left: 60px !important; }
.iq-pl-70 { padding-left: 70px !important; }
.iq-pl-80 { padding-left: 80px !important; }
.iq-pl-90 { padding-left: 90px !important; }
.iq-pl-100 { padding-left: 100px !important; }

/*----------------
Padding Right 
----------------*/
.iq-pr-0 { padding-right: 0px !important; }
.iq-pr-10 { padding-right: 10px !important; }
.iq-pr-15 { padding-right: 15px !important; }
.iq-pr-20 { padding-right: 20px !important; }
.iq-pr-25 { padding-right: 25px !important; }
.iq-pr-30 { padding-right: 30px !important; }
.iq-pr-40 { padding-right: 40px !important; }
.iq-pr-50 { padding-right: 50px !important; }
.iq-pr-60 { padding-right: 60px !important; }
.iq-pr-70 { padding-right: 70px !important; }
.iq-pr-80 { padding-right: 80px !important; }
.iq-pr-90 { padding-right: 90px !important; }
.iq-pr-100 { padding-right: 100px !important; }

/*----------------
Margin All 
----------------*/
.iq-mall-0 { margin: 0 !important; }
.iq-mall-10 { margin: 10px !important; }
.iq-mall-15 { margin: 15px !important; }
.iq-mall-20 { margin: 20px !important; }
.iq-mall-25 { margin: 25px !important; }
.iq-mall-30 { margin: 30px !important; }
.iq-mall-40 { margin: 40px !important; }
.iq-mall-50 { margin: 50px !important; }
.iq-mall-60 { margin: 60px !important; }
.iq-mall-70 { margin: 70px !important; }
.iq-mall-80 { margin: 80px !important; }
.iq-mall-90 { margin: 90px !important; }
.iq-mall-100 { margin: 100px !important; }

/*----------------
Margin Top and Bottom 
----------------*/
.iq-mtb-0 { margin: 0 !important; }
.iq-mtb-10 { margin: 10px 0 !important; }
.iq-mtb-15 { margin: 15px 0 !important; }
.iq-mtb-20 { margin: 20px 0 !important; }
.iq-mtb-25 { margin: 25px 0 !important; }
.iq-mtb-30 { margin: 30px 0 !important; }
.iq-mtb-40 { margin: 40px 0 !important; }
.iq-mtb-50 { margin: 50px 0 !important; }
.iq-mtb-60 { margin: 60px 0 !important; }
.iq-mtb-70 { margin: 70px 0 !important; }
.iq-mtb-80 { margin: 80px 0 !important; }
.iq-mtb-90 { margin: 90px 0 !important; }
.iq-mtb-100 { margin: 100px 0 !important; }

/*----------------
Margin Left and Right 
----------------*/
.iq-mlr-0 { margin: 0 !important; }
.iq-mlr-10 { margin: 0 10px !important; }
.iq-mlr-15 { margin: 0 15px !important; }
.iq-mlr-20 { margin: 0 20px !important; }
.iq-mlr-25 { margin: 0 25px !important; }
.iq-mlr-30 { margin: 0 30px !important; }
.iq-mlr-40 { margin: 0 40px !important; }
.iq-mlr-50 { margin: 0 50px !important; }
.iq-mlr-60 { margin: 0 60px !important; }
.iq-mlr-70 { margin: 0 60px !important; }
.iq-mlr-80 { margin: 0 80px !important; }
.iq-mlr-90 { margin: 0 80px !important; }
.iq-mlr-100 { margin: 0 100px !important; }

/*----------------
Margin Top 
----------------*/
.iq-mt-0 { margin-top: 0px !important; }
.iq-mt-10 { margin-top: 10px !important; }
.iq-mt-15 { margin-top: 15px !important; }
.iq-mt-20 { margin-top: 20px !important; }
.iq-mt-25 { margin-top: 25px !important; }
.iq-mt-30 { margin-top: 30px !important; }
.iq-mt-40 { margin-top: 40px !important; }
.iq-mt-50 { margin-top: 50px !important; }
.iq-mt-60 { margin-top: 60px !important; }
.iq-mt-70 { margin-top: 70px !important; }
.iq-mt-80 { margin-top: 80px !important; }
.iq-mt-90 { margin-top: 90px !important; }
.iq-mt-100 { margin-top: 100px !important; }

/*----------------
Margin Bottom 
----------------*/
.iq-mb-0 { margin-bottom: 0px !important; }
.iq-mb-10 { margin-bottom: 10px !important; }
.iq-mb-15 { margin-bottom: 15px !important; }
.iq-mb-20 { margin-bottom: 20px !important; }
.iq-mb-25 { margin-bottom: 25px !important; }
.iq-mb-30 { margin-bottom: 30px !important; }
.iq-mb-40 { margin-bottom: 40px !important; }
.iq-mb-50 { margin-bottom: 50px !important; }
.iq-mb-60 { margin-bottom: 60px !important; }
.iq-mb-70 { margin-bottom: 70px !important; }
.iq-mb-80 { margin-bottom: 80px !important; }
.iq-mb-90 { margin-bottom: 90px !important; }
.iq-mb-100 { margin-bottom: 100px !important; }

/*----------------
Margin Left 
----------------*/
.iq-ml-0 { margin-left: 0px !important; }
.iq-ml-10 { margin-left: 10px !important; }
.iq-ml-15 { margin-left: 15px !important; }
.iq-ml-20 { margin-left: 20px !important; }
.iq-ml-25 { margin-left: 25px !important; }
.iq-ml-30 { margin-left: 30px !important; }
.iq-ml-40 { margin-left: 40px !important; }
.iq-ml-50 { margin-left: 50px !important; }
.iq-ml-60 { margin-left: 60px !important; }
.iq-ml-70 { margin-left: 70px !important; }
.iq-ml-80 { margin-left: 80px !important; }
.iq-ml-90 { margin-left: 90px !important; }
.iq-ml-100 { margin-left: 100px !important; }

/*----------------
Margin Right
----------------*/
.iq-mr-0 { margin-right: 0px !important; }
.iq-mr-10 { margin-right: 10px !important; }
.iq-mr-15 { margin-right: 15px !important; }
.iq-mr-20 { margin-right: 20px !important; }
.iq-mr-25 { margin-right: 25px !important; }
.iq-mr-30 { margin-right: 30px !important; }
.iq-mr-40 { margin-right: 40px !important; }
.iq-mr-50 { margin-right: 50px !important; }
.iq-mr-60 { margin-right: 60px !important; }
.iq-mr-70 { margin-right: 70px !important; }
.iq-mr-80 { margin-right: 80px !important; }
.iq-mr-90 { margin-right: 90px !important; }
.iq-mr-100 { margin-right: 100px !important; }

/*---------------------------------------------------------------------
                            Text Weight 
-----------------------------------------------------------------------*/
.iq-tw-1 { font-weight: 100; }
.iq-tw-2 { font-weight: 200; }
.iq-tw-3 { font-weight: 300; }
.iq-tw-4 { font-weight: 400; }
.iq-tw-5 { font-weight: 500; }
.iq-tw-6 { font-weight: 600; }
.iq-tw-7 { font-weight: 700; }
.iq-tw-8 { font-weight: 800; }
.iq-tw-9 { font-weight: 900; }

/*---------------------------------------------------------------------
                            Text Color 
-----------------------------------------------------------------------*/
.iq-font-blue { color: #4ac4f3  !important; }
.iq-font-white { color: #ffffff !important; }
.iq-font-black { color: #333333  !important; }
.iq-font-light { color: #666666  !important; }

/*---------------------------------------------------------------------
                            Font Size 
-----------------------------------------------------------------------*/
.iq-font-15 { font-size: 15px; }
.iq-font-30 { font-size: 30px; }

/*---------------------------------------------------------------------
                          Background Color 
-----------------------------------------------------------------------*/
.white-bg { background: #ffffff; }
.grey-bg { background: #f5f7fb; }
.blue-bg { background: #4ac4f3; }





/*---------------------------------------------------------------------
                          Bnner-Slider
-----------------------------------------------------------------------*/


header {
	/* Create grid spanning viewport width & height */
	display: grid;
	grid-template-rows: 100vh;
	overflow: hidden;
	box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.7);
}

.video-bg {
	/* Span the full grid */
	grid-area: var(--fullGrid);

	/* Re-size video to cover full screen while maintaining aspect ratio */
	width: 100%;
	height: 100%;
	object-fit: cover;

	/* Display video below overlay */
	z-index: -1;
}

.video-bg::-webkit-media-controls {
	display: none !important;
}

.video-overlay {
	/* Span the full grid */
	grid-area: var(--fullGrid);

	/* Center Content */
	display: grid;
	/*justify-content: center;
	align-content: center;
	text-align: center;*/

	/* Semi-transparent background */
	background-color: rgba(0, 0, 0, 0.55);
}





.fullscreen-bg {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index:99;
    width: 100%;
    
    transform: matrix(1, 0, 0, 1, 0, 0);
}


.fullscreen-bg__video {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	
    object-fit: cover !important;
}

.tb-dottedoverlay {
    background:url(../img/overlay-pattern-1.png);
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
	
	opacity:0.7;
}





#home{
	
position:absolute;
 z-index:999; 

left:0;
right:0;
bottom:0;
margin:auto;
	
	
	
	
	}



.cd-logo {
  /* hamburger icon */
 
  z-index: 3;
  top: 12px;
  
  
  background:url(../img/logo.png) no-repeat;
  
}



.navbar-default {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: transparent;
	min-height:80px;

}



/*---------------------------------------------------------------------
                          Services
-----------------------------------------------------------------------*/
.services{
	padding-top:100px;
}

.heading-title {
    margin-bottom: 30px;
    text-align: center;
	
}

.heading-title p{
	font-family: 'Coda', cursive;
	color: #504e4e;
	
	font-size:12px;
	}

.heading-title .title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
	
	
}
.iq-tw-7 {
    font-weight: 700;
	color:#000;
	font-size:33px;
	text-transform:uppercase;
}

.heading-title .title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 4px;
    background: #4ac4f3;
}


.ser-left{
	float: left;
	padding-right: 0px;
}
.ser-right{
	padding-top: 10px;
	float: left;
	padding-left: 0px;
}
.ser-icons{
	width: 110px;
	height: 90px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.ser-heading{
	margin-bottom: 0;
	font-weight: 700; 
	font-size:14px;
}
.ser-para{
	font-family: 'Coda', cursive;
	padding-top: 5px;
	font-size: 12px;
	line-height: 20px;
	color: #909090;
}
.services-icons{
	padding-top: 15px;
}

.hr-img{
	margin-top: 50px;
}
.services hr{ 
  
    border:         none;
    margin:auto;
    height:         650px;
    width:          10px;
  border-radius: 10px;
  background-color:#eee;
}


@media only screen and (max-width: 768px) {
    #home {
        padding-top: 30px;
        min-height: 0;
    }
    #services hr{
    	display: none !important;
    }
    .team-col{
    	padding-bottom: 10px;
    }
    .ser-right{
    	text-align:center;
    }
    .ser-left{
    	text-align: center;
    }
    .services-seperation{
    	display: none;
    }
    #footer{
    	color: black !important;
    }
	.offset-4{ margin-left:0;}
}


/*---------------------------------------------------------------------
                    What makes us uniquely different
-----------------------------------------------------------------------*/

#mission{
	padding-top: 100px;
	padding-bottom: 70px;
}
#img-unique{
	height: 50px;
	width: 50px;
}
.mission-heading{
	color: #000;
	
	font-size: 33px;
	font-weight: 600;
}
.colo-1,.colo-2,.colo-3,.colo-4,.colo-5,.colo-6{
	height: 160px;
	padding-top: 50px;
}
.colo-1{
	background-color: #0091d4;
}
.colo-2{
	background-color: #49c0f5;
	margin-left: 0;
}
.colo-3{
	background-color: #0091d4;
}
.colo-4{
	background-color: #2d529e;
}
.colo-5{
	background-color: #49c0f5;
}
.colo-6{
	background-color: #0091d4;
}
.padding-0{
    padding-right:0;
    padding-left:0;
    text-align: center;
}
.mission-contents{
	padding-top: 30px;
}
.mission-para{
	color: white;
	padding-left:5px;
	padding-right:5px;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Coda', cursive;;
}




/*---------------------------------------------------------------------
                    Meet our team
-----------------------------------------------------------------------*/












.boxs{
	-webkit-transform:translateY(-0px);
	transform:translateY(-0px);
}

.boxs:hover{
	-webkit-transform:translateY(-6px);
	transform:translateY(-6px);
}



#start{
	padding-bottom: 150px;
}




/*========================
	TEAM
========================*/
#team{
	padding-top: 50px;
	padding-bottom: 100px;
	background-image:url(../img/ridhi-bg.png);
}
.team-menbers{
	padding-top: 30px;
	padding-left:15px;
	padding-right:15px;
	
	
	padding-bottom: 30px;
}


.text {
  position: relative;
  font-size: 14px;
  
  width: 100%; /* Could be anything you like. */
}

.text-concat {
  position: relative;
  display: inline-block;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 7em; /* (Number of lines you want visible) * (line-height) */
  
 
}

.text.ellipsis::after {
  content: "...";
  position: absolute;
  right: -0px; 
  bottom: 4px;
}


#user-team{
	height: 40px;
	width: 40px;
}
.team-heading-class{
	padding-bottom: 30px;
}
.team-heading{
	color: #000;
	font-size: 33px;
	font-weight: 600;
	margin-top:10px;
	padding-top:10px;
}
.testimonial-image{
	width: 100px;
    height: 100px;
    border-radius: 80px;
    overflow: hidden;
    border: 1px solid white;
    line-height: 75px;
    text-align: center;
    color: #e43c5c;
    font-size: 30px;
    margin:auto;
    display: block;
    background:white;
    margin-bottom: 20px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.team-name{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 700;
	color: #6d6e71;
}
.designation{
	padding-top: 5px;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 400;
	color: #848487;
	padding-bottom: 20px;
	font-family: 'Coda', cursive;
}
.social-links{
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #ffffff;
}
.fa-social-icon{
	padding-bottom: 7px;
	padding-top: 7px;
	color: #cdcdcd;
	font-size: 18px;
	padding-right: 7px;
}
/*==========================
	OUR CLIENTS
==========================*/
#clients{
	padding-top: 30px;
	padding-bottom: 60px;
	background-color: #fff;
}
.ul-flexi li{
	background-color: #fff !important;
}
.clients-heading{
	color: black;
	font-size: 33px;
	font-weight: 600;
	padding-bottom: 20px;
}
/*==============================
	ENQUIRY-SECTION
==============================*/
#enquiry{
	/*background: url('../img/enquiry-bg.jpg');*/
	background-color: #333333;
	background-size: cover;
	padding-top: 60px;
	float:left;
	width:100%;
	
}

.mr-foot{ margin-right:30px;}
.mr-foot:nth-child(3) {
 margin-right:0px;
}


.foot h3 .head-line {
    position: relative;
    bottom: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 3px;
    background-color:#0098da;
    margin: 0;
}


.foot h3{
	color: #eee;
	font-weight: 400;
	padding-bottom: 20px;
	font-size:18px;
	font-weight:bold;
	
}
.contact-anchor{
	font-size: 19px;
	padding-bottom: 5px;
	color: #777777;
}
.navig-footer{
	padding-bottom: 20px;
}
.contact-details{
	padding-bottom: 7px;
}

.fa-contact{
	width:7%;
	float: left;
	min-height: 60px;
}
.fa-contact1{
	width:7%;
	float: left;
	min-height: 40px;
}
.fa-contact2{
	width:7%;
	float: left;
	min-height: 20px;
}
.fa-details{
	width:93%;
	float: left;
}

.fa-contact-icons{
	font-size: 15px;
	color: #00b0f0;
}
.mr-btm0{
	padding-bottom: 0px !important;
}
.office-address{
	color: #ccc;
	font-family: 'Coda', cursive;
	font-size:12px;
	letter-spacing:1px;
	/*text-align:justify;*/
}
.form-control {font-size: 12px; font-family: 'Coda', cursive; color:#fff;}
#input-enquiry{
	background-color: transparent;
	border-right-style:none;
	border-left-style:none;
	border-top-style:none;
	box-shadow: none;
	
}
.ridhi-footer{
	background-color: #00b0f0;
	height: 50px;
}
.button-div{
	margin-top: 20px;
}
.footer-h3{
	color: white;
	font-size: 14px;
}
#footer p{
	padding-top: 50px;
	color: white;
	font-size:12px;
}
.img-up{
	padding-top: 50px;
}
.img-up img{
	height: 80px;
	width: 80px  }

.form-control { border-radius:0px !important;}



.sub-main{
  width: 100%;
 
  float: left;
}

 .button-two{
  text-align: center;
  cursor: pointer;
  font-size:16px;
  color:#FFF;
 
}





/*Button Two*/
.button-two {
  border-radius: 4px;
  background-color:#02b6f8;
  border: none;
  padding: 10px;
  width: 200px;
  transition: all 0.5s;
}


.button-two span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button-two span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button-two:hover span {
  padding-right: 25px;
}

.button-two:hover span:after {
  opacity: 1;
  right: 0;
}


.scroll-to-top {
	padding:5px;
  width: 50px;
  height: 50px;
  border-radius:50%;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  position: fixed;
  bottom: 150px;
  right: 20px;
  display: none;
  z-index: 9999;
  background-color: #000;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  overflow: hidden;
  z-index:9999;
}
.scroll-to-top:before, .scroll-to-top:after {
  content: '';
  position: absolute;
  display: block;
  top: 10px;
  background-color: #fff;
  height: 20px;
  width: 5px;
    
}
.scroll-to-top:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: 28px;
  -webkit-box-shadow: -8px 14px 0px 8px #0b0b0b;
          box-shadow: -8px 14px 0px 8px #0b0b0b;
}
.scroll-to-top:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  right: 28px;
}
.scroll-to-top:focus {
  outline: none;
}



.cd-nav-trigger {
  /* hamburger icon */
  position: fixed;
  z-index: 3;
  top: 12px;
      margin-top: 25px;
  right: 10%;
  height: 44px;
  width: 44px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  transition: transform 0.2s;
}
.cd-nav-trigger span {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 32px;
  height: 3px;
  background-color: #fff;
}
.cd-nav-trigger span::before, .cd-nav-trigger span:after {
  /* upper and lower lines of the menu icon */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.2s, width 0.2s;
  -moz-transition: -moz-transform 0.2s, width 0.2s;
  transition: transform 0.2s, width 0.2s;
}
.cd-nav-trigger span::before {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.cd-nav-trigger span::after {
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
}
.no-touch .cd-nav-trigger:hover {
  /* rotate trigger on hover */
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.no-touch .cd-nav-trigger:hover span::after,
.no-touch .cd-nav-trigger:hover span::before {
  /* animate arrow --> from hamburger to arrow */
  width: 50%;
}
.no-touch .cd-nav-trigger:hover span::before {
  -webkit-transform: translateX(1px) translateY(1px) rotate(45deg);
  -moz-transform: translateX(1px) translateY(1px) rotate(45deg);
  -ms-transform: translateX(1px) translateY(1px) rotate(45deg);
  -o-transform: translateX(1px) translateY(1px) rotate(45deg);
  transform: translateX(1px) translateY(1px) rotate(45deg);
}
.no-touch .cd-nav-trigger:hover span::after {
  -webkit-transform: translateX(1px) translateY(-1px) rotate(-45deg);
  -moz-transform: translateX(1px) translateY(-1px) rotate(-45deg);
  -ms-transform: translateX(1px) translateY(-1px) rotate(-45deg);
  -o-transform: translateX(1px) translateY(-1px) rotate(-45deg);
  transform: translateX(1px) translateY(-1px) rotate(-45deg);
}
@media only screen and (min-width: 1024px) {
  .cd-nav-trigger {
    top: 10px;
  }
}

/* -------------------------------- 

xnavigation 

-------------------------------- */
.cd-nav-container {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  width: 80%;
  height: 100%;
  overflow-y: auto;
  background-color: #ffffff;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s;
  -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s;
  transition: transform 0.4s 0s, box-shadow 0s 0.4s;
}
.cd-nav-container.is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-overflow-scrolling: touch;
  box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2);
  -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s;
  -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s;
  transition: transform 0.4s 0s, box-shadow 0s 0s;
}
.cd-nav-container header {
  padding: 1.5em 0 0 6.25%;
  height: 68px;
  position: relative;
}
.cd-nav-container h3 {
  font-size: 16px;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  color: #5c4b51;
}
@media only screen and (min-width: 700px) {
  .cd-nav-container {
    width: 40%;
  }
 
}

.cd-close-nav {
  /* 'X' close icon */
  position: absolute;
  height: 44px;
  width: 44px;
  /* set the right position value so that it overlaps the .cd-nav-trigger*/
  right: 6.25%;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-close-nav::after, .cd-close-nav::before {
  /* lines of 'X' icon */
  content: '';
  position: absolute;
  height: 3px;
  width: 32px;
  left: 50%;
  top: 50%;
  background-color: #5c4b51;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-close-nav::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-close-nav::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.no-touch .cd-close-nav:hover {
  opacity: .8;
}
@media only screen and (min-width: 700px) {
  .cd-close-nav {
    right: 7.14%;
  }
}

.cd-nav {
  background-color: #f2f2f2;
}
.cd-nav::after {
  clear: both;
  content: "";
  display: table;
}
.cd-nav li {
  width: 50%;
  float: left;
  /* 68px is the navigation header height  and the menu items will be allocated in 3 rows */
  height: calc((100vh - 68px)/3);
  min-height: 120px;
  border: 1px solid #ffffff;
  border-top: none;
  border-left: none;
}
.cd-nav li:nth-of-type(2n) {
  border-right-width: 0;
}
.cd-nav a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
 
  
}


.no-touch .cd-nav a:hover svg {
  -webkit-animation: cd-shock 0.3s;
  -moz-animation: cd-shock 0.3s;
  animation: cd-shock 0.3s;
}
.no-touch .cd-nav li a:hover span *,
.cd-nav li.cd-selected a span * {
  /* on hover or if selected - change text and icon color*/
  stroke: #ffffff;
}
.no-touch .cd-nav li a:hover em,
.cd-nav li.cd-selected a em {
  /* on hover or if selected - change text and icon color*/
  color: #ffffff;
}
.no-touch .cd-nav li:first-of-type a:hover,
.cd-nav li.cd-selected:first-of-type a {
  /* on hover or if selected - change background color*/
  background-color: #0098da;
}
.no-touch .cd-nav li:nth-of-type(2) a:hover,
.cd-nav li.cd-selected:nth-of-type(2) a {
  /* on hover or if selected - change background color*/
  background-color: #5c4b51;
}
.no-touch .cd-nav li:nth-of-type(3) a:hover,
.cd-nav li.cd-selected:nth-of-type(3) a {
  /* on hover or if selected - change background color*/
  background-color: #e0cf75;
}
.no-touch .cd-nav li:nth-of-type(4) a:hover,
.cd-nav li.cd-selected:nth-of-type(4) a {
  /* on hover or if selected - change background color*/
  background-color: #f5b65a;
}
.no-touch .cd-nav li:nth-of-type(5) a:hover,
.cd-nav li.cd-selected:nth-of-type(5) a {
  /* on hover or if selected - change background color*/
  background-color: #f25f5c;
}
.no-touch .cd-nav li:nth-of-type(6) a:hover,
.cd-nav li.cd-selected:nth-of-type(6) a {
  /* on hover or if selected - change background color*/
  background-color: #8abeb2;
}
.cd-nav span, .cd-nav em {
  position: absolute;
}
.cd-nav span {
  top: calc(50% - 48px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 48px;
  width: 48px;
}
.cd-nav span * {
  -webkit-transition: stroke 0.2s;
  -moz-transition: stroke 0.2s;
  transition: stroke 0.2s;
}
.cd-nav em {
  width: 100%;
  left: 0;
  top: calc(50% + 15px);
  color: #5c4b51;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media only screen and (min-width: 700px) {
  .cd-nav li {
    /* 116px is the navigation header height and the menu items will be allocated in 3 rows */
    height: calc((100vh - 116px)/3);
    min-height: 200px;
  }
  .cd-nav span {
    height: 64px;
    width: 64px;
    top: calc(50% - 56px);
  }
  .cd-nav em {
    font-size: 14px;
    font-weight: 300;
    top: calc(50% + 21px);
  }
}
@media only screen and (min-width: 1024px) {
  .cd-nav li {
    width: 33.33%;
    float: left;
    /* 116px is the navigation header height  and the menu items will be allocated in 2 rows */
    height: calc((100vh - 116px)/2);
    min-height: 250px;
  }
  .cd-nav li:nth-of-type(2n) {
    border-right-width: 1px;
  }
  .cd-nav li:nth-of-type(3n) {
    border-right-width: 0;
  }
  .cd-nav em {
    font-size: 20px;
  }
}

@-webkit-keyframes cd-shock {
  0% {
    -webkit-transform: rotate(0);
  }
  30% {
    -webkit-transform: rotate(10deg);
  }
  60% {
    -webkit-transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0);
  }
}
@-moz-keyframes cd-shock {
  0% {
    -moz-transform: rotate(0);
  }
  30% {
    -moz-transform: rotate(10deg);
  }
  60% {
    -moz-transform: rotate(-10deg);
  }
  100% {
    -moz-transform: rotate(0);
  }
}
@keyframes cd-shock {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  30% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  60% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
/* -------------------------------- 

xshadow layer 

-------------------------------- */
.cd-overlay {
  /* shadow layer visible when navigation is open */
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.35);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  transition: opacity 0.4s 0s, visibility 0s 0.4s;
}
.cd-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0s;
  transition: opacity 0.4s 0s, visibility 0s 0s;
}

/* -------------------------------- 

xcontent 

-------------------------------- */
main {
  position: relative;
  height: 100vh;
  overflow-x: hidden;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
  box-shadow: 0 0 30px #241d20;
}
main.scale-down {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}

.cd-section {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0s 0.4s;
  -moz-transition: -moz-transform 0s 0.4s;
  transition: transform 0s 0.4s;
}
.cd-section.cd-selected {
  position: relative;
  z-index: 2;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.4s 0s;
  -moz-transition: -moz-transform 0.4s 0s;
  transition: transform 0.4s 0s;
  -webkit-overflow-scrolling: touch;
}


.cd-title {
  position: relative;
  top: 48%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #ffffff;
  text-align: center;
}
.cd-title > * {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-title h2 {
  font-size: 2.8rem;
  margin-bottom: .8em;
}
.cd-title a {
  display: inline-block;
  padding: 1.2em 1.6em;
  border-radius: 50em;
  border: 2px solid rgba(255, 255, 255, 0.5);
  font-weight: 700;
  color: #ffffff;
  font-family: 'Rajdhani', sans-serif;
}
.no-touch .cd-title a:hover {
  border-color: #ffffff;
}
.cd-title span {
  vertical-align: middle;
  display: inline-block;
}
@media only screen and (min-width: 700px) {
  .cd-title h2 {
    font-size: 5rem;
    font-weight: 300;
    margin-bottom: .6em;
  }
}

.cd-content {
  background-color: #ffffff;
  padding: 0em 0 0 0;
  min-height:1500px;
}
/*.cd-content p {
  width: 90%;
  max-width: 800px;
  margin: 2em auto;
  line-height: 2;
  color: #78626a;
}*/

.no-js main, .no-js .cd-section {
  height: auto;
  overflow: visible;
}

.no-js .cd-section {
  position: static;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.no-js .cd-nav-container {
  width: 100%;
  position: static;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  height: auto;
  overflow: visible;
}

.no-js .cd-close-nav {
  display: none;
}

.no-js .cd-nav li {
  width: 50%;
  float: left;
}
@media only screen and (min-width: 700px) {
  .no-js .cd-nav li {
    width: 33.3%;
    float: left;
  }
  .no-js .cd-nav li:nth-of-type(2n) a {
    border-right-width: 1px;
  }
}
@media only screen and (min-width: 1024px) {
  .no-js .cd-nav li {
    width: 16.66%;
    float: left;
  }
  .no-js .cd-nav li:nth-of-type(3n) a {
    border-right-width: 1px solid #e0cf75;
  }
}








.services-sec {
    background: #fff;
    color: #000;
    padding: 100px 0 50px 0;
}

.services-sec .service-intro {
    background: rgba(0, 0, 0, 0.9);
    color: #000;
    padding-right: 10%;
    position: relative;
}

.services-sec .service-intro::before {
    background: rgba(0, 0, 0, 0.9);
    bottom: 0;
    content: "";
    left: -150%;
    position: absolute;
    top: 0;
    width: 150%;
}



.services-sec .heading h1 {
    color: #fff
}

.services-sec .heading h1 span {
    color: #fff
}


.home-services .service:nth-child(3):before,
.home-services .service:nth-child(6):before {
    display: none;
}



.home-services .service:nth-child(3),
.home-services .service:nth-last-child(1) {
    
}

.home-services .service:nth-child(4) .services-box,
.home-services .service:nth-child(5) .services-box,
.home-services .service:nth-child(6) .services-box {
   
}

.home-services .service-style-btn {
    color: #2cbed2;
    margin-top: 10px;
    
}

.home-services .services-box {
    position: relative;
    text-align: center;
    transition: all 0.3s ease 0s;
   
    
}

.home-services .services-box .services-icon {
    border-radius: 100%;
    box-shadow: 0 0 0 4px #fff inset;
    font-size: 35px;
    height: 90px;
    line-height: 90px;
    margin: 0 auto;
    position: static;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 1s ease 0s;
    width: 90px;
}

.services-icon img {
    width:50px;
    height: 50px;
    background-size: 100% 100%;
}

.home-services .services-icon i {
    color: #000;
    font-size: 42px;
    padding: 30px 0;
    vertical-align: middle;
}

.home-services .services-box h2 {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 0;
    text-transform: uppercase;
}

.home-services .services-box p {
    font-size: 14px;
    line-height: 22px;
	font-family: 'Open Sans', sans-serif;
    color: #333;
    margin: 0;
    min-height: 115px;
}

.services-box a p:hover{	
	color:#fff !important;
}
.service-1:hover{ color:#fff !important;}

.home-services .services-box a {
    display: block;
    
    
	color:#000;
    transition: all 0.3s ease 0s;
}
.services-box a:hover{}

.home-services .service:nth-child(1) .services-box .services-icon
{
    background: #1E88E5;
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.1);
}

.home-services .service:nth-child(2) .services-box .services-icon
 {
    background: #03A9F4;
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.1);
}

.home-services .service:nth-child(3) .services-box .services-icon
 {
    background: #009688;
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.1);
}

.home-services .service:nth-child(4) .services-box .services-icon
 {
    background: #673AB7;
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.1);
}

.home-services .service:nth-child(6) .services-box .services-icon
 {
    background: #9C27B0;
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.1);
}

.home-services .service:nth-child(5) .services-box .services-icon
 {
    background: #4BBC8F;
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.1);
}

.services-icon:after {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
}

.services-icon {
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
}

.services-icon:after {
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.services-box a:hover .services-icon {
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
}

.services-box a:hover .services-icon:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms infinite;
}

@keyframes sonarEffect {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
        box-shadow: 0 0 0 1px rgba(0, 152, 118, 0.1), 0 0 2px 2px #0098da, 0 0 0 2px rgba(0, 152, 118, 0.5);
    }
    100% {
        box-shadow: 0 0 0 1px rgba(0, 152, 118, 0.1), 0 0 2px 2px #0098da, 0 0 0 2px rgba(0, 152, 118, 0.5);
        transform: scale(1.3);
        opacity: 0;
    }
}

.service-2{
	margin-bottom:20px;
	
	
	}

.home-services1 .services-box1 {
    position: relative;
    text-align: center;
    transition: all 0.3s ease 0s;
	
   
    
}

.home-services1 .services-box1 .teamicon {
    border-radius: 100%;
    box-shadow: 0 0 0 4px #fff inset;
    font-size: 35px;
    height: 110px !important;
	width: 110px !important;
    line-height: 150px;
    margin: 0 auto;
    position: static;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 1s ease 0s;
	margin-left:auto;
	margin-right:auto;
	display:block;
	
    
}

.teamicon img {
    height: 110px !important;
	width: 110px !important;
    background-size: 100% 100%;
	border-radius:50%;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.home-services1 teamiconn i {
    color: #000;
    font-size: 42px;
    padding: 30px 0;
    vertical-align: middle;
}

.teamicon:after {
    position: absolute;
    height: 110px !important;
	width: 110px !important;
    border-radius: 50%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	
    content: '';
}

.teamicon {
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
}

.teamicon:after {
    top: 0;
    left:33%;
    padding: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.services-box1 a:hover .teamicon {
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
}

.services-box1 a:hover .teamicon:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms infinite;
}


.spacer h2 {font-family: 'Open Sans', sans-serif;font-size: 32px; font-weight:300; color:#fff;  padding-top:100px; text-align:center; }
section.module p {margin-bottom: 20px; font-size: 13px;   
 font-family: 'Open Sans', sans-serif; line-height: 22px; font-weight:500;}
section.module p:last-child {margin-bottom: 0;}
section.module.content {padding: 0px 0 80px;}
section.module.parallax {height: 200px;background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-color:rgba(0,0,0,0.4);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; }

/*section.module:before {
    background:url(../img/overlay-pattern-1.png);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: " ";
    width: 100%;
    height: 200px;
    z-index: 0;
    opacity: 0.4;
}
*/

section.module.parallax-1 {background-image:url(../img/about-prallax.png);transform:  scale(100%) rotate(2deg);box-shadow: 0 0 5px rgba(0, 0, 0, .7);}
section.module.parallax-3 {background-image:url(../img/contacts-parallex.png);transform:  scale(100%) rotate(2deg);box-shadow: 0 0 5px rgba(0, 0, 0, .7);}
.about-bg.parallax-2 {background-image:url(../img/about.png);transform:  scale(100%) rotate(2deg);box-shadow: 0 0 1px rgba(0, 0, 0, .2);}
section.module.parallax-4 {background-image:url(../img/portfoio-prallax.png);transform:  scale(100%) rotate(2deg);box-shadow: 0 0 5px rgba(0, 0, 0, .7);}

section.module.parallax-5 {background-image:url(../img/careers-prallax.png);transform:  scale(100%) rotate(2deg);box-shadow: 0 0 5px rgba(0, 0, 0, .7);}

section.module.parallax-7 {background-image:url(../img/servicest-prallax.png);transform:  scale(100%) rotate(2deg);}

.about-bg.parallax-6 {background-image:url(../img/careers-prallax1.png);transform:  scale(100%) rotate(2deg);box-shadow: 0 0 1px rgba(0, 0, 0, .2);}



.about-bg {height: 220px;background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-color:rgba(0,0,0,0.4);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; }
.heading {
    margin-bottom: 20px;
}
.heading h2{
	color: #303030;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
	font-size:24px;
	font-family: 'Coda', cursive; 
}


.heading:after {
    border-top: 3px solid #303030;
    display: block;
    margin-top: 10px;
    width: 30px;
    content: "";
}
.about-page{ width:100%;}
.about-page h6{ color:#8e8e8e; font-size:14px;}
.about-page h5{ color:#31aae1; font-size:18px;}

/*GET IN TOUCH*/
.getintouch{ width:100%;}

.sup_service {
    float: left;
    width: 100%;
    padding-bottom: 30px;
    text-align: center;
}
.sup_service span {
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 65px;
	position:relative;
    text-align: center;
    
    border: 2px solid #ebebeb;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.sup_service:hover span {
    border-color: transparent;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    background: #31aae1;
}
.sup_service:hover span path{
    fill: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.sup_service span img {
    vertical-align: middle;
	width:40px;
	height:40px;
}
.sup_service span i {
    font-size: 25px;
    color: #31aae1;
    position: relative;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.sup_service h5 {
    width: 100%;
    text-transform: uppercase;
    color: #211f20;
    font-weight: bold;
    position: relative;
    margin-top: 30px;
    margin-bottom: 10px;
    display: inline-block;
    padding-bottom: 10px;
}
.sup_service p {
    float: left;
    width: 100%;
    padding: 0px 20px;
    margin: 0;
}


.sup_map_section {
    float: left;
    position:relative;
    width: 100%;
}
.sup_map_section .sup_blue_overlay {
    left: auto;
    right: 0;
}
#map {
    display: block;
    width: 100%;
    
    margin: 0 auto;
}
.sup_contact_form {
    float: left;
    width: 100%;
	background-color:#31aae1;
    padding: 30px 25px 30px 25px;
}
.sup_contact_form .sup_heading h4 {
    color: #fff;
}
.sup_contact_form .sup_title_border, .sup_contact_form .sup_title_border:before {
    background: #fff;
}
.sup_contact_form .form-group {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.sup_contact_form .form-group .form-control {
    height: auto;
	 width: 100%;
    padding: 9px 12px;
    border-radius: 0;
    box-shadow: none;
    border: none;
    font-size: 16px;
    color: #999;
    resize: none;
}
.sup_byenow {
    float: left;
    width: 100%;
}
.sup_byenow h2 {
    float: left;
    width: 100%;
    color: #211f20;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    padding-bottom: 50px;
}

.sup_contact_form  #submit-contact {
     padding: 0;
     padding-right: 30px;
     padding-left: 30px;
     height: 40px;
     text-align: center;
     font-size: 14px;
     letter-spacing: 1px;
     text-transform: capitalize;
     display: inline-block;
     overflow: hidden;
     outline: none;
     border: none;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     -ms-border-radius: 50px;
     -o-border-radius: 50px;
     border-radius: 50px;
     color: white;
     position: relative;
     margin: -10px 0px 0px 0px;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -ms-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
     background: #038FD6;
	 border: 2px solid #038FD6;
 }
.sup_contact_form  #submit-contact:hover {
     background-color: transparent;
     border: 2px solid #038FD6;
     color: #038FD6;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -ms-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
 }
 
 
 /*------ Portfolio section start --------*/
#portfolio .mix {
    display: none;
}
.sup_portfolio, .portfolio-item {
    float: left;
    width: 100%;
    overflow: hidden;
}
.portfolio-image{
    position: relative;
}
.sup_sorting {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.sup_sorting ul {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
    padding-bottom: 40px;
	position:relative;
}
.sup_sorting ul li {
    display: inline-block;
    list-style: none;
    margin: 0px 20px;
    position: relative;	
}
.sup_sorting ul li a {
    color: #211f20;
    text-transform: uppercase;
    font-weight: 400;
    padding: 0px 0px 10px;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	text-decoration:none;
}
.sup_sorting ul li a:before{
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: transparent;
    border-radius: 100%;
    left: 50%;
/*     top: 83%; */
	bottom:0px;
	margin-left: -20px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.sup_sorting ul li a:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 1px;
    background: #31aae1;
    top: 90%;
    left: 50%;
	margin-left: -15px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.sup_sorting ul li a.active:before,
.sup_sorting ul li:hover a:before{
	background: #31aae1;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.sup_sorting ul li a.active:after,
.sup_sorting ul li:hover a:after{
	width: 30px;
}


.sup_sorting ul li:hover a, .sup_sorting ul li a.active {
	color:#31aae1;
}
.sup_sorting ul li:hover a:before {   
	background: #31aae1;
}
.sup_sorting ul li:hover a:after {
    background: #31aae1;
}
.sup_overlay_action, .portfolio-overlay {
    opacity: 0;
    position: absolute;
    z-index: 2;
    background: #000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.sup_links {
    text-align: center; 
    opacity: 0;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.sup_links .sup_link{
    color: #31aae1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    margin: 0px 10px;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
}
.sup_links .sup_link:first-child {
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
}
.sup_links .sup_link:last-child {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
}
.sup_portfolio:hover .sup_links .sup_link:last-child, .portfolio-item:hover .sup_links .sup_link:last-child {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
.sup_portfolio:hover .sup_links .sup_link:first-child, .portfolio-item:hover .sup_links .sup_link:first-child {
	-webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
.sup_portfolio:hover .sup_links, .portfolio-item:hover .sup_links {
	opacity:1;
}
.sup_portfolio:hover .sup_overlay_action, .portfolio-item:hover .portfolio-overlay{
    opacity: 0.8;
}
.sup_portfolio:hover .sup_links .sup_link:hover, .portfolio-item:hover .sup_links .sup_link:hover{
    background: #31aae1;	
	color:#fff;
}
/*------ Portfolio section end --------*/

.portfolioFilter {
  padding: 15px 0;
}

.portfolioFilter a {
  margin-right: 6px;
  color: #666;
  text-decoration: none;
  border: 1px solid #ccc;
  padding: 4px 15px;
  border-radius: 50px;
  display: inline-block;
}

.portfolioFilter a.current {
  background: #1e1e1e;
  border: 1px solid #1e1e1e;
  color: #f9f9f9;
}
.portfolioContainer{
  border: 1px solid #eee;
  border-radius: 3px;
}
.portfolioContainer img {
 padding:0;
 margin:0;
 display:block;
 
  max-width:100%;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}




@media (min-width: 768px) {
  .form-search .combobox-container,
  .form-inline .combobox-container {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
  }
  .form-search .combobox-container .input-group-addon,
  .form-inline .combobox-container .input-group-addon {
    width: auto;
  }
}

.combobox-selected .caret {
  display: none;
}


/* :not doesn't work in IE8 */

.combobox-container:not(.combobox-selected) .glyphicon-remove {
  display: none;
}

.typeahead-long {
  max-height: 300px;
  overflow-y: auto;
}

.control-group.error .combobox-container .add-on {
  color: #B94A48;
  border-color: #B94A48;
}

.control-group.error .combobox-container .caret {
  border-top-color: #B94A48;
}

.control-group.warning .combobox-container .add-on {
  color: #C09853;
  border-color: #C09853;
}

.control-group.warning .combobox-container .caret {
  border-top-color: #C09853;
}

.control-group.success .combobox-container .add-on {
  color: #468847;
  border-color: #468847;
}

.control-group.success .combobox-container .caret {
  border-top-color: #468847;
}

.select-1{ background-color:transparent !important; border:none; border-bottom:solid 1px #ccc !important;}
.placeholder{color: grey;}
select option:first-child{color: grey !important; display: none; }
select option{color: #555 !important;} 


.care-head h1{font-size:18px;padding:0 0 5px;border-bottom:1px solid #e7edef;margin-bottom:20px;width:100px}.pop-overlay,.pop-overlay:before{width:100%;height:100vh;top:0;left:0}
.care-head h2{font-size:45px;padding:20px 0 10px}

.care-txt{-moz-border-radius:3px;border-radius:3px;padding:40px;box-sizing:border-box; height:auto !important;}
.care-txt h2{font-size:24px;color:#212f3d;font-weight:400}
.care-txt h3,.care-txt p{font-size:13px;color:#85929e;font-weight:400}
.care-txt h3{padding:10px 0; line-height:22px;}

.care-txt p{padding:5px 0}
.aply-btn{padding:10px 0}
.aply-btn a{font-size:12px;color:#5dade2;padding:8px 15px;border:1px solid #5dade2;-moz-border-radius:3px;border-radius:3px}.care-list{border-bottom:1px solid #dee1e2;padding:20px 0}

.popup{width:100%;height:auto;margin:0 auto;background:#fff;display:table;-moz-border-radius:5px;border-radius:5px;position:relative;z-index:700}
.care-pop h2{font-size:24px;color:#273746;font-weight:400;padding-bottom:15px}
.care-pop p{font-size:13px;color:#5d6d7e;padding:10px 0;line-height:22px}
.care-pop h3,.care-pop ul li{font-size:13px;color:#555f69;padding:10px 0}
.care-pop ul li{padding:4px 0;list-style:inside}
.apply-pop-btn{display:inline-block;padding:30px 0 0}
.apply-pop-btn a,.apply-pop-btn input{font-size:18px;color:#5dade2;padding:10px 15px;border:1px solid #5dade2;-moz-border-radius:5px;border-radius:5px;display:block;background:#fff;cursor:pointer}
.pop-cols{position:absolute;top:30px;right:30px;cursor:pointer;z-index:750}
.pop-cols i{font-size:18px;color:#fff}
.care-form h2{font-size:18px;color:#273746;padding:20px 0;font-weight:400;display:inline-block}
.font_lite_weight,.wrk-head h2{font-weight:200}
.file-brws{position:relative;float:left;width:100% ;height:50px}
.file-brws:before{content:"Upload your resume";width:100% ;border: solid 1px #b3aca7;  padding:10px 10px;display:inline-block;font-size:12px; text-transform:uppercase;}
.file-brws-btn{position:absolute;left:0;cursor:pointer;opacity:0;width:100% ;height:100px;top:-20px;overflow:hidden}
#apply_title{ font-size:24px; font-weight:bold;}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: #bbb5af;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: #bbb5af;
}

input::placeholder, textarea::placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::placeholder, textarea::focus:placeholder {
  color: #bbb5af;
}

input::-ms-placeholder, textarea::-ms-placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::-ms-placeholder, textarea:focus::-ms-placeholder {
  color: #bbb5af;
}

/* on hover placeholder */

input:hover::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-webkit-input-placeholder, textarea:hover:focus::-webkit-input-placeholder {
  color: #cbc6c1;
}

input:hover::-moz-placeholder, textarea:hover::-moz-placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-moz-placeholder, textarea:hover:focus::-moz-placeholder {
  color: #cbc6c1;
}

input:hover::placeholder, textarea:hover::placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::placeholder, textarea:hover:focus::placeholder {
  color: #cbc6c1;
}

input:hover::placeholder, textarea:hover::placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-ms-placeholder, textarea:hover::focus:-ms-placeholder {
  color: #cbc6c1;
}


#form {
  position: relative;
  width: 100%;
  margin: 0px auto 0px auto;
}

input {
 
  font-size: 0.875em;
  width: 100%;
  height: 50px;
  padding: 0px 15px 0px 15px;
  
  background: transparent;
  outline: none;
  color: #726659;
  
  border: solid 1px #b3aca7;
  border-bottom: none;
  
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

input:hover {
  
  color: #e2dedb;
}

textarea {
  width:100%;
  /*max-width: 470px;*/
  height: 110px;
  max-height: 110px;
  padding: 15px;
  
  background: transparent;
  outline: none;
  
  color: #726659;
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  
  border: solid 1px #b3aca7;
  
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

textarea:hover {
  background: #b3aca7;
  color: #e2dedb;
}

#submit {
  width: 100%;
  
  padding: 0;
  margin: -5px 0px 0px 0px;
  
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  color: #b3aca7;
  
  outline:none;
  cursor: pointer;
  
  border: solid 1px #b3aca7;
  border-top: none;
}

#submit:hover {
  color: #e2dedb;
}

.services1{ padding-top:80px;}
.c-clr{color:#10374b;}
.c-clr2{ color:#46c7ee;}
.career-col1{ 
background: #fff!important;
 -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
margin-bottom:30px;
}


#footer .button {
    background-color: transparent;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    border: 1px solid;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    padding: 4px 10px 4px;
    font-size: 12px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
	height:25px;
	margin-right:10px;
    
    line-height: 1;
   
}
#footer .button:hover{
    text-decoration: none;
    cursor: pointer;
    color: #000;
}

#footer .button-neutral{
    color: #000;
    border-color: #000;
}
#footer .button-neutral:hover{
    color: #fff;
    background-color: #000;
}

#footer .button-primary{
    color: #23849b;
    border-color: #23849b;
}
#footer .button-primary:hover{
    color: #fff;
    background-color: #23849b;
}




@media only screen and (max-width : 767px) {

.iq-font-white {
    color: #b5b3b3 !important;
}
.embed-responsive-50{ padding-bottom:86.25%;}

.cd-section .headerdiv {
  height: auto; 
   
}
/*.tb-dottedoverlay {
   display:none;
}
*/
.iq-pt-100 {
    padding-top: 50px ;
}
}