@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=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
.text {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 16px;     /* fallback */
   max-height:50px;
   px; */      /* fallback */
   -webkit-line-clamp: 6; /* number of lines to show */
   -webkit-box-orient: vertical;
}

.cdiv{
	padding:20px;
	border:1px solid #ccc;
	}
	
.border-l{ border-left:none;}
.border-r{ border-right:none;}
.border-b{ border-bottom:none;}
.border-t{ border-top:none;}
.captchaContainer {
      background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid #555252;
  padding: 15px 40px 15px 30px;
  width: 100%
}
.captchaWrapper {
  line-height: 0;
}
.captchaWrapper, .captchaContainer {
  display: inline-block;
  float: left;
}
#hiddenCaptcha {
  display: none;
}
#hiddenCaptcha:checked + .captchaLabel:after {
  max-width: 25px;
  opacity: 1;
  overflow: inherit;
}
.captchaLabel {
  font-family: 'Trebuchet MS', sans-serif;
  font-weight: 700;
  color: #4a4a4a;
  padding: 2px 0 0 40px;
  position: relative;
  display: block;
  float: left;
}
.captchaLabel:after {
  font-family: FontAwesome;
  position: absolute;
  content: '\f00c';
  max-width: 0;
  overflow: hidden;
  opacity: 0.5;
  font-size: 30px;
  top: 0;
  left: -24px;
  color: #039F53;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
.captchaBox {
  width: 24px;
  height: 24px;
  padding: 0;
  outline: none;
  border: 2px solid #b9b9b9;
  border-radius: 2px;
}
.boxHover {
  background-color: #fff;
}
.boxHover:hover {
  cursor: pointer;
  border: 2px solid #1E88E5;
}
.scaleDown {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transform: scale(0.2,0.2);
}
.circle {
  border-top: 2px solid #1E88E5;
  border-right-color: transparent;
  border-bottom: 2px solid #1E88E5;
  border-left-color: transparent;
  border-radius: 12px;
  background-color: #fafafa;
}
.scaleUp {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all .6s ease;
  transform: scale(1,1);
}
.rotation {
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -ms-transition: all 2s ease-out;
  transition: all 2s ease-out;
  transform: rotate(1080deg);
}
.fadeOut {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all .6s ease;
  border-color: transparent;
}
.captchaError {
  box-shadow: 0 0 1px 1px #E53935;
}
/* ====  Preloader styles ==== */
#hola{
    width: 100vw;
    height: 100vh;
    background-color: #252328;
    position: fixed;
    z-index: 9999999;
}
#preloader {
	position:relative;
    width: 80px;
    height: 80px;
    top: 45%;
    margin: 0 auto;
}
#preloader span {
	position:absolute;
	border: 8px solid #ff8615;
	border-top: 8px solid transparent;
	border-radius:999px;
}

#preloader span:nth-child(1){
	width:80px;
	height:80px;
	-webkit-animation: spin-1 2s infinite linear;
	        animation: spin-1 2s infinite linear;
}
#preloader span:nth-child(2){
	top: 20px;
	left: 20px;
	width:40px;
	height:40px;
	-webkit-animation: spin-2 1s infinite linear;
	        animation: spin-2 1s infinite linear;
}
@-webkit-keyframes spin-1 {
	0% {-webkit-transform: rotate(360deg);transform: rotate(360deg); opacity: 1;}
	50% {-webkit-transform: rotate(180deg);transform: rotate(180deg); opacity: 0.5;}
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg); opacity: 1;}
}
@keyframes spin-1 {
	0% {-webkit-transform: rotate(360deg);transform: rotate(360deg); opacity: 1;}
	50% {-webkit-transform: rotate(180deg);transform: rotate(180deg); opacity: 0.5;}
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg); opacity: 1;}
}
@-webkit-keyframes spin-2 {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg); opacity: 0.5;}
	50% {-webkit-transform: rotate(180deg);transform: rotate(180deg); opacity: 1;}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg); opacity: 0.5;}
}
@keyframes spin-2 {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg); opacity: 0.5;}
	50% {-webkit-transform: rotate(180deg);transform: rotate(180deg); opacity: 1;}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg); opacity: 0.5;}
}


