body{

	font-family: 'Titillium Web', sans-serif;

overflow-x:hidden!important;

}





@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");

  

.the-icons {

  font-size: 22px;

}





*{

    font-family: 'Titillium Web', sans-serif

}


.carousel-caption { bottom: 30%; bottom: auto; }




/*New-Navbar*/

/* =======

Top area

======== */

.top-area {

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    width: 100%;

    background-color: orange !important;

}

.pho_email
{
	color:white; 
}


.top-area.top-padding {

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    padding-top: 6px;

    padding-bottom: 0;

    margin-bottom: 10px;

	
}



.top-area p {

    margin-bottom: 0px;
	


}



/* ===========

Navigation

============= */
/*


.navbar-brand {

  padding-top: 15px;

  margin-top: 5px;

  padding-bottom: 0;

}



.navbar-brand.reduce {

    margin-top:0;

  padding-top: 5px;

    padding-bottom: 5px;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}





.navbar.navbar-custom {

    width: inherit;

    margin: 0 auto;

    padding-bottom:0;

    box-shadow: 0 0 3px rgba(0,0,0,0.12);

    box-shadow: 0 1px 6px rgba(0,0,0,.2); 

    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2); 

    -moz-box-shadow: 0 1px 6px rgba(0,0,0,.2); 

    -o-box-shadow: 0 1px 6px rgba(0,0,0,.2); 

}



/*.navbar.navbar-custom .navigation {

    padding-bottom: 15px;



}*/





.navbar {

    margin-bottom: 0;

    border-bottom: 1px solid rgba(255,255,255,.3);  

    

}


.navbar-brand {

    font-weight: 700;

}



.navbar-brand:focus {

    outline: 0;

}



.navbar.navbar-custom.navbar-fixed-top  {

    background: #fff;

}


.navbar-custom.top-nav-collapse .nav.navbar-nav {

    background-color: rgba(0,0,0,0);

}



.navbar.navbar-custom {

    padding-top: 0;

}



.navbar.navbar-custom ul.nav.navbar-nav {

  

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}

.navbar.navbar-custom.top-nav-collapse ul.nav.navbar-nav {

    margin-top: 0;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}



.navbar-custom ul.nav li a {

    font-size: 13px;

    letter-spacing: 1px;

    color: #666;

    text-transform: uppercase;

    font-weight: 700;

    background: transparent;

}





.navbar.navbar-custom.top-nav-collapse {

    background: #fff;

    

}



.navbar.navbar-custom.top-nav-collapse .navigation {

    padding-bottom: 10px;

}



.navbar-custom.top-nav-collapse ul.nav li a {

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

    color: #444;

}



.navbar-custom ul.nav ul.dropdown-menu {

    border-radius: 0;   

    margin-top: 16px;

}



.navbar-custom ul.nav ul.dropdown-menu li {

    border-bottom: 1px solid #f5f5f5;



}



.navbar-custom ul.nav ul.dropdown-menu li:last-child{

    border-bottom: none;

}



.navbar-custom ul.nav ul.dropdown-menu li a {

    padding: 10px 20px;

    font-size: 13px;

    text-transform: uppercase;

}



.navbar-custom ul.nav ul.dropdown-menu li a:hover {

    background: #fefefe;



}



.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {

    color: white;

}



.navbar-custom .nav li a:hover,.navbar-custom .nav li a:focus  {

    -webkit-transition: background .3s ease-in-out;

    -moz-transition: background .3s ease-in-out;

    transition: background .3s ease-in-out;

}
.cont_us
{
	background-color: #113656;
}

.cont
{
	color:white;
	font-family: 'Red Hat Text', sans-serif;
	padding-bottom:30px;
	
}

.title_footer
{
	padding-top:20px;
}




.navbar-custom.navbar-fixed-top .nav li a:hover,

.navbar-custom.navbar-fixed-top .nav li a:focus,

.navbar-custom.navbar-fixed-top .nav li.active a,

.navbar-custom.navbar-fixed-top .nav li.active {

    outline: 0;

    background: none;

}

.navbar-custom.top-nav-collapse .nav li a:hover,

.navbar-custom.top-nav-collapse .nav li a:focus,

.navbar-custom.top-nav-collapse .nav li.active {

    outline: 0;

    background-color: rgba(255,255,255,.2);

}



