/* I-phone 6 Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
.media-adv {
    height: 458px !important;
    border-radius: 5px;
    position: relative;
    border: 1px solid #ddd;
    margin-top: 15px;
    background: #fff;
}
ul.navigation{display: table-caption;}
}

/* I-phone 6 Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}
@media screen and (min-width: 980px) /* Desktop */ {
 .fdfbdb{
	width:100%;
 }
  .service-description{
	height: 183px;
    overflow: hidden;
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
	text-align: center;
}
.media-adv{
	height:232px;
	    border-radius: 5px;
	position:relative;
	    border: 1px solid #ddd;
    margin-top: 15px;
	    background: #fff;	
}
.button1{
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  color: #0C5;
  font-size: 13px;
  font-family: "Nunito", sans-serif;
  font-weight: 300;
  position: absolute; 
  top:5px;
  left:326px;
  border-radius: 4px;  
  right:0;
  bottom:0;
  
  padding-top: 5px	;
  width: 30px;
  height:30px;
     padding-left: 10px;
  border: 1px solid gray;
  color: #FFF;
  overflow: hidden;
  
}
}

@media screen  and (max-width: 979px) /* Tablet */ {
  .fdfbdb{
	padding:0px;width:100%;margin-left:15px;display: inline-flex;padding-top: 25px;
 }
 .media-adv{
	height:390px;
	    border-radius: 5px;
	position:relative;
	    border: 1px solid #ddd;
    margin-top: 15px;
	    background: #fff;	
}
.service-description{
	height: 183px;
    overflow: hidden;
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
	text-align: center;
}
.header_manager {
    top: 68px;
}
ul.navigation li {
    margin: 1px;
    padding: 1px 10px;
    display: block;
    float: left;
}
.margin_resonsive{margin-top:90px;}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) /* Tablet landscape */ {
   .fdfbdb{
	padding:0px;width:100%;margin-left:15px;display: inline-flex;padding-top: 0px;
 }
  .header_manager {
    top: 33px;
}
   .media-adv{
	height:235px;
	    border-radius: 5px;
	position:relative;
	    border: 1px solid #ddd;
    margin-top: 15px;
	    background: #fff;	
}
.button1{
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  color: #0C5;
  font-size: 13px;
  font-family: "Nunito", sans-serif;
  font-weight: 300;
  position: absolute; 
  top:5px;
  left:245px;
  border-radius: 4px;  
  right:0;
  bottom:0;  
  padding-top: 5px	;
  width: 30px;
  height:30px;
  padding-left: 10px;
  border: 1px solid gray;
  color: #FFF;
  overflow: hidden;
  
}
.margin_resonsive{margin-top:50px;}
}
@media screen and (max-width: 500px) /* Mobile */ {
 
}
@media only screen  and (min-width : 1224px) {
	.header_manager {
		top: 72px;
	}
	.navbar-default {
    background-color: transparent;
    float: right;
}
	
.designprint-text{padding-top: 20px;padding-right: 47px;padding-left: 30px;}
.portfolio_manager{
	float:left;margin: 0px 20px 15px 0px;padding:0px;height: 231px;overflow:hidden;left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px); 
}
.identity_sidebar{padding-top: 15px;padding-top: 15px;padding: 10px 0px;border-radius: 5px;}
}
/* Portrait */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
	.header_manager {top: -48px;}
	.media-adv{height: 420px;border-radius: 5px;position: relative;border: 1px solid #ddd;margin-top: 15px;background: #fff;display: inline-block;}
	.navbar-default {background-color: #f4f4f4;float: right;}
	ul.navigation{display: table-caption;}
	.navbar-toggle{    margin-bottom: 0px;}
	ul.navigation1{display:table-caption}
	.navbar-nav1 {margin: 7.5px -30px !important; }
	.designprint-text{padding-top: 40px;padding-right: 30px;padding-left: 15px;width: 100%;}
	.portfolio_manager{width:100% !important;float:left;margin: 0px 20px 15px 0px;padding:0px;height: 231px;overflow:hidden;left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px); opacity: 1;}
	.identity_sidebar{padding-top: 15px;border:1px solid black;padding-top: 15px;border: 1px solid gainsboro;padding: 10px 12px;border-radius: 5px;}	
	ul.navigation1 {list-style: none;font: 0.75em/1.5em normal Tahoma, Verdana, Geneva, sans-serif;display: table-caption;}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	
}
/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {

}