.home{
  height: 100vh;
  position: relative;
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.home:before{
  position: absolute;
  width: 50%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  content: '';
   background-color: rgba(255, 255, 255, 0.5);
}
.home:after{
  position: absolute;
  width: 50%;
  height: 100%;
  z-index: 10;
  top: 0;
  right: 0;
  content: '';
   background-color: rgba(255, 255, 255, 0.5);
}
.animate-border{
  
  transition: border .5s .2s ease;
}
.home.divide:before{
  transition: all .6s 1.2s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  width: 0;
}
.home.divide:after{
  transition: all .6s 1.2s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  width: 0;
}
/*================================================
[  Table of contents  ]
================================================
::General
::Page Section Margin Padding 
::Loader
::Buttons
::Div Shadow

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

.service-discription p{ font-size:13px; color:#777;  letter-spacing:1px;}
.service-discription h6{color:#ff8615; font-size:14px; text-transform:uppercase ; }
.service-discription h5{color:#333; font-size:14px;  font-weight:300;}
.service-discription h4{color:#333; font-size:16px;  font-weight:600;}

.service-discription ul{ list-style-type: circle; list-style:circle; list-style: circle; margin-left:30px; font-size: 13px; color:#777;}
.service-discription ul li {list-style: circle; }
.services-box{padding: 5em 0 5em 0;}

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

body { font-family: 'Roboto', sans-serif;  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: #fff; }
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', 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 #000; 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: #ff8615 ; color: #fff; text-shadow: none; }
::-moz-selection { background: #ff8615 ; color: #fff; text-shadow: none; }
::selection { background: #ff8615 ; 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; }


.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
-----------------------------------------------------------------------*/
.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 
----------------*/
.pall { padding: 0px !important; }
.pall-10 { padding: 10px !important; }
.pall-15 { padding: 15px !important; }
.pall-20 { padding: 20px !important; }
.pall-25 { padding: 25px !important; }
.pall-30 { padding: 30px !important; }
.pall-40 { padding: 40px !important; }
.pall-50 { padding: 50px !important; }
.pall-60 { padding: 60px !important; }
.pall-70 { padding: 70px !important; }
.pall-80 { padding: 80px !important; }
.pall-90 { padding: 90px !important; }
.pall-100 { padding: 100px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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





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

body a {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
html, body{
    font-size: 100%;
	font-family: 'Roboto Condensed', sans-serif;
}
body{
	background:#FFFFFF;
}
/* mainNav */
.navbar-light .navbar-toggler-icon {  background-image:url(../img/menu-button.svg) !important;}
#mainNav {
  border-bottom: 1px solid rgba(33, 37, 41, 0.1);
  /*background-color: #d6d6dc;*/
  background-color:rgba(0,0,0,0.3);
  font-family: 'Nanum Gothic', sans-serif;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  
}

#mainNav .navbar-brand {
  font-weight: 700;
  text-transform: uppercase;
  color: #F05F40;
  font-family: 'Nanum Gothic', sans-serif;
}

#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
  color: #f05f40;
 
}

#mainNav .navbar-nav > li.nav-item > a.nav-link,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
  font-size: .9rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #212529;
  
}


#mainNav .navbar-nav > li.nav-item > a.nav-link,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
  
   padding:5px 20px;
   
}


#mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
  color: #f98315;
    
   padding:5px 20px;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {
  color: #ff8615 !important;
  background-color: transparent;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active:hover {
  background-color: transparent;
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-radius:30px;
  
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius:30px;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

@media (min-width: 992px) {
  #mainNav {
    border-color: transparent;
    background-color: transparent;
  }
  #mainNav .navbar-brand {
    color: rgba(255, 255, 255, 0.7);
  }
  #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
    color: #fff;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link {
    padding: 5px 20px;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link,
  #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
    color: rgba(255, 255, 255, 0.7);
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
  #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
    color: #fff;
  }
  #mainNav.navbar-shrink {
      background-color: #d6d6dc;
    border-color: transparent;
  }
  #mainNav.navbar-shrink .navbar-brand {
    color: #F05F40;
  }
  #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
    color: #f05f40;
  }
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link,
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus {
    color: #a6a7a9;
  }
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover,
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover {
    color: #fff;
  }
}