.navbar-toggle {

    padding: 4px 6px;

    font-size: 20px;

    color: #000;

}



.navbar-toggle:focus,

.navbar-toggle:active {

    outline: 0;

}

*/

/*New-navbar-ends*/



/* ==== widget ==== */

.widget ul {

    list-style: none;

    margin-left:0;

    padding-left:0;

}

/* footer social icons */

ul.social-network {

  list-style: none;

  display: inline;

  margin-left:0 !important;

  padding: 0;

}

ul.social-network li {

  display: inline;

  margin: 0 5px;

}





/* footer social icons */

.social-network a.icoRss:hover {

  background-color: #F56505;

}

.social-network a.icoFacebook:hover {

  background-color:#3B5998;

}

.social-network a.icoTwitter:hover {

  background-color:#33ccff;

}

.social-network a.icoGoogle:hover {

  background-color:#BD3518;

}

.social-network a.icoVimeo:hover {

  background-color:#0590B8;

}

.social-network a.icoLinkedin:hover {

  background-color:#007bb7;

}

.social-network a.icoInstagram:hover{

    background-color: #fc3567;
 }
 

.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,

.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i, .social-network a.icoInstagram:hover i {

  color:#fff;

}

a.socialIcon:hover, .socialHoverClass {

  color:#44BCDD;

}



.social-circle li a {

  display:inline-block;

  position:relative;

  margin:0 auto 0 auto;

  -moz-border-radius:50%;

  -webkit-border-radius:50%;

  border-radius:50%;

  

  width: 25px;

  height: 25px;

  font-size:10px;

}

.social-circle li i {

  margin:0;

  line-height:45px;

  text-align: center;

}


.social-circle li a:hover i, .triggeredHover {

  -moz-transform: rotate(360deg);

  -webkit-transform: rotate(360deg);

  -ms--transform: rotate(360deg);

  transform: rotate(360deg);

  -webkit-transition: all 0.2s;

  -moz-transition: all 0.2s;

  -o-transition: all 0.2s;

  -ms-transition: all 0.2s;

  transition: all 0.2s;

}

.social-circle i {

  color: #fff;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -o-transition: all 0.8s;

  -ms-transition: all 0.8s;

  transition: all 0.8s;

}

.social-circle a {

 background-color: #fff;   

color: #000;



}



.icoRss  .fa{

    color: #000;  

    margin-top: -8px;

}



.icoFacebook .fa{

  color: #000;

      margin-top: -8px;

}





.icoTwitter .fa{

  color: #000;

      margin-top: -8px;

}



.icoGoogle .fa{

  color: #000;

      margin-top: -8px;

}



.icoGoogle .fa{

  color: #000;

      margin-top: -8px;

}



.icoLinkedin .fa{

  color: #000;

      margin-top: -8px;

}

.icoInstagram .fa{

    color: #000;
     margin-top: -8px;
}




.feedback {

  background-color : #337ab7;

  color: white;

  padding: 10px 20px;

  border-radius: 4px;

  

}



.mybutton a:hover{

    color: #fff;

    background-color: #FF9500;



}



.mybutton {

  position: fixed;

      top: 20%;

    right: -1px;

}









/*top bar*/
 
#BodyField{

    margin-top: 5px;

    font-weight: normal;

    font-size: 16px;

}





/*footer*/





    .sitemap ul li{

        list-style-type: none!important;

    }

.divider-short, .color-dark .divider-short, .bg-gray .divider-short {

    background: #aaa;

}



.divider-short {

    display: block;

    width: 60px;

    height: 1px;

    margin: 0 auto;

    margin-bottom: 10px;

}



.navbar ul li a:active{

    color: #f4780a!important;

}




.header_bg

{

	background-color: #f8f8f8;

    position: fixed;

    height: 100px;

    width: 100%;





}



.ourwork

{

	padding-top: 5px;

	padding-left: 7px;

	background-color: #fafafa;

	padding-bottom: 50px;

	border: 1px solid #b1b1b1;

    border-radius: 5px;

    width: 100%;

}



.info_text 

{

	padding-left: 30px;

	padding-top: 10px;

	text-align: justify;

	font-family: 'Arimo', sans-serif;

	line-height: 2;

	font-size: 18px;

}

.about_img
{
	padding-top:200px;
}

.info_quote 

