/*
Poject Title : integreat Restaurant Consultants
Responsive   : Yes ( Bootstrap v3.3.7 ) 
Author       : Sudarshan chakra
Company      : TBS
Status       : Honesty is the best policy!
Date         : 10 Oct 2016.
*/

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


img { max-width: 100%; }
.no-padding { padding: 0 }
.no-margin { margin: 0 }
.center, .text-center p { text-align: center!important; }
p { text-align: justify; }
/* =======================================================HEADER START */

#header{ padding-bottom:10px;overflow: hidden;     position: fixed;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 12; top:0}
#header .hdrLeft{padding-top:10px;}
#header .hdrLeft,#header .hdrRight{ width:50%; float:left}
#header #logo{ float:left}
#header .taglineLogo{display: inline-block; margin: 20px 0 0 7%;font-size:23px; color:#00ADEE}
#header .taglineLogo a{color:#00ADEE; text-decoration:none}
#header .taglineLogo ul{ margin:0; padding:0; }
#header .taglineLogo ul li{ list-style:none; display:inline-block; padding:0 2px;  }
#header .social { padding-right:30px; display:inline-block}
#header .social i.fa{font-size: 20px;color: #BBBDBF;padding: 0 8px;}
#header .callus{ display:inline-block}
#header .callus a{ background: #8BC53F;color: #fff;display: inline-block;padding: 0px 10px;font-size: 18px; text-decoration:none}
#header .callus a:hover{background:#00ADEE;}


#navigation{ padding-top:30px;}
#navigation ul.menu{ margin:0; padding:0; float:right}
#navigation ul li{ list-style:none; display:inline-block}
#navigation li a{ text-transform:uppercase; color:#999999; padding:5px 15px; font-size:18px; text-decoration:none}
#navigation li:hover>a{ color:#8bc53f}
.mobile-menu{display:none;}

