/* general styles */

html,
body {
  height: 100%;
  width: 100%;
}

/* padded section */

.pad-section { padding: 50px 0; }


.innercaption{
position:absolute;
top:37% !important;
}


.downlo-box{width:100%;
float:left;
min-height:240px;
border:1px solid rgba(204, 204, 204, 0.63);

margin-top:25px;
border-radius:7px;
padding:25px 25px;



background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}

.downlo-box h4{width:100%;
color:#f96195;
margin-bottom:10px;
font-weight:700;
}

.downlo-box a{width:auto;
float:left;
background-color:#2f265c;
color:#FFF;
border-radius:6px;
font-size:15px;
padding:8px 20px;
margin-bottom:10px;
text-decoration:none;
}

.abt h4{line-height:25px;
font-size:17px;}

.prod-category{width:100%;
font-size:28px;
font-weight:700;
border-bottom:3px solid #C00;
padding-bottom:4px;
margin-top:10px;
color:#000;
}

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

.abtimg{width:100%;
}

.telecol{width:100%;
min-height:350px;
float:left;
}

.telephone{width:100%;
float:left;
padding-top:30px;

}


.banerbg{width:100%;
float:left;
padding-top:25px;
padding-bottom:25px;
background-color:#d82f69;
}



.leftfix{width:45px;
height:460px;
background-color:#fff;
position:fixed;
left:0px;
font-size:16px;
padding-top:10px;
font-weight:700;
color:#d82f69;
text-align:center;
border-bottom:2px solid #CCC;
border-right:2px solid #CCC;
border-top:2px solid #CCC;
top:27%;
z-index:99999;

border-radius: 0px 9px 9px 0px;
-moz-border-radius: 0px 9px 9px 0px;
-webkit-border-radius: 0px 9px 9px 0px;


-webkit-box-shadow: 6px 6px 21px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 21px -5px rgba(0,0,0,0.75);
box-shadow: 6px 6px 21px -5px rgba(0,0,0,0.75);

}



.leftbanner{width:60%;
float:left;
margin-top:5px;
}


.headeboxmain{width:33%;
float:left;
min-height:409px;
}

.rightbox a{width:100%;
min-height:133px;
float:left;
background-color:#9f1947;
border:1px solid #9f1947;
color:#FFF;
text-align:center;
text-transform:uppercase;
text-decoration:none;
font-weight:700;
padding-top:10px;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}