{

	padding-left:40px;

	padding-top: 10px;

	line-height: 20pt;

	font-family: 'Arimo', sans-serif;

	line-height: 20pt;

	font-size: 15px;

}





.menu

{

	font-family: 'Titillium Web', sans-serif;

	font-size:14px;

}


.bg_img
{
	border:1px solid black;
}

.title1
{
	font-family:'Titillium Web', sans-serif;

	color: white;

	padding-top: -50px;

    padding-left: 0px;
	
}


.heading

{

	font-family:'Titillium Web', sans-serif;
	
}


.slider_img

{

padding-bottom: 20px;

}







.navbar ul li a

{

	

	color: black;

	font-size: 11px;





}



.navbar ul li a:hover{background:#ea9803; border-radius:5px; color:#ea9803; transition:all 0.5s;

}

















.topnav

{

	padding-top: 20px;

	font-weight: 600;

	font-size: 15px;



}







.btn {

    border: none;

    color: white;

    padding: 14px 28px;

    font-size: 16px;

    cursor: pointer;

}









.icon-bar {

  color: black;

  border-color: black;

  background-color: black;

}





.h3

{

	font-family: 'Titillium Web', sans-serif;

}



.contact_details

{

	padding-top: 40px;

}









/* Style the tab */

.tab_content

{

	background-color: white;

	padding-top: 30px;

	width: 100%;

	text-align: center;

	font-family: 'Titillium Web', sans-serif;



}





.tab {

    overflow:hidden;

    border: 1px solid #fff;

    background-color:#ea9803;

    color: white;

    width: 100%;

}



/* Style the buttons inside the tab */

.tab button {

    background-color: inherit;

    float: center;

    border: none;

    outline: none;

    cursor: pointer;

    padding: 14px 86px 50px;

    transition: 0.3s;

    font-size: 17px;

}



/* Change background color of buttons on hover */

.tab button:hover {

    background-color:#f19d04;

    color: white;

}
/******************/

/*****************/



/* Create an active/current tablink class */

.tab button.active {

    background-color:white;

}



/* Style the tab content */

.tabcontent {

    display: none;

    padding: 30px 42px;

    border: 0px solid #ccc;

    border-top: none;

    width: 100%;

}



/*tab content*/




.footer_text

{

	padding-top: 20px;

	padding-left: 30px;

	padding-bottom: 30px;

	padding-right: 5px;
	
	text-align:center;

}



.contact-form{

background-color:none;

padding-top: 20px;

font-family: 'Titillium Web', sans-serif;

}





.contact-form .form-control{

	width: 75%;

height: 33px;

border-radius: 4px;

margin-bottom: 20px;

border: 0px solid #fff;

}



.contact-form #message{

	height: 104px;

}





.form_submit{

width: 75%;

background: #0066ff;

border-radius: 0px;

color: #fff;

padding-top: 13px;

padding-bottom: 10px;

transition: all 1s;	

}











.contact-form_1{

background-color:#f3f3f3;

padding: 20px;

font-family: 'Titillium Web', sans-serif;

}





.contact-form_1 .form-control{

	width: 55%;

height: 33px;

border-radius: 4px;

margin-bottom: 20px;

border: 0px solid #fff;

}



.contact-form_1 #message{

	height: 104px;

}



















/*.addressbox {

    border-bottom: 1px solid #d7d7d7;

   padding: 15px 15px 12px 0px;

   width: 60%;

   font-family: 'Titillium Web', sans-serif;

}*/





.footer_bottom

{

	color: #fff;

	padding-top: 20px;

	width: 100%;

	font-family: 'Titillium Web', sans-serif;

	font-size: 14px;



}







/*=========================

  Social button Icons

 ================= */



/* footer social icons */