/* slider start */
.slider{max-width:1600px; margin:auto; position:relative}
.slider .slidetxt{ position:absolute; left:0; top:10px; width:100%; z-index:999; }
.slider .slidetxt h4{ font-size:18px; letter-spacing:6px; font-weight:normal; color:#fafafa}
.slider .slidetxt h1:before{ content:'"'; margin-left:-17px}
.slider .slidetxt h1:after{ content:'"'; }
.slider .slidetxt h1{ font-size:44px; color:#fff; margin-top:15%; font-weight:normal; line-height:normal}
.slider .slidetxt h1 strong{ color:#8BC53F}
.slider .slidetxt .author{ color:#fff; font-size:18px; text-transform:uppercase; padding-bottom:30px; }
.slider .slidetxt .btn{ background:#8CC63F; color:#fff; font-size:18px; font-weight:bold; text-transform:uppercase; border:none}
.slider .slidetxt .box{ max-width:500px}
.slider .item { background-size:0px}


#navigation .social{ display:none}

section{padding-top: 1.5em; padding-bottom: 4em; }
.bgwatermark-1{ background:url(../images/watermark-1.jpg) no-repeat left bottom;max-width:1600px; margin:auto}
.bgwatermark-2{ background:url(../images/watermark-2.jpg) no-repeat 90% bottom;max-width:1600px; margin:auto}
.bgwatermark-2 p{ margin-left:-5px; margin-right:-5px}

.managePerform:before,.ourteam:before,.oursolution:before,.bg-gray:before{ position:absolute; content:''; background:url(../images/multi-color-col.jpg) no-repeat center; height:22px; width:100%; top:-22px; left:0; background-size:100% 100%}
.managePerform{ background:url(../images/bgmanage-perform.jpg) no-repeat fixed; background-size:cover; color:#fff; position:relative; margin-top:20px;}
.managePerform .row.box{ width:75%; margin:auto}
.managePerform h1{margin-bottom:1em;}
.managePerform p{line-height:1.4;}
.managePerform h3{ text-transform:uppercase; font-size:22px; margin-top:10px;}
ul.circlebox{ height:225px; width:550px; margin:3em auto 0; max-width:700px; position:relative; padding:0}
ul.circlebox li strong{ display:block; font-size:22px; font-weight:normal}
ul.circlebox li img{width:65px;}
ul.circlebox li{list-style: none;display: inline-block;position: relative;width: 222px;background: #7dae96;border: 2px solid rgba(255,255,255,0.5);height: 222px;text-align: center;padding: 47px 0 0 0;border-radius: 50%; color:#fff }
ul.circlebox li a{color:#fff; text-decoration:none;}
ul.circlebox li:nth-child(1){float: left; background:rgba(250,175,64,0.5)}
ul.circlebox li:nth-child(2){position: absolute;left: 0;right: 0;margin: auto;z-index: 1; background:rgba(139,197,63,0.5)}
ul.circlebox li:nth-child(3){float: right; background:rgba(27,117,187,0.55);}
.managePerform .serbox img,ul.circlebox li,ul.circlebox li img{transition:.5s}
ul.circlebox li:nth-child(n):hover{ background:#8BC53F; border-color:#fff}





/* ========================FOOTER START  */
#footer{ background:#6d6e70; overflow:hidden}
#footer .ftrsec{ padding-top:30px; padding-bottom:25px;}
#footer .ftrsec p{ font-size:18px; color:#fff}
#footer .ftrsec p a{color:#fff;}
#footer .ftrsec .social p{ color:#7FFF9C}
#footer .ftrsec .social i.fa { color:#fff; font-size:18px; margin:0 3px;}

.talkwithus{ background:#8BC53F; font-size:31px; text-transform:uppercase; padding:10px 0; text-align:center}
.talkwithus a{ color:#fff; text-decoration:none}

#copyright{ background:#fff; padding:10px 0;}
#copyright .taglineLogo{ font-size:23px; text-transform:uppercase; color:#00ADEE; padding-top:1em}
#copyright .taglineLogo a{color:#00ADEE; text-decoration:none!important;}
#copyright .taglineLogo ul{ list-style:none; padding0; margin:0}
#copyright .taglineLogo ul li{ display:inline-block}
#copyright p{ font-size:14px; text-align:inherit; margin:0; padding:10px 0;}

.fixedrightmid{position: fixed;right: 0;top: 45%; z-index:99999}


.ourteam{ background:url(../images/bgour-team.jpg) no-repeat fixed; background-size:cover; color:#fff; position:relative;overflow: hidden;} 
.ourteam .thumb img{ transition:.5s; border-radius:50%;}
.ourteam h3{font-size:22px; text-transform:uppercase;}
.ourteam .box{padding: 1em 0;}



.oursolution{ background:url(../images/bg-solutions.jpg) no-repeat center fixed; background-size:cover; position:relative}
.conAddress{background:url(../images/watermark-3.jpg) no-repeat 50% 50px;position:relative}

.oursolution h1{margin-top:0;} 
.oursolution .box{padding:1em 0;}
.oursolution .box img{ transition:0.5s}


.bg-gray{ position:relative; background:#f1f1f2}
.hidden{ display:block!important;}


/*contact page form */
.conFrm  label sup{ color:#ff0000}
.conFrm .form-control{ border:none; box-shadow:none; transition:.5s; border-radius:0; font-size:18px; font-weight:600; }
.conFrm .form-control:focus{ box-shadow:0 0 10px #2e8826; border-color:#2e8826 }
.conFrm .btn.btn-success{background: #00adee;border: none;text-transform: uppercase;font-size: 18px;font-weight:600;padding: 5px 31px;}
.conFrm button.btn{background: #fff!important;outline:none!important;border: none;text-transform: uppercase;font-size: 18px;font-weight: 600;padding: 5px 31px;}
.conFrm .btn.btn-success:hover{ background:#00ADEE}
.conFrm .bootstrap-select{ width:100%!important; background:#fff}
.conFrm .bootstrap-select>.dropdown-toggle{ width:100%; background:#fff; box-shadow:none; padding:6px 12px; color:#6D6E70; outline:none; text-transform:none;}
.conFrm  .dropdown-menu>li>a{padding: 4px 20px;font-size: 18px; font-weight:600; color:#6D6E70}
.conFrm  .dropdown-menu>li>a:hover,.conFrm  .dropdown-menu>li>a:focus{ background:#c5e29f}


/* success Tips page */
.bannerBlog{}
.bannerBlog .overtxt{ position:absolute; top:10px; left:0; width:100%; color:#fff}
.bannerBlog .overtxt .box{ max-width:320px}
.bannerBlog .overtxt h1{ font-size:44px; margin-top:10%;}
.bannerBlog .overtxt h4{font-size: 18px;letter-spacing: 6px;font-weight: normal;color: #fafafa;}
.bannerBlog .overtxt .btn{color: #fff;font-size: 18px;font-weight: bold;text-transform: uppercase;border: none; margin-top:15px;}


.suucesTips{ padding-top:0; padding-bottom:0; overflow-x:hidden;}
.suucesTips .leftContent{ padding-top:2em; padding-bottom:2em;padding-right: 30px;}
.suucesTips .rightContent{ padding-top:2em; padding-bottom:2em; background:rgba(139,197,63,.11)}
.suucesTips .rightContent:after{ position:absolute; content:''; right:-1000%; top:0; width:1000%; height:100%; background:rgba(139,197,63,.11)}
.dispflex{ display:flex} 
.suucesTips .leftContent h1{ color:#27AAE1; margin-top:0; margin-bottom:20px;}
.suucesTips .postdate{ color:#6D6E70; margin-top:0; font-size:31px; margin-bottom:10px; line-height:normal}
.suucesTips .postrow .btn{ padding:6px 15px; font-weight:600; font-size:18px;text-transform: uppercase;}
.nextprevbnt h2.screen-reader-text{display:none!important;}

.nextprevbnt .nav-previous,.nextprevbnt .nav-next{float:left; position:relative}
.nextprevbnt .nav-previous:after{position: absolute;content: '';width: 2px;height: 15px;background: #fff;right: -1px; z-index:33;top: 11px;}


.suucesTips .postrow{ border-bottom:1px solid #c9c8c8; padding-bottom:2.5em; margin-bottom:1.5em}
.suucesTips .postrow:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:1.5em}
.suucesTips .postrow .thumbimg img{padding-top:10px; }

.suucesTips .rightContent h1{ margin-bottom:20px;}
.suucesTips .rightContent ul{ margin:0 0 20 0; padding:0}
.suucesTips .rightContent ul li{ list-style:none; font-size:18px; color:#8DC63F; padding-bottom:20px;}
.suucesTips .rightContent ul li a{color:#8DC63F; text-decoration:none}



.cleintDetailOuter{ background:#f3f9eb; margin-bottom:1em; position:relative; width:100%; display:inline-block}
.cleintDetailOuter:after{position: absolute;content: '';background: url(../images/multi-color-col.jpg) no-repeat center;height: 22px;width: 100%;bottom: -22px;left: 0;background-size: 100% 100%;} 
.cleintDetailOuter .clientLeftprofile{ border-right:1px solid #daded2; padding-right:4%;margin-top:2em} 
.cleintDetailOuter .clientRightprofile{ padding-bottom:2em; margin-top:2em } 
.cleintDetailOuter .clientRightprofile ul{ padding-left:0; margin-left:18px;}
.cleintDetailOuter .clientLeftprofile h1{ color:#00adee; margin-top:0;font-weight: normal;font-size: 35px;}
.cleintDetailOuter .clientLeftprofile img{margin-bottom:20px;}
.companiesList .box{ margin-top:2em; margin-bottom:3em; border-right:1px solid #e3e3e3; padding-left:25px; padding-right:25px; padding-bottom:7em; padding-top:1em}
.companiesList .box:last-child{ border-right:none;}


.bannerImg{background-position: center center;background-position: center;background-repeat: no-repeat;background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;}


/* clients */
.intwoimg { display:inline-block; width:100%;}
.intwoimg .bannerimgLeft,.intwoimg .bannerimgRight{ width:50%; float:left}

.bannerClient .intwoimg{width:100%; float:left;}
.bannerClient .overtxt{    position: absolute;
    top: 0;
    z-index: 9;
    left: 0;
    right: 0;}
.bannerClient .overtxt .box{    width: 47%; text-align:left; text-transform:uppercase;
    float: right; color:#fff}
.bannerClient .overtxt .box h4{ font-size: 18px;letter-spacing: 6px;font-weight: normal;color: #a6e2f9; margin-top:25px;}	
.bannerClient .overtxt .box h1{ font-size: 40px;font-weight: normal;color: #fff; margin-top:50px; margin-bottom:1em}
.bannerClient .overtxt .box .btn{ background:#8cc63f;font-size: 18px;font-weight: normal;color: #fff;}	

.clientTabDetail{display:none;}


div.wpcf7-validation-errors{border: none!important; margin:0; margin-left:17%; padding:0}
div.wpcf7-validation-errors:before{ content:'*'; color:#ff0000; padding-right:2px}



/********************************************
*                                           *
*                                           *
*             MEDIA QUERY                   * 
*                                           *
*                                           *
*********************************************/

@media only screen and ( max-width: 1200px ) {
#header .container{ width:100%;}
#header .taglineLogo{margin-left:4%; font-size:18px;}
#navigation li a{padding:5px 7px;}

.managePerform .row.box{ width:100%; margin:0 -15px}	
.slider .slidetxt h1{margin-top:5%; font-size:35px;} 


.bannerBlog .overtxt h1{ font-size:35px; margin-top:5%;}

.bannerClient .overtxt .box h1{ font-size: 30px; margin-top:5%; margin-bottom:10px;}


}
@media only screen and ( max-width: 992px ) {
#header .hdrLeft{ width:35%;}
#header .hdrRight{ width:65%;}
#header .taglineLogo{margin:0;}
.slider .container{ width:100%;}
.slider .slidetxt .box{max-width:420px;}
.slider .slidetxt h1{font-size:26px;} 
.slider .slidetxt .author{padding-bottom:15px;}
.carousel-control  i.fa{ top:auto; bottom:2%;}
.bannerBlog .overtxt .btn{margin-top:0}
.bannerBlog .overtxt h1{font-size:29px;}

.bannerClient .overtxt .box h1{ font-size:20px; margin-top:2%;}
.bannerClient .overtxt .box h4{font-size: 16px;letter-spacing: 4px;margin-top: 23px;}
.bannerClient{overflow:hidden}
}
@media only screen and ( max-width: 767px ) {
	
.dispflex{ display:block} 
.slider .item {background-position: center center;background-position: center;background-repeat: no-repeat;background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;}	
.slider .slidetxt .box{ max-width:50%;}
.slider .slidetxt h4{font-size: 12px;font-weight: bold;}
.slider .slidetxt h1{font-size:18px}
.slider .slidetxt .author{margin:0; padding:0; font-size:16px; }
.slider .slidetxt .btn{font-size:14px; padding:5px 10px;}
.bannerBlog .overtxt h1{font-size:22px; margin-bottom:0}
.bannerBlog .overtxt p,.bannerBlog .overtxt .btn{font-size:12px;}
.bannerBlog .overtxt h4{font-size:12px; margin-bottom:0}
.bannerBlog  img{min-height:160px;}	
#header { padding-bottom:0;}
#header .text-right .social{ display:none;}
#navigation{display:none;}
#header .hdrLeft, #header .hdrRight{width:100%;}
#header #logo,#header .taglineLogo{ width:100%; margin:0; padding:0} 
#header #logo{margin-bottom:10px;}
#header .taglineLogo{text-align:center; font-size:20px;}
#header .hdrRight{position:absolute; right:50px; top:10px;}
.managePerform h3{ font-size:19px;}
.text-xs-center{text-align:center;}

#footer .talkwithus a.hidden-sm{ display:none;}
#footer .talkwithus a.visible-sm{ display:block!important}

#footer .ftrsec,#footer .ftrsec p{text-align:center;}
#footer .ftrsec p{margin-bottom:10px;}
.talkwithus{ font-size:22px;}
#footer .ftrsec .social {margin-top:15px;}
#footer .ftrsec .social p,#copyright p{color:#fff;}
#footer .ftrsec{padding-bottom:5px;}
#copyright{ background:#6d6e70; padding-top:0}
section{ padding-bottom:2em}

.h1, h1,.suucesTips .postdate{font-size:20px; line-height:normal}
ul.circlebox{width:420px; height:auto}
ul.circlebox li{width:180px; height:180px;}
ul.circlebox li strong{ font-size:18px;}

.suucesTips .leftContent{padding-right: 15px;}
.suucesTips .leftContent h1{margin-top:15px;}
.suucesTips .postrow .thumbimg img{padding-top:0px; }

.companiesList .box{ padding:0em 1em 0; border:none; margin-bottom:1em; margin-top:0em}
.cleintDetailOuter .clientLeftprofile{ margin-top:1em;}
.cleintDetailOuter .clientLeftprofile h1{ font-size:25px;}

.intwoimg .bannerimgLeft, .intwoimg .bannerimgRight{ width:100%; float:none}
.intwoimg .bannerimgRight img{display:none!important}
.bannerClient .overtxt{position: static;background: #00adef; padding-bottom:15px}
.bannerClient .overtxt .box{width:100%; padding-bottom:15px;}
.bannerClient .overtxt .box h1{font-size:35px; margin:5% 0}
.bannerClient  .item{height:auto!important}

/* mobile menu*/
#navigation{ display:none;position: fixed;left: 0;top: 0;bottom: 0;right: 0;z-index: 123;background: #00ADEE;}
#navigation ul li { display:block ; padding:5px 0}
#navigation ul li a{ color:#fff;  }
#navigation ul.menu{ float:none; text-align:center; padding-top:20%;}
.mobile-menu{display: block;position: fixed;right: 10px;top:10px;background: #00ADEE;width: 33px;height: 30px;text-align: center;line-height: 30px;font-size: 18px;color: #fff!important; z-index:9999 }	 
#navigation .social{ position:absolute; bottom:15px; left:0; right:0; text-align:center; display:block}
#navigation .social i.fa{ color:#fff; font-size:22px;}	
#header{ overflow:visible}


div.wpcf7-validation-errors{margin-left:0%;}

}

@media only screen and ( max-width: 640px ) {
	.bannerClient .overtxt .box h1{font-size:25px; margin:5% 0}


}
@media only screen and ( max-width: 480px ){
#header #logo img { width:150px;} 
ul.circlebox{width:300px;}
ul.circlebox li{width:120px; height:120px; padding-top:15px;}
ul.circlebox li img{width:50px;}
.slider .slidetxt h1{font-size:15px}

.bannerClient .overtxt .box h1{font-size:20px; margin:3% 0}
.bannerClient .overtxt .box h4{margin-top:10px; font-size:14px;}
.bannerClient .overtxt{ font-size:15px;}

.bannerBlog  img{min-height:130px;}	
/*.bannerBlog .overtxt h1{margin-top:5px; font-size:15px;}
.bannerBlog .overtxt p{margin-bottom:0px; }
*/
}

@media only screen and ( max-width: 480px ){
#header #logo img { width:125px; height:auto;} 
}