@font-face {
	font-family: 'Conv_tt0003c';
	src: url('fonts/tt0003c.eot');
	src: local('☺'), url('fonts/tt0003c.woff') format('woff'), url('fonts/tt0003c.ttf') format('truetype'), url('fonts/tt0003c.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_tt0005c';
	src: url('fonts/tt0005c.eot');
	src: local('☺'), url('fonts/tt0005c.woff') format('woff'), url('fonts/tt0005c.ttf') format('truetype'), url('fonts/tt0005c.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

#Top-Header-Style{
	background-color:#fffafa;
	border-bottom:3px solid rgb(255, 0, 0);
	/* height:156px; */
	
  width: 100%;
  line-height: 108px;
  height: 108px;
  z-index: 100;
}
#heade-sticky{
	background-color: #f4f4f4;
	border-bottom:3px solid rgb(255, 0, 0);
	/* height:156px; */
	position: fixed;
  width: 100%;
  line-height: 108px;
  height: 108px;
  z-index: 100;
}

#menu{
	position: fixed;
  width: 100%;
  line-height:35px;
  background-color: #fff;
  z-index: 100;  
}
#menu.sticky {
  
  line-height: 108px;
 background-color: #fff;  
}
#heade-sticky.sticky {
  
  line-height: 108px;
  height: 108px;  
}

.header-cont {
    width:100%;
    position:fixed;
    top:0px;
}
.header-border{
	/* border-bottom: 3px solid rgb(255, 0, 0); */
	height: 104px;
}
.service-font1{
	color: rgb(255, 0, 0);
	font-weight:bold;
	
}
.service-font{
	color: #333;
	font-weight:bold;
	font-size:18px
}
.LATEST-WORK-font{
	color: rgb(255, 0, 0);
	font-weight:bold;
}
.service-section-sty{
	color:blue;
	font-weight:bold;
	padding-left:0px;
	padding-right:0px;
	padding-bottom: 15px;
}
.site-logo{
	    height: 100px;
    margin-top: 0px;
}
#services{
	
	padding: 0px 0px 25px 0px;
}
#media{
	
}
.media-image-outer{
	/* border:1px solid #ddd; */
	/* height:230px; */
    border-radius: 4px;
}
.media-side-content{
	max-height: 130px;
	overflow:hidden;	
	padding: 6px 0px 10px 0px;
}
.media-side-content-outer{
	padding-left: 0px;	
}
.media-image-inner{
   /*  border: 1px solid #ddd; */
    margin: 15px 15px 15px 0px;
	height: 200px;
	border-radius: 4px;
	    overflow: hidden;
}
.media-inner{
    margin-left: 15px;
    margin-right: 15px;
   
}

.service-image{
	width:100%;
	height:130px;
}
.service-portfolio{
	background-color:gray;
}
a    { text-decoration: none; }
p    { text-align: center; }
sup  { font-size: 36px; font-weight: 100; line-height: 55px; }

.button{
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  color: #0C5;
  font-size: 13px;
  font-family: "Nunito", sans-serif;
  font-weight: 300;
  position: absolute; 
  top:35px;
  border-radius: 4px;  
  right:0;
  bottom:0;
  left:220px;
  padding-top: 5px	;
  width: 30px;
  height:30px;
     padding-left: 10px;
  border: 1px solid gray;
  color: #FFF;
  overflow: hidden;
  
}

/* .button:hover, .button:active {
  text-decoration: none;
  color: #023F88;
  font-weight: 600;
  border-color: #023F88;
  background: #FFF;
} */
.button1 span 
{
  display: inline-block;
  position: relative;
  padding-right: 0;
  
  transition: padding-right 0.5s;
}
.button span 
{
  display: inline-block;
  position: relative;
  padding-right: 0;
  
  transition: padding-right 0.5s;
}
.button1 span:after 
{
  content: ' ';  
  left: -1px;
  position: absolute;
  top: 0;
  right: -18px;
  opacity: 0;
  width: 10px;
  height: 10px;
  margin-top: -15px;
  background: rgba(0, 0, 0, 0);
  border: 3px solid #FFF;
  border-top: none;
  border-right: none;

  transition: opacity 0.5s, top 0.5s, right 0.5s;
  transform: rotate(-45deg);
}
.button span:after 
{
  content: ' ';  
  position: absolute;
  top: 0;
  right: -18px;
  opacity: 0;
  width: 10px;
  height: 10px;
  margin-top: -10px;

  background: rgba(0, 0, 0, 0);
  border: 3px solid #FFF;
  border-top: none;
  border-right: none;

  transition: opacity 0.5s, top 0.5s, right 0.5s;
  transform: rotate(-45deg);
}