/*@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');



a, a:hover {

	text-decoration: none;

}



.socialbtns, .socialbtns ul, .socialbtns li {

	margin: 0;

	padding:1px;

	padding-top: 13px;

	text-align: left;

}



.socialbtns li {

    list-style: none outside none;

    display: inline-block;

}



.socialbtns .fa {

    color: #FFF;

	background-color: orange;

	width: 32px;

    height: 32px;

    padding-top: 12px;

	border-radius: 20px;

	-moz-border-radius: 20px;

	-webkit-border-radius: 20px;

	-o-border-radius: 20px;

  transition: all ease 0.3s;

    -moz-transition: all ease 0.3s;

    -webkit-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

  	transform: rotate(-360deg);

	-moz-transform: rotate(-360deg);

	-webkit-transform: rotate(-360deg);

	-o-transform: rotate(-360deg);

}



.socialbtns .fa:hover {

	transition: all ease 0.3s;

    -moz-transition: all ease 0.3s;

    -webkit-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

	transform: rotate(360deg);

	-moz-transform: rotate(360deg);

	-webkit-transform: rotate(360deg);

	-o-transform: rotate(360deg);

	text-decoration: none;

	background-color: #003333;

}







.socialbtns, .socialbtns ul, .socialbtns li {

	margin: 0;

	padding:1px;

	padding-top: 13px;

	text-align: center;

}



.socialbtns li {

    list-style: none outside none;

    display: inline-block;

}



.socialbtns .fa {

    color: #FFF;

	background-color: orange;

	width: 32px;

    height: 32px;

    padding-top: 12px;

	border-radius: 20px;

	-moz-border-radius: 20px;

	-webkit-border-radius: 20px;

	-o-border-radius: 20px;

  transition: all ease 0.3s;

    -moz-transition: all ease 0.3s;

    -webkit-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

  	transform: rotate(-360deg);

	-moz-transform: rotate(-360deg);

	-webkit-transform: rotate(-360deg);

	-o-transform: rotate(-360deg);

}



.socialbtns .fa:hover {

	

	transition: all ease 0.3s;

    -moz-transition: all ease 0.3s;

    -webkit-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

	transform: rotate(360deg);

	-moz-transform: rotate(360deg);

	-webkit-transform: rotate(360deg);

	-o-transform: rotate(360deg);

}



















.socialbtns_1, .socialbtns ul, .socialbtns li {

	margin: 0;

	padding:1px;

	padding-top: 13px;

	text-align: center;

    font-size: 12px;

}



.socialbtns_1 li {

    list-style: none outside none;

    display: inline-block;

}



.socialbtns_1 .fa {

    color: #FFF;

	background-color: #003333;

	width: 30px;

    height: 30px;

    padding-top: 10px;

	border-radius: 20px;

	-moz-border-radius: 20px;

	-webkit-border-radius: 20px;

	-o-border-radius: 20px;

  transition: all ease 0.3s;

    -moz-transition: all ease 0.3s;

    -webkit-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

  	transform: rotate(-360deg);

	-moz-transform: rotate(-360deg);

	-webkit-transform: rotate(-360deg);

	-o-transform: rotate(-360deg);

}



.socialbtns_1 .fa:hover {

	transition: all ease 0.3s;

    -moz-transition: all ease 0.3s;

    -webkit-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

	transform: rotate(360deg);

	-moz-transform: rotate(360deg);

	-webkit-transform: rotate(360deg);

	-o-transform: rotate(360deg);

	text-decoration: none;

}
*/




/*Social button Icons*/



.btn-black{

background-color: #337ab7;

color: white;

}



.btn-black:hover{

	background-color:#003333;

	color: white;

}









.btn-black1{

background-color:#003333;

color: white;

}



.btn-black1:hover{

	background-color: #ea9803;

	color: white;

}



































/*hover effect*/

.hovereffect {

background-color: #f1f1f1;

width:100%;

height:100%;

float:left;

overflow:hidden;

position:relative;

text-align:center;

cursor:default;

font-family: 'Titillium Web', sans-serif;

font-size: 14px;

}


.hovereffect .overlay {

width:100%;

height:100%;

position:absolute;

overflow:hidden;

top:0;

left:0;

opacity:0;

background-color:rgba(0,0,0,0.5);

-webkit-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

font-family: 'Titillium Web', sans-serif;

font-size: 14px;

}



.hovereffect img {

display:block;

position:relative;

-webkit-transition:all .4s linear;

transition:all .4s linear;

}



.hovereffect h2{

text-transform:uppercase;

color:#fff;

text-align:center;

position:relative;

font-size:17px;

background:rgba(0,0,0,0.6);

-webkit-transform:translatey(-100px);

-ms-transform:translatey(-100px);

transform:translatey(-100px);

-webkit-transition:all .2s ease-in-out;

transition:all .2s ease-in-out;

padding:10px;

}