header.masthead {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 56px);
  background-image: url("../img/header.jpg");
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

header.masthead hr {
  margin-top: 30px;
  margin-bottom: 30px;
}

header.masthead h1 {
  font-size: 2rem;
}

header.masthead p {
  font-weight: 300;
}

@media (min-width: 768px) {
  header.masthead p {
    font-size: 1rem;
  }
}

@media (min-width: 992px) {
  header.masthead {
    height: 100vh;
    min-height: 650px;
    padding-top: 0;
    padding-bottom: 0;
  }
  header.masthead h1 {
    font-size: 3rem;
  }
}

@media (min-width: 1200px) {
  header.masthead h1 {
    font-size: 3.5rem;
	line-height:80px;
	color:#fff;
  }
  
}

/* BACKGROUND TRANSITIONS */


p,
[class^="hvr-"] {
    font-family: 'Roboto', sans-serif;
}

[class^="hvr-"] {
  margin: .4em;
  padding: 0.8em 1.5em ;
  cursor: pointer;
  background: #ff8615 ;
  text-decoration: none;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);

  /* Smooth fonts */
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.aligncenter {
  text-align: center;
}

/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #2098D1;
  color: white;
}

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #2098D1;
  background-color: #2098d1;
  color: white;
}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
   
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ff8615;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
  color: white;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}


.w3-banner-bottom-heading{
	text-align:center;    margin-bottom: 3%;
}
.w3-banner-bottom-heading h3{
	font-size: 1.5em;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #555252;
    text-decoration: none;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    margin: 0;
}
.w3-banner-bottom-heading h3 span{
    color: #832b78;
}
.agileits-banner-bottom{
	margin:4em 0 0 0;
}


hr {
    max-width: 50px;
    border-width: 3px;
    border-color: #555252;
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-top:0px;
}
/*About*/

.about-us{ 
  width:100%;
  float:left;
  padding: 5em 0 0em 0;
  }


.abt-bottam {
    background-image: url(../img/gplaypattern.png);
   background-repeat:repeat;
   background-color: #cccccc;
    padding: 4em 0 4em 0;
	overflow:hidden;
	 
}

.abt-bottam  h4{
	font-size:24px;
	font-weight:500;
	text-align:center;
	
}


/* Second-block */
.second-block{
   position:relative;
   background:#e9e9eb;
   padding: 30px 0px 5em 0px;
}
.second-block .experince{

}
.second-block .experince .numbers{
    text-align:center;
	color:#802e78;
	font-size:40px;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
}


.second-block .experince  img{
    width:60px;
	margin-bottom:15px;
}
.second-block .experince .year{
    text-align:center !important;
	font-size:13px !important;
	text-transform:uppercase;
	color:#33424a !important;
}

/*
.second-block .experince .service-category:nth-child(odd) {
    background: #60900a;
}
.second-block .experince .service-category:nth-child(even) {
    background: #1f2b37;
}*/
.second-block .experince  h3, .service-category  .sevice_link {
   /* text-align:center;
	color:#802e78;
	font-size:40px;
	font-family: 'robotoblack';*/
}
.second-block .experince .service-category  .sevice_link span:hover {
	color:#ff8615;
}
.second-block .experince .service-category .sevice_link > span {
    display: inline-block;
}

/* hover effrect */

/*new changes starts here 13/12/2016*/
.second-block .experince .service-category:hover {
    /*cursor: pointer;*/
}
/*new changes ends here 13/12/2016*/


.second-block .experince:hover .service-category .sevice_link > span:nth-child(odd) {
    -webkit-animation: anim-nanuk-1 0.5s forwards;
    animation: anim-nanuk-1 0.5s forwards;
}
.second-block .experince:hover .service-category .sevice_link > span:nth-child(even) {
    -webkit-animation: anim-nanuk-2 0.5s forwards;
    animation: anim-nanuk-2 0.5s forwards;
}

