@charset "utf-8";body{font-family:'Lato', sans-serif;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;}

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body#homePage{padding-top:0;}

a, a:hover, a:focus{text-decoration:none;outline:none}

.container{width:1365px}

header{/*position:absolute*/position:relative;top:0;left:0;right:0;background-color: #fff;z-index:55;}

.logo {
    float: left;
    margin: 4px 0 0;
    width: 110px;
}
.logo a{display:block;}

.hdrMenu{float:right;}

.hdrMenu ul{margin:0;padding:0;}

.hdrMenu > ul > li{list-style:none;display:inline-block;padding:12px 12px 12px;text-transform:uppercase;font-weight:600;position:relative}

.hdrMenu > ul > li > a{color:#484848;display:block;padding:2px 0;font-size:14px;border-bottom:1px solid transparent;}

.subMenu{position:absolute;top:100%;left:0;background:#fff;min-width:500px;overflow:hidden;box-shadow:0px 5px 5px #000;-webkit-box-shadow:0px 5px 5px #000;-ms-box-shadow:0px 5px 5px #000;-moz-box-shadow:0px 5px 5px #000;-ms-box-shadow:0px 5px 5px #000;}

.hdrMenu > ul > li.active > a,

.hdrMenu > ul > li.parent.open > a{color:#54b7fc}

.subMenu ul li{padding:8px 25px;list-style:none;font-size:15px;float:left;width:50%;}

.subMenu ul li a{white-space:nowrap;font-size:14px;color:#000;font-weight:400;margin-bottom:10px !important;display:block;line-height:12px !important;}

.subMenu ul li a:hover{color:#f06161 !important;}

.subMenu ul li a:hover{color:#54b7fc}

.sub_para{color:#000;font-size:13px;padding:0px 15px;text-align:center;margin-top:30px;}

.subMenu h3 span{border-bottom:1px solid #fff;padding-bottom:10px;}

.sliderInr .owl-prev, .sliderInr .owl-next{position:absolute;top:50%;height:70px;width:50px;border:1px solid #fff;background:url(../images/sliderArw.png) no-repeat;font-size:0;margin-top:-35px;opacity:0;}

.sliderInr .owl-prev{left:30px;background-position:left center;}

.sliderInr .owl-next{right:30px;background-position:right center;}

.sliderInr:hover .owl-prev, .sliderInr:hover .owl-next{opacity:.5;}

.sliderInr .owl-prev:hover, .sliderInr .owl-next:hover{opacity:1;}

.sliderInr{position:relative;}

.sliderInr .container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5}

.cntnusInvtn{border:3px solid rgba(176, 255, 23, 0.3);padding:10px 25px;background:rgba(0, 0, 0, 0.3);color:#fff;width:440px;float:right;margin-top:185px;z-index:5}

.logoCntnr h5{color:#333;font-weight:600;font-size:13px;}

.cntnusInvtn a{
  padding:5px 7px 8px;
  width:135px;
  /*background:#78bf13;*/
  color:#fff;
  text-align:center;
  float:right;
  font-size:17.35px;
  margin-top:20px;
  background: -webkit-gradient(linear, left top, right top, from(#00B569), to(#0080FF));
    background: -webkit-linear-gradient(left, #00B569, #0080FF);
    background: -o-linear-gradient(left, #00B569, #0080FF);
    background: linear-gradient(to right, #00B569, #0080FF);
}

.cntnusInvtn a:hover,

.singleBlockInr a:hover{background:#528c00;}

.cntnusInvtn .owl-prev, .cntnusInvtn .owl-next{display:none !important}

.cntnusInvtn .owl-dot{width:19px;height:16px;background:rgba(120, 191, 19, 0.35);display:inline-block;margin:0 2px;}

.cntnusInvtn .owl-dot.active{background:rgba(120, 191, 19, 0.7);}

.cntnusInvtn .owl-dots{position:absolute;bottom:-80px;}

.cntnusInvtn p{margin:5px 0 10px;padding:5px 0;display:inline-block;border-bottom:1px solid #000;font-size:17.35px;}

.caption_content{border:none !important;}

.fourBlocks{position:absolute;bottom:90px;left:0;right:0;}

.singleBlock{float:left;width:33.333%;padding:0 17.5px;}

.singleBlockInr{background:rgba(0, 0, 0, 0.32);padding:0px 28px 15px;color:#fff;}

.imgCntnr{max-height:130px;overflow:hidden;}

.imgCntnr img{max-width:100%;}

.singleMatter{margin:60px 0 20px;}

.singleBlockInr p{margin:10px 0 15px;padding:0 0 8px;border-bottom:1px solid #000;font-size:20.27px;}

.tabInrmtrRight h3{font-size:16px;margin-top:0px;}

.pageContainer .container,

footer .container{width:1230px;}

.singleBlockInr a{float:right;padding:7px;width:145px;text-align:center;background:#78bf13;color:#fff;font-size:17.74px;text-transform:uppercase;margin-top:15px;}

.singleMatter h1{font-weight:800;color:#000;text-align:center;}

.singleMatter h1 span{color:#f06161;}

.singleMatter p span{text-align:center;font-weight:700;color:#8d8d8d;margin-bottom:40px;font-size:18px;}


 .pageContainer li {

  color: #888;

  font-size: 12px;

  font-weight: 400;

  line-height: 18px;

}

.tabContainer .nav-tabs>li{margin-bottom:0;text-align:center;float:left;}

.tabContainer .nav-tabs > li h2{color:#000;font-size:13px;font-weight:700;margin-top:8px;}

.tabContainer .nav-tabs > li > a{border:1px solid #b7b7b7;border-radius:10px;margin:9px;padding:5px;width:103.8px;}

.tabContainer .nav-tabs{margin:0 -9px 2px;border:0;}

.tabContainer .nav-tabs>li.active>a,

.tabContainer .nav-tabs>li.active>a:focus,

.tabContainer .nav-tabs>li.active>a:hover{border-color:#bbb;background:#e6e7ec}

.logoImg{height:60px;}

.tabInrmtrleft{float:left;width:645px;}

.tabMtrImg{float:left;width:265px;text-align:center;}

.tabInrmtrRight{float:left;}

.tabInrmtrRight ul{padding:0 0 0 10px}

.tabContainer .tab-content>.tab-pane{background:#e6e7ec;padding:15px 30px 5px;border:1px solid #d1d1d1;}

.tabInrmtr p{
	text-align:justify;
	line-height:20px;
	font-size: 12px;
	}

.tabInrmtr h2{font-size:14.4px;color:#000;font-weight:700;margin:0 0 15px;}

.tabbtmLink a{display:block;font-size:12.4px;color:#0051e6;text-transform:uppercase;}

.testiSlider .owl-carousel .owl-item img{transform-style:inherit;}

.testSliderm{float:left;width:560px;position:relative;color:#fff;padding:75px 0 40px 130px;}

.testiLeft span{font-size:14px;}

.testSliderm:after{content:"";position:absolute;top:0;left:-200%;bottom:0;right:-250px;background:#f06161;z-index:-1;-webkit-transform:skew(-45deg);-moz-transform:skew(-45deg);-ms-transform:skew(-45deg);-o-transform:skew(-45deg);transform:skew(-45deg);-webkit-box-shadow:25px 17px 5px #b5b5b5;-moz-box-shadow:25px 17px 5px #b5b5b5;-ms-box-shadow:25px 17px 5px #b5b5b5;-o-box-shadow:25px 17px 5px #b5b5b5;box-shadow:25px 17px 5px #b5b5b5;}

.client{float:left;width:121px;height:121px;border:2px solid #fff;position:relative;overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;}

.testiLeft{margin-left:135px;}

.testSliderm span{}

.testSliderm h4{position:relative;border-left:6px solid #fff;padding-left:15px;margin:0 0 18px -25px;font-weight:700;font-size:36px;}

.tesiTop{margin:20px 0;}

.testSliderm h4:after{content:"";position:absolute;top:0;left:4px;bottom:0;border-left:2px solid #fff;}

.testSliderm h4 span:first-child{margin-bottom:10px;}

.testmonials{margin:65px 0;}

.testSliderm p{color:#fff;font-size:14px;font-weight:400}

p.clientName{font-size:18px;margin:39px 0 5px;font-weight:600;}

.testiSlider .owl-nav{display:none;}

.testiSlider .owl-dot{display:inline-block;width:30px;height:2px;background:#ed4e4e;margin:0 3px;}

.testiSlider .owl-dots{text-align:center;padding-right:40px;}

.testiSlider .owl-dot.active{background:#fff;}

.testiBtm{margin-bottom:30px;}

.vdoCntnr{float:left;margin:160px 0 0 60px;width:434px;height:241px;overflow:hidden;position:relative;}

.vdoCntnr a{position:absolute;top:50%;left:50%;width:77px;height:75px;margin-top:-30px;margin-left:-33px;z-index:5}

/*.insiteSingle{float:left;width:25%;}*/

.ourInsite, .fetrdWork{text-align:center;}

.insiteSingle:nth-child(1){text-align:left;}

.insiteSingle:nth-child(4){text-align:right;}

.ourInsite h4,

.fetrdWork h4{margin:0 0 40px;font-weight:700;color:#f06161;font-size:24px; margin-top:-15px;}

.fetrdWork

{

padding-top:30px;

}

.fetrdWork h3

.fetrdWork{margin-top:50px;}

.fwSingle {
    float: left;
    margin-bottom: 15px;
    padding: 0;
    width: 23.333% !important;
    margin: 0 10px 20px 0;
}

.fwSingle:nth-child(1),

.fwSingle:nth-child(4){text-align:left;}

.fwSingle:nth-child(3),

.fwSingle:nth-child(6){text-align:right;}

.fwSingleInr{display:inline-block;background:#d3d3d3;padding:5px 5px 10px;}

.fwLeft{float:left;padding-left:0;text-align:left;}

.fwLeft h5{font-weight:700;color:#000;margin:15px 0 4px;}

.fwLeft span{font-size:9px;display:block;color:#7d8185;}

.fwRight{float:right;margin:12px 7px 1px 0;}

.singleBrand{display:inline-block;padding:0 1%;}

.valueBrand{text-align:center;margin-bottom:80px;}

.brandLogo{border:1px solid #acacac;padding:30px 8px;}

.valueBrand h5{margin:0 0 -15px;padding:3px 10px;background:#fff;display:inline-block;font-size:23.11px;color:#9d9d9d;}

.ftrTop{background:#171C22;color:#fff;padding:7px 0;}
.ftrTop h5{float:left;margin:4px 0;font-weight:600;font-size:20px;}
.ftrTop a{float:right;}
.ftrTop a img {
    height: 30px;
    width: 200px;
}
.ftrTop a:hover{background:#e83c3c}

.ftrMid{
  /*background:url(https://www.alhudacreatives.com/images/ftrBgMid.jpg) center top no-repeat;background-size:cover;*/
  background-color: #101010;
  color:#fff;}

.adrsCntnr > span{display:block;}

.adrsCntnr{margin-bottom:20px;}

.singleBlockFtr h5{
  font-weight:700;
  margin-bottom:40px;
  font-size:24px;
  background: -webkit-gradient(linear, left top, right top, from(#00B569), to(#0080FF));
  background: -webkit-linear-gradient(left, #00B569, #0080FF);
  background: -o-linear-gradient(left, #00B569, #0080FF);
  background: linear-gradient(to right, #00B569, #0080FF);
  background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
}
.singleBlockFtr h5::after {
    width: 30px;
    height: 3px;
    content: "";
    display: block;
    position: absolute;
    background: #00CA6F;
    margin-top: 5px;
}
.singleBlockFtr{float:left;width:25%;font-size:13px;}

img{max-width:100%}

.cntct{text-align:right;font-size:18px;}

.cntct a{color:#fff;}

.callUs{margin:25px 0;}

.adrsCntnr ul{padding:0;margin:0;}

.adrsCntnr ul li{list-style:none;margin-bottom:2px;}

footer, footer a{color:#fff;}

.adrsCntnr ul li a:hover, .adrsCntnr ul li a:focus,

.BtmFtrSingle a:hover, .BtmFtrSingle a:focus{color:#f06161;}

.callUs span{display:block;}

.callUs a{font-size:30px;font-weight:700;}

.ftrMid{padding:20px 0 100px;}

.ftrBtm{background:#171C22;font-size:12px;font-weight:700;padding:27px 0 25px;}

.BtmFtrSingle{margin:5px 0;}

header .container{position:relative;}

.closeIcn,

.menuIcn,

.hdrMenu > ul > li.parent > a:after,

.hdrMenu > ul > li.parent > a:before{display:none;}

.menuIcn{position:absolute;width:30px;height:30px;right:15px;top:35px;}

.menuIcnInr{height:100%;}

.menuIcnInr span{position:relative;display:block;height:2px;background:#fff;top:14px;}

.menuIcnInr span:after,

.menuIcnInr span:before,

.closeIcnInr:after,

.closeIcnInr:before,

.hdrMenu > ul > li.parent > a:after,

.hdrMenu > ul > li.parent > a:before{content:"";position:absolute;left:0;right:0;border-top:2px solid #fff;}

.menuIcnInr span:before{top:-10px}

.menuIcnInr span:after{bottom:-10px;}

.overlayBg{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.7);z-index:55;opacity:0;visibility:hidden;}

.closeIcnInr{position:relative;width:22px;height:30px;display:inline-block;}

.closeIcnInr:after,

.closeIcnInr:before{top:13px;border-color:#555;}

.closeIcnInr:after,

.hdrMenu > ul > li.parent.open > a:after{-webkit-transform:rotate(-47deg);-moz-transform:rotate(-47deg);-ms-transform:rotate(-47deg);-o-transform:rotate(-47deg);transform:rotate(-47deg);}

.closeIcnInr:before,

.hdrMenu > ul > li.parent.open > a:before{-webkit-transform:rotate(47deg);-moz-transform:rotate(47deg);-ms-transform:rotate(47deg);-o-transform:rotate(47deg);transform:rotate(47deg);}

.hdrMenu > ul > li.parent a{position:relative;}

.hdrMenu > ul > li.parent > a:after,

.hdrMenu > ul > li.parent > a:before{width:15px;left:inherit;right:20px;top:20px;border-width:1px}

.hdrMenu > ul > li.parent > a:after{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}

.pageContainer{overflow:hidden}

.fwImg img{max-width:100%;}

body.fixHeader header{position:fixed;}

body.fixHeader .logo{margin:4px 0px 0px;}

body.fixHeader .hdrMenu > ul > li{padding:12px 23px 12px;}

a, a:hover, a:focus,

.subMenu ul,

.hdrMenu > ul > li:hover > .subMenu ul,

.sliderInr .owl-prev, .sliderInr .owl-next,

.sliderInr .owl-prev:hover, .sliderInr .owl-next:hover,

.sliderInr:hover .owl-prev, .sliderInr:hover .owl-next,

.hdrMenu > ul > li.parent > a:after,

.hdrMenu > ul > li.parent > a:before,

.hdrMenu > ul > li.parent.open > a:after,

.hdrMenu > ul > li.parent.open > a:before,

.overlayBg,

.hdrMenu,

.openMenu .overlayBg,

.openMenu .hdrMenu,

header,

body.fixHeader header{-webkit-transition:all 300ms;-moz-transition:all 300ms;-ms-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;}

.left.carousel-control, .right.carousel-control{display:none;}

.carousel-inner .one{background:url(../images/webdevelopmentindia.jpg);background-repeat:no-repeat;background-size:100% 100%;height:1013px;}

.carousel-inner .two{background:url(../images/productivity.jpg);background-repeat:no-repeat;background-size:100% 100%;height:1013px;}

.carousel-inner .three{background:url(../images/productivity.jpg);background-repeat:no-repeat;background-size:100% 100%;height:1013px;}

#carousel2 .carousel-indicators li{}

#carousel2 .carousel-indicators .active{background:#7fb430 none repeat scroll 0 0;}

#carousel2 .carousel-indicators li{background-color:#3f5a2b;border-radius:0;border:0;cursor:pointer;display:inline-block;height:15px;margin:1px;text-indent:-999px;width:15px;}

#carousel2 .carousel-indicators{bottom:-40px;left:13%;list-style:outside none none;margin-left:-30%;padding-left:0;position:absolute;text-align:center;width:60%;z-index:15;}

#carousel3 .carousel-indicators li{background:#ed4e4e none repeat scroll 0 0;border:0 none;height:2px;margin:auto !important;width:35px;}

#carousel3 .carousel-indicators .active{background:#ffffff none repeat scroll 0 0;border:0 none;height:2px;margin:auto !important;width:35px;}

#carousel3 .carousel-indicators{bottom:-10px;}

.ourInsite{display:table;width:100%;}

.inner_banner_content{color:#fff;font-size:50px;font-weight:bold;margin-top:11.5%;text-align:center;text-transform:uppercase;}

.last{clear:both;}

.inner{clear:both;display:table;width:100%;}

.inner{/*background:url(../images/web-development-company-india.jpg);*/ background:url(../images/webdevelopment-corporate.jpg); background-size:100% 100%;background-repeat:no-repeat;height:100px;}

.inner_banner_content p{font-size:24px;margin-bottom:90px;margin-top:10px;}

.inner_content p, .inner_content li {

  color: #333;

  font-size: 12px;

  font-weight: 400;

  line-height: 18px;

}

.carousel-indicators > li:nth-child(4) {

  display: none !important;

}

.carousel-indicators > li:nth-child(5) {

  display: none !important;

}

.industry ul{padding:0;}

.industry li{list-style:none;}

.industry{margin-left:-15px;}

.industry h2{text-transform:uppercase;font-weight:600;color:#f06161;font-size:17px;}

.industry li a{border-bottom:1px solid #d7d7d7;color:#000;display:block;font-size:16px;padding:10px 0;}

.xicon h2{font-size:18px;color:#f06161;text-align:center;font-weight:600;}

.xicon p{text-align:justify;font-size:12px;}

.xicon h2{font-size:18px;color:#f06161;font-weight:600;text-align:center;margin-top:20px;}

.portfolio h2{font-size:18px;color:#f06161;text-align:center;font-weight:600;}

a.view{background:#f06161 none repeat scroll 0 0;color:#fff !important;display:block !important;font-size:18px;font-weight:600;padding:8px;text-align:center;}

.psd_to ul{padding:0px;}

.psd_to ul li{list-style:none;float:left;width:12.5%;text-align:center;padding:20px;}

.psd_to ul li h2{font-size:12px;color:#333;font-weight:600;}

.psd_to ul li p{font-size:11px;line-height:11px;color:#a7a7a7;font-weight:300;}

.psd_to{display:table;margin-top:30px;width:100%;}

.container.study{border:1px solid #cccccc;margin-bottom:40px;}

.container.study > ul{padding:0;float:left;width:100%;}

.container.study > ul li{list-style:none;font-size:20px;color:#000 !important;font-weight:600;padding:40px 15px 20px;float:left;width:25%;}

.container.study > ul li a{color:#000;display:block;margin-bottom:2px;font-size:14px;}

.boost{margin-top:15px;}

.container.study > ul li a h3{margin-bottom:15px;font-size:20px;color:#f06161;}

.container.study p{font-size:12px;font-weight:400;}

.chart li{border-bottom:1px solid #ccc;list-style:outside none none;padding:3px 0;}

.chart li img {

	float: left;

	margin-right: 10px;

	width: 20px;

}

.chart span {

	padding-top: 0px;

	width: 300px;

	color: #000;

	float: left;

	font-size:14px;

}

h1.fea_heading {

  color: #0e3d52;

}

.chart li{display:table;vertical-align:middle;width:100%;}

.chart li:last-child{border:0;}

.chart{border:1px solid #ccc;padding:0 15px 10px;width:70%;}

.chart > .chart_list{width:48%;}

.chart{position:relative;}

.hire{position:absolute;right:8%;text-align:center;top:15%;width:25%;}

.hire > p{color:#000;font-size:16px;margin-top:10px;}

.hire > span{color:#f06161;font-size:40px;font-weight:900;padding-top:0;text-align:center;width:100%;}

.hire > ul{background:#e5e6ec none repeat scroll 0 0;display:table;padding:10px !important;width:100%;}

.hire > ul li{color:#000;font-size:11px;}

.hire .view{font-size:14px;margin-top:8px;}

.testimonial_slide{float:left;position:absolute;right:0;top:0;width:25%;}

.container.clients{position:relative;}

.testimonial_slide > h3{margin-top:0;}

.container.clients > h3{margin-top:0;}

.test_cont{border:1px solid #ccc;padding:15px;float:left;width:100%;}

.testimonial_slide .item > p{color:#a7a7a7;font-size:12px;font-weight:400;line-height:15px;padding:5px 15px 15px 15px;text-align:justify;}

.testimonial_slide .carousel-indicators > li{background:#bebdbb none repeat scroll 0 0 !important;border-radius:100% !important;height:12px !important;width:12px !important;}

.testimonial_slide ol{bottom:-10px !important;left:50% !important;}

.carousel-indicators > li.active{background:#1A3506 !important;}

.blog_client{padding:30px;}

.container.comment{border:1px solid #ccc;}

.commentor{float:left;width:16%;}

.comment_para{float:left;padding-left:15px;width:84%;}

.comment_para > h4{margin-top:-5px !important;font-size:24px;}

.blog_client{float:left;margin-bottom:0;width:100%;}

.container.comment{margin-bottom:40px;}

.address{padding:50px 0px;background:#161616;}

.add{text-align:center;}

.add h2{font-size:40px;color:#fff;font-weight:600;}

.add p{color:#fff;font-size:13px;padding:5px 45px;}

.insight{padding:50px;0px;}

.insight h2{font-size:24px;font-weight:700;color:#000;line-height:24px;}

.ourInsiteInr.clearfix > h2{float:left;padding:20px 0;width:100%;}

.project_quote{background:#1f1f1f;border-top:6px solid #00aa88;padding:75px 0px;}

.project_quote h2{margin-top:0px;margin-bottom:35px;font-size:40px;font-weight:600;color:#fff;}

.project_quote p{font-size:22px;color:#fff;font-weight:600;line-height:30px;}

.contact_btn a{padding:35px 0px;background:#f06161;display:block;font-size:36px;color:#fff;font-weight:700;text-align:center;
    background: -webkit-gradient(linear, left top, right top, from(#00B569), to(#0080FF));
    background: -webkit-linear-gradient(left, #00B569, #0080FF);
    background: -o-linear-gradient(left, #00B569, #0080FF);
    background: linear-gradient(to right, #00B569, #0080FF);
}

.contact_btn{float:left;width:50%;}

.get{float:left;width:50%;padding-right:20px;}

.representative{padding:60px 0;}

.representative h2{font-size:24px;color:#000;margin-bottom:40px;font-weight:600;margin-top:0px;}

.stuff{float:left;padding-bottom:30px;padding-right:60px;padding-top:60px;}

.border_right{border-right:1px solid #ccc;}

.project{padding-top:60px;padding-left:30px;}

.form-group > label{color:#5b5b5b;font-size:14px;font-style:italic;}

.contact-form form{margin-top:40px !important;}

.contact-form .form-control{border:2px solid #cccccc;border-radius:0;}

.contact-form .form-group{float:left;margin-right:4%;width:46%;}

.contact-form{border-top:6px solid #00aa88;padding-bottom:60px;}

.contact-form h3{color:#000;font-size:24px;font-weight:700;}

.form-group.project_field{margin-top:20px;}

a.view:hover{background:#e83c3c none repeat scroll 0 0;}

/*.contact_btn a:hover{background:#e83c3c none repeat scroll 0 0;}*/

.industry-block .industry{border:1px solid #ccc;margin:-15px;padding:15px;}

.industry-block .portfolio{border:1px solid #ccc;margin:-15px;padding:15px;}

.service_content{padding-top:30px;}

.service_content .col-sm-9{margin-top:0px;padding-left:30px;margin-top:-15px;}

.case_image{float:left;width:40%;}

.case{float:left;width:100%;margin-bottom:30px;}

.case_content{float:left;width:60%;padding-left:15px;}

.you_tube_side{margin:-15px;padding:15px;border:1px solid #ccc;margin-bottom:44px;}

.you_tube_side h2 {

	font-size: 17px;

	font-weight: 600;

	color: #f06161;

	text-align: center;

	margin-top: 0px;

	text-transform: uppercase;

	margin-bottom: 27px;

}

.case_image{position:relative;}

.case_image .media_entertainment{position:absolute;left:0;top:37%;}

.corporate_content{padding:45px 0px;}

.count {

	font-size: 30px;

	color: #c30000;

	font-weight: 900;

	float: left !important;

	width: auto;

	margin-right: 20px;

}

.count_comment{float:left;color:#000;font-size:14px;font-weight:300;}

.count img{padding-top:5px;}

.corporate_left h3{color:#000;font-size:24px;font-weight:700;margin-bottom:20px;}

.corporate_left p{font-size:20px;font-weight:400;color:#565656;line-height:22px;}

.corporate_lr{padding:25px 0px;}

.corporate_right span{float:left;font-size:40px;font-weight:bold;background:#000;color:#fff;width:auto;margin-bottom:5px;}

.corporate_right{padding-top:25px;}

.our_process a{background:#59d1ae;font-size:18px;color:#fff !important;padding:5px 10px;margin-left:auto;display:table;margin-right:auto;text-transform:uppercase;}

.our_process{display:table;clear:both;width:100%;}

.corporate_right span{float:left;font-size:40px;font-weight:bold;background:#000;color:#fff;width:auto;margin-bottom:5px;line-height:63.3px;}

.our_process_r{display:table;width:100%;}

.our_process_r a{display:table;float:left;margin-left:15%;width:auto;background:#59d1ae;color:#fff;font-size:18px;padding:5px 10px;text-transform:uppercase;}

.management_team h3{font-size:19px;color:#565656;font-weight:600;text-align:center;background:url(../images/dashed-back.png);background-repeat:repeat-x;background-position:top;}

.management_team h3 span{font-size:21px;color:#565656;font-weight:600;}

.client_desc{padding:0;}

.client_desc li{float:left;list-style:none;}

.client_desc li{width:16.6%;text-align:center;padding:15px;}

.in_head{position:relative;background:#fff;z-index:999;margin-top:-11px !important;display:inline-block;padding:0px 10px;}

.client_desc{display:table;width:100%;padding:10px;background:url(../images/dashed-back.png);background-repeat:repeat-x;background-position:bottom;}

.client_choose h2{color:#565656;font-weight:700;font-size:24px;}

.client_choose_list{padding:0;margin-top:25px;}

.client_choose_list li{list-style:none;float:left;width:100%;padding:5px 0px;border-bottom:1px solid #ccc;}

.client_choose_list li:last-child{border:none;}

.client_choose_list li img{float:left;width:15px;margin-right:10px;}

.client_choose_list li span{vertical-align:top;line-height:14px;}

.offering-content h4{font-size:24px;font-weight:600;color:#fff;}

.offering-content p{font-size:18px;font-weight:300;color:#fff;line-height:24px;}

.corporate_offering {

	background: #0e3d52;

	padding: 25px 0px;

}

.offering_ico{float:left;width:44px;margin-right:15px;}

.offering-content{float:left;width:84%;}

.corporate_offering .col-sm-4{margin-bottom:30px;}

.portfolio_section{background:#E6E7EC;margin: 30px 0 0;padding-bottom:30px;background-attachment:fixed;}

.singleBlockInr{padding:10px;border:3px solid rgba(176, 255, 23, 0.3);}

.industry ul li span{float:left;width:13px;margin-right:10px;margin-top:3px;}

.singleMatter p{text-align:center;}

.test_cont h3{margin-top:10px !important;text-align:center;}

.chart h3{text-align:center;margin-bottom:20px !important;}

.test_cont #carousel2{margin-block-end:40px;}

.tabportfolio{padding:45px 0px;}

.tabportfolio .tab-content > .tab-pane{padding:0 30px;margin-top:30px;margin-bottom:40px;}

.tabportfolio .fetrdWork{margin-top:25px;}

.our_process{float:left;width:100%;background:#fff !important;}

.our_process h4{color:red !important;font-weight:400 !important;font-size:24px !important;padding-bottom:20px !important;margin-bottom:0px !important;}

.our_process h2{color:#e1404e !important;font-size:40px !important;font-weight:700 !important;}

.case{border:1px solid #ccc;padding:15px;}

.tab-pane .col-sm-3, .tab-pane .col-sm-3{padding:30px 0px;}

.screen1 img{width:200px;float:right;}

.screen1{margin-right:-30px;}

.process_about h3{font-size:24px;font-weight:700;}

.process_about p {

  font-size: 13px;

}



.process_about{margin-top:20px;padding:0;}

.about_featured{padding-top:30px;}

.second_slide{float:left;width:100%;padding:30px 0px;border-top:1px solid #ccc;margin-top:-30px;}

.second_slide h3{margin-top:0px;}

.graph1{float:left;width:68%;margin-right:2%;}

.graph2{width:30%;float:left;}

.graph2 img{float:right;}

.second_slide h3{margin-top:0px;margin-bottom:25px;}

.second_slide h3{font-weight:700;}

.third_slide{padding:30px 0px;border-top:1px solid #ccc;float:left;width:100%;}

.third_slide h3{font-weight:700;margin-top:0px;}

.finding_tabs{text-align:center;float:left;width:25%;padding:10px;}

.student_content span{width:33%;float:left;}

.student_content{float:left;width:100%;}

.book_content{width:100%;float:left;}

.book{float:left;width:35%;}

.student span{font-size:12px;}

.book_content span{float:left;width:65%;padding:20px 0px;}

.book_content span:first-child{float:left;width:35%;padding:0;}

.third_content{float:left;width:40%;}

.student_content{float:left;width:100%;margin-bottom:30px;}

.book_content{width:100%;float:left;margin-bottom:30px;}

.wire_screen{float:left;width:25%;}

.wire_screen img{float:right;}

.student{float:left;width:100%;margin-top:30px;}

.home_screen{padding-top:30px;border-top:1px solid #ccc;float:left;width:100%;margin-top:30px;text-align:center;position:relative;}

.home_screen h3{margin-top:0px;text-align:left !important;}

.main_flow_left{position:absolute;top:0;left:0;}

.main_flow_left li{font-size:12px;list-style:none;line-height:51px;}

.main_flow_left{position:absolute;top:91px;left:83px;text-align:right;}

.main_flow_left li:nth-child(4){margin-top:-6px;}

.main_flow_left li:nth-child(5){margin-top:10px;}

.main_flow_left li:nth-child(5){margin-top:35px;}

.main_flow_right li{list-style:none;font-size:12px;}

.main_flow_right{position:absolute;top:115px;right:83px;text-align:left;}

.main_flow_right li:first-child{margin-bottom:108px;}

.main_flow_right li:nth-child(3){margin-top:66px;}

.flow-process{float:left;width:100%;border-top:1px solid #ccc;padding:30px 0px;margin-top:30px;}

.flow-process h3{margin-top:0px;font-weight:700;}

.home_process{float:left;width:34%;padding-top:25px;}

.process_image{padding-left:15px;width:65%;float:left;position:relative;}

.process_image img{}

.second_screen{margin-top:-31px;margin-left:-4px;}

.process_para1{font-size:12px;top:75px;position:absolute;left:300px;}

.process_para2{font-size:12px;top:-30px;position:absolute;right:10px;}

.cal_gap{margin-right:80px;}

.calender_img{margin-top:40px;}

.calender_content{float:left;width:100%;padding:30px 0px;border-top:1px solid #ccc;position:relative;}

.calender_list{position:absolute;right:125px;top:135px;}

.calender_list li{list-style:none;font-size:12px;line-height:16px;}

.calender_list li:first-child{margin-bottom:48px;}

.calender_list li:nth-child(2){margin-bottom:15px;}

.screen_img{margin-top:30px;float:right;}

.screen_img img{margin-right:40px;}

.our_process_tabs li a{display:block;width:auto !important;}

.our_process_tabs li{width:14.27%;float:left;}

.our_process_conatiner .tab-pane{background:#fff !important;}

.communication_process{float:left;width:100%;padding-bottom:10px;margin-bottom:30px;}

.communication_block{float:left;width:20%;padding:10px;}

.communication_block a{background:#0c9464;font-size:13px;color:#fff;display:block;padding:10px;border-radius:5px;width:80%;margin-left:auto;margin-right:auto;margin-bottom:15px;}

.communication_block{display:table;width:100%;padding:0 !important;}

.communication_block1.text-center{float:left;width:20%;padding:20px;padding-bottom:10px;}

.communication_block1{position:relative;}

.direction{position:absolute;}

.direction{position:absolute;top:56%;right:-12%;}

.awarded_img{padding-bottom:30px;}

.project_journey{padding:30px 0px;border-top:1px solid #ccc;float:left;width:100%;}

.journey h3{font-weight:700;margin:0 0 20px 0;}

.journey_img{width:33.33%;float:left;text-align:center;margin-top:20px;}

.journey_img img{margin-bottom:13px;}

.submenu_border{width:30%;border-bottom:1px solid #f06161;height:5px;display:block;margin-left:auto;margin-right:auto;margin-bottom:10px;}

.sub_small a{font-size:12px !important;color:#666 !important;}

.sub_small{display:block;margin-block-end:-6px;}

.sub_small a{text-transform:initial;}

.videoWrapper{position:relative;width:100%;height:0;background-color:#000;}

.videoWrapper43{padding-top:75%;}

.videoWrapper169{padding-top:56%;}

.videoIframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:transparent;}

.videoPoster{position:absolute;top:0;right:0;left:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer;border:0;outline:none;background-position:50% 50%;background-size:100% 100%;background-size:cover;text-indent:-999em;overflow:hidden;opacity:1;-webkit-transition:opacity 800ms, height 0s;-moz-transition:opacity 800ms, height 0s;transition:opacity 800ms, height 0s;-webkit-transition-delay:0s, 0s;-moz-transition-delay:0s, 0s;transition-delay:0s, 0s;}

.videoPoster:before{content:'';position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;border:5px solid #fff;border-radius:100%;-webkit-transition:border-color 300ms;-moz-transition:border-color 300ms;transition:border-color 300ms;}

.videoPoster:after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;margin:-20px 0 0 -10px;border-left:40px solid #fff;border-top:25px solid transparent;border-bottom:25px solid transparent;-webkit-transition:border-color 300ms;-moz-transition:border-color 300ms;transition:border-color 300ms;}

.videoPoster:hover:before, .videoPoster:focus:before{border-color:#f00;}

.videoPoster:hover:after, .videoPoster:focus:after{border-left-color:#f00;}

.videoWrapperActive .videoPoster{opacity:0;height:0;-webkit-transition-delay:0s, 800ms;-moz-transition-delay:0s, 800ms;transition-delay:0s, 800ms;}

body{}

main{max-width:800px;margin:20px auto;}

.customer_rating{float:left;width:100%;text-align:center;}

.fixHeader header{background:#fff;box-shadow:0px 5px 5px #b5b5b5;-webkit-box-shadow:0px 5px 5px #b5b5b5;-ms-box-shadow:0px 5px 5px #b5b5b5;-moz-box-shadow:0px 5px 5px #b5b5b5;}

/*.fixHeader header .hdrMenu > ul > li > a{color:#333;}*/

.fixHeader header .hdrMenu > ul > li > a:hover , .fixHeader header .hdrMenu > ul > li > a:active , .fixHeader header .hdrMenu > ul > li > a:focus{border-bottom:1px solid #000;}

.fwSingleInr:hover{background:#333;}

.fwSingleInr:hover > .fwCntnt .fwLeft h5{color:#fff;}

.fwSingleInr:hover > .fwCntnt .fwLeft span{color:#fff;}

img.logo2{display:none;}

.fixHeader header img.logo1{display:none;}

.fixHeader header img.logo2{display:block !important;}

.singleMatter h2{text-align:center;font-weight:800;margin-bottom:20px !important;}

.study h2{font-size:30px;font-weight:700 !important;}

.modal-dialog {

	width: 450px;

	margin: 30px auto;

	text-align: center;

}

h2.case_title

{

font-size:16px !important;

margin-bottom:15px !important;

}

.modal-header

{

padding-bottom:0px !important;

}

.close

{

opacity:1;

}

.subMenu ul li a

{

color:#f06161;

}

.ipad_slider {

	float: left;

	width: 100%;

	margin: 60px 0px 50px;

}

.ipad_slider .col-sm-6.ipad_mob {

	padding: 33px 50px 34px 52px;

	background: url(../images/ipad.png);

	background-size: 100% 100%;

	position: relative;

}

.mobile {

	background: url(../images/mobile.png);

	height: 292px;

	background-repeat: no-repeat;

	position: absolute;

	right: -45px;

	z-index: 99999999;

	width: 170px;

	background-size: 100%;

	bottom: -45px;

}

.mobile #carousel3 {

	padding: 31px 13px 15px 14px;

}

.side_ipad

{

padding-left:80px;

padding-right:0px;

}

.side_ipad h2 {

	margin-top: 0px;

	color: #f06161;

	font-weight: 600;

	font-size:24px;

}

.side_ipad ul li {

	list-style: none;

	width: 44%;

	float: left;

	border: 1px solid #a1a1a1;

	margin: 10px;

	padding: 15px;

}

.side_ipad ul {

	padding: 0;

	float: left;

	width: 100%;

}

.side_ipad ul li strong {

	font-size: 3.1em;

	color: #0e3d52;

	width: 100%;

	float: left;

	display: block;

	margin-bottom: 20px;

	margin-top: 20px;

}

.side_ipad ul li small {

	font-size: 1em;

	color: #f06161;

	

	text-transform: uppercase;

	display: block;

	

}

.side_ipad

{

text-align:center;

}

.box

{

position:relative;

border-top:1px solid #cfd8dc;

padding:20px 0px;

}

.box h4 {

	color: #218592;

	font-size: 28px;

	font-weight: bold;

	text-transform: uppercase;

}

.box p {

	font-size: 24px;

	line-height: 36px;

	width: 74%;

	font-weight:400;

}

.cost

{

color:#f06161;

font-weight:600;

}

.ini

{

color:#0e3d52;

font-weight:600;

}

.price {

	position: absolute;

	top: 39%;

	right: 15px;

	font-size:24px;

	color:#0e3d52;

	font-weight:900;

		

}

.features_box

{

margin-bottom:30px;

}

.fea_heading

{

font-size:30px;

text-transform:uppercase;

color:#0e3d52;

padding-bottom:30px;

color:#0e3d52;

font-weight:900;

text-align:center;

margin:0;
}

/*Case study detail*/

.author_info h1 {

	width: 50%;

	margin-left: 5%;

	font-size: 50px !important;

	font-weight: 900;

	text-transform: uppercase;

	line-height:60px;

	margin-top:30px;

	margin-bottom:30px;

}

.case_study_detail {

	background: #f5f5f5;

	padding-top: 15px;

	position: relative;

	padding-bottom: 15px;

}
.whatsapp {
      width: 25px;
    margin-right: 5px;
}
.topStrip {
    width: 100%;
    line-height: 30px;
    /*background: #009ddf;*/
    background: -webkit-gradient(linear, left top, right top, from(#00B569), to(#0080FF));
    background: -webkit-linear-gradient(left, #00B569, #0080FF);
    background: -o-linear-gradient(left, #00B569, #0080FF);
    background: linear-gradient(to right, #00B569, #0080FF);
}
.topStrip .slideRaq {
	width: 100%;
   
}
.topStrip .phoneNumber {
   /* float: right;*/
    color: #FFF;
   /* margin: 0 20px;*/
}
.topStrip .phoneNumber a {
    color: #FFF;
} 
.case_img

{

position:absolute;

bottom:0;

right:5%;

}

.author_info p {

	width: 50%;

	margin-left: 5%;

	font-size: 24px !important;

	margin-top: 30px;

	margin-bottom: 30px;

	font-weight: 400;

	color: #444;

}

.case_img img {

	border: 5px solid #f06161;

	width: 380px;

	height: 390px;

}

.author_comment

{

background:#f06161;

padding:50px 0px;

}

.author_comment p {

	color: #fff;

	font-size: 30px;

	width: 40%;

	margin-left: 5%;

	font-weight: 600;

}

.client_requirement {

	background: url(../images/websitedevelopmentcompany.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	position: relative;

	height: 100%;

	background-attachment: fixed;

	padding: 25px 0px 0px;

	width: 100%;

	float: left;

}

.client-requirement.client-requirement-detail {

	width: 60%;

	background: #fff;

	padding: 45px;

	margin-top: 65px;

	float: right;

	margin-right:3%;

}

.client-requirement h2 {

	font-size: 50px;

	font-weight: 900;

	line-height: 60px;

	margin-top: 0;

	margin-bottom: 20px;

}

.client-requirement span {

	font-size: 24px;

	font-weight: 700;

	display: inline-block;

	padding: 28px 0 0;

	color: #212121;

	margin-bottom:25px;

}

.client-requirement ul

{

padding:0;

padding-left:0px;

}

.client-requirement ul li {

	font-size: 18px;

	line-height: 24px !important;

	margin-bottom: 20px;

}

.case_quotes

{

background:#eee;

padding:50px 0px;

float:left;

width:100%;

}

.case_quotes p

{

font-size:24px;

font-weight:900;

text-align:justify;

width:72%;

margin:0 auto;

text-transform:uppercase;

line-height:40px;

color:#000;

letter-spacing: 1px;

}

.turn_over

{

color:#f06161;

}

.client_requirement2 {

	background: url(../images/websitedevelopmentservices.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	position: relative;

	height: 100%;

	background-attachment: fixed;

	padding: 25px 0px 0px;

	width: 100%;

	float: left;

}

.singleMatter

{

	margin: 30px 0 20px !important;

}

.client-requirement.client-requirement-detail.other_paralax {

	width: 50%;

	background: #fff;

	padding: 45px;

	margin-top: 65px;

	float: left;

	margin-left: 3%;

}

.port_img

{

text-align:center;

}

.port_img img

{

margin-top:30px;

}

.client_requirement3 {

	background: url(../images/company-bg.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	position: relative;

	height: 100%;

	background-attachment: fixed;

	padding: 25px 0px 0px;

	width: 100%;

	float: left;

}

.result

{

background:#f06161 !important;

}

.result h2

{

color:#fff !important;

}

.result p

{

color:#fff !important;

}

.result span

{

color:#fff !important;

}

.result li

{

color:#fff;

}

.mobile_screens

{

float:left;

width:100%;

padding:50px 0px 10px;

}

.mobile_screens img

{

width:60%;

}

.mobile_screens .mobi_app

{

text-align:center;

}

.mobi_app

{

margin-bottom:50px;

}

.side_ipad.home_side

{

padding-left:0;

}

.side_ipad.home_side h2

 {

	font-size: 30px;

	font-weight: 900;

	line-height: 36px;

	margin-top: 0;

	margin-bottom: 20px;

	color:#0e3d52;

}

.side_ipad.home_side ul li

{

font-size:14px;

}

.client-requirement.client-requirement-detail.home_side_up

{

padding-bottom:20px;

padding-top: 30px;

}

.client-requirement.client-requirement-detail.other_paralax.home_feature

{

padding-bottom:0;

background:#f06161;

padding-top:25px;

}

.client-requirement.client-requirement-detail.other_paralax.home_feature .box h4

{

font-size:21px;

}

.client-requirement.client-requirement-detail.other_paralax.home_feature .box p

{

font-size:16px;

line-height:24px;

color:#fff;

}

.client-requirement.client-requirement-detail.other_paralax.home_feature .box p span

{

margin:0;

padding:0;

font-size:20px;

color:#fff;

}

.client-requirement.client-requirement-detail.other_paralax.home_feature .box .ini

{

margin-bottom:10px;

}

.client-requirement.client-requirement-detail.other_paralax.home_feature .box .price

{

top:30%;

color:#fff;

}

.client-requirement.client-requirement-detail.other_paralax.home_feature h3 , .client-requirement.client-requirement-detail.other_paralax.home_feature h4

{

color:#fff;

}

.client-requirement.client-requirement-detail.other_paralax.home_feature .box

{

border-top:1px solid #f05050;

padding:10px 0px;

}

.client-requirement.client-requirement-detail.other_paralax.home_feature .features_box

{

margin-bottom:0;

}

.ourInsite {

	display: table;

	width: 100%;

	padding-top: 40px;

}

.home_requirement

{

margin-top:40px;

}

.container.clients {

	position: relative;

	clear: both;

	padding-top: 30px;

}

.testimonial_slide {

	float: left;

	position: absolute;

	right: 15px;

	top: 0 !important;

	width: 25%;

}

.client-requirement.client-requirement-detail.home_side_up .study h2

{

font-size:36px;

}

.client-requirement.client-requirement-detail.home_side_up .study ul li

{

list-style:none;



}

.client-requirement.client-requirement-detail.home_side_up .study ul li a

{

font-size:16px;

display:block;

float:left;

width:50%;

margin-bottom:5px;

}

.case_service_pic {

	float: left;

	width: 50%;

	padding-right:15px;

	margin-bottom:0 !important;

}

.case_service_pic a

{

width:100% !important;

}

.service_case_content {

	float: left;

	width: 50%;

	padding-left:15px;

}

.service_case_content a {

	float: left;

	width: 100% !important;

}

.service_case_content p {

	float: left;

	width: 100% !important;

}

.case_service_pic , .service_case_content

{

margin-top:20px;

}

.service_case_content h3 {

	margin-top: 10px !important;

}

.service_case_content a.view

{

padding:5px !important;

}

.service_side

{

padding-top:20px !important;

padding-bottom:0px !important;

}

.fetrdWork h3

{

color:#fff;

float:left;

width:100%;

}

.fetrdWork h4

{

float:left;

width:100%;

margin-top:3px;

}

.portfolio_tab .tab-pane.active

{

background:url(../images/blurred-home-bg.jpg) !important;

background-size:cover;

background-repeat:no-repeat;

}

.chart_list ul li

{

padding:10px 0px;

}

.client-requirement.client-requirement-detail.home_side_up.service_side .service_other li a {

	font-size: 17px;

	margin-bottom: 20px;

}

.client-requirement.client-requirement-detail.home_side_up.service_side .service_other {

	margin-top: 20px;

	float: left;

	width: 100%;

}

.service-section

{

clear:both;

}

.service-section .service-list h2 {

	font-size: 36px;

	margin: 0 auto 50px;

	text-align: center;

	max-width: 800px;

	line-height: 1.2;

	font-weight:900;

}

.service-section .services {

	float: left;

	width: 30%;

}

.service-section .service-name {

	margin-bottom: 74px;

}

.spacing {

	margin: 0 4% 0 5%;

}

.service-name .service-title {

	margin-bottom: 25px;

}

.service-name .service-title {

	font-size: 16px;

	font-weight: 900;

	text-transform: uppercase;

	color: #f06161;

	letter-spacing: 2.5px;

}

.service-name p {

	line-height: 1.5;

	letter-spacing: 0.5px;

	color: #666;

	font-size: 13px;

}

.service-section {

	padding-top: 40px;

}

.our-standard

{

float:left;

width:100%;

}

.our-standard

{

background:url(../images/websitedevelopmentservices.jpg)

}

.portfolio_banner

{

	background:url(../images/portfolio_banner.jpg);

	background-size:100%;

}

.corporat_banner{
	/*background:url(../images/webdevelopmentindia2.jpg);*/
	background-size:100%;

}

.blocklist li

{

color:#fff;

font-size:16px !important;

}

.psd_to ul li p

{

font-weight:400;

}

.side_ipad ul li small

{

font-size:12px !important;

}

.client-requirement.client-requirement-detail.home_side_up .study ul li a

{

font-size:12px;

}

.client-requirement.client-requirement-detail.home_side_up.service_side .service_other li a

{

font-size:14px;

}

.client-wanted {

  float: left;

  margin-bottom: 10px;

  width: 50%;

  padding:15px;

}

.modal-footer

{

border:0;

}

.modal-dialog {

  margin: 30px auto;

  text-align:left;

  width: 700px;

}

.client-wanted h5

{

font-size:20px;

font-weight:bold;

color:#f06161;

}

.client-wanted p

{

margin-bottom:4px;

color:#333

}

.modal-footer button

{

background:#f06161;

color:#fff;



}

.modal-footer button a

{

color:#fff !important;

}

.hire_client

{

padding-top:0px !important;

}

.testimonial_slide

{

top:0;

}

.hire_inner

{

	background:url(../images/hire-web-development-company.jpg);

	background-repeat:no-repeat;

	background-size:100% cover;

	height:500px;

}

.case_study_banner

{

	background:url(../images/webdevelopmentcompany1.jpg);

	background-repeat:no-repeat;

	background-size:100%;

}

.subMenu {

	background-image:url(../images/drop-bg.jpg);

	background-repeat:repeat;

	left: -532px;

	width: 1349px !important;

}

.subMenu ul li {

	width: 22%;

	padding-top:30px;

	padding-bottom:30px;

	padding-right:0px;

}

.second_row li {

	padding-top: 0px !important;

}

.subMenu ul li:first-child

{

	padding-left:80px;

}

.subMenu ul li a {

	line-height: 20px !important;

	margin-bottom:5px !important;

}

.sub_small a {

	font-size: 14px !important;

	color: #000 !important;

}

.sub_small img {

	margin-right: 10px;

}

.subMenu .submenu_head

{

	margin-bottom:15px !important;

	font-size:16px;

}

.subMenu ul li a {

	color: #000;

}

.sub_small {

	border-bottom: 1px solid #E7E7E7;

	margin-bottom:5px;

}

.sub_small:last-child

{

	border-bottom:0;

}

.sub_para {

	font-size: 16px;

	padding: 0px 30px;

	font-weight: 800;

}

.submenu_border {

	width: 50%;

	border-bottom:1px solid #000;

}

.second_row

{

	width:100%;

	float:left;

}

.clients_eng

{

	width:35% !important;

}

.myslides {

	padding-left: 200px !important;

	width: 486px !important;

}

.hero_indicators > li:nth-child(4) {

	display: inline-block !important;

}

.hero_indicators li {

	width: 30px;

	height:15px;

	background-color: rgb(240, 97, 97);

}

.hero_indicators > li.active {

	background: rgb(240, 97, 97) !important;

	height:16px !important;

}

.hero_indicators {

	bottom: -35px;

}

body.fixHeader .hdrMenu > ul > li {

	padding: 12px 12px 12px;

}

#hero-wrapper {



  width: 100%;

  float:left

  z-index:999;

  margin-bottom:60px;

  text-align: -moz-center !important;

}

.carousel-fade .carousel-inner .item {

  opacity: 0;

  transition-property: opacity;

  -webkit-transition: opacity 5s ease;

       -o-transition: opacity 5s ease;

          transition: opacity 5s ease;

  -webkit-transform: translate3d(0, 0, 0) !important;

          transform: translate3d(0, 0, 0) !important;

}

.carousel-fade .carousel-inner .active {

  opacity: 1;

}

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

  left: 0;

  opacity: 0;

  z-index: 1;

}

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

  opacity: 1;

}

.carousel-fade .carousel-control {

  z-index: 2;

}


#left .hours-block {
    float: left;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 20px;
}
.ca-main {
    font-size: 30px;
    color: #005382;
    opacity: .8;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-menu {
    padding: 0;
    margin: 0;
        margin-bottom: 0px;
}
#left .hours-block li {
    width: 200px;
    float: left;
    margin:0 20px;
    border: 1px solid #ebeaea;
    text-align: center;
    -moz-box-shadow: 0 0 7px #d1d1d1;
    -webkit-box-shadow: 0 0 7px #d1d1d1;
    box-shadow: 0 0 7px #d1d1d1;
    border-radius: 6px;
}
.ca-menu li {
    overflow: hidden;
    position: relative;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.ca-icon {
    text-shadow: 1px 0 1px rgba(255,255,255,0.7);
    position: relative;
    width: 100%;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-menu li a {
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
	text-decoration: none;
}
.ca-sub {
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 40px;
    opacity: .8;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
#left h1 {
    color: #5f8c9f;
    font-weight: 400;
    margin-bottom: 30px;
    text-transform: capitalize;
}
#left h2 {
    color: #5f8c9f;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 15px;
}

#left .buy-now {
   
    line-height: 40px;
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    border: none;
    outline: none;
    height: 70px;
    cursor: pointer;
    cursor: pointer;
}
#left .validity {
    background: #f3f9f8;
    line-height: 50px;
    font-size: 16px;
}
#left .green h2 {
    background: #18c8a7;
    color: #FFF;
    margin: 0;
    line-height: 60px;
    border-radius: 6px 6px 0 0;
}


#left .green h1 {
    background: #73cfc1;
    color: #FFF;
    margin: 0;
    line-height: 80px;
    font-size: 40px;
}
#left .green .buy-now{
 background: #73cfc1;
}


#left .blue h2 {
    background: #F1C40F;
    color: #FFF;
    margin: 0;
    line-height: 60px;
    border-radius: 6px 6px 0 0;
}


#left .blue h1 {
    background: #e8cd5d;
    color: #FFF;
    margin: 0;
    line-height: 80px;
    font-size: 40px;
}
#left .blue .buy-now{
 background: #e8cd5d;
}




#left .orange h2 {
    background: #3498DB;
    color: #FFF;
    margin: 0;
    line-height: 60px;
    border-radius: 6px 6px 0 0;
}


#left .orange h1 {
    background: #6ebaed;
    color: #FFF;
    margin: 0;
    line-height: 80px;
    font-size: 40px;
}
#left .orange .buy-now{
 background: #6ebaed;
}



#left .goldan h2 {
    background: #D45300;
    color: #FFF;
    margin: 0;
    line-height: 60px;
    border-radius: 6px 6px 0 0;
}


#left .goldan h1 {
    background: #f29355;
    color: #FFF;
    margin: 0;
    line-height: 80px;
    font-size: 40px;
}
#left .goldan .buy-now{
 background: #f29355;
}

#left .goldan-ex h2 {
    background: #8E44AD;
    color: #FFF;
    margin: 0;
    line-height: 60px;
    border-radius: 6px 6px 0 0;
}


#left .goldan-ex h1 {
    background: #AF7AC4;
    color: #FFF;
    margin: 0;
    line-height: 80px;
    font-size: 40px;
}
#left .goldan-ex .buy-now{
 background: #AF7AC4;
}




















/*responsive*/



@media screen and (max-width:950px)

{

.author_info h1 

{

  font-size: 36px !important; 

  line-height: 50px;

}

.case_img img {

  border: 5px solid #f06161;

  height: 330px;

  width: 300px;

}

.author_info p

{

font-size:17px !important;

}

.author_comment p {

  color: #fff;

  font-size: 21px;

  font-weight: 600;

  margin-left: 5%;

  width: 53%;

}

.client-requirement.client-requirement-detail.other_paralax

{

width:94%;

background:rgba(255,255,255,0.7);

}

.client-requirement.client-requirement-detail.other_paralax

{

width:94% !important;

}

.client-requirement h2 {

  font-size: 36px;

  font-weight: 900;

  line-height: 45px;

  margin-bottom: 15px;

  margin-top: 0;

}

.client-requirement ul li {

  font-size: 15px;

  line-height: 24px !important;

  margin-bottom: 10px;

}

.case_img {

  bottom: 0;

  position: absolute;

  right: 3%;

}

}



@media screen and (max-width:991px)

{

.side_ipad.home_side h2 {

	font-size: 24px;

	font-weight: 900;

	line-height: 36px;

	margin-top: 0;

	margin-bottom: 20px;

	color: #0e3d52;

}

.side_ipad ul li {

  width: 46.7%;

}

.side_ipad ul li strong

{

font-size: 2.1em;

}

.case_quotes p

{

width:90%;

}

.fea_heading

{

font-size:24px;

}

.client-requirement.client-requirement-detail.other_paralax.home_feature .box h4

{

font-size:18px;

}

.client-requirement.client-requirement-detail.other_paralax.home_feature .box p span

{

font-size:15px;

}

.client-requirement.client-requirement-detail.other_paralax.home_feature .box p

{

font-size:13px;

}

.client-requirement.client-requirement-detail.other_paralax

{

width:65%;

}

.client_requirement2 {

  background: rgba(0, 0, 0, 0) url("https://www.alhudacreatives.com/images/office22.html") no-repeat fixed 0 0 / cover;



}

.client_requirement {

  background: rgba(0, 0, 0, 0) url("../images/websitedevelopmentcompany.jpg") no-repeat fixed 0 0 / cover;



}



.side_ipad ul li small

{

font-size:12px;

}

.client-requirement.client-requirement-detail

{

width:94%;

background:rgba(255,255,255,0.8);

}

.client-requirement.client-requirement-detail.other_paralax.home_feature

{

width:94%;

background:rgba(240,97,97,0.7);

}

.inner_content p

{

line-height:18px !important;

}

.inner_content li

{

line-height:18px !important;

}

.client-requirement.client-requirement-detail.result {

  background: rgba(239, 97, 97, 0.7) none repeat scroll 0 0 !important;

}

.client-requirement.client-requirement-detail.home_side_up .study ul li a

{

font-size:13px;

}

.pageContainer p, .pageContainer li

{

	color:#333;

}

.side_ipad ul li strong {

  font-size: 2.5em;

}

}



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

{

.modal-dialog

{

width:90%;

}

.side_ipad ul li

{

width:42%;

}

.side_ipad ul li strong {

  font-size: 1.8em;

}

.side_ipad ul li small {

  color: #f06161;

  display: block;

  font-size: 12px;

  text-transform: uppercase;

  line-height: 14px;

}

.client-requirement.client-requirement-detail

{

padding:20px;

}

.case_quotes p {

  color: #000;

  font-size: 18px;

  font-weight: 900;

  letter-spacing: 1px;

  line-height: 30px;

  margin: 0 auto;

  text-align: justify;

  text-transform: uppercase;

  width: 72%;

}

.author_info h1

{

width:100%;

}

.case_img {

  bottom: 0;

  position: static;

  text-align: center;

}

.author_info p {

  color: #444;

  font-size: 18px !important;

  font-weight: 400;

  margin-bottom: 15px;

  margin-left: 0;

  margin-top: 0;

  padding: 15px;

  width: auto;

}

.author_info h1 {

  font-size: 26px !important;

  line-height: 40px;

  margin-bottom: 0 !important;

  margin-top: 0 !important;

  padding: 15px;

  text-align: center;

  width: auto !important;

}	

.author_comment p

{

width:100%;

}

.author_comment p {

  width: auto;

  margin: 0;

  padding: 15px;

  text-align: center;

}

.author_comment

{

padding:20px 0px;

}

.client-requirement ul {

  padding: 0;

  padding-left: 20px;

}

.case_quotes p {

  color: #000;

  font-size: 18px;

  font-weight: 900;

  letter-spacing: 1px;

  line-height: 26px;

  margin: 0 auto;

  text-align: justify;

  text-transform: uppercase;

  width: 90%;

}

.case_quotes { 

  padding: 30px 0;

}

.client-requirement ul {

  padding: 0 0 0 0px;

}

.client-requirement ul li

{

width:100%;

}

.service_other

{

text-align:center;

}

.features_box

{

padding:10px;

}

.other_paralax ul

{

padding:0px 10px; 

}

.case_service_pic

{

text-align:center;

}

.study ul li

{

text-align:center;

}

}

@media screen and (max-width:640px)

{





.fea_heading

{

font-size:20px;

}

.client-requirement.client-requirement-detail.home_side_up .study h2

{

font-size:24px;

line-height:30px;

}

.client-requirement.client-requirement-detail.home_side_up .study ul li a

{

width:100%;

}

.service_case_content

{

width:100%;

}

.inner_content p, .inner_content li {

  font-size: 12px;

  line-height: 18px !important;

}

.case_quotes

{

padding:27px 0px;

}

.service-section .services {

  float: left;

  width: 100%;

}

.service-section .service-name {

  margin-bottom: 20px;

}

.service-name .service-title {

  color: #f06161;

  font-size: 14px;

  font-weight: 900;

  letter-spacing: 1px;

  text-transform: uppercase;

}

.service-name .service-title {

  margin-bottom:10px;

}

.spacing

{

margin:0;

}

.portfolio_section

{

margin:20px 0px;

}

.fetrdWork

{

margin-top:0px !important;

padding-top:5px;

}

}



@media screen and (max-width:540px)

{

.client-wanted

{

width:100%;

}

.side_ipad ul li {

  width: 100%;

}

.author_info p {

  font-size: 15px !important;

  font-weight: 400;

  margin-bottom: 15px;

  margin-left: 0;

  margin-top: 0;

  padding: 0 15px;

  width: auto;

}

.author_info h1 {

  font-size: 21px !important;

  line-height: 26px;

  margin-bottom: 0 !important;

  margin-top: 0 !important;

  padding: 15px;

  text-align: center;

  width: auto !important;

margin-left:0px !important;

}

.client-requirement h2 {

  font-size: 23px;

  font-weight: 900;

  line-height: 40px;

  margin-bottom: 0;

  margin-top: 0;

}

.client-requirement span {

  color: #212121;

  display: inline-block;

  font-size: 20px;

  font-weight: 700;

  margin-bottom: 10px;

  padding: 10px 0 0;

}

.case_quotes p {

  color: #000;

  font-size: 15px;

  font-weight: 900;

  letter-spacing: 1px;

  line-height: 20px;

  margin: 0 auto;

  text-align: justify;

  text-transform: uppercase;

  width: 90%;

}

.client-requirement.client-requirement-detail.other_paralax {

 

  padding: 15px;

  

}

.service-section .service-list h2 {

  font-size: 24px;

  font-weight: 900;

  line-height: 1.2;

  margin: 0 auto 25px;

  max-width: 800px;

  text-align: center;

}

.service-section {

  padding-top: 20px;

}

}



.singleMatter

{

float:left;

width:100%;

margin-top:0 !important;

}

.pageContainer

{



}

.corporat_banner

{

background-repeat:no-repeat;

background-size:100% 100% !important;

}

.cntnusInvtn.clearfix {

    margin-top: -10px;

}

.mobile-banner-part {
    background: url(../images/mobile-developers-banner.jpg) center no-repeat;
    float: left;
    xheight: 275px;
    margin-bottom: 20px;
    width: 100%;
    background-size: cover;
	margin-top: 101px;
}
.banner-right {
    background: url(../images/bannerDescBg.png);
    xmin-height: 210px;
    margin: 42px 0 42px;
    padding: 10px 10px;
    width: 450px;
    float: right;
}.banner-left{margin: 42px 0 0 0;}
.banner-left .heading-2 {
    color: #fff;
    font-size: 30px;
    line-height: 46px;
    padding-top: 0;
    font-weight: 700;
	text-align:left;
	margin-top: 20px;
margin-bottom: 10px;
}
.banner-left p {
    color: #fff;
    font-size: 15px;
    margin-top: 15px;
    padding-bottom: 0;
}
.heading-1 {
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    padding: 5px 0 0 12px;
    display: block;
	text-align:left;
	margin: 0 0 10px;

}
.icon-sprite{
    background: url("../images/sprite.png");
    background-position: 0px 0px;
    width: 9px;
    margin-right: 10px;
    height: 8px;
    padding: 5px 0px 0 22px;
	background-repeat:no-repeat;
}
.icon-sprite.icon-php,.icon-sprite.icon-hphp{
    
    background-position: 0px -367px;
   
}
.icon-sprite.icon-laravel,.icon-sprite.icon-hlaravel {
    
    background-position: 1px -279px;
   
}
.icon-sprite.icon-ci,.icon-sprite.icon-hci {
    background-position: 0px -92px;
}
.icon-sprite.icon-wordpress,.icon-sprite.icon-hwordpress  {
    
  background-position: 0px -600px;
   
}
.icon-sprite.icon-magento,.icon-sprite.icon-hmagento {
    background-position: 0px -313px;
}
.icon-sprite.icon-drupal,.icon-sprite.icon-hdrupal {
    background-position: 0px -122px;
}
.icon-sprite.icon-ec,.icon-sprite.icon-hec {
    background-position: 0px -152px;
}
.icon-sprite.icon-ewordpress,.icon-sprite.icon-hewordpress {
    background-position: 0px -600px;
}
.icon-sprite.icon-shopify,.icon-sprite.icon-hshopify {
    background-position: 0px -534px;
    padding: 4px 12px;
}
.icon-sprite.icon-magento-2 {
    background-position: 0px -313px;
}
.icon-sprite.icon-iphone {
    background-position: 5px -247px;
}
.icon-sprite.icon-android {
    background-position: 4px -57px;
}
.icon-sprite.icon-taxi {
    background-position: 0px -397px;
    padding: 5px 12px;
   
}
.icon-sprite.icon-phonegap {
    background-position: 1px -343px;
}

.icon-sprite.icon-instant {

    background-position: 4px -57px;
}
.icon-sprite.icon-food {
    background-position: 0px -214px;
}
.icon-sprite.icon-socail,.icon-sprite.icon-social {
    background-position: 0px -431px;
    padding: 5px 12px;
}
.icon-sprite.icon-trv {
    background-position: 0px -568px;
}
.icon-sprite.icon-jw {
    background-position: -1px -501px;
}
.icon-sprite.icon-cwd {
    background-position: 0px -181px;
}
.icon-sprite.icon-dwd {
    background-position: 0px -28px;
}
.icon-sprite.icon-mat {
    background-position: 0px -466px;
}
	.hire_box {
    bottom: 5px;
    left: 5px;
    height:70px;
     width:140px;
    position: fixed;
    z-index: 99;
} 
.portfolio-heading {
    margin: 10px 0 !important;
    font-size: 22px !important;
}

.portfolio-sub-heading {
   xmargin: 10px 0 !important;
    font-size: 18px !important;
}
.app-icon {
    text-align: center;
}
.app-icon img,  .app-icon-1 img {
    width: 20px;
    padding: 0 0px;
    margin-right: 7px;
} 
.contain-box {
    xborder: 1px solid #fff;
	text-align: center;
	background: #fff;
	transition:all .5s ease-in
}
.contain-box .img img {
    xheight: 320px;
} 
.conatin-para {
    padding: 20px 30px;
	background: #fff;
	transition:all .2s ease-in;
	position:relative;
}
.conatin-para::before {
    position: absolute;
    content: "x";
    background: #E23337;
    padding: 6px 13px;
    top: -38px;
    left: 120px;
    transform: rotate(45deg);
    color: #fff;
    width: 35px;
    margin: 0 auto;
    text-align: left;
}

.contain-box:hover .conatin-para::before {
   
    top: -17px;
   
}
.conatin-para.para-1::before {
   
    top: -57px;
   
}

.app-icon {
    background: #E23337;
    padding: 14px 0px;
    margin: 0 -1px;
    border-bottom: 2px solid #f24c52;
	color:#fff;
}.app-icon-1 {
    xbackground: #E23337;
    padding: 6px 0px;
    margin: 0 -1px;
   
}
.app-icon-pos {
    position: absolute;
    width: 100%;
   bottom: 0px;
	display: none;
	transition:all 0.2s ease-in
	
}
.pull-right-1 {
    xtext-align: right;
}
.hover-box {
    position: relative;
}
.contain-box:hover .conatin-para{transform:translateY(-100px);transition:all 0.2s ease-in} 
.contain-box:hover .app-icon-pos{transition:all 0.2s ease-in;display:block;}
.contain-box:hover .img img {
    transform: scale(1.5);
   
	transition:all 0.2s ease-in
}
.img {
    overflow: hidden;
	height:300px;
}

.contain-box .img img {
    
	transition:all 0.2s ease-in
}
.conatin-para p{color:#888;}
.fetrdWork.fetrdWorked{color:#000;}
.home-sidebar{color: #fff;
    display: block;
    height: 155px;
    margin: 25px 0;
    padding: 12px 25px;
    position: relative;
}
.sidebar-1 {
    background: #294e94 none repeat scroll 0 0;
} 
.sidebar-2 {
    background: #D02630 none repeat scroll 0 0;
}

.sidebar-3 {
    background: #EA760A none repeat scroll 0 0;  
}
.icon-mouse,.icon-ask,.icon-partner{color: #fff;
    font-size: 50px;
    left: auto;
    position: absolute;
    right: 25px;
    top: 15px;
}
.apply-now{margin: 35px 0 20px;}
.icon-mouse img,.icon-ask img,.icon-partner img{width:50px}
.apply-now h5{font-size:2em;color:#fff;font-weight:700}
.home-sidebar p {
    color:#fff !important;
    font-size: 1em;
    line-height: 18px;
    margin: 10px 0;
}
iframe {
    /*height: 300px;*/
    width: 100%;
}
.wordpress-site {
    margin-top: 40px;
    margin-bottom: 30px;
}
.wordpress-head {
    color: #3b3c2c;
    font-weight: 800;
	margin-bottom: 30px;
}
p{
   
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
	
   
    line-height: 24px;
}
.choose-container.section-wrapper p,.tabContainer p {
    color: #fff;
}
.wordpress-para {
   
    font-size: 18px;
    font-family: 'Open Sans',sans-serif;
	color: #1B1B1E ;
   
   /* line-height: 24px;*/
   line-height: 34px;
}
.choose-container a.choose-ugc-deb {
    background-color: #dadada;
    height: 330px;
    padding: 0.4em;
    text-align: center;
}	

.choose-container a.choose-awards {
    background: rgba(0, 0, 0, 0) url("../image/back-home-choose-awards.jpg") no-repeat scroll 0 0/cover;
    color: #fff;
    display: block;
    height: 330px;
    text-align: left;
}
.choose-container a.choose-corporate {
    background-color: #dadada;
    color: #2b2b2b;
    height: 330px;
    text-align: center;
}
.choose-container .choose-support {
    background: #d02630 url("../image/back-home-choose-support.jpg") no-repeat scroll 0 0/cover;
    color: #fff;
    height: 330px;
    text-align: center;
}  
.choose-container a.choose-excellence {
    background: #ea760a url("../image/back-home-choose-flexibility.jpg") no-repeat scroll 0 0/cover;
    height: 330px;
    padding: 0.4em;
    text-align: center;
}
.choose-container .choose-flexibility {
    background-color: #4a4a4c;
    color: #fff;
    height: 330px;
    text-align: center;
}
.choose-container a {
    display: block;
} 
.no-padding {
    margin: 0;
	padding:0
}
 
.choose-container a.choose-ugc-deb h4,.choose-container a.choose-corporate h4 {
    color: #2b2b2b;
    font-size: 1.6em;
    margin-top: 1.3em;
    padding: 0 2em;
}

.choose-container a.choose-excellence h4 {
    font-size: 1.6em;
    margin-top: 1.3em;
    padding: 0 1em;
	color:#fff;
}
.choose-container a.choose-excellence p {
    color: #fff;
    font-size: 0.925em;
    margin-bottom: 2em;
    padding: 0 3em;
}
.choose-container .choose-flexibility h4 {
    font-size: 1.6em;
    margin-top: 1.3em;
    padding: 0 1em;
}
.choose-container .choose-flexibility p {
    font-size: 0.925em;
    margin-bottom: 1.2em;
    padding: 0 3em;
}
.choose-container .choose-support h4 {
    font-size: 1.6em;
    margin-top: 1.3em;
    padding: 0 1em;
}
choose-container .choose-support p {
    font-size: 0.925em;
    margin-bottom: 1.2em;
    padding: 0 3em;
}

.choose-container img{width:100px;
    line-height: 85px;
    padding: 15px;}

.choose-container a.choose-awards h3 {
    font-size: 1.8em;
	 margin: 0;
	 font-weight:700;
}
.choose-container a.choose-awards h4 {
    font-size: 0.975em;
    margin: 0.1em 0;
    padding: 0 2em;
	font-weight:700;
}
.choose-container a.choose-awards p {
    font-size: 0.875em;
    line-height: 1.3em;
    padding: 0 2em;
}
.choose-container .choose-awards .awards-header ul li {
    float: left;
    width: 65%;
}
.choose-container a.choose-awards .awards-header ul li.icon {
    width: 35%;
}
.choose-awards ul{padding:0;margin:0;list-style:none}
.choose-container a.choose-awards .awards-header {
    padding: 2em 2em 0.2em;
}
.section-wrapper h4.title {
    margin-bottom: 35px;
	 font-size: 2.375em;
	 text-align:center;
	 font-weight:800;
}
.singleMatter p {
   
  
    text-align: center;
}
.hire-php{margin: 0px 0 10px;}

.hire-php ul {
    
    padding: 0;
}
.hire-php h4{font-weight: 800;
font-size: 2.75em;
margin: 20px 0;}
.hire-php li {
    font-size: 14px;
    margin-left: 12px;
    padding: 4px 0;
	 color: #1B1B1E ;
} 
.hire-php p,#why-are p {
    color: #1B1B1E !important;
	font-style: normal;
}
.hire-php h5 {
    color: #e8915c;
    font-size: 30px;
    font-weight: 900;
}
.hire-php h5,.per {
    margin-top: 27px;
}
#up {
    font-size: 18px;
    margin-right: 9px;
    text-align: right;
}
.per {
    color: #6ab745;
    font-size: 50px;
    font-weight: 900;
}
.per > span {
    color: #bec4b8;
    font-size: 35px;
}
#why-are {
    text-align: center;
	margin-bottom:25px;
}
#why-are img {
    margin: 10px 25px;
    width: 189px;
}
.socail-profile-panel {
    text-align: center;
	margin-bottom:40px;
}
.boxes-profile {
  position: relative;
  margin-bottom: 80px;
}
/*.boxes-profile:hover { 
    opacity: 0.6;
    transform: scale(1.2);
    transition: all 0.5s ease 0s;
}*/
.boxes-profile img {
  box-shadow: 0 0 20px -5px rgba(0,0,0,.15);
    border-radius: 10px;
    background-color: #fff;
    width: 100%;
}
.portfolio-title {
    margin: 0 15px;
    position: absolute;
    bottom: -40px;
    background-color: #fff;
    text-align: center;
    left: 0;
    right: 0;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #eee;
    transition: all .3s ease-out 0s;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 0 20px -5px rgba(0,0,0,.15);
}
.socail-profile-panel h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    margin: 0px;
    color: #333;
}
.section-wrapper {
   padding: 45px 0px;	
}
.section-wrapper h4.title {
    margin-bottom: 35px;
}
.text-center {
    text-align: center;
}
.news-events-wrapper a.emi-options, .news-events-wrapper a.event-calender, .news-events-wrapper a.event-name {
    background-color: #fff;
    display: block;
    margin: 15px 10px;
    position: relative;
	 font-style: normal;
}
.small-box {
    /*height: 305px;*/
    padding: 20px;
    position: relative;
}
.news-events-wrapper span.btn-news-events {
    border-radius: 5px;
    display: inline-block;
    height: 32px;
    padding: 6px 0;
    text-align: center;
    width: 95px;
    background: -webkit-gradient(linear, left top, right top, from(#00B569), to(#0080FF));
    background: -webkit-linear-gradient(left, #00B569, #0080FF);
    background: -o-linear-gradient(left, #00B569, #0080FF);
    background: linear-gradient(to right, #00B569, #0080FF);
}
.news-events-wrapper h6, .news-events-wrapper span.btn-news-events {
    color: #fff;
    font-weight:900;
    text-transform: uppercase;
	 
}
/*.para-sm-style {
    color: #484848;
    display: inline-block;
   font-weight:900;
    margin: 0 10px;
    text-transform: uppercase;
}*/
.news-events-wrapper a.emi-options .box-style, .news-events-wrapper a.event-calender .box-style, .news-events-wrapper a.event-name .box-style {
    /*margin-top: 32px;*/
}
.news-events-wrapper a .box-style h6{
    -moz-box-orient: vertical;
    /*color: #58585a;*/
    /*display: -webkit-box;
    height: 6.5em;
    line-height: 1em;
    overflow: hidden;
    text-overflow: ellipsis;*/
    color: #888;
    min-height: 90px;
    font-size: 18px;
    line-height: 24px;
	 margin-top:15px;
}
.news-events-wrapper a .box-style p {
    /*-moz-box-orient: vertical;
    color: #58585a;
    display: -webkit-box;
    height: 6.5em;
    line-height: 1em;
    overflow: hidden;
    text-overflow: ellipsis;*/
  margin-top:15px;
}
#bottom-footer {
    background: #fff none repeat scroll 0 0;
    color: #000;
    text-align: center;
	padding:0 0 35px 0
}
#bottom-footer > h2 {
    color: #9f9f9f;
    margin: 0;
	font-weight:800;
    padding: 44px 0;
}
.orange{color:#F79726}
#hide-2{margin: -36px 0 0 0;}
.pad-gap-3 {
    margin: 0 16px;
}

#why-are h2 ,.socail-profile-panel  h2{
    font-size: 30px;
    font-weight: 800;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes bounce {
    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}
@keyframes bounce {
    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}
@-webkit-keyframes flash {
    50%, from, to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
@keyframes flash {
    50%, from, to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}
@-webkit-keyframes pulse {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}
@keyframes pulse {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}
@-webkit-keyframes rubberBand {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}
@keyframes rubberBand {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}
@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}
@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}
@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}
.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}
@-webkit-keyframes tada {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}
@keyframes tada {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}
@-webkit-keyframes wobble {
    from, to {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}
@keyframes wobble {
    from, to {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}
@-webkit-keyframes jello {
    11.1%, from, to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
@keyframes jello {
    11.1%, from, to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}
@-webkit-keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInLeft {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInRight {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes bounceInUp {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}
@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}
@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}
.flipInY,
.flipOutX {
    -webkit-backface-visibility: visible!important
}
@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.flipInY {
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}
@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}
@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}
@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}
.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}
@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}
@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}
@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}
@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}
@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}
@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}
@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}
@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}
@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}
@keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}
@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}
@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}
@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80)
}
#video-fadeback{
	
	height:280px; width:450px}
#pricing {
    padding: 50px 0;
}
#price-heading{background: #f3f3f3;
padding: 16px 22px;
font-size: 30px;
font-weight: 700;
color: #69A5DD;}
.wordpress-head-1{background: #f3f3f3;
padding: 16px 22px;
font-size: 20px;
font-weight: 700;
color: #69A5DD;}
.heading-price {
    background: #18C8A7;
    padding: 15px 26px;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
}



.rate-price {

    float: right;
	border: 2px solid;
	margin-top: -7px;
	padding: 4px 20px;
border-radius: 100px;

}
.list-bg{
background: #73CFC1;	
}
.flat-box ul {
     padding: 20px 40px;
    color: #fff;
    font-size: 16px;
}
.flat-box .text-right {
    background: #73CFC1;
    padding: 15px 0px;
  
}


.flat-box .text-right a {
    background: #18C8A7;
padding: 11px 25px 16px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
	
}
@media (min-width:280px) and (max-width:767px){
	.arrow-quote {
   
    display: none;
}
	.img {
    
    height: auto;
}
	.conatin-para::before {
    
    display: none;
}
.inner {
    
    display: none;
}
.mobile-banner-part {
    
    xmargin-top: 101px;
}	
.banner-right {
     width: auto !important;
     float:none;
	 margin: 6px 0 12px;
	 height:150px;
}
.banner-left {
    margin: 0px 0 0 0;
}
.banner-left .heading-2 {
    
    font-size: 16px;
    line-height: 10px;
    text-align: center;
}	
.banner-left p {
    
    font-size: 12px;
    margin-top: 10px;
	text-align: center;
    
}
.heading-1 {
    
    font-size: 16px;
	margin: 0px 0 10px;
	padding:0px;
   text-align: center;
    
}
.menuIcn {
    
    top: 20px;
}
#video-fadeback{
	
	height:100%; width:100%}
#left .hours-block{float:none}
#left .hours-block li {width:auto;margin-bottom:20px;float:none}	
	}
@media (min-width:768px) and (max-width:1024px){
	.img {
    
    height: auto;
}
	.conatin-para::before {
    
    display: none;
}
	.banner-left .heading-2 {
    
    font-size: 20px;
    
}
.banner-left p {
   
    font-size: 13px;
   
}
.heading-1 {
   
    font-size: 20px;
     
}
	
	.banner-right {
    
    width: auto;
    float: none;
}
#left .hours-block li{margin-bottom:20px;}
}
@media(min-width:768px) and (max-width:1000px){.logo {
   
    width: 74px;
}
.menuIcn {
top: 8px;
}	
}
@media(min-width:1001px) and (max-width:1104px){	
.logo {
    float: left;
    margin: 5px 0;
    width: 100px;
}
.hdrMenu > ul > li {
    padding: 12px 7px 12px;
}
body.fixHeader .hdrMenu > ul > li {
    padding: 12px 5px 12px;
}

}
@media(min-width:1025px) and (max-width:1230px){
#left .hours-block li{margin-bottom:20px;}
}
.callUs {
    display: none;
}