.hovereffect h3{

text-transform:uppercase;

color:#fff;

text-align:center;

position:relative;

font-size:17px;

background:rgba(0,0,0,0.6);

-webkit-transform:translatey(-100px);

-ms-transform:translatey(-100px);

transform:translatey(-100px);

-webkit-transition:all .2s ease-in-out;

transition:all .2s ease-in-out;

padding:10px;

}



.hovereffect a.info {

text-decoration:none;

display:inline-block;

text-transform:uppercase;

color:#fff;

border:1px solid #fff;

background-color:#003333;

opacity:0;

filter:alpha(opacity=0);

-webkit-transition:all .2s ease-in-out;

transition:all .2s ease-in-out;

margin:30px 0 0;

padding:3px 20px;

font-family: 'Titillium Web', sans-serif;

font-size: 13px;

}

.hovereffect a.info:hover {

box-shadow:0 0 5px #fff;

background-color: #013f3f;

font-family: 'Titillium Web', sans-serif;

font-size: 13px;

}









.hovereffect:hover img {

-ms-transform:scale(1.2);

-webkit-transform:scale(1.2);

transform:scale(1.2);

}



.hovereffect:hover .overlay {

opacity:1;

filter:alpha(opacity=100);

}



.hovereffect:hover h2,.hovereffect:hover h3,.hovereffect:hover a.info {

opacity:1;

filter:alpha(opacity=100);

-ms-transform:translatey(0);

-webkit-transform:translatey(0);

transform:translatey(0);

}



.hovereffect:hover a.info {

-webkit-transition-delay:.2s;

transition-delay:.2s;

}













* {

    box-sizing: border-box;

}



row {

    margin: 10px -16px;

}



/* Add padding BETWEEN each column */

.row,

.row > .column {

    padding: 5px;

}



/* Create three equal columns that floats next to each other */

.column {

    float: left;

    width: 33.33%;

    display: none; /* Hide all elements by default */

}



/* Clear floats after rows */ 

.row:after {

    content: "";

    display: table;

    clear: both;

}



/* Content */

.content {

    background-color: white;

    padding: 10px;

}



/* The "show" class is added to the filtered elements */

.show {

  display: block;

}



/* Style the buttons */

.btn1 {

    font-family: 'Titillium Web', sans-serif;

     background-color: #337ab7;

    color: #fff;

    border: 2px solid transparent;

    padding: 6px 16px;

    border-radius: 0;

   margin-right: 5px;

    outline: 0;

}



.btn1:hover {font-family: 'Titillium Web', sans-serif; background:#ea9803; border-radius:5px; color:#fff; transition:all 0.5s;

;}

 





.btn1.active {

	background-color: transparent;

  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);

  color:#858585;

}



.ft_text

{

	

	font-family: 'Titillium Web', sans-serif;

	font-size:12px;

	padding: 10px;

	word-spacing: 15px;

	text-align: center;

}



a.ft:link

{

	color: #b4b4b4;

	text-decoration: none;

	

}



a.ft:hover

{

	color: #e0e0e0;

	text-decoration: none;

}





a.ft:visited

{

	color: #b4b4b4;

	text-decoration: none;

}





a.ft:active

{

	color: #b4b4b4;

	text-decoration: none;

}



/*submit button*/



#send_btn:hover{

	background-color:#003333!important;

	color: #fff!important;

}





											/*Testimonials_effect*/



/* fade slider */

.slides {

   
    background-color: #FFFFFF;
    overflow:visible;

   

}

.slides ul {

    list-style:none;

    

}



/* keyframes #anim_slides */

@-webkit-keyframes anim_slides {

    0% {

        opacity:0;

    }

    6% {

        opacity:1;

    }

    24% {

        opacity:1;

    }

    30% {

        opacity:0;

    }

    100% {

        opacity:0;

    }

}

@-moz-keyframes anim_slides {

    0% {

        opacity:0;

    }

    6% {

        opacity:1;

    }

    24% {

        opacity:1;

    }

    30% {

        opacity:0;

    }

    100% {

        opacity:0;

    }

}



.slides ul li {

    opacity:0;

    position:absolute;

    top:0;



    /* css3 animation */

    -webkit-animation-name: anim_slides;

    -webkit-animation-duration: 10.0s;

    -webkit-animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-direction: normal;

    -webkit-animation-delay: 0;

    -webkit-animation-play-state: running;

    -webkit-animation-fill-mode: forwards;



    -moz-animation-name: anim_slides;

    -moz-animation-duration: 10.0s;

    -moz-animation-timing-function: linear;

    -moz-animation-iteration-count: infinite;

    -moz-animation-direction: normal;

    -moz-animation-delay: 0;

    -moz-animation-play-state: running;

    -moz-animation-fill-mode: forwards;

}