/*  .button:hover span, .button:active span 
{
	
}  */
.button1:hover{
	background: #023f88;
}
.button:hover{
	background: #023f88;
}
.button1:hover span:after{
	border-color: #fff;
}
.button:hover span:after{
	border-color: #fff;
}
.button1 span:after, .button1:active span:after {
  transition: opacity 0.5s, top 0.5s, right 0.5s;
  opacity: 1;
  border-color: #023F88;
  right: 0;
  top: 90%;
}
.button span:after, .button:active span:after {
  transition: opacity 0.5s, top 0.5s, right 0.5s;
  opacity: 1;
  border-color: #023F88;
  right: 0;
  top: 50%;
}
.latest-Work{
	background-color:white;
}
.latest-Work-Outer{
	height:300px;
	overflow:hidden;
	border:1px solid #ddd;
}

.home_service{
	color:black;
}
.home_service:hover{
	color:black;
}
.service1{
	height:380px;
	    background: white;
	border-radius: 5px;
	border:1px solid #ddd;
	-webkit-box-shadow: -1px 1px 11px -2px rgba(168,168,168,1);
	-moz-box-shadow: -1px 1px 11px -2px rgba(168,168,168,1);
	box-shadow: -1px 1px 11px -2px rgba(168,168,168,1);
	-moz-transition: -moz-transform 0.5s ease-in;
    -webkit-transition: -webkit-transform 0.5s ease-in;
    -o-transition: -o-transform 0.5s ease-in;
}
.service1:hover{
-moz-transition: -moz-transform 0.5s ease-in;
    -webkit-transition: -webkit-transform 0.5s ease-in;
    -o-transition: -o-transform 0.5s ease-in;
	    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    z-index: 1;
    box-shadow: 1px 1px 6px #888;
}
.service-title{
	text-align:center;
	padding: 5px 0px;
}
h4{
	font-weight:600 !important;
}
.nav > li{
	    height: 32px;
	font-weight:600;
	-webkit-transition: all 0.2s;
	vertical-align:middle;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	vertical-align: middle;
}

/* .nav > li:hover{
	background-color:rgb(255, 0, 0);

	color:white;
	 z-index: 251;
    -webkit-transition: color 0.3s ease-in-out 0s;
    -moz-transition: color 0.3s ease-in-out 0s;
    -o-transition: color 0.3s ease-in-out 0s;
    -ms-transition: color 0.3s ease-in-out 0s;
    transition: color 0.3s ease-in-out 0s;
} */
.padding-off{
	padding:0px;
}