.second-block .experince:hover  .service-category.sevice_link > span:nth-child(odd), .service-area .service-category:hover .sevice_link > span:nth-child(even) {
    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.125, 1);
    transition-animation-function: cubic-bezier(0.15, 0, 0.125, 1);
}
.second-block .experince:hover .service-category .sevice_link > span:nth-child(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.second-block .experince:hover .service-category .sevice_link > span:nth-child(2) {
	-webkit-animation-delay: 0.05s;
	animation-delay: 0.05s;
}
.second-block .experince:hover  .service-category.sevice_link > span:nth-child(3) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.second-block .experince:hover .service-category .sevice_link > span:nth-child(4) {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s;
}
.second-block .experince:hover .service-category .sevice_link > span:nth-child(5) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.second-block .experince:hover .service-category .sevice_link > span:nth-child(6) {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}
.second-block .experince:hover .service-category .sevice_link > span:nth-child(7) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.second-block .experince:hover .service-category .sevice_link > span:nth-child(8) {
	-webkit-animation-delay: 0.35s;
	animation-delay: 0.35s;
}
.second-block .experince:hover .service-category .sevice_link > span:nth-child(9) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.second-block .experince:hover .service-category .sevice_link > span:nth-child(10) {
	-webkit-animation-delay: 0.45s;
	animation-delay: 0.45s;
}
.second-block .experince:hover .service-category .sevice_link > span:nth-child(11) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
@-webkit-keyframes anim-nanuk-1 {
	0%,
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	49% {
		opacity: 1;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		color: inherit;
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		color: #802e78;
	}
	100% {
		color: #ff8615;
	}
}
@keyframes anim-nanuk-1 {
	0%,
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	49% {
		opacity: 1;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		color: inherit;
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		color: #802e78;
	}
	100% {
		color: #ff8615;
	}
}
@-webkit-keyframes anim-nanuk-2 {
	0%,
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	49% {
		opacity: 1;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		color: inherit;
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		color: #802e78;
	}
	100% {
		color: #ff8615;
	}
}
@keyframes anim-nanuk-2 {
	0%,
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	49% {
		opacity: 1;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		color: inherit;
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		color: #802e78;
	}
	100% {
		color: #ff8615;
	}
}


/* Second-block */

/* Services */

.service1{
background: url(../img/services.jpg) 0 no-repeat fixed;
	
	/* background-image: url(../img/gplaypattern.png);
   background-repeat:repeat;*/
       background-color: #c8c8cd;
      padding: 5em 0 5em 0;
	border-top: 1px solid #cdcdd0;
border-bottom: 1px solid #cdcdd0;
	color: white;
	height:auto;
	margin: 0 auto;
	overflow: hidden;
}



        .service-box{
            position: relative;
            overflow: hidden;
            margin-bottom:40px;
            perspective:10px;
            -webkit-perspective:10px;
			border-radius: 10px;
        }
        .service-icon{
            width: 100%;
            height: auto;
            padding: 10px;
            text-align: center;
            transition: all .5s ease;
        }

     /*   .service-content{
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            opacity: 0;
            width: 100%;
            height: 220px;
            padding: 20px;
            text-align: center;
            transition: all .5s ease;
            background-color: #474747;
            backface-visibility:hidden;
            transform-style: preserve-3d;
            -webkit-transform: translateY(110px) rotateX(-90deg);
            -moz-transform: translateY(110px) rotateX(-90deg);
            -ms-transform: translateY(110px) rotateX(-90deg);
            -o-transform: translateY(110px) rotateX(-90deg);
            transform: translateY(110px) rotateX(-90deg);
        }
        .service-box .service-icon .front-content{
            position: relative;
            top:80px;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }*/

        .service-box .service-icon .front-content i {
            font-size: 50px;
            color: #fff;
            font-weight: normal;
			margin-bottom:20px;
        }

        .service-box .service-icon .front-content h3 {
            
     text-align: center !important;
    font-size: 12px !important;
    text-transform: uppercase;
    color: #33424a !important;
      margin-top: 15px;
            margin-bottom: 15px;
            text-transform: uppercase;
			line-height: 20px !important;
			letter-spacing:3px;
        }
        .service-box .service-content h3 {
            font-size: 12px;
            
            color: #33424a;
            margin-bottom:10px;
            text-transform: uppercase;
			line-height: 20px !important;
			letter-spacing:3px;
        }
        .service-box .service-content p {
            font-size: 13px;
            color: #787a7c;
            margin:0;text-align:center;
			letter-spacing:0.5px;
			
        }
       /* .ser1{background-color: rgba(0, 0, 0, 0.3);}
        .ser2{ background-color: rgba(0, 0, 0, 0.3);}
		.ser3{ background-color: rgba(0, 0, 0, 0.3);}
		.ser4{ background-color: rgba(0, 0, 0, 0.3);}
		.ser5{ background-color: rgba(0, 0, 0, 0.3);}
		.ser6{background-color: rgba(0, 0, 0, 0.3);}
		.ser7{ background-color: rgba(0, 0, 0, 0.3);}
		.ser8{ background-color: rgba(0, 0, 0, 0.3);}
		.ser9{ background-color: rgba(0, 0, 0, 0.3);}*/
        .red{background-color: #e84b3a;}
        .grey{background-color: #474747;}
        .service-box:hover .service-icon{
            
            -webkit-transform: translateY(-10px) rotateX(0deg);
            -moz-transform: translateY(-10px) rotateX(0deg);
            -ms-transform: translateY(-10px) rotateX(0deg);
            -o-transform: translateY(-10px) rotateX(0deg);
            transform: translateY(-10px) rotateX(0deg);
        }
        .service-box:hover .service-content {
            
            -webkit-transform: rotateX(0);
            -moz-transform: rotateX(0);
            -ms-transform: rotateX(0);
            -o-transform: rotateX(0);
            transform: rotateX(0);
        }
		
		.service-content a img{ 
		margin-left:auto;
		margin-right:auto;
		display:block;
		margin-top:15px;
		
	
		}
		
		
		

.arrow { margin-top:20px;border:2px solid #ceced0;border-radius:100%;width:40px;height:40px; margin-left:auto;
		margin-right:auto;
		display:block;}

.arrow .arrow-mask {position:relative;top:-33px;left:-33px;border:21px solid transparent;}

.arrow .arrow-mask:before {content:'';position:relative;float:left;top:16px;left:28px;width:4px;height:16px;background-color:#DADADA;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:all 0.3s;-webkit-transition:all 0.3s;}

.arrow .arrow-mask:after {content:'';position:relative;float:left;top:9px;left:28px;width:4px;height:16px;background-color:#DADADA;transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:all 0.3s;-webkit-transition:all 0.3s;}

.arrow:hover {cursor:pointer;border-color:transparent;border-width:0;}
.arrow:hover .arrow-mask {left:-15px;top:-29px;}
.arrow:hover .arrow-mask:before {background-color:#ff8615;}
.arrow:hover .arrow-mask:after {background-color:#ff8615;}

/* clients */
.clients{
	padding: 2em 0 2em 0;
	height:auto;
	overflow:hidden;
}


/* CONTACT US */


.contact-us{
background: url(../img/services.jpg.jpg) 0 no-repeat fixed;
	padding: 5em 0 5em 0;
	
	color: white;
	height:auto;
	margin: 0 auto;
	background-position: 100% 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.02);
  display: flex;
  align-items: center;
  /*justify-content: center;*/
  box-sizing: border-box;
   width:100%;
}

.l-parallax {
  height: 27vh;
  background-position:100% 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.02);
  display: flex;
  align-items: center;
  /*justify-content: center;*/
  box-sizing: border-box;
  width:100%;
 
  
}



@media screen and (max-width: 768px) {
	.l-parallax{
		background-attachment: inherit;
	}
}

.l-parallax__content {
  box-sizing: border-box;
 
}

.l-parallax__content-box {
  width:50%;
  background-color:#832b78;
  padding: 300px 100px;
   height: 100vh;
   float:left !important;
   top:0;
   left:0;
}



.l-parallax--small {
  height: 33vh;
  width:100%;
}

.l-parallax--full {
  height: 100vh;
}

section h2 {
  margin-bottom: 40px;
  font-family: "Roboto Slab", serif;
  font-size: 24px;
}

section p {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}

section p:last-child {
  margin-bottom: 0;
}

.l-parallax h1 {
  margin: 0;
  color: #fb9639;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin-top: 56px;
  
  
}
@media all and (min-width: 600px) {
  .l-parallax h1 {
    font-size: 20px;
  }
}
@media all and (min-width: 960px) {
  .l-parallax h1 {
    font-size: 24px;
  }
}


.form-control {
	font-size: 14px;
	background-color: rgba(0, 0, 0, 0.3);
	    border: 1px solid #555252;
		padding: .6rem .75rem;
		    color: #333;
		    
	}

 textarea[type=text]::-webkit-input-placeholder {
  color:#333;

}



input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder {
  color: #333;
  position: relative;
  padding: 0;
  transition: all 0.5s ease;
}
input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder {
  color: #333;
  position: relative;
  padding: 0;
  transition: all 0.5s ease;
}
input[type=text]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder {
  color: #333;
  position: relative;
  padding: 0;
  transition: all 0.5s ease;
}
input[type=text]::placeholder, input[type=email]::placeholder {
  color: #333;
  position: relative;
  padding: 0;
  transition: all 0.5s ease;
}





.footer{clear:both; }

.footer h5{margin-bottom:20px;}
.footer .footer-middle{padding-top:80px;padding-bottom:45px;}
.footer .onepage-footer-middle{padding-top:55px;padding-bottom:45px;}
.footer ul li{padding:1px 0}
.footer ul li a{color:#eee;font-size:11px;text-transform:uppercase;letter-spacing:1px}
.footer ul li a:hover{color:#000}
.footer ul.list-inline li a{color:#000;font-weight:600}
.footer ul.list-inline li:first-child{padding-left:6px}
.footer-social i{font-size:18px;}
.footer-social a{margin:0 10px;}
.footer-social a:last-child{margin-right:0}
.footer-social a i{color:#eee;}
.footer-social a:hover i{color:#868686}
.copyright{font-size:12px;text-transform:uppercase;color:#888888}
.footer-logo img{max-width:130px;}
.footer-bottom{position:relative; padding:10px 0px 10px 0px;  background:#212020;}
.footer-top img{  width:40px;   }
.footer-top h6{font-size:12px;color:#2a2828;line-height:20px;}



.btn-primary{color:#fff;background-color: #ff8615;border-color: #ff8615;}
.btn-primary:hover{color:#fff;background-color: #ff8615;border-color: #ff8615;}
.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}

.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color: #ff8615;border-color: #ff8615;}

.footer-social{    color: #fff !important;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 30px;
    font-weight: 400;}





/* Header */
.large-header {
  position: absolute;
  width: 100%;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:0;
  overflow: hidden;
  
  background-position: center center;
  z-index: 99;
}


.main-title {
  position: absolute;
  margin: 0;
  padding: 0;
 
  
}

.rc-anchor-light {
    background: #d6d6dc !important;
    color: #000;
}

.accordion { font-size:14px;  text-transform:uppercase; }

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
	margin-bottom:5px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
    background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 20px 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}

.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.accordion .active:aftter {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}
.min-h1{ min-height:120px;}
.min-h2{ min-height:130px;}

/* Media Quries */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .example {background: red;}
		header.masthead {
  padding-top: 0px;
  padding-bottom: 0px;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
color: #e8ecf0;
}
.mr-r-15{ margin-top:30px;}


.service1{
background: none;
background-color:#e4e4e7;
border-top: 1px solid #cdcdd0;
border-bottom: 1px solid #cdcdd0;
}
.offset-1{ margin-left:0;} 

.min-h1{ min-height:inherit;}
.min-h2{ min-height:inherit;}
.border-r{ border-right:1px solid #ccc;}
  header.masthead {
    height:400px;
    min-height:400px;
    padding-top: 0;
    padding-bottom: 0;
	 background-size: 100% 100%;
  }
  .home{height:auto;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .example {background: green;}
	header.masthead {
  padding-top: 0px;
  padding-bottom: 0px;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
color: #8e969e;
}

.service1{
background: none;
background-color:#e4e4e7;
border-top: 1px solid #cdcdd0;
border-bottom: 1px solid #cdcdd0;

}


}





/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .example {background: blue;}
	header.masthead {
  padding-top: 0px;
  padding-bottom: 0px;
}


} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .example {background: orange;}
	.slick-prev,
.slick-next {
	display:none !important;
}
} 


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .example {background: pink;}
	
	.slick-prev,
.slick-next {
	display:none !important;
}
}