/* css3 delays */

.slides ul  li:nth-child(2), .slides ul  li:nth-child(2) div {

    -webkit-animation-delay: 6.0s;

    -moz-animation-delay: 6.0s;

}

.slides ul  li:nth-child(3), .slides ul  li:nth-child(3) div {

    -webkit-animation-delay: 12.0s;

    -moz-animation-delay: 6.0s;

}

.slides ul  li:nth-child(4), .slides ul  li:nth-child(4) div {

    -webkit-animation-delay: 6.0s;

    -moz-animation-delay: 6.0s;

}

.slides ul li img {

    display:block;

}



/* keyframes #anim_titles */

@-webkit-keyframes anim_titles {

    0% {

        left:100%;

        opacity:0;

    }

    5% {

        left:10%;

        opacity:1;

    }

    20% {

        left:10%;

        opacity:1;

    }

    25% {

        left:100%;

        opacity:0;

    }

    100% {

        left:100%;

        opacity:0;

    }

}

@-moz-keyframes anim_titles {

    0% {

        left:100%;

        opacity:0;

    }

    5% {

        left:10%;

        opacity:1;

    }

    20% {

        left:10%;

        opacity:1;

    }

    25% {

        left:100%;

        opacity:0;

    }

    100% {

        left:100%;

        opacity:0;

    }

}



.slides ul li div {

    background-color:#000000;

    border-radius:10px 10px 10px 10px;

    box-shadow:0 0 5px #FFFFFF inset;

    color:#FFFFFF;

    font-size:26px;

    left:10%;

   

    padding:20px;

    position:absolute;

    top:50%;

    width:200px;



    /* css3 animation */

    -webkit-animation-name: anim_titles;

    -webkit-animation-duration: 24.0s;

    -webkit-animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-direction: normal;

    -webkit-animation-delay: 0;

    -webkit-animation-play-state: running;

    -webkit-animation-fill-mode: forwards;



    -moz-animation-name: anim_titles;

    -moz-animation-duration: 24.0s;

    -moz-animation-timing-function: linear;

    -moz-animation-iteration-count: infinite;

    -moz-animation-direction: normal;

    -moz-animation-delay: 0;

    -moz-animation-play-state: running;

    -moz-animation-fill-mode: forwards;

}







.flex-caption{

    background-color: rgba(0, 0, 0, 0.8);

    color: #fff;

    margin: 0;

   

}

/*new css*/
.panel-heading:hover {
    cursor:pointer;
}
.panel-heading {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
}

.side-tab:hover {
        cursor: pointer;
    }
    .panel.panel-default {
        border: none;
        box-shadow: none !important;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        
    }
    .panel-heading {
        border: none;
        background-color: #eee;
    
    }
    .panel-body {
        background-color: #f5f5f5;
    }
    .panel-title {
        font-weight: 400;
        color: white;
    }

/*----------------------------------
    Macbook pro mockup from:
    http://jaredhardy.com/minimal-devices/
    
----------------------------------*/