/* Slider Style */

 /* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('../img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('../img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
	
.socicon1{
	background-image:url(../img/socicons.png);
	   width: 50px;
    background-position: 373px 75px;
    height: 50px;
}
.socicon1:hover{
	background-image:url(../img/socicons.png);
	   width: 50px;
    background-position: -125px 172px;
    height: 50px;
}
.socicon2{
	background-image:url(../img/socicons.png);
	   width: 50px;
    background-position: 474px 75px;
    height: 50px;
}
.socicon2:hover{
	background-image:url(../img/socicons.png);
	   width: 50px;
    background-position: -25px 173px;
    height: 50px;
}
.socicon3{
	background-image:url(../img/socicons.png);
	   width: 50px;
    background-position: 270px 74px;
    height: 50px;
}
.socicon3:hover{
	background-image:url(../img/socicons.png);
	   width: 50px;
    background-position: -227px 172px;
    height: 50px;
}
.socicon4{
	background-image:url(../img/socicons.png);
	   width: 50px;
    background-position: 167px 75px;
    height: 50px;
}
.socicon4:hover{
	background-image:url(../img/socicons.png);
	   width: 50px;
    background-position: 168px 173px;
    height: 50px;
}
.socicon5{
	background-image:url(../img/socicons.png);
	   width: 50px;
    background-position: 71px 75px;
    height: 50px;
}
.socicon5:hover{
	background-image:url(../img/socicons.png);
	   width: 50px;
    background-position: 70px 173px;
    height: 50px;
}
.header-contact-no{
	float:left;
	color: #023F88;
    font-size: 15px;
  
	width:100%;
}
.header-mail-id{
	float:left;
	width:100%;
	color: #D81921;	
    font-size: 15px;
}
.portfolio-img{
	width:100%;
	height:230px;
	border: 5px solid #EFEFEF;
}
.Portfolio-Project-Title{
	text-align:center;
	color:#023F88;
	text-transform:capitalize;
	font-weight: bold;
    padding: 10px 0px 10px 0px;
    font-size: 18px;
}
.Portfolio-Project-Title:hover{
	color:#D81921;
}
.Portfolio-Project-Description{
	color: #717171;
	text-transform:capitalize;
	text-align:center;	
	border-bottom: 1px solid #E6E6E6;
}
#page {
width: 960px;
margin: 0 auto;
padding: 50px 0 0 0;
}
.block {
line-height: 18px;
font-size: 12px;
padding: 15px;
margin: 0 0 20px 0;
}
.footer-dink-link{
	color:#cacaca;
	text-decoration:none;
}
.footer-dink-link:hover{
	color:#fff;
}
.block h2 {
color: #EF4034;
border-bottom: 2px solid #ddd;
font-size: 20px;
font-weight: bold;
padding: 0 0 8px 0;
margin: 0 0 20px 0;
}
.block p {
margin: 0 0 20px 0;
}
/* Shore more styles */
.showmore_content {
position: relative;
overflow: hidden;
}
.showmore_trigger {
width: 100%;
height: 45px;
line-height: 45px;
cursor: pointer;
}
.showmore_trigger span {
	display: block;
    color: #D81921;
    font-weight: bold;
    font-size: 14px;
}
.showmore_trigger span:hover {
	color:#023F88;
}
.portfolio-img:hover{
	border:5px solid #D81921;
	    /* border: 1px solid #B8CC98; */
    background: rgba(245,250,234,0);
    background: -moz-linear-gradient(-45deg, rgba(245,250,234,0) 25%, rgba(245,250,234,0.25) 44%, rgba(223,250,169,0.85) 89%, rgba(218,250,153,0.85) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(25%, rgba(245,250,234,0)), color-stop(44%, rgba(245,250,234,0.25)), color-stop(89%, rgba(223,250,169,0.85)), color-stop(100%, rgba(218,250,153,0.85)));
    background: -webkit-linear-gradient(-45deg, rgba(245,250,234,0) 25%, rgba(245,250,234,0.25) 44%, rgba(223,250,169,0.85) 89%, rgba(218,250,153,0.85) 100%);
    background: -o-linear-gradient(-45deg, rgba(245,250,234,0) 25%, rgba(245,250,234,0.25) 44%, rgba(223,250,169,0.85) 89%, rgba(218,250,153,0.85) 100%);
    background: -ms-linear-gradient(-45deg, rgba(245,250,234,0) 25%, rgba(245,250,234,0.25) 44%, rgba(223,250,169,0.85) 89%, rgba(218,250,153,0.85) 100%);
    background: linear-gradient(135deg, rgba(245,250,234,0) 25%, rgba(245,250,234,0.25) 44%, rgba(223,250,169,0.85) 89%, rgba(218,250,153,0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5faea', endColorstr='#dafa99', GradientType=1 );
}
.marg-site-logo-section{
	display:inline-flex;
}
.site-logo-text{
	    font-size: 27px;
    padding: 32px 15px;
   
    color: gray;
}
.our-sercive-home-title{
	    margin-top: 40px;
    margin-bottom: 0px;
}

/* Navbar start*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* Navbar End*/

.util-item{
	    width: 175px !important; 
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.item{
	width: 150px;
}
.clintele-page-block{
	margin: 10px 10px 0px 10px;
    width: 200px;
    display:inline-block;
    border: 1px solid #e2e2e2;
    /*float: left;*/
}
.clinetele-image-section{
	    width: 100%;
    max-height: 123px;
   
}

.clintele-header-text{
	    font-size: 15px;
    font-weight: 600;
    color: gray;
    padding-top: 20px;
}
.motion-section{
	width:100%;
	height:240px;
	border:1px solid #d0d0d0;
    margin: 20px 10px 0px 10px;
}
.footer-our-associates{
	    color: gray;
    font-size: 12px;
    text-align: left;
    padding-left: 107px;
    padding-top: 10px;
}
.portfolio-section{
	width:100%;
	height:200px;
    overflow: hidden;
	border: 1px solid #dadada;
	cursor: pointer;
}
.portfolio-all{
    margin: 20px 0px 20px 0px;
}
#portfolio-size{
	
    width: 100%;
    background-size: cover;
}
.active1{
	border-bottom:1px solid red;
}