.rightbox a:hover{width:100%;
background-color:transparent;
border:1px solid #fff;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}


.abtbg a{width:auto;
float:left;
background-color:#d82f69;
color:#FFF;
padding:8px 20px;
border-radius:4px;
margin-top:15px;
font-size:15px;
text-decoration:none;
border:1px solid #9e0b3e;
}

.abtbg p{font-size:13px;
}

.abtbg{width:100%;
min-height:364px;
float:left;
background-color:#FFF;
margin-top:-6px;
padding-left:30px;
padding-right:30px;
padding-top:20px;
}

.abtbg h2{width:100%;
font-size:28px;
text-transform:uppercase;
color:#000;
font-weight:700;
margin-top:10px;
}

.abtbg h3{width:100%;
font-size:25px;
color:#000;
font-weight:700;
margin-top:5px;
}

.featurebg a{width:auto;
float:right;
background-image:url(../images/arrow.png);
background-position:right;
background-repeat:no-repeat;
padding-right:18px;
padding-top:5px;
color:#F33;
}


.featurebg{width:100%;
min-height:364px;
float:left;
margin-top:-6px;
}

.featurebg h3{width:100%;
color:#d82f69;
text-transform:uppercase;
margin-top:40px;
float:left;
}

.featubullet{width:100%;
float:left;
color:#FFF;
font-size:15px;
background-image:url(../images/arrow.png);
background-repeat:no-repeat;
min-height:21px;
padding-left:20px;
margin-top:15px;
}


.featurebg p{color:#FFF !important;
margin-top:15px;
float:left;
font-size:13px;
}



.probox{width:49%;
float:left;
margin-left:1%;

margin-top:5px;
}

.proboxful{width:99%;
float:left;
margin-left:1%;
min-height:133px;
margin-top:5px;
}


.subtitle{width:100%;
font-size:16px;
font-weight:700;
border-bottom:1px solid #ddd;
padding-bottom:6px;
float:left;
margin-bottom:10px;
}

.bullet{width:100%;
min-height:10px;
background-image:url(../images/bullet.png);
background-repeat:no-repeat;
float:left;
padding-left:25px;
}


.telecol h3{font-weight:700;
border-bottom:1px solid #14abe2;
padding-bottom:7px;
}

.galerytitl h4{text-align:center;
font-size:17px !important;
font-weight:300;
color:#000;
}


.idelogy{width:100%;
float:left;
background-image:url(../images/ideology.png);
background-repeat:no-repeat;
}

.teleimg{width:50%;
float:left;
margin-right:15px;
}

.itsupport h5{margin-top:0px;
font-size:18px;
font-weight:700;
text-align:left;
color:#14abe2;
}

.innertitle{width:100%;
margin:0 auto;
color:#000;
margin-bottom:20px;
border-bottom:1px solid rgba(204, 204, 204, 0.6);
padding-bottom:8px;
text-transform:uppercase;
font-size:30px;
font-weight:700;
}


.careertitle h2{width:100%;
margin:0 auto;
text-align: left;
color:#000;
margin-bottom:20px;
border-bottom:1px solid rgba(204, 204, 204, 0.6);
padding-bottom:8px;
text-transform:uppercase;
font-size:30px;
font-weight:700;
float:left;

}

label{color:#f96195;}

.navbar-default .navbar-nav>li>a {

}


.dropdown-menu>li>a {
	color:#fff;
		font-weight:700;
		font-size:14px;
		text-transform:uppercase;
}

.bulletnew{width:100%;
float:left;
min-height:13px;
background-image:url(../images/bulllet.png);
background-repeat:no-repeat;
padding-left:18px;
margin-top:7px;
border-bottom:1px dotted #CCC;
padding-bottom:6px;
}


.mailbg{background-color:#14abe2;
color:#FFF;
}

.contact-page strong {
    color: #f96195;
}

.ancher{margin-top:100px;
float:left;
}


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


.cvform{border-left:1px solid #e6e2e2;
padding-left:40px;
}

/* vertical-centered text */

.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}


.subtitle{font-weight:700;
font-size:21px;
}



.solutionimg{width:40%;
float:left;
margin-right:15px;
}







figure.snip0053 {
  position: relative;
  float: left;
  overflow: hidden;
  min-height:265px;

  width: 100%;
  background: #ffffff;
}

figure.snip0053 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

figure.snip0053 > img {
  width: 100%;
}

figure.snip0053 figcaption {
  padding: 0px 30px 20px 12%;
  position: relative;
}

figure.snip0053 figcaption h2,
figure.snip0053 figcaption p {
  margin: 0;
  text-align: left;
  padding: 10px 0;
  right: 0;
  width: 100%;
  line-height:20px;
   color:#333 !important;
}

figure.snip0053 figcaption h2 {
  font-size: 1.3em;
  font-weight: 700;
    color:#C00 !important;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

figure.snip0053 figcaption h2 span {
  font-weight: 800;
  color:#C00;
}

figure.snip0053 figcaption p {
  font-size: 0.9em;
  opacity: 0.8;
}

figure.snip0053 figcaption .icons {
  width: 100%;
  text-align: left;
}

figure.snip0053 figcaption .icons i {
  font-size: 26px;
  padding: 5px;
  top: 50%;
  color: #000000;
}

figure.snip0053 figcaption a {
  opacity: 0.3;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.snip0053 figcaption a:hover {
  opacity: 0.8;
}

figure.snip0053 .position {
  width: 100%;
  text-align: right;
  padding: 8px 30px 13px;
  font-size: 0.8em;
  opacity: 0.8;
  font-style: italic;
}

figure.snip0053:after {
  position: absolute;
  top: 0;
  left: -20%;
  height: 110%;
  width: 23%;
  background-color: #000000;
  content: '';
  border-right: 4px solid #666666;
  -webkit-transform: skewX(-7deg) translateX(0px);
  transform: skewX(-7deg) translateX(0px);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s, transform 0.35s;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}



figure.snip0053.red:after {
  background-color: #81261d;
  border-right: 4px solid #ab3326;
  
}





figure.snip0053:hover:after,
figure.snip0053.hover:after {
  -webkit-transform: skewX(-7deg) translateX(10px);
  transform: skewX(-7deg) translateX(10px);
}


















.text-vcenter h1 {
  font-size: 4.5em;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.formbox{width:100%;
min-height:400px;
border-left:1px solid #CCC;
margin-top:15px;
padding-left:25px;
}

.formheading{width:100%;
float:left;
text-align:center;
font-size:26px;
background-color:#c9302c;
padding:5px 0px;
color:#FFF;
}

.formdescr{
	width:100%;
	font-size:14px;
color:#999;
text-align:center;
float:left;
margin-top:6px;
margin-bottom:10px;
}

.serv{width:100%;
margin-top:25px;
float:left;
}

.sectitle{width:50%;
margin:0 auto;
border-bottom:1px solid #c7c7c7;
margin-bottom:25px;
}

.sectitle h2{width:100%;
text-align:center;
color:#000;
font-weight:300;
}

.bordersqr{width:40px;
height:5px;
background-color:#14abe2;
margin-bottom:-2px;
}

.aboubg{width:100%;
background-color:#003f51;
background-image:url(../images/aboutbg.jpg);
background-repeat:no-repeat;
background-size:100%;
padding:25px 0px;
}


.titlenumber{width:10%;
float:left;
color:#14abe2;
font-size:38px;
text-align:center;
font-weight:700;
border:1px solid #14abe2;
line-height:30px;
padding-bottom:2px;
padding:4px;

   -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);

}


.more a{width:117px;
height:36px;
float:right;
color:#14abe2;
text-align:right;
font-size:15px;
padding-right:26px;
text-decoration:none;
padding-top:8px;
background-image:url(../images/morebtn.png);
background-repeat:no-repeat;
	-webkit-transition: all 1s ease;
transition: all 1s ease;
}


.more a:hover{
background-image:url(../images/morebtnhvr.png);
background-repeat:no-repeat;
	-webkit-transition: all 1s ease;
transition: all 1s ease;
}

.footer{width:100%;
float:left;
background-color:#0566ac;
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
margin-top:35px;
color:#FFF;
border-top:5px solid #c5c5c5;
}


.titletxt{width:88%;
float:right;
background-color:#fff;
color:#126284;
font-size:20px;
text-align:left;
font-weight:700;
padding:4px 0px;
padding-left:15px;
}

.abtcontant{width:52%;
float:right;
min-height:400px;
color:#FFF;
}


.servimg{width:100%;
background-color:#CCC;
margin-bottom:10px;
float:left;
}

.hand{width:100%;
min-height:40px;
background-image:url(../images/hand.png);
background-repeat:no-repeat;
padding-left:40px;
}

.blue{color:#14abe2;}

/* additional sections */

#box1 {
  
  width: 100%;
background-color: #fff;

}

.tech{width:100%;
margin-top:11px;
min-height:60px;
}





.topphone{width:100%;
font-size:23px;
color:#000;
margin-top:28px;
font-weight:300;
}
.no-padd{padding:0px;}

.banner{width:100%;
height:auto;
margin-top:50px;
float:left;
z-index:-1;}

.menu{width:100%;
position:absolute;
background-color:#111010;
z-index:99;
}
.card{
padding-right:5px;
font-size:17px;
}

.socialnew a{width:33px;
float:right;
text-align:center;
font-size:18px;
color:#160f3b;
margin-left:4px;
padding:2px 4px;
border-radius:3px;
border:1px solid #2f265c;
margin-top:8px;
}

.onliin a{width:100%;
float:left;
background-color:#f96195;
color:#FFF;
padding:8px 5px;
font-size:16px;
margin-top:15px;
text-decoration:none;
border-radius:5px;
text-align:center;}

.cin{width:auto;
float:left;
font-size:15px;
font-weight:700;
color:#d82f69;
margin-top:15px;
border-right:1px solid #CCC;
padding-right:15px;
}


.roc{width:auto;
float:left;
font-size:15px;
font-weight:700;
color:#d82f69;
margin-top:15px;
margin-left:15px;
}


.vile-bar{width:100%;
background-color:#160f3b;
}

.iconbx-md{width:100%;
float:left;
padding:25px 15px;
}

.iconbx-md:hover{
	background-color:#f96195;
	
	-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}

.iconbx-md a{text-decoration:none;
color:#FFF;
text-transform:uppercase;
}

.iconimg{width:auto;
float:left;
}
.menbar{width:100%;
float:left;
}

.icontxt{width:auto;
float:left;
font-size:15px;
margin-top:28px;
padding-left:6px;
}

.bigtitle{width:100%;
float:left;
text-align:center;
font-size:34px;
color:#d82f69;
font-weight:700;
text-transform:uppercase;
margin-top:30px;
}

.titlunderlin{width:100%;
background-image:url(../images/titl-underlin.png);
background-repeat:no-repeat;
background-position:center;
min-height:22px;
}

.schme{
padding:30px 0px;
}

.schmbox{width:100%;
height:auto;
float:left;
border:5px solid #dedde2;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}

.schme h4{width:100%;
float:left;
margin-bottom:30px;
font-size:15px;
text-transform:uppercase;
}


.whyusbg{width:100%;
float:left;
min-height:400px;


background-color: #0d082b;



}




.wytxt h2{width:100%;
float:left;
font-size:60px;
color:#d82f69;
margin-top:35px;
margin-bottom:24px;
}


.wyusred{width:100%;
min-height:400px;
background-color:#d82f69;
float:left;
padding-top:50px;
}

.ybullet{width:100%;
font-size:28px;
color:#FFF;
margin-top:10px;
font-weight:300;
}
.blacktxt{color:#000;}
.bold{font-weight:700;}


.yicon i{
	width:100%;font-size:55px;
color:#FFF;
text-align:center;
}

.customercare{width:100%;
min-height:114px;
background-image:url(../images/customercare.jpg);
background-repeat:no-repeat;
background-position:center;
margin-top:25px;
}

.whybox{width:100%;
min-height:142px;
background-color:#FFF;
float:left;
margin-top:25px;
}
.whyicon{width:auto;
float:left;
margin-left:20px;
margin-top:10px;
}
.whyusbg p{width:100%;
line-height:28px;
text-align:center;
}

.c-carebx{width:100%;
float:left;
border-right:1px solid #CCC;
padding-top:35px;
margin-top:35px;
padding-bottom:30px;
text-align:center;
font-size:17px;

}


.c-carebxnon-b{width:100%;
float:left;
border-right:1px solid #fff;
padding-top:35px;
margin-top:35px;
padding-bottom:30px;
text-align:center;
font-size:17px;

}

.botomborder{width:100%;
float:left;
border-bottom:1px solid #CCC;
margin-bottom:30px;
}

.whytxt{width:auto;
float:left;
font-size:25px;
margin-top:40px;
font-weight:700;
color:#493a98;
}

.whysmall{font-size:14px;
color:#666;
font-weight:300;
float:left;
line-height:15px !important;
}



.topicon{width:34px;
height:34px;
background-color:#d01e1e;
border-radius:50%;
font-size:18px;
text-align:center;
padding-top:5px;
color:#FFF;
float:left;
}
.topphon{width:auto;
float:left;
font-size:16px;
color:#fff;
padding-left:6px;
font-weight:700;
margin-top:7px;
}


.topiconbx{width:100%;
float:left;
margin-top:25px;
}


.topsocial a{width:35px;
height:35px;
border:2px solid #981b21;
border-radius:50%;
margin-left:10px;
margin-top:8px;
font-size:17px;
text-align:center;
padding-top:5px;
color:#111010;
float:left;
}




.socialgray{width:30%;
float:left;
background-color:#ffffff;
min-height:52px;
padding-left:15px;

border-radius: 23px 0px 0px 23px;
-moz-border-radius: 23px 0px 0px 23px;
-webkit-border-radius: 23px 0px 0px 23px;

}

.lap{width:50%;
right:7%;
position:absolute;
top:80px;
}


.intro{width:100%;
background-image:url(../images/introbg.png);
background-repeat:no-repeat;
background-size:100%;
margin-top:-18px;
z-index:9;
position:relative;
text-align:center;
padding-top:5px;
}

.scrolbg{
border-bottom:2px solid #333;
margin-left:2px;
margin-top:15px;

}




.image {

position: relative;
width: 100%; /* for IE 6 */

}

#caption {
text-align: justify;
position: absolute;
top: 10px;
left: 0;
font-style:italic;

}

.scrolmore{width:auto;
float:left;
background-color:#981b21;
color:#FFF;
padding:6px 15px;
border-radius:3px;}


#caption h2{
	width:auto;
font-size:25px;
font-weight:700;
color:#000;
font-style:italic;
}


.owl-carousel  .owl-item{padding:6px !important;
}

.scrol{
float:left;
padding:25px 0px;
}

.intro h1{font-size:34px;
font-weight:700;
color:#981b21;
padding:0 5%;
}

.intro p{font-size:17px;
font-weight:300;
padding:0px 30px;
color:#000;
line-height:22px;
}
.red{color:#f96195;}

.bird{width:50%;
left:8%;
position:absolute;
top:45% !important;
z-index:999;
font-size:50px;
}

.branding{width:30%;
left:57%;
position:absolute;
font-size:30px;
color:rgba(255, 255, 255, 0.2);
text-transform:uppercase;
top:60%;
text-shadow:none;

}

.seo{width:30%;
left:49%;
position:absolute;
font-size:34px;
color:rgba(255, 255, 255, 0.2);
text-transform:uppercase;
top:204px;
text-shadow:none;

}

.client{width:100%;
margin-top:15px;
float:left;
}

.maincap{width:100%;
background-color:#fff;
margin-top:-15px;
border-top:4px solid #14abe2;
margin-bottom:15px;
font-weight:500;
float:left;
padding:12px 35px;
text-align:center;
font-size:16px;
z-index:99999;
position:relative;
border-radius:12px;
color:#077fa2;

-webkit-box-shadow: 0px 27px 26px -31px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 27px 26px -31px rgba(0,0,0,0.75);
box-shadow: 0px 27px 26px -31px rgba(0,0,0,0.75);

}

.supoort{width:228px;
height:72px;
float:right;
background-image:url(../images/SUPPORT.png);
}

.supportnumber{width:auto;
float:right;
font-size:20px;
font-weight:700;
color:#000;
margin-top:19px;
margin-left:7px;
}
.techno{width:30%;
right:15%;
position:absolute;
font-size:34px;
color:rgba(255, 255, 255, 0.2);
text-transform:uppercase;
top:320px;
text-shadow:none;

}



.underline{width:100%;
height:41px;
float:left;
background-image:url(../images/title.png);
background-repeat:no-repeat;
}



.light{font-weight:300;}

.bold{font-weight:700;}

#box2 {
  background-color: #fff;
  padding-bottom:40px;
 
}

#box3 {
  background-color: #fff;
}


.nopadd{padding:0px !important;}




.goToTop {
  position: fixed;
  top: 0;
  height: 53px;
  z-index: 19;
  left:0px;
  padding-left:9%;
}

nav {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff;
}

nav li { background:none; }



.main-text
{
    position: absolute;
    top: 50px;
    width: 96.66666666666666%;
    color: #FFF;
}
.btn-min-block
{
    min-width: 170px;
    line-height: 26px;
}
.btn-clear
{
    color: #FFF;
    background-color: transparent;
    border-color: #FFF;
    margin-right: 15px;
}
.btn-clear:hover
{
    color: #000;
    background-color: #FFF;
}


.centerphon{width:192px;
height:186px;
background-image:url(../images/centerphon.png);
font-size:21px;
text-align:center;
color:#FFF;
margin:0 auto;
padding-top:38px;
}















figure.snip0045 {
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  background: #ffffff;
  color: #000000;
  margin-top:25px;
  margin-bottom:15px;
}
figure.snip0045 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip0045 > img {
  width: 50%;
  border: 4px solid #981b21;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1.6);
  transform: scale(1.6);
  position: relative;
  left: -15%;
  z-index: 1;
}
figure.snip0045 figcaption {
  padding: 20px 30px 20px 20px;
  position: absolute;
  right: 0;
  width: 50%;
}
figure.snip0045 figcaption h2,
figure.snip0045 figcaption p {
  margin: 0;
  text-align: right;
  padding: 10px 0;
  width: 100%;
}
figure.snip0045 figcaption h2 {
  font-size: 1.3em;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color:#585570;
}
figure.snip0045 figcaption h2 span {
  font-weight: 800;
}
figure.snip0045 figcaption p {
  font-size: 0.9em;
  opacity: 0.8;
}
figure.snip0045 figcaption .icons {
  width: 100%;
  text-align: right;
}
figure.snip0045 figcaption .icons i {
  font-size: 26px;
  padding: 5px;
  top: 50%;
  color: #000000;
}
figure.snip0045 figcaption a {
  opacity: 0.3;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip0045 figcaption a:hover {
  opacity: 0.8;
}
figure.snip0045 .position {
  width: 100%;
  text-align: right;
  padding: 15px 30px;
  font-size: 0.9em;
  opacity: 1;
  font-style: italic;
  color: #ffffff;
  background: #000000;
}
figure.snip0045.blue .position {
  background: #20638f;
}
figure.snip0045.red .position {
  background: #d6d6d6;
}
figure.snip0045.yellow .position {
  background: #bf6516;
}
figure.snip0045.green .position {
  background: #1e8449;
}
figure.snip0045:hover > img,
figure.snip0045.hover > img {
  left: -12%;
}














.social a{width:39px;
float:right;
height:39px;
border:1px solid #000;
border-radius:50%;
text-align:center;
color:#000;
font-size:20px;
padding-top:4px;
margin-left:7px;
}


.about{width:100%;
float:left;
padding:25px 0px;
}


.tile h2{width:100%;
font-size:27px;
font-weight:700;
color:#000;
margin:0px;
}

.titlefeatured{width:100%;
float:left;
background-color:#333;
padding:6px 10px;
font-size:22px;
font-weight:700;
color:#FFF;
font-style:italic;
border-bottom:4px solid #C00;
margin-bottom:20px;
}

.featurebx{width:100%;
min-height:200px;
float:left;
border:1px solid #ddd;
}


.featutxt{width:100%;
min-height:50px;
float:left;
border-top:1px solid #ddd;
padding:6px 8px;
color:#C00;
font-weight:700;
font-size:16px;
}

.chairimg{width:50%;
float:left;
}
.chairtxt{width:45%;
float:right;
}

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

.chairtxt h4{width:100%;
float:left;
line-height:20px;
color:#f96195;
margin:0px;
}
.abtmarg{width:100%;
margin-top:15px;
float:left;
}

h3{font-weight:700;}

.viewabout a{width:auto;
background-color:#FFF;
color:#fff;
background-color:#14abe2;
text-decoration:none;
border-radius:4px;
padding:6px 15px;
margin-top:15px;
font-size:13px;
}


.carousel-caption h3{
	width:80%;
	left:10%;
	margin-top:7%;
	position:absolute;
	text-transform:uppercase;
	font-size:50px;
	font-weight:600;}

.carousel-caption P{
		width:80%;
	left:10%;
	margin-top:11%;
	position:absolute;
	font-size:27px;
font-weight:300;
text-transform:uppercase;}



.phononbar{font-size:19px;
color:#FFF;
margin-top:13px;
}

.phbar{font-size:28px !important;}

.navblack{width:100%;

float:left;
}


.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.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: 9999;
}
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
	

}
.item:nth-child(1) {
  
}
.item:nth-child(2) {
  background:none;
}
.item:nth-child(3) {
  background: none;
}











.boxblu{width:100%;
background-color:#fff;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}


.boxblu:hover{
	-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;

}

.boxviletu{width:100%;
background-color:#9673cd;
	-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}


.boxviletu:hover{
	margin-top:-20px;
	-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;

}
.boxyellow{width:100%;
background-color:#ffba52;
	-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}



.boxyellow:hover{
	margin-top:-20px;
	-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;

}

.boxpink{width:100%;
background-color:#eb6ea6;
	-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}

.boxpink:hover{
	margin-top:-20px;
	-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;

}




.icon-box{width:100%;
background-image:url(../images/dotbg.png);
background-repeat:repeat-x;
}



.icon-box-animaiton{width:100%;
height:100%;
min-height:320px;
padding:25px 13px;
}


.content-101 .icon-box > .icons{
	width:100px;
	height:100px;
	background-color:#FFF;
	line-height:95px;
	border:1px solid rgb(20, 171, 226);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	color: #14abe2;
	font-size:50px;
	position: relative;
	z-index: 9;
}
.content-101 .icon-box > .icons:after{
	content: "";
	background-color:rgb(20, 171, 226);
	top: -2px;
	position: absolute;
	width:100px;
	height:100px;
	left: -1px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
	-moz-transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
	-ms-transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
	-o-transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
	transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
	z-index: -9;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.content-101 .icon-box-animaiton:hover .icon-box > .icons:after{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
	color: #fff;
}
.content-101 .icon-box-animaiton:hover .icon-box > .icons:before{
	color:#fff;
}
.content-101 .icon-box-animaiton h3{
	text-transform: uppercase;
	font-size: 26px;
	margin-top:5px;
}

.content-101 .icon-box-animaiton h4{
	text-transform: uppercase;
	font-size: 18px;
	margin-top:25px;
	font-weight:700;
	color:#000;
}


.content-101 .icon-box-animaiton p{
	text-align:justify;

}

.content-101 .more-section{
	text-transform: uppercase;
	font-size: 11px;
	color: #333;
	display: inline-block;
	border:1px solid #14abe2;
	float:right;
	padding:6px 10px;
	border-radius:4px;
}
.content-101 .icon-box-animaiton:hover .more-section{
	border-bottom: 1px dotted;
	text-decoration: none;
}
.content-101 .more-section i{
	color: #F45368;
}




.nobotom{width:100%;
min-height:250px;
border-bottom:1px solid #fff;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
}

.nonbbox{width:100%;
min-height:250px;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
}

.bbox{width:100%;
min-height:250px;
border-bottom:1px solid #CCC;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
}


.bboxinner{width:100%;
height:100%;
color:#F00;
padding:10px 20px;
position:relative;}



.bboxinner:hover{width:100%;
height:100%;
	background-color:#F00;
	color:#F00 !important;
	}

















/* =-=-=-=-=-=-= Service Section =-=-=-=-=-=-= */

.services-section {}
.sbox-gutter {
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}
.sbox-gutter:nth-child(3),
.sbox-gutter:nth-child(6) {
    border-right: 0;
}
.sbox-gutter:nth-child(4),
.sbox-gutter:nth-child(5),
.sbox-gutter:nth-child(6) {
    border-bottom: 0;
}
.sbox-gutter:hover {
    background-color: #ff2a40;
}

.sbox-gutter,
.sbox-gutter i::before,
.sbox-gutter h3,
.sbox-gutter p {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.sbox-gutter:hover i::before,
.sbox-gutter:hover h3,
.sbox-gutter:hover p {
    color: #fff;
}

.service-box {
    padding: 30px 15px;
}
.service-box i::before { 
    font-size: 40px;
    margin-bottom: 20px;
    color: #ff2a40;
}
.service-box h3 { 
    color: #ff2a40;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.service-box p { 
    line-height: 22px;
}


/*
service-box-v2
-------------------------------*/
.service-section-v2 {
    padding-top: 100px;
}
.service-box-v2 {
    margin-bottom: 50px;
}
.service-box-v2 h3 {
    font-size: 18px;
    color: #3f3f3f;
}
.service-box-v2 h3 i:before{
    font-size: 25px;
    margin-right: 5px;
}

.service-box-v2:hover h3 {
    color: #ff2a40;
}

/*
service-section-v3
-----------------------------------*/
.service-section-v3 {
    background-color: #f4f4f4;
    border-top: 1px solid #d2d2d2;
}

.service-section-v3 .sbox-gutter:nth-child(2),
.service-section-v3 .sbox-gutter:nth-child(4) {
    border-right: 0;
}
.service-section-v3 .sbox-gutter:nth-child(3) {
    border-right: 1px solid #dedede;    
}
.service-section-v3 .sbox-gutter:nth-child(3),
.service-section-v3 .sbox-gutter:nth-child(4) {
    border-bottom: 0;
}
.service-section-v3 .service-box {
    padding: 40px 30px;
}
.service-section-v3 .service-box h3{
    font-size: 18px;
}
.service-section-v3 .service-box i::before {
    font-size: 30px;
    margin-right: 7px;
}

.serthumb{width:100%;
min-height:600;
float:left;
margin-top:15px;
}






figure.snip0068 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;

  width: 100%;
  background: #000000;
  text-align: center;
}

figure.snip0068 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

figure.snip0068 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

figure.snip0068 figcaption {
  position: absolute;
  bottom: 90px;
  left: 4%;
  right: 4%;
  height: 100%;
}

figure.snip0068 figcaption > div {
  overflow: hidden;
  width: 100%;
  position: relative;
  height: 100%;
}

figure.snip0068 h3,
figure.snip0068 span {
  margin: 0;
  padding: 10px 15px;
  display: inline-block;
  width: 100%;
  font-weight: 800;
  text-transform: uppercase;
}



figure.snip0068 h3 {
  background: #333333;
  position: relative;
  bottom: 0px;
  left: 0;
  position: absolute;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}

figure.snip0068 span {
  background: rgba(20, 171, 226, 0.9);
  color: #fff;
  -webkit-transform: translate3d(5%, -100%, 0);
  transform: translate3d(5%, -100%, 0);
  text-transform:none;
  font-weight:300;
}

figure.snip0068 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}

figure.snip0068.blue {
  background: #0a212f;
}

figure.snip0068.blue h3 {
  background: rgba(20, 171, 226, 0.9);
  font-size:18px;
  font-weight:300;
}





figure.snip0068:hover img,
figure.snip0068.hover img {
  opacity: 0.35;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

figure.snip0068:hover figcaption h3,
figure.snip0068.hover figcaption h3 {
  -webkit-transform: translate3d(0%, 100%, 0);
  transform: translate3d(0%, 100%, 0);
}

figure.snip0068:hover figcaption span,
figure.snip0068.hover figcaption span {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}







<!--   portfolio------------------------------->



.iconimage{width:100%;
float:left;
color:#090;
position:relative;
}

.iconimage:hover{
	color:#fe8a00;
	
}



.iconcontant{width:100%;
height:50px;
text-align:center;
margin-top:-85px;
position:absolute;

}





.testimonial{width:100%;
background-color:#da7804;
float:left;
margin-top:25px;
padding:20px 0px;
color:#FFF;
}





.ts-pt-testimonials__text{background:rgba(0,0,0,0.2);border-radius:3px;padding:50px 25px 40px;font-size:16px;font-weight:400;font-style:italic;line-height:1.7;position:relative}.ts-pt-testimonials__text:after{content:'';position:absolute;left:55px;border:13px solid transparent}.ts-pt-testimonials__item--normal .ts-pt-testimonials__text:after{top:100%;border-top-color:rgba(0,0,0,0.2)}.ts-pt-testimonials__item--reversed .ts-pt-testimonials__text:after{bottom:100%;border-bottom-color:rgba(0,0,0,0.2)}.ts-pt-testimonials__item--normal .ts-pt-testimonials__infos{margin-top:15px}.ts-pt-testimonials__item--reversed .ts-pt-testimonials__infos{margin-bottom:15px}.ts-pt-testimonials__item--normal .ts-pt-testimonials__infos--noimg{margin-top:25px;margin-left:20px}.ts-pt-testimonials__item--reversed .ts-pt-testimonials__infos--noimg{margin-bottom:25px;margin-left:20px}.ts-pt-testimonials__img{position:relative;width:110px;height:110px;border-radius:50%;overflow:hidden;float:left;margin-right:20px;margin-left:25px;border:5px solid rgba(255,255,255,.2);background-clip:content-box}.ts-pt-testimonials__item--normal .ts-pt-testimonials__img{margin-top:-35px}.ts-pt-testimonials__item--reversed .ts-pt-testimonials__img{margin-top:-15px}.ts-pt-testimonials__item--size-1 .ts-pt-testimonials__img{width:60px;height:60px;margin-left:5px;margin-top:0}.ts-pt-testimonials__name{font-size:16px;line-height:1.4;font-weight:700;text-transform:uppercase;margin-bottom:0;margin-top:0}.ts-pt-testimonials__item--size-1 .ts-pt-testimonials__name{font-size:14px}.ts-pt-testimonials__position{font-size:13px;line-height:1.4;font-weight:300;opacity:.5;margin-bottom:5px}.ts-pt-testimonials__stars span{opacity:.6;font-size:9px}.ts-pt-testimonials__stars--1 span:nth-child(1)~span,.ts-pt-testimonials__stars--2 span:nth-child(2)~span,.ts-pt-testimonials__stars--3 span:nth-child(3)~span,.ts-pt-testimonials__stars--4 span:nth-child(4)~span{opacity:.3}.ts-pt-partners__title{width:22%;float:left;font-size:18px;color:#fff;opacity:.6;position:relative;line-height:1.2}.ts-pt-partners__title:after{content:'';position:absolute;bottom:-15px;left:0;width:50px;height:3px;background:#fff}.ts-pt-partners__carousel-wrapper{width:100%}.ts-pt-partners--y-title .ts-pt-partners__carousel-wrapper{width:78%;float:left}.ts-pt-partners__carousel-item{float:left;height:60px;line-height:60px;vertical-align:middle;text-align:center}.ts-pt-partners__img{max-height:60px;width:auto;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;-webkit-transition:opacity .6s ease .1s,-webkit-transform .6s ease 0s;transition:opacity .6s ease .1s,transform .6s ease 0s}.ts-pt--active-item .ts-pt-partners__img{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.ts-pt--active-item~.ts-pt--active-item .ts-pt-partners__img{-webkit-transition-delay:.2s,.1s;transition-delay:.2s,.1s}.ts-pt--active-item~.ts-pt--active-item~.ts-pt--active-item .ts-pt-partners__img{-webkit-transition-delay:.3s,.2s;transition-delay:.3s,.2s}.ts-pt--active-item~.ts-pt--active-item~.ts-pt--active-item~.ts-pt--active-item .ts-pt-partners__img{-webkit-transition-delay:.4s,.3s;transition-delay:.4s,.3s}.ts-pt--active-item~.ts-pt--active-item~.ts-pt--active-item~.ts-pt--active-item~.ts-pt--active-item .ts-pt-partners__img{-webkit-transition-delay:.5s,.4s;transition-delay:.5s,.4s}.testimonials-partners--dark .testimonials-partners__separator{background:#181818}.testimonials-partners--dark .ts-pt-testimonials__item{color:#181818}.testimonials-partners--dark .ts-pt-testimonials__text{background:rgba(255,255,255,0.2)}.testimonials-partners--dark .ts-pt-testimonials__item--normal .ts-pt-testimonials__text:after{border-top-color:rgba(255,255,255,0.2)}.testimonials-partners--dark .ts-pt-testimonials__item--reversed .ts-pt-testimonials__text:after{border-bottom-color:rgba(255,255,255,0.2)}.testimonials-partners--dark .ts-pt-partners__title{color:#181818}.testimonials-partners--dark .ts-pt-partners__title:after{background:#181818}






#clientsscrol{width:100%;
float:left;
padding:20px;
}


.map{width:100%;
min-height:400px;
}


.leftarrow{width:60px;
background-color:rgba(254, 254, 254, 0.19);
position:absolute;
z-index:9999;
top:42%;
padding:4px 0px;
}


.rightarrow{width:60px;
background-color:rgba(254, 254, 254, 0.19);
position:absolute;
z-index:9999;
top:42%;
right:0px;
padding:4px 0px;
}











.location{
	width:100%;font-size:18px;
margin-right:5px;
}


.adrs{width:100%;
border-bottom:1px dotted rgba(153, 153, 153, 0.37);
padding-bottom:5px;
padding-top:4px;
margin-bottom:25px;
}


.fooicon{width:10%;
float:left;
font-size:20px;
}


.foophones{width:88%;
float:right;
line-height:20px;
padding-top:4px;
}


.useful h4{width:100%;
color:#FFF;
font-weight:600;}


.useful a{width:100%;
float:left;
text-decoration:none;
border-bottom:1px dotted rgba(153, 153, 153, 0.37);
padding:8px 0px;
color:#fff;
font-size:12px;
}

.black{background-color:#0f111f;
border:1px solid #31323c;
height:40px;}


.footerclient{width:48%;
min-height:85px;
background-color:#999;
float:left;
margin-top:12px;
}


.footerclientright{width:48%;
min-height:85px;
background-color:#999;
float:right;
margin-top:12px;
}

.footerbotom{width:100%;
padding:20px 0px;
color:#CCC;
float:left;
}







.footersocial a{font-size:20px;
float:right;}


.flink a{
	text-decoration:none;
	color:#CCC;
	padding:0px 10px;
	border-left:1px solid #CCC;
}
	
	






figure.snip1190 {
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  background: #000000;
  text-align: center;
}
figure.snip1190 * {
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
figure.snip1190 img {
  opacity: 0.8;
  width: 100%;
}
figure.snip1190 figcaption {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
figure.snip1190 h2 {
  font-weight: 700;
  font-size:24px;
  left: 0;
  right: 0;
  letter-spacing: -1px;
  margin: 0 auto;
  position: absolute;
  text-transform: uppercase;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
figure.snip1190 h2 span {
  font-weight: 800;
}
figure.snip1190 p {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  opacity: 0;
  font-size: 14px;
  -webkit-transform: translateY(-20%) scale(0.7);
  transform: translateY(-20%) scale(0.7);
}
figure.snip1190 .square {
  height: 78px;
  width: 78px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  transform: rotate(45deg) translate(-50%, -50%);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
figure.snip1190 .square:before,
figure.snip1190 .square:after,
figure.snip1190 .square div:before,
figure.snip1190 .square div:after {
  background-color: #ffffff;
  position: absolute;
  content: "";
  display: block;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
figure.snip1190 .square:before,
figure.snip1190 .square:after {
  width: 65%;
  height: 2px;
}
figure.snip1190 .square div:before,
figure.snip1190 .square div:after {
  width: 2px;
  height: 65%;
}
figure.snip1190 .square:before,
figure.snip1190 .square div:before {
  left: 0;
  top: 0;
}
figure.snip1190 .square:after,
figure.snip1190 .square div:after {
  bottom: 0;
  right: 0;
}
figure.snip1190 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1190:hover img,
figure.snip1190.hover img {
  opacity: 0.25;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
figure.snip1190:hover h2,
figure.snip1190.hover h2 {
  opacity: 1;
  font-size:24px;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
figure.snip1190:hover p,
figure.snip1190.hover p {
  opacity: 1;
  -webkit-transform: translateY(0px) scale(1);
  transform: translateY(0px) scale(1);
}
figure.snip1190:hover .square:before,
figure.snip1190.hover .square:before {
  width: 38%;
}
figure.snip1190:hover .square div:before,
figure.snip1190.hover .square div:before {
  height: 38%;
}
figure.snip1190:hover .square:after,
figure.snip1190.hover .square:after {
  width: 55%;
}
figure.snip1190:hover .square div:after,
figure.snip1190.hover .square div:after {
  height: 55%;
}







.testibg {
    padding-top: 40px;
    padding-bottom: 70px;
    margin-bottom: 15px;
    background: url(../images/testibg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
}


.testibg h3{text-align:center;
width:100%;
color:#FFF;
font-size:30px;
margin-top:0px;
margin-bottom:20px;
}

.testibg h4{text-align:center;
width:100%;
color:#FFF;
font-size:20px;
margin-top:20px;
}

.testibg p{text-align:center;
width:100%;
color:#FFF;
font-size:17px;
margin-top:15px;
}

.rightfix{width:80px;
height:300px;
background-color:#1e1456;
position:fixed;
right:0px;
top:30%;
z-index:99999;
}

.sidemail a{width:100%;
min-height:100px;
float:left;
text-decoration:none;
}

.sidemail a:hover{
	background-color:#b3013e;
	color:#FFF;
		-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;

}

.enq{width:100%;
float:left;
background-image:url(../images/mail-side.png);
background-repeat:no-repeat;
background-position:center;
color:#FFF;
text-align:center;
font-size:12px;
padding-top:50px;
}

.topphonenew{width:auto;
float:right;
background-image:url(../images/phone.png);
background-repeat:no-repeat;
padding-left:25px;
font-size:15px;
margin-left:25px;
color:#000;
min-height:20px;
line-height:24px;

color:#333;
}

.topmailnew{width:auto;
float:right;
background-image:url(../images/topmail.png);
background-repeat:no-repeat;
padding-left:25px;
margin-left:25px;
font-size:15px;
min-height:20px;
line-height:24px;

color:#333;
}


.topline{width:100%;
min-height:30px;
float:left;
border-bottom:1px solid #CCC;
margin-top:7px;
font-weight:700;
}
.sidephone{width:100%;
float:left;
background-image:url(../images/side-phone.png);
background-repeat:no-repeat;
background-position:center;
color:#FFF;
text-align:center;
font-size:12px;
padding-top:50px;
}





.feedback{width:100%;
float:left;
background-image:url(../images/feedback.png);
background-repeat:no-repeat;
background-position:center;
color:#FFF;
text-align:center;
font-size:12px;
padding-top:50px;
}



body::-webkit-scrollbar {
    width:6px;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(3,2,0,0.0);
	background-color:#000000;
}
 
body::-webkit-scrollbar-thumb {
  background-color:   #f96195;
  outline: 1px solid slategrey;
}




ul,li{
    padding:0;
    margin:0;
}
li{
    list-style-type:none;
}



footer { background-color:#0f0b28; min-height:300px; padding-bottom:35px;  }
.footer-col { margin-top:50px; }
.logofooter { margin-bottom:10px; font-size:21px; color:#d82f69; font-weight:700; text-transform:uppercase;}

.footer-col p { color:#CCC; font-size:11px margin-bottom:15px;}
.footer-col p i { width:20px; color:#999;}

.footer-ul { list-style-type:none;  padding-left:0; margin-left:2px;}
.footer-ul li { line-height:23px; font-size:14px;}
.footer-ul li a { color:#ffffff; transition: color 0.2s linear 0s, background 0.2s linear 0s; }
.footer-ul i { margin-right:10px;}
.footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#ff670f; }

 .copyright { width:100%; min-height:20px; background-color:#060415; float:left;
 padding-top:15px; color:#999;}
 
 
 
 .heading7 { font-size:21px; font-weight:700; color:#f96195; margin-bottom:22px;}
 .post p { font-size:12px; color:#FFF; line-height:20px;}
 .post p span { display:block; color:#8f8f8f;}
 .bottom_ul { list-style-type:none; float:right; margin-bottom:0;}
 .bottom_ul li { float:left; line-height:40px;}
 .bottom_ul li:after { content:""; color:#FFF; margin-right:8px; margin-left:8px;}
 .bottom_ul li a { color:#FFF;  font-size:12px;}
.social-icon {
    width: 30px;
    height: 30px;
    font-size: 15px;
    background-color: blue;
    color: #fff;
    text-align: center;
    margin-right: 10px;
    padding-top: 7px;
    border-radius: 50%;
}
 .footer-social li{
     float:left;
 }
 .linked-in{
     background-color:#007bb6;
 }
 .facebook{
     background-color:#3b5998;
 }
 .twitter{
     background-color:#1da1f2;
 }
 .google{
     background-color:#f63e28;
 }
 
 
 .devel{width:auto;
 float:right;
 }
 
 .ellowlogo
 {width:auto;
 float:right;
 margin-left:20px;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 .timeline-label h2{color:#f96195 !important;
 margin-bottom:4px !important;}

.timeline-label h5{color:#666666 !important;
margin-top:5px !important;}

.timeline-centered {
    position: relative;
    margin-bottom: 30px;
}

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before {
        content: '';
        position: absolute;
        display: block;
        width: 4px;
        background: #FF3333;
        /*left: 50%;*/
        top: 20px;
        bottom: 20px;
        margin-left: 70px;
    }

    .timeline-centered .timeline-entry {
        position: relative;
        /*width: 50%;
        float: right;*/
        margin-top: 5px;
        margin-left: 30px;
        margin-bottom: 10px;
        clear: both;
    }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry.begin {
            margin-bottom: 0;
        }

        .timeline-centered .timeline-entry.left-aligned {
            float: left;
        }

            .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
                margin-left: 0;
                margin-right: -18px;
            }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
                    left: auto;
                    right: -100px;
                    text-align: left;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
                    float: right;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
                    margin-left: 0;
                    margin-right: 70px;
                }

                    .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
                        left: auto;
                        right: 0;
                        margin-left: 0;
                        margin-right: -9px;
                        -moz-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                        -webkit-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }

        .timeline-centered .timeline-entry .timeline-entry-inner {
            position: relative;
            margin-left: -20px;
        }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
                position: absolute;
                left: -100px;
                text-align: right;
                padding: 10px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
                    display: block;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
                        font-size: 15px;
                        font-weight: bold;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
                        font-size: 12px;
                    }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
                background: #fff;
                color: #737881;
                display: block;
                width: 120px;
				margin-top:15px;
                height: 120px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 50%;
				overflow:hidden;
                text-align: center;
                -moz-box-shadow: 0 0 0 5px #f5f5f6;
                -webkit-box-shadow: 0 0 0 5px #f5f5f6;
                box-shadow: 0 0 0 5px #f5f5f6;
                line-height: 40px;
                font-size: 15px;
                float: left;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
                    background-color: #303641;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
                    background-color: #ee4749;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
                    background-color: #00a651;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
                    background-color: #21a9e1;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
                    background-color: #fad839;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
                    background-color: #cc2424;
                    color: #fff;
                }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
                position: relative;
                background: #f5f5f6;
                padding: 1em;
				margin-top:25px;
                margin-left: 140px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 9px 9px 9px 0;
                    border-color: transparent #f5f5f6 transparent transparent;
                    left: 0;
                    top: 10px;
                    margin-left: -9px;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
                    color: #737881;
                    font-size: 13px;
                    margin: 0;
                    line-height: 22px;
					margin-top:15px;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
                        margin-top: 25px;
                    }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
                    font-size: 16px;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
                        color: #303641;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
                        -webkit-opacity: .6;
                        -moz-opacity: .6;
                        opacity: .6;
                        -ms-filter: alpha(opacity=60);
                        filter: alpha(opacity=60);
                    }

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 *, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.tile {
  width: 100%;
  min-height:280px;
  border-left:8px solid #d82f69;
  display: inline-block;
  background-size: cover;
  cursor: pointer;
  overflow:hidden;
  position: relative;
  float: left;
  background-position: center;
}

.image-title {
  width: 100%;
  padding-top:5px;
  height: 17%;
  color: #d82f69;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 1em;
  background-color: rgb(255, 255, 255);
}

.wytxt p{text-align:left;
color:#FFF;
line-height:20px;
font-weight:300;
}



.wytxt h4{
	width:100%;text-align:left;
color:#FFF;
font-weight:700;
font-size:22px;
margin-top:10px;
float:left;
}


.image-title h1{margin-top:7px;
font-size:23px;
font-weight:700;
}



.tile .image-title {
  transition: 0.8s ease;
}


/* Hover effect on image tiles */

.tile:hover .image-title {
  background-color: rgb(255, 255, 255);
  height: 40%;
}


/* Pop up CSS light box */



/* Responsive tiles starts here. Breaking points: 1280, 1024, 600, 360 */

@media screen and (max-width: 1280px) {
  .image-container .tile {
    width: 25%;
    padding-bottom: 25%;
  }
}

@media screen and (max-width: 1024px) {
  .image-container .tile {
    width: 33.33%;
    padding-bottom: 33.33%;
  }
}

@media screen and (max-width: 740px) {
  .image-container .tile {
    font-size: 0.8em;
  }
}

@media screen and (max-width: 600px) {
  .image-container .tile {
    width: 50%;
    padding-bottom: 50%;
    font-size: 0.8em;
  }
}

@media screen and (max-width: 360px) {
  .image-container .tile {
    width: 100%;
    padding-bottom: 100%;
  }
}