.md-macbook-pro {
/*  display: block;
  width: 55.3125em;
  height: 31.875em;
  font-size: 13px;
  margin: 0 auto;*/

  @media (max-width:1199px){
    font-size: 11px;
  }
  @media (max-width:1024px){
    font-size: 10px;
  }

  @media (max-width:767px){
    font-size: 7px;
  }

  @media (max-width:320px){
    font-size: 5px;
  }

}
.md-macbook-pro .md-lid {
  width:100%;
  height: 30.625em;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  border-radius: 1.875em;
  border: solid 0.1875em #cdced1;
  background: #131313;
}
.md-macbook-pro .md-camera {
 width: 0.375em;
  height: 0.375em;
  margin: 0 auto;
  position: relative;
  top: 1.0625em;
  background: #000;
  border-radius: 100%;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.25);
}
.md-macbook-pro .md-camera:after {
  content: "";
  display: block;
  width: 0.125em;
  height: 0.125em;
  position: absolute;
  left: 0.125em;
  top: 0.0625em;
  background: #353542;
  border-radius: 100%;
}
.md-macbook-pro .md-screen {
  width: 42.25em;
  height: 26.375em;
  margin: 0 auto;
  position: relative;
  top: 2.0625em;
  background: #1d1d1d;
  background: #fff;
  overflow: hidden;
}
.md-macbook-pro .md-screen img {
  width: 100%;
}
.md-macbook-pro .md-base {
  width: 100%;
  height: 0.9375em;
  position: relative;
  top: -0.75em;
  background: #c6c7ca;
}
.md-macbook-pro .md-base:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.5em;
  margin: 0 auto;
  position: relative;
  bottom: -0.1875em;
  background: #b9babe;
  border-radius: 0 0 1.25em 1.25em;
}
.md-macbook-pro .md-base:before {
  content: "";
  display: block;
  width: 7.6875em;
  height: 0.625em;
  margin: 0 auto;
  position: relative;
  background: #a6a8ad;
  border-radius: 0 0 0.625em 0.625em;
}
.md-macbook-pro.md-glare .md-lid:after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 1.25em 0 0;
  background: -webkit-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: -moz-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: -o-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: linear-gradient(53deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
}




/*service box css*/

.serviceBox{
    text-align: center;
    position: relative;
}
.serviceBox .service-icon{
    width: 130px;
    height: 140px;
    line-height: 145px;
    background: linear-gradient(to bottom,transparent 49%,#e47019 50%);
    margin: 0 auto 15px;
    font-size: 45px;
    color: #fff;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    position: relative;
    transition: all 0.3s ease 0s;
}
.serviceBox:hover .service-icon{ font-size: 60px; }
.serviceBox .service-icon:before,
.serviceBox .service-icon:after{
    content: "";
    width: 93%;
    height: 93%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    transform: translate(-50%, -50%);
}
.serviceBox .service-icon:after{
    width: 85%;
    height: 85%;
    background: #e47019;
    transition: all 0.3s ease 0s;
}
.serviceBox:hover .service-icon:after{ box-shadow: 0 0 40px rgba(0,0,0,0.2) inset; }
.serviceBox .title{
    font-size: 25px;
    color: #505050;
    text-transform: capitalize;
    margin: 0 0 10px 0;
    position: relative;
    transition: all 0.3s ease 0s;
}
.serviceBox:hover .title{ color: #e47019; }
.serviceBox .title:before{
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #e47019;
    background: #e47019;
    box-shadow: 0 0 0 3px #fff inset;
    position: absolute;
    top: -50px;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%);
    transition: all 0.3s ease 0s;
}
.serviceBox:hover .title:before{
    opacity: 1;
    top: -24px;
}
.serviceBox .description{
    font-size: 15px;
    color: black;
    line-height: 37px;
    margin: 0;
}
.serviceBox.blue .service-icon{ background: linear-gradient(to bottom,transparent 49%,#1b87a4 50%) !important; }
.serviceBox.blue .service-icon:after{ background: #1b87a4 !important; }
.serviceBox.blue:hover .title{ color: #1b87a4 !important; }
.serviceBox.blue .title:before{
    border-color: #1b87a4 !important;
    background: #1b87a4 !important;
}

.second
{
	background-color:linear-gradient(to bottom,transparent 49%,#1b87a4 50%) !important;
}
.serviceBox.darkblue .service-icon{ background: linear-gradient(to bottom,transparent 49%,#4c3f8f 50%) !important; }
.serviceBox.darkblue .service-icon:after{ background: #4c3f8f !important; }
.serviceBox.darkblue:hover .title{ color: #4c3f8f !important; }
.serviceBox.darkblue .title:before{
    border-color: #4c3f8f !important;
	color:white;
    background: #4c3f8f !important;
}
.serviceBox.purple .service-icon{ background: linear-gradient(to bottom,transparent 49%,#9f2369 50%) !important; }
.serviceBox.purple .service-icon:after{ background: #9f2369 !important; }
.serviceBox.purple:hover .title{ color: #9f2369 !important; }
.serviceBox.purple .title:before{
    border-color: #9f2369 !important;
    background: #9f2369 !important;
}
@media only screen and (max-width:990px){
    .serviceBox{ margin-bottom: 10px; }
}

/**************contact us***********************/
.contact3
{
	border:1px solid #d7d7d7;
}
/*****************************************/