bannerCntr/* ### general ### */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700');
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,700');
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: 'Nunito', sans-serif; font-size: 16px; color: #333333; }
ul, ol { list-style: none; }
.line { width: .5px; height: 100%; display: inline-block; vertical-align: middle; }
h1, h5,h6 {  font-family: 'Archivo Narrow', sans-serif; }
h2 {  font-family: 'Archivo Narrow', sans-serif;
 font-size: 42px; color: #6bb6ef; font-weight: 400; line-height: 46px; margin-top: 30; }
h4 {font-family: 'Archivo Narrow', sans-serif;
 }
h3 {font-family: 'Archivo Narrow', sans-serif;
 }

.flex { display:flex; align-content: stretch; align-items: stretch; flex-wrap:wrap; }

#bannerCntr .ban {
    position: absolute;
       top: 70px;
    right: 17px;
}
.banner-txt {
    position: absolute;
    top: 214px;
    left: 60px;
    font-size: 65px;
    font-family: banner-font;
    text-align: center;
    line-height: 60px;
    color: #fef200;
    text-shadow: 2px 2px 6px rgba(0,0,0,0.48);
}

/*.banner-cen {
    position: absolute;
    top: 194px;
    left: 37%;
}*/
/*.banner-cen {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 141px;
}*/

.banner-cen {
    /* display: flex; */
    /* flex-direction: row; */
    /* justify-content: center; */
    margin-top: 66px;
    position: relative;
    left: 156px;
}

@font-face {
  font-family: banner-font;
  src:url(../fonts/MuseoSans_1.otf);
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
.banner-txt {
    position: absolute;
    top: 125px;
    left: 60px;
    font-size: 36px;
    font-family: banner-font;
    text-align: center;
    line-height: 46px;
    color: #fef200;
    text-shadow: 2px 2px 6px rgba(0,0,0,0.48);
}
	#bannerCntr .ban {
    position: absolute;
    top: 0px;
    left: 46px;
    width: 15%;
}
	
	.banner-cen {
    position: absolute;
    top: 13px;
    left: 37%;
    width: 32%;
}
	

	
}

.flex-center { display:flex; align-items: center; flex-wrap: wrap; }  
a:hover, a:focus { text-decoration: none; }
.padd { padding-bottom: 0px; padding-top: 30px; }  
.oyo { position: absolute; right: 00px; top: 90px; width: 90px; -webkit-transition: all 0.8s ease; z-index: 999; transition: all 0.8s ease; }
.pdf-submit { padding: 5px 0 8px 36px; background: url(../images11/pdf.png) left top no-repeat; }
.video-submit { padding: 5px 0 8px 36px; background: url(../images11/play.png) left top no-repeat; }
.hashtag { position: absolute; left: 0; width: 100%; bottom: 20px; text-align: center; }
.hashtag a { font-weight: 400; font-size: 26px; }
.tag { vertical-align: middle; color: #000; font-weight: 700;  }
.no-show { display: none; }
.flex-center { display: flex; align-content: center;   }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; height: 100%; }
#sthoverbuttons div { box-sizing: initial!important; }
#sthoverbuttons .sthoverbuttons-bottom-r { background: none!important; }
#sthoverbuttons-top { background: none!important; }
#sthoverbuttons .sthoverbuttons-shade-r { background: none!important; }
#sthoverbuttons .sthoverbuttons-label { width: auto; font-size: 16px; position: absolute; left: -8px; top: -20px; font-weight: bold; color: #dddd26!important; display: none!important; }
.newupdates { width: 20px;    height: 20px;     color: #fff; text-align: center;     font-size: 14px;     position: absolute;     right: 25px;     top: 10px;     box-shadow: 0px 0px 5px rgba(0,0,0,.5);     border-radius: 50%;     background: #49aa64;    }
.owl-theme .owl-controls .owl-buttons div { display: none; }
.owl-theme .owl-controls .owl-buttons .fa { font-size: 40px; }
.owl-theme .owl-controls .owl-buttons .owl-prev { left: -10px; }
.owl-theme .owl-controls .owl-buttons .owl-next { right: -10px; }
/* ### main container ### */
#mainCntr { width: 100%;  }
#mainCntr.home {  height: 697px; background-image: url(../images11/GRIHA_back.jpg);    background-repeat: no-repeat;
    background-size: cover;  }

/*.back {
    background: url(../images11/GRIHA_back_new.jpg) no-repeat;
    height: 699px;
    background-size: cover;
    background-position: center;
    margin-top: 0px !important;
}*/
.slicknav_menu { display: none; }
#map { height: 250px; }
.mobileMenu { display: none; }
.google-play { position: fixed; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; top: 50%; margin: -50px -135px 0 0; right: 0; }
.google-play:hover { margin-right: 0; }
.bg-back { padding-top: 60px; background:  url(../images11/bg.jpg) center top no-repeat; background-size: cover;  }
/* ### header container ### */
#headerCntr { height: 60px;    width: 100%; z-index: 99; background: #d5f4f9; }
.venu-home { padding: 10px;text-align: center; font-size: 22px;  color: #fff; background: #00838F;  }  


/* ### menu box ### */
.menuBox { display: none; }
.menuBox ul { list-style: none; text-align: center; list-style-type: none; }
.menuBox li { font-size: 25px; border: 0; }
.mm-ismenu { background: #2d3e4e; }
.menuBox li a { padding: 15px; color: #fff; border: 0;   }
.menuBox li a:hover, .menuBox li:focus a, .menuBox li a.selected {  background: #e94d3e; }


/* ### socail box ### */
.socailBox h5 { display:inline-block; vertical-align: middle;   }

.socailBox ul { display:inline-block; vertical-align: middle; margin: 0;   }
.socailBox .share { color: #fff; display: block; font-size: 14px; line-height: 28px; text-transform: uppercase; }
.socailBox .share .fa-share-alt { font-size: 34px; vertical-align: middle; }
.socailBox li { text-align: center; display: inline-block; vertical-align: middle;}
.socailBox li a { display: block; color: #fff; font-size: 20px; }
.socailBox li a .fab { width: 30px; height: 30px; line-height: 30px; color: #fff;      border-radius: 0.3em; }
.socailBox a  .fa-facebook-f { background: #3b5998; }
.socailBox a .fa-linkedin-in { background: #0177b5; }
.socailBox a .fa-youtube { background: #df4b38; }
.socailBox a .fa-twitter { background: #1ab2e8; }
.socailBox { padding: 10px; }
.socailBox li a:hover .fa {  color: #fff; }
.socailBox li a:hover { text-decoration: none; }

/* ### banner container ### */
#bannerCntr { padding: 0;     overflow: hidden;    }

.home #bannerCntr .sm-banner { display: none;}
.home #bannerCntr .xs-banner { display: none; }
#bannerCntr .col-sm-7 img { width: 100%;   }
.home #bannerCntr .col-sm-7 img { width: auto ;   }

#bannerCntr .mnre { position: absolute; left: 20px; top: 0; width: 230px; }
#bannerCntr .teri {
    position: absolute;
    left: 14px;
    top: 75px;
}
#bannerCntr .logo-title { width: 100%;   }
#bannerCntr .griha-logo {  width: 250px; }
.home #bannerCntr .griha-logo { margin: auto; width: auto; }
#bannerCntr .flex-center { padding: 30px 50px;  }
#bannerCntr h1 {  font-size: 24px; color:  #e94e1b; font-weight: 700; position: relative; } 
#bannerCntr .bottom-white { display: none;}
.home #bannerCntr .bottom-white { display: block;}
.home #bannerCntr h1 { font-size: 38px; padding-bottom: 20px; } 
#bannerCntr .bannerCntr { display: none;}
.home #bannerCntr .btn { display: block;}


#bannerCntr span { padding-left: 24px; margin-bottom: 5px; font-size: 16px; color:  #000; font-weight: 500; display: block;} 
#bannerCntr span.date { background: url(../images11/date.png) left 2px no-repeat; background-size: 15px;  } 
#bannerCntr span.pin { background: url(../images11/pin.png) left 2px no-repeat;  background-size: 15px;    } 
#bannerCntr .btn { color:  #fff;  background: #055e98; }
#bannerCntr hr { border: 1px solid #055e98  }
 .bottom-white  { position: absolute; right:  -2px; width: 102%; bottom:  -1px;   }


#bannerCntr .btn-text .btn { margin: 0 20px; border: 0; background: #e94e1b;     }
#bannerCntr .button { position: absolute; left: 0; bottom: 0; width: 100%; }  

/* ### detail box ### */
.detailBox .heading { padding: 15px;  margin: 0 0 20px 0; color: #fff; text-align: center; }
.detailBox .col-sm-3 { margin-bottom: 30px; }

.detailBox .heading h1 { margin-top: 0;  }
.detailBox .heading h4 { color: #fff; }
.detailBox { padding-bottom: 50px; }
.detailBox .block-data { border-radius: 30px;   box-shadow: 0px 0px 10px rgba(0,0,0,.2); height: 650px; overflow: auto;  background: #fff;  }
.detailBox .block-data h2 { font-size: 30px; line-height: 34px; font-weight: 400; }
.detailBox.chhaya .block-data { padding: 15px; height: auto; }
.detailBox.chhaya h2 small { font-size: 18px; line-height: 24px; display: block;  }
.detailBox.chhaya li { margin-bottom: 15px; border: 2px solid #FFF4F4; }
.detailBox.chhaya li a { display: block; padding: 10px;  } 
.detailBox.chhaya li:hover { background: #FFF8F8;  }
.detailBox.press li { padding-bottom: 10px;  padding-left: 30px; border-bottom:  1px dotted #85cffa; position: relative;  }
.detailBox.press li p { font-size:  20px; }
.detailBox.press li p small { font-size:  14px; color: #102e48; }
.detailBox.press li:before { content: ''; position: absolute; left: 0; top: 6px; height: 15px; width: 15px; border-radius: 50%; display:  block; background: #2f93cd;   }
.detailBox.press li { padding-left: 20px; }


 
/* ### title box ### */
.titleBox { width: 99%; vertical-align: middle; display: inline-block; }
.titleBox.subpage { display: block; background: none; }
.titleBox.subpage img { width: 100%; }
.titleBox .title { padding: 40px 0 10px; width: 50%; margin: auto; background: url(../ images11/black.png);}
.titleBox h1 img { max-width: 100%; display: block; margin: auto; }
.titleBox h2 { width: 424px; margin: 0 auto; height: 237px; text-indent: -999999px; background: url(../images11/event.png) left top no-repeat; background-size: cover; }
.titleBox .date { padding-top: 20px; margin-top: 30px; border-top: 2px solid #157e81; }
.titleBox address { font-size: 24px; color: #fff; }
.titleBox address span { display: block; }
.titleBox li { padding: 0 10px; display: inline; font-size: 22px; font-weight: 300; }
.titleBox li a { padding: 5px 15px; color: #fff; border-radius: 5px; display: inline-block; border: 1px solid #29b882; background: #29b882; }
.titleBox li a:hover { color: #333333; text-decoration: none; background: #dddd26; }
/*.titleBox li:first-child a { color: #333333; background: #e9e606;  }*/
		/*.titleBox li:first-child a:hover { color: #fff; background: #29b882;  }*/
.titleBox.subpage .title { width: 100%; margin: auto; }
.titleBox.subpage .banner { display: none; }
.titleBox h2 { width: 240px; height: 134px; }
.titleBox.subpage .date { margin-top: 20px; padding-top: 5px; }
.titleBox .banner { margin: auto; width: 100%; height: 300px; }
/* ### np box ### */
.npBox .breadcrumb { background: none; }
.npBox li { font-weight: 300; }
/* ### mobile box ### */
.mobileBox { display: none;  width: 100%; text-align: center; z-index: 99999; padding: 2px 0; background: #d0445a;   } 
.mobileBox .btn { margin: 0 20px;   } 
.mobileBox a { color: #fff;   } 
.mobileBox a:hover { text-decoration: none; color: #fff;   } 

/* ### about box ### */
.aboutBox { padding: 40px 0;  position: relative; margin: 0 0 20px 0; }
.aboutBox { width: 100%;   }
.aboutBox h2 { margin-bottom: 44px; }
.aboutBox h2, .aboutBox h4 { color: #8c6573; }
.aboutBox p { font-size: 18px; line-height: 28px;  }
.aboutBox p.wAuto { margin: auto;  }
.aboutBox p strong { font-weight: 700; }
.aboutBox .btn { color: #009688; font-size: 14px; border: 1px solid #009688; font-weight: 700; background: #fff; }
.aboutBox .btn:hover { background: #46b39d; }
.aboutBox.theme { padding: 54px 0;  background: #bfe1c9;  }  
.aboutBox.theme h2 {  color: #636363;  }  

.aboutBox .Footer-Angle { position: absolute; left:  0; top:  -1px; width: 100%; }
.aboutBox:after  { position: absolute; left:  0; top:  0; width: 100%; height: 2px; background: #fff; }
.aboutBox .block {   margin-top: 40px; ; }
.aboutBox .block .day { padding:  10px; margin-bottom: 4px;  display: block; font-size: 22px; color:  #fff; font-weight: 700; background: #db595c  }
.aboutBox li { font-weight: 300; box-shadow: 1px 1px 20px rgba(0,0,0,.2); margin-bottom: 4px; padding: 30px 20px; color:  #272727; background: #65c2c5;  }
.aboutBox li strong { font-size: 20px;   display:  block;}
.aboutBox.organisers { background: none; }

.aboutBox.speaker h6 { font-size: 16px; display:  block; text-align: center; }
.aboutBox.speaker img { margin: auto; }

.aboutBox.speaker h6 strong { display:  block;}
.aboutBox.speaker h6 small { font-family: 'Nunito', sans-serif;   }
.aboutBox.partners { padding: 50px 0; overflow:  hidden;background: #bfe1c9;   }
.aboutBox.partners .col-sm-3 { margin-bottom: 30px;  }
.aboutBox.partners h2 { padding-bottom:  20px; color:  #4b3659;  }
.aboutBox {}
.aboutBox {}

.serviceBox{
    padding: 30px;
    background: #f8f8f8;
    color: #333;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
	min-height: 222px;
}



/*.serviceBox:hover{
    background: #645e9d;
    color: #fff;
}*/

/*.serviceBox:after{
    content: "";
    display: block;
    border-top: 500px solid #fff;
    border-left: 500px solid transparent;
    margin-top: -55%;
    margin-left: 100%;
    opacity: 0;
    position: absolute;
    transform: scale(2);
    transition: all 0.3s ease-in-out 0s;
}*/



.serviceBox .service-icon{
    font-size: 50px;
    color: #645e9d;
    position: absolute;
    top: 40px;
    left: 20px;
    transition:all 0.3s ease-in-out 0s;
}

.serviceBox .title{
    font-size: 22px;
   
    margin: 0 0 12px 0;
  
}
.serviceBox .description{
    font-size: 16px;
    color: #565656;
    line-height: 25px;
    margin: 0;
    transition: all 0.3s ease-in-out 0s;
}

@media only screen and (max-width: 990px){
    .serviceBox{ margin-bottom: 15px; }
}

/* ### text box ### */
.textBox { padding-bottom: 40px; font-weight: 300; }
.textBox.partnership .heading h1 { color: #fff;  }  
.textBox.partnership .heading { background: #009688; }
.textBox.partnership .heading h4 { color: #fff;  }  
.textBox.partnership li.col-md-3 { margin-bottom: 30px; }  
.textBox h2 { font-size: 28px; font-weight: 400; }
.textBox .body { display: none; }
.textBox h2 span { display: block; }
.textBox .list { padding-top: 20px; }
.textBox .left-nav li { padding-bottom: 10px; text-transform: uppercase; text-align: center; background-image: none !important; }
.textBox .left-nav li .btn { display: block; font-weight: 300; color: #fff; font-size: 16px; background: #0a8783; }
.textBox .left-nav li .btn:hover, .textBox .left-nav li.active .btn { color: #0a8783; background: #dddd26; }
.textBox .left-nav { border-right: 1px solid #dddd26; }
.textBox p { font-weight: 400; line-height: 30px; }
.textBox h4 span { border-bottom: 1px solid #0a8783; }
.textBox h4 { margin-bottom: 20px; }
.textBox th { font-weight: 400; color: #060; }
.textBox .partner td { text-align: center; }
.textBox .bluebor td, .textBox .bluebor th { border: 1px solid #060; }
.textBox .partner td strong { font-weight: 400; text-align: left; display: block; }
.textBox .partner { font-size: 14px; }
.textBox.partner h5 { font-size: 17px; }
.textBox.partner h4 { font-size: 22px; }
.textBox .fa-check { color: #060; }
.textBox .about li, .textBox.partner li, .textBox .listt li { padding: 0 0 10px 15px; background: url(../images11/faq-arrow.png) left 5px no-repeat; }
.textBox.speaker .gaaap { min-height: 160px; }
.textBox.speaker .block p { line-height: 20px; font-size: 14px; margin-bottom: 5px; }
.textBox.speaker .block p strong { display: block; }
.textBox .media li { margin-bottom: 15px; }
.textBox .nav-tabs li { background: none; }
.textBox #events h2 { padding: 10px; padding-right: 40px; cursor: pointer; color: #fff; font-size: 18px; background: #0e4c68 url(../images11/heading.png) right center no-repeat; }
.textBox #events .body { padding: 5px; }
.textBox .txt { width: 98%; vertical-align: middle; display: inline-block; }
.textBox .slides li span { display: block; padding: 10px; text-align: center; color: #fff; font-size: 14px; position: absolute; left: 0; bottom: 0; width: 100%; font-weight: 400; background: url(../images11/caption.png); }
.textBox .slides li { position: relative; }
.textBox .photo { height: 200px; }
.textBox.agenda h5 { font-size: 16px; margin: 0 0 10px 0; font-weight: 600;  } 
.textBox.agenda p {  line-height: 24px; color: #131313; font-size: 15px; text-align: justify; font-weight: 400; } 
.textBox.agenda {} 
.textBox.agenda {} 


.cd-tabs-navigation { text-align: center; }
.cd-tabs-navigation li { display: block; margin-bottom: 10px; width: 100%;  }
.cd-tabs-navigation li a { padding: 10px; font-size: 26px; display: block; font-weight: 300; color: #fff; text-transform: uppercase; background: #80CBC4;  }
.cd-tabs-navigation li a:hover { text-decoration: none; }
.cd-tabs-navigation li .selected { color: #009688; background:  #E0F2F1; }
.cd-tabs-navigation li strong { display: block; padding-top: 10px; }
.cd-tabs-content .pull-left { margin-right: 20px;   } 

.cd-tabs-content li {
  display: none; overflow: hidden;
  
}
.cd-tabs-content { padding-top: 15px;  margin-bottom: 100px; height: 750px !important; overflow: auto; background: #E0F2F1;  }
.cd-tabs-content li li { display: block; }
.cd-tabs-content li.selected { 
  display: block;
  -webkit-animation: cd-fade-in 0.5s;
  -moz-animation: cd-fade-in 0.5s;
  animation: cd-fade-in 0.5s;
}
 

@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
 

/* ### location box ### */
.mdplocationBox { padding: 20px 0; position: relative; }
.mdplocationBox #map { width: 100%; height: 400px; }
.mdplocationBox address { padding-left: 20px; margin-bottom: 0; font-size: 18px; color: #fff; background: url(../images11/map-pin.png) left top no-repeat; }
.mdplocationBox .venu { padding: 15px; width: 330px; z-index: 999; position: absolute; left: 50px; top: 50px; background: url(../images11/address.png); background: #26A69A; }
.mdplocationBox address span { margin-bottom: 5px; display: block; font-weight: 700; border-bottom: 1px solid #fff; }
/* ### powerby box ### */
.powerbyBox { width: 20%; vertical-align: bottom; display: inline-block; }
.powerbyBox .right { width: 20%; vertical-align: bottom; display: inline-block; }
/* ### istiforBox box ### */
.istiforBox { padding: 30px 0; display: none; }
.istiforBox .tabdata { padding: 40px 0; }
.istiforBox #content { width: 100% }
.istiforBox #tabs li { width: 20%; padding: 0 15px; float: left; }
.istiforBox #tabs { overflow: hidden; }
.istiforBox #content { padding: 10px 20px; color: #fff; text-align: left; background: #1b3953; }
.istiforBox #content h3 { font-size: 28px; color: #fff; }
.istiforBox #tabs li span { padding: 5px 0; margin: 5px 0; display: block; font-size: 20px; }
.istiforBox #tabs li .current span { color: #fff; background: #102e48; }
.istiforBox #content li { padding-left: 20px; width: 100%; font-weight: 300; font-size: 20px; background: url(../images11/li-arrow.jpg) left 5px no-repeat; }
.istiforBox #indicator { width: 80px; display: block; bottom: 0; left: 15px; position: absolute; height: 36px; display: block; background: url(../images11/arrow.jpg) left top no-repeat; }
.istiforBox .tabnav { padding-bottom: 35px; position: relative; }
/* ### price box ### */
.priceBox { padding: 40px 0 40px; }
.priceBox table { background: #fff; }
.priceBox .price-block { padding: 10px; color: #fff;  background: #33cc9f;  }
.priceBox .price-block h2 { font-size: 36px; }

.priceBox .price-block h2, .priceBox .price-block h4 { color: #fff;  }
.priceBox .heading { color: #fff; background: #1c3954; }
.priceBox .heading .vert td { border-shadow: 1px 1px 10px rgba(0,0,0, .5); }
.priceBox .vert div { padding-top: 20px; text-align: center; height: 86px; display: inline-block; vertical-align: top; }
.priceBox .heading .blue { background: #1c3954; }
.priceBox .heading .sky-blue { background: #1c829b; }
.priceBox .heading .green { background: #1c8654; }
.priceBox .sky-blue { background: #3396ac; }
.priceBox .blue { background: #334d65; color: #fff; }
.priceBox .green { background: #339a65; }

.priceBox .table td { border-color: #ccc; text-align: center; font-size: 20px; vertical-align: middle; }
.priceBox .table { margin: 0; color: #fff; }
.priceBox h4 { color: #fff;  }
.priceBox .table .text-right { text-align: right; color: #333; }
/* ### faq box ### */
.faqBox { padding: 40px 0 80px;  }
.faqBox .accordion { }
.faqBox .heading { padding: 10px; display: block; color: #fff;     background: #353895; }
.faqBox .heading:hover, .faqBox .heading.active { color: #fff;  }

.faqBox li { padding-left: 15px; background: url(../images11/faq-arrow.png) left 5px no-repeat; }
.faqBox .heading { display: block; margin-bottom: 15px; color: #fff; font-size: 20px; font-weight: 300; line-height: 34px; border: 2px solid #122d48; }
.faqBox .accordion { padding-top: 20px; }
.faqBox .panel { border: 2px solid #122d48; margin-top: 0; border-radius: 0; background: #fff; }
.faqBox p { text-align: left; color: #010101; }
.faqBox li ul { padding: 10px 20px; overflow: hidden; }
.faqBox li li { padding-bottom: 5px; }

/* ### testimonial box ### */
.testimonialBox { padding: 80px 0 40px; background: #81C784;  }
.testimonialBox h2 { color: #fff; }
.testimonialBox h4 { color: #fff; }
.testimonialBox p { padding: 10px 15px 0; color: #fff; font-size: 18px; line-height: 24px; color: #000; }
.testimonialBox small { color: #000; font-size: 16px; }
.testimonialBox img { width: 110px;  }
.testimonialBox .testimonial-block { background: #66BB6A; }
/* ### powerby box ### */
.powerbyBox { width: 200px; position: absolute; left: 50px; bottom: 80px; }
.powerbyBox li { padding: 10px 0; width: 100%; }
.powerbyBox li:first-child { border-bottom: 1px solid #434346; }
.powerbyBox h4 { font-size: 20px; color: #29b882; text-transform: none; font-weight: 400; }

/*### supportby Box  ###*/
.supportbyBox { position: absolute; right: 50px; bottom: 80px; }
.supportbyBox h4 { font-size: 20px; color: #29b882; font-weight: 400; text-transform: none; }


/* ### agendaBox box ### */
.agendaBox { padding: 60px 0; background: #f3fcfd;  }
.agendaBox .spacer { margin-bottom: 30px;  }
.agendaBox .agenda { padding: 15px; height: 100%; align-content: center; align-items: center; display: flex;  background: #03A9F4;   }
.agendaBox .timming { padding: 20px 0; }
.agendaBox h3 { padding-bottom: 20px; font-size: 22px; margin: 0 0 10px; border-bottom: 1px solid #333; color: #FF6F00; }
.agendaBox h2 { padding-bottom: 0; color: #fff; margin-bottom: 0; }

.agendaBox .block {  width: 100%; height: 100%; border: 2px solid #039BE5; background: #fff;  }
.agendaBox .block:hover { opacity: .9; }
.agendaBox .col-sm-6, .agendaBox .col-sm-12 { margin-bottom: 30px;    }

.agendaBox  .block .row.flex { height: 100%; }

.agendaBox p { font-size: 16px; margin: 5px 0; padding-right: 20px; }
.agendaBox h4 { color: #fff; margin-bottom: 0; }
.agendaBox .date { padding: 10px; font-size: 28px; margin: 0; font-weight: 400; color: #fff; display: block; height: 100%; background: #757575; }
.agendaBox .date small { display: block; color: #fff; font-size: 16px; }
/*Read More*/
.agendaBox .btn { color: #ffff00; font-size: 22px; font-weight: 300; color: #fff; margin: 10px; border: 1px solid #dddd26; border-radius: 5px }
.agendaBox .btn:hover { background: #ffff00; color: #000000 }
/*.agendaBox .day { padding: 20px 0; float: left; width: 19%; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;  text-align: right; text-transform: uppercase; color: #91acbd; font-size: 20px;      }
		.agendaBox .heading { border: 2px solid #fefd02; display: block; color: #fff; margin-bottom: 10px; text-align: left;   padding: 10px;   }
		.agendaBox .heading:hover, .agendaBox .heading:hover, .agendaBox .heading.active { border: 2px solid #fff; color: #333; background: #fefd02; }
		.agendaBox .accordion-section-content { display: none; }
		.agendaBox .accordion { text-align: left; }
		.agendaBox .accordion-section-content span { padding: 5px; display: inline-block; color: #fff; background: #165277;  }
		.agendaBox .accordion-section-content li { padding-top: 10px; }
		.agendaBox .accordion ul { margin: 0; }
		.agendaBox .accordion li:first-child { padding: 0;  }
		.agendaBox .day strong { text-transform: none; display: block; font-size: 16px; }
		.agendaBox .time { float: left; width: 9%; text-align: center; display: block; color: #fff; font-size: 14px;  }
		.agendaBox .agenda { width: 81%; float: left;  }
		.agendaBox .full-day { padding-bottom: 5px; float:left; width: 72%;  margin: 0 4.5% 10px; position: relative; color: #fff;  border-bottom: 1px solid #ffff01; }
		.agendaBox .dot { position: absolute;  bottom: -5px; display: block; text-indent: -9999px; width: 10px; height: 10px; border-radius: 50%; background: #fefd02; }
		.agendaBox .left-dot { left: 0; }
		.agendaBox .right-dot { right: 0; }
		.agendaBox .work-1 { padding-bottom: 5px; margin: 0 4.5%; font-size: 14px; position: relative; float: left; width: 27%; color: #fff;  border-bottom: 1px solid #fff;  }
		.agendaBox .work-2 { margin-right: 0; width: 9%; }
		.agendaBox .work-3 { margin-left: 0%; width: 27%; }
		.agendaBox .work-4 { width: 45%; }
		.agendaBox .work-5 { width: 17.5%; }
		.agendaBox .white { background: #fff; }
		.agendaBox .day-one { padding: 15px 0; opacity: .5; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;  }
		.agendaBox .day-one.day-two {  background: #2b6085; }
		.agendaBox .day-one:hover { opacity: 1; }
		.agendaBox .day-one:hover .day { color: #ffff00; }
		.agendaBox .hours .day { padding: 0; }
		.agendaBox .dinner { background: #0d3c59;  }*/
		
		


		/* ### speakerBox box ### */
.speakerBox { padding: 80px 0 60px; width: 100%; }
.speakerBox .speaker-block {  background: #00838F; }
.speakerBox h4, .speakerBox h2 { color: #fff;  }
.speakerBox ul { padding: 80px 0 30px; overflow: hidden; }
.speakerBox .item { overflow: hidden; }
.speakerBox .item img {  width: 100%; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }
.speakerBox .block { top: 0; color: #fff; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; height: 100%; position: absolute; opacity: 0; left: 0; width: 100%; background: rgba(0,0,0,.5); }
.speakerBox .block:hover { opacity: 1; }
.speakerBox p { font-size: 12px; display: inline-block; vertical-align: bottom; width: 90%; line-height: 16px; }
.speakerBox p strong { display: block; }
.speakerBox .item:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0); -webkit-transform: scale(1.3); transform: scale(1.1); }
.speakerBox { }
/*Read More*/
.speakerBox .btn { color: #ffff00; font-size: 22px; font-weight: 300; background: #06755f; margin: 10px; }
.speakerBox .btn:hover { background: #065342; }
.sliphover-overlay p { font-size: 20px; display: inline-block; vertical-align: middle; width: 90%; }
.sliphover-overlay p strong { display: block; }
/* ### register box ### */
.registerBox { padding: 60px 0 40px; background: #fff; }
.registerBox .form-control { height: 46px; text-align: center; font-size: 20px; border: 1px solid #666; font-weight: 300; }
.registerBox .container { background: #fff; }
.registerBox .form-control:focus { box-shadow: 1px 1px 5px rgba(102,102,102,.8); }
.registerBox .form-control option { padding: 2px 10px; text-align: left; font-size: 14px; }
.registerBox form { margin-top: 20px; }
.registerBox .btn { margin-top: 20px; color: #333333; border: 1px solid #f4ed00; font-size: 24px; font-weight: 300; width: 250px; background: #f4ed00; }
.registerBox .btn:hover { border: 1px solid #f4ed00; background: none; }
/* ### event box ### */
.eventBox { padding: 20px 0; }
.eventBox ul { margin: 0; padding: 0; }
.eventBox li { float: left; position: relative; width: 25%; }
.eventBox li img { width: 100%; }
.eventBox li span { opacity: 0; }
.eventBox li:hover span { opacity: 1; }
/* ### associatelogos box ### */
.associatelogosBox {
    padding: 8px 0;
    overflow: hidden;
    width: 100%;
}
.associatelogosBox .associatelogo-block { padding: 10px; height: 100%; background: #009688; }
.associatelogosBox .sparsh { padding: 60px 0; background: #fff; }

.associatelogosBox .sparsh-block { padding: 10px; height: 100%; background: #1DE9B6 	; }
.associatelogosBox .col-sm-3 { margin-bottom: 30px; }
.associatelogosBox h4 { margin-bottom: 0; color: #000; font-size:32px; }
.associatelogosBox h2 { margin-top: 0; color: #6bb6ef; }
.associatelogosBox li { display: inline; vertical-align: middle; }
.associatelogosBox h3 { font-size: 30px; font-weight: 700; text-transform: uppercase; }
/* ### logos box ### */
.logosBox { padding-bottom: 40px; overflow: hidden; width: 100%; background: #fff; }
.logosBox li { padding: 0 10px; display: inline; vertical-align: middle; }
.logosBox #scroller_roll1 li { float: left; }
.logosBox #scroller_roll1 li img { width: 100%; }
.logosBox #scroller_roll1 { width: 2300px; }
.logosBox ul { padding: 15px 0; }
.logosBox .sap { width: 1; margin: 0 20px; display: inline-block; height: 140px; border-left: 1px solid #ccc; }
.logosBox h3 { font-size: 30px; font-weight: 700; text-transform: uppercase; }
.logosBox h4 { font-size: 17px; font-weight: 700; }
.logosBox .partners li img { width: 110px; }
.logosBox #slider li { margin: 10px; }
/* ### footer container ### */
#footerCntr { position: relative; width: 100%; }
#footerCntr .footer-angle {  }
/* ### footer box ### */
.footerBox { padding: 15px 0; width: 100%; background: #161617; }

.footerBox h4 { font-weight: 500; color: #fff; }
.footerBox address { color: #fff; font-size: 17px; }
.footerBox address a { color: #fff; }
.footerBox .foot { height: 80px; }
.footerBox .foot ul { overflow: hidden; }
.footerBox .foot address { text-align: right; }
.footerBox li { padding: 5px; float: left; text-align: center; }
.footerBox li a { display: block; color: #fff; font-size: 14px; }
.footerBox a:hover .fa-facebook-f { background: #3b5998; }
.footerBox a:hover .fa-linkedin { background: #0177b5; }
.footerBox a:hover .fa-youtube { background: #df4b38; }
.footerBox a:hover .fa-twitter { background: #1ab2e8; }
.footerBox li a .fa { width: 30px; height: 30px; line-height: 30px; color: #fff; background: rgba(0,0,0,.5); }
.footerBox address { font-size: 13px; }
.footerBox li a:hover .fa { color: #fff; }
.footerBox li a:hover { text-decoration: none; }
.footerBox .foot ul li { float: right; }
/* ### popup box ### */
.popupBox { background: #3f3d3d; }
.popupBox h2 { padding: 20px; margin: 0; text-align: center; color: #f7f706; font-size: 30px; }
.popupBox h2 strong { display: block; font-size: 60px; }
#back-top { position: fixed; bottom: 0; right: 0; }
#back-top a { width: 90px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover { color: #000; }
/* arrow icon (span tag) */
#back-top span { width: 60px; height: 60px; display: block; margin: auto; margin-bottom: 7px; background: #ddd url(../images11/up-arrow.png) no-repeat center center; /* rounded corners */ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover span { background-color: #777; }

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1199px) {
.supportbyBox h4, .powerbyBox h4 { font-size: 12px; }
.supportbyBox, .powerbyBox { width: 100px; bottom: 5px; }
.supportbyBox li img, .powerbyBox li img { width: 50px; }

.priceBox .price-block h2, h2 { font-size: 28px; line-height: 32px; }
h4 { font-size: 18px; }
#bannerCntr .mnre { position: absolute; left: 20px; top: 0; width: 150px; }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 991px) {
/*.home #bannerCntr .main-banner { display: none;}*/
.home #bannerCntr .sm-banner { display: block; }


.container { width: 100%; }
.priceBox .price-block h2, h2 { font-size: 22px; line-height: 26px; }
h4 { font-size: 16px; }
.associatelogosBox .sparsh { padding: 30px 0; }
.faqBox .heading { font-size: 16px; }

.titleBox.subpage { margin-top: 50px; }
.textBox.speaker .block p { margin: 5px 0 0; font-size: 12px; line-height: 16px; }
.textBox.speaker .col-sm-4 { min-height: 0; }
.titleBox h2 { height: 196px; width: 350px; }
.powerbyBox { left: 10px; width: 110px; }
.supportbyBox { width: 120px; }
.header.inner .menuBox li a { font-size: 13px; }
.titleBox h2 { height: 140px; width: 250px; }
.titleBox address { font-size: 18px; }
.titleBox.subpage .title { top: 34px; margin-left: -240px; }
.socailBox { right: 10px; }
.speakerBox p { font-size: 15px; }
.sliphover-overlay p { font-size: 14px; }
.logosBox h4 { font-size: 18px; }
.logosBox .organizer li img { width: 20%; }
.popupBox h2 strong { font-size: 50px; }
.popupBox h2 { padding: 20% 0 0 10%; font-size: 40px; }
.popupBox .right .cal img { width: 100px; }
.priceBox .table td { font-size: 15px; }
.textBox .left-nav li .btn { font-size: 14px; }
.agendaBox .work-1, .agendaBox .time { font-size: 13px; }
.agendaBox .text { padding: 10px; min-height: 0px; width:100%; }
.header.inner .menuBox li { padding: 5px 3px; }
.header.inner .logo img { margin-top: 5px; width: 110px; }
.powerbyBox h4, .supportbyBox h4 { font-size: 13px; }

.aboutBox p { font-size: 16px; line-height: 20px; }
.padd { padding-top: 30px; padding-bottom: 30px; }
.agendaBox .text { padding: 0; }
.testimonialBox { padding-top: 30px; }
.testimonialBox p { font-size: 16px; }
.owl-theme .owl-controls { bottom: -38px; }
.menuBox #menu { display: none; }
.hashtag { position: static;  }
.menuBox { display: none; }

.mobileMenu { display: block;  position:relative; z-index: 999999; }
.header { padding: 10px 0; background: url(../images11/green.png); }
.header.sticky .slicknav_menu { top: 0; }
.hashtag .btn-info { font-size: 20px; display: block; border-radius: 0;  }
.header li { padding: 0; width: 100%; font-size: 18px; border-bottom: 1px solid #6bb6ef; }
.header li a { border-radius: 0; color: #6bb6ef; }
.header li a:hover { color: #fff; background: #6bb6ef; }
.header, .header.inner { position: fixed; }
.no-show { display: block; }
.header .logo img { width: 110px; }
.mobileMenu img { width: 40px; }
#bannerCntr .mnre { width: 100px; }


.detailBox .heading h1 { font-size: 28px; }
.detailBox .block-data h2 { font-size: 24px; line-height: 28px; }
.detailBox .block-data {border-radius: 0;  }
	.aboutBox.partners { padding-bottom: 40px; }
	.aboutBox p.wAuto { width: auto; max-width: 700px; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.home #bannerCntr .xs-banner { display: block;}
.home #bannerCntr .sm-banner { display: none; }
	.owl-carousel .owl-wrapper-outer .item { text-align: center;   }
	.owl-carousel .owl-wrapper-outer .item img { margin: auto; }
	.owl-theme .owl-controls { display: none !important;}
	.aboutBox.theme { padding: 30px 0;  }
	.aboutBox p.wAuto { width: 100%; }
    .titleBox.subpage { margin-top: 88px; }
#bannerCntr .icon-banner { display: none;  }
#bannerCntr .mnre { position:static; width: 120px; float: left;  display: block;  }

#bannerCntr .button { position: static; padding-top: 20px; }

.flex { display: block; }
#bannerCntr { margin: 10px; }
#mainCntr.home { padding: 0; }
.agendaBox .block { min-height: 0; }
.agendaBox .text { min-height: 0; }
.mdplocationBox .venu { width: 100%; left: 0; top: 0; padding: 20px; position: static; }
.mdplocationBox .venu address { padding: 0; }
.textBox h2 { text-align: center; }
#bannerCntr { margin:0; padding-top: 0;  }
.about { padding: 15px; margin-bottom: 20px; }
.agendaBox .agenda { margin-bottom: 20px;  }
.agendaBox .block { margin-bottom: 30px; }
.agendaBox .text { padding: 10px; }
.agendaBox .date small { display: inline-block; }

h2 { font-size: 20px;  }
h4, .speakerBox h4 { font-size: 18px; }
.textBox.agenda h5 { font-size: 15px; margin: 0 0 10px 0; font-weight: 600;  } 
.textBox.agenda p {  line-height: 20px;  font-size: 14px; } 

.hashtag { bottom: 0; }

.logosBox .organizer li img { width: 100px; }
.istiforBox { display: none; }
.logosBox .media li img { width: 80px; }
.logosBox h3 { font-size: 18px; }
.logosBox h4 { font-size: 18px; }

.titleBox { vertical-align: middle; }

.titleBox address { font-size: 18px; }


#bannerCntr {  height: auto;  }
.supportbyBox { display: none; }
.titleBox li { padding-bottom: 10px; width: 100%; display: block; float: none; }
.titleBox .date { margin-top: 15px; }
.titleBox li a { display: block; }

.titleBox .title { width: 100%; }
.titleBox { width: 98%; }
.titleBox.subpage { width: 100%; }
.titleBox.subpage .title { top: 40px; width: 100%; margin: 0; left: 0; }
#mm-nav li { padding-bottom: 0; width: 100%; }
#mm-nav li a { border-radius: 0; border: 0; }
.aboutBox p { font-size: 20px; }
.speakerBox ul { padding: 10px 0; }
.speakerBox li { width: 50%; }
.sliphover-overlay p { font-size: 13px; }
h2 { font-size: 40px; }
h4 { font-size: 24px; }
.registerBox .btn { width: 150px; }
.eventBox li { width: 50%; }
.footerBox .foot { height: auto; }
.slicknav_menu { display: block; }

.priceBox .blue .heading { background: #1c3954; }
.priceBox .sky-blue .heading { background: #1c829b; }
.priceBox .green .heading { background: #1c8654; }
.priceBox .sky-blue li { background: #3396ac; }
.priceBox .blue li { background: #334d65; color: #fff; }
.priceBox .green li { background: #339a65; }

.priceBox h3 { padding: 10px; font-size: 17px; text-align: center; font-weight: 400; }
.priceBox ul { padding: 10px 0; text-align: center; }
.priceBox li { width: 100%; padding: 10px 0; color: #fff; }
.mob-hide { display: none; }
.priceBox, .registerBox { padding: 40px 0 40px; }
.priceBox .price-block h2, h2 { margin-bottom: 0; }
.header { padding: 3px; }
.logosBox .sap { display: none; }
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; }
#sthoverbuttons { display: none; }
.popupBox { height: auto; }
.popupBox h2 { padding: 15px; }
.popupBox { text-align: center; }
.popupBox .left { padding: 30px 0; }
.popupBox h2 { font-size: 40px; }
.popupBox .right { padding: 30px 0; }
.popupBox .share { padding: 20px 0; position: static; }
.popupBox .right .cal img { width: 100px; margin-bottom: 15px; }
.agendaBox .day { display: block; width: 100%; text-align: center; }
.agendaBox .timming { display: none; }
.agendaBox .moblie-agenda { display: block; }

.aboutBox p { text-align: justify; }
.aboutBox .btn { width: 100%; margin-bottom: 10px; }
.testimonialBox img { margin: auto; }
.textBox h4 { margin-bottom: 20px; line-height: 40px; }
.textBox .about li, .textBox.partner li { padding-bottom: 5px; }
.footerBox .foot ul li { float: left; }
.footerBox .foot address { text-align: left; }
.speakerBox .block { height: auto; top: auto; bottom: 0; opacity: 1; }
.speakerBox .block p { padding: 5px 0; margin: 0; width: 98%; font-size: 13px; }
.agendaBox .date { font-size: 16px; }
.agendaBox p,.aboutBox p { font-size: 16px; }
.speakerBox .item:hover img { -webkit-transform: scale(1); transform: scale(1); }
.google-play { margin-right: -130px; }
#back-top span { background-size: 100%; width: 30px; height: 30px; }
.google-play img { width: 150px; }
.associatelogosBox h2, .posterBox h2, .testimonialBox h2, .speakerBox h2 { font-size: 22px; }
.aboutBox p { line-height: 26px; }
.owl-theme .owl-controls .owl-page span { height: 6px !important; margin: 4px 3px !important; }
.testimonialBox h4 { font-size: 18px; }
h2 { font-size: 26px; }
h4, .speakerBox h4{ font-size: 20px; }
.aboutBox .btn { font-size: 18px; }
.textBox.speaker .block p{ font-size: 12px; }
.posterBox h4, .mdplocationBox address, .testimonialBox p, .faqBox .heading   { font-size: 16px; line-height: 20px; }
.testimonialBox small { font-size: 14px; }
.header.sticky .mobileMenu img { width: 30px; }
.faqBox p  { font-size: 14px; }  
.accordion-section-content { padding: 7px !important; }
.agendaBox { padding: 20px 0; } 
.faqBox .heading { padding: 7px; }
.posterBox #prev, .posterBox #next { display: none; }
.mobileBox { position: fixed; top: 0;   display: block;}
.header { top: 38px !important; }
.faqBox { padding: 30px 0; }
.header.sticky { top: 38px!important ; }
.header.inner { top: 38px!important ; }
.footerBox, .footerBox .text-right { text-align: center ;  }
.agendaBox .spacer { margin-bottom: 0; }
#bannerCntr { min-height: 0;  }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.eventBox li { width: 100%; margin: 10px 0; }
	.socailBox li .btn { padding: 6px; }
.eventBox { padding: 54px; }
	
	
	#bannerCntr .ban {
      width: 25%;
    position: absolute;
    top: 114px;
    right: 21px;
}
	#bannerCntr .teri {
    position: absolute;
    left: 19px;
    top: 114px;
    width: 19%;
}
	.banner-txt {
    position: absolute;
    top: 67px;
    left: 17px;
    font-size: 17px;
    font-family: banner-font;
    text-align: center;
    line-height: 19px;
    color: #fef200;
    text-shadow: 2px 2px 6px rgba(0,0,0,0.48);
}
	
	.banner-cen {
		
    position: absolute;
    top: 77px;
    left: 21%;
    width: 59%;
                }
	
#countdown{
	width: 326px !important;
	height: 133px !important;
	text-align: center;
	background: #222;
	background-image: -webkit-linear-gradient(top, #222, #333, #333, #222); 
	background-image:    -moz-linear-gradient(top, #222, #333, #333, #222);
	background-image:     -ms-linear-gradient(top, #222, #333, #333, #222);
	background-image:      -o-linear-gradient(top, #222, #333, #333, #222);
	border: 1px solid #111;
	border-radius: 5px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
	margin: auto;
	padding: 24px 0;
	position: absolute;
  top: 80px !important; bottom: 0; left: 0; right: 0;
}



#countdown #tiles{
	position: relative;
	z-index: 1;
}

#countdown #tiles > span{
	width: 52px !important;
	max-width: 52px !important;
	font: bold 24px 'Droid Sans', Arial, sans-serif !important;
	text-align: center;
	color: #111;
	background-color: #ddd;
	background-image: -webkit-linear-gradient(top, #bbb, #eee); 
	background-image:    -moz-linear-gradient(top, #bbb, #eee);
	background-image:     -ms-linear-gradient(top, #bbb, #eee);
	background-image:      -o-linear-gradient(top, #bbb, #eee);
	border-top: 1px solid #fff;
	border-radius: 3px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
	margin: 0 7px;
	padding: 14px 0 !important;
	display: inline-block;
	position: relative;
}

#countdown #tiles > span:before{
	content:"";
	width: 100%;
	height: 13px;
	background: #111;
	display: block;
	padding: 0 3px;
	position: absolute;
	top: 41%; left: -3px;
	z-index: -1;
}

#countdown #tiles > span:after{
	content:"";
	width: 100%;
	height: 1px;
	background: #eee;
	border-top: 1px solid #333;
	display: block;
	position: absolute;
	top: 48%; left: 0;
}

#countdown .labels{
	width: 100%;
	height: 25px;
	text-align: center;
	position: absolute;
	bottom: 8px;
}

#countdown .labels li{
	width: 62px !important;
	font: bold 15px 'Droid Sans', Arial, sans-serif;
	color: #fff;
	text-shadow: 1px 1px 0px #000;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
}
	 .regsit
{margin-top: 235px !important;}
	
	.about
{
	margin-top: 20px !important;
	
}
}
.col-xs-12 {
    width: 50% !important;
}
/* CSS3 EFFECTS */

/* SECOND EFFECTS */

				

/* CSS3 STYLE GENERIC */
.view { width: 100%; height: 100%; overflow: hidden; position: relative; text-align: center; cursor: default; }
.view .mask, .view .content { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; }
.view img { display: block; position: relative; }
.view span.info { background: url(../images11/link.png) center no-repeat; display: inline-block; text-decoration: none; padding: 0; text-indent: -9999px; width: 20px; height: 20px; }
.second-effect .mask { opacity: 0; overflow: visible; border: 0px solid rgba(0,0,0,0.7); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.second-effect span.info { position: relative; top: -10px; opacity: 0; -moz-transform: scale(0, 0); -webkit-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; }
.second-effect:hover .mask { opacity: 1; border: 130px solid rgba(0,0,0,0.7); }
.second-effect:hover span.info { opacity: 1; -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -moz-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; }

.mid
{
	padding-top: 60px;
}




.counter{
    padding: 20px 0;
    text-align: center;
    position: relative;
}
.counter .counter-content{
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: #fff;
    padding: 30px 0;
    margin: 0 auto 30px;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease 0s;
}
.counter .counter-content:before{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 20px solid #f19f48;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.counter .counter-content:after{
    content: "";
    border-top: 16px solid #f19f48;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    position: absolute;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
}
.counter .counter-icon{
    display: block;
    font-size: 50px;
    color: #f19f48;
    line-height: 50px;
}
.counter .counter-value{
    font-size: 36px;
    font-weight: 700;
    color: rgba(0,0,0,0.7);
    line-height: 166px;
}
.counter .title{
    display: inline-block;
    padding: 8px 30px;
    background: #f19f48;
    border-radius: 10px;
    font-size: 20px;
    
    color: #fff;
    text-transform: capitalize;
    margin: 0;
}
.counter.red .counter-content:before{
    border-color: #ef5f61;
    border-bottom-color: transparent;
}
.counter.red .counter-content:after{ border-top-color: #ef5f61; }
.counter.red .counter-icon{ color: #ef5f61; }
.counter.red .title{ background: #ef5f61; }
.counter.blue .counter-content:before{
    border-color: #4d9fcf;
    border-bottom-color: transparent;
}
.counter.blue .counter-content:after{ border-top-color: #4d9fcf; }
.counter.blue .counter-icon{ color: #4d9fcf; }
.counter.blue .title{ background: #4d9fcf; }
.counter.purple .counter-content:before{
    border-color: #a98ceb;
    border-bottom-color: transparent;
}
.counter.purple .counter-content:after{ border-top-color: #a98ceb; }
.counter.purple .counter-icon{ color: #a98ceb; }
.counter.purple .title{ background: #a98ceb; }



span.plus {
    position: relative;
    left: 4px;
    top: -6px;
    font-size: 22px;
    font-weight: bold;
}












#countdown{
	width: 300px;
	height: 115px;
	text-align: center;
	background: #222;
	background-image: -webkit-linear-gradient(top, #222, #333, #333, #222); 
	background-image:    -moz-linear-gradient(top, #222, #333, #333, #222);
	background-image:     -ms-linear-gradient(top, #222, #333, #333, #222);
	background-image:      -o-linear-gradient(top, #222, #333, #333, #222);
	border: 1px solid #111;
	border-radius: 5px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
	margin: auto;
	padding: 20px 0;
	position: absolute;
  top: 380px; bottom: 0; left: 0; right: 0;
}



#countdown #tiles{
	position: relative;
	z-index: 1;
}

#countdown #tiles > span{
	width: 52px;
	max-width: 52px;
	font: bold 24px 'Droid Sans', Arial, sans-serif;
	text-align: center;
	color: #111;
	background-color: #ddd;
	background-image: -webkit-linear-gradient(top, #bbb, #eee); 
	background-image:    -moz-linear-gradient(top, #bbb, #eee);
	background-image:     -ms-linear-gradient(top, #bbb, #eee);
	background-image:      -o-linear-gradient(top, #bbb, #eee);
	border-top: 1px solid #fff;
	border-radius: 3px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
	margin: 0 7px;
	padding: 10px 0;
	display: inline-block;
	position: relative;
}

#countdown #tiles > span:before{
	content:"";
	width: 100%;
	height: 13px;
	background: #111;
	display: block;
	padding: 0 3px;
	position: absolute;
	top: 41%; left: -3px;
	z-index: -1;
}

#countdown #tiles > span:after{
	content:"";
	width: 100%;
	height: 1px;
	background: #eee;
	border-top: 1px solid #333;
	display: block;
	position: absolute;
	top: 48%; left: 0;
}

#countdown .labels{
	width: 100%;
	height: 25px;
	text-align: center;
	position: absolute;
	bottom: 8px;
}

#countdown .labels li{
	width: 64px;
	font: bold 12px 'Droid Sans', Arial, sans-serif;
	color: #fff;
	text-shadow: 1px 1px 0px #000;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
}
 .regsit
{margin-top: -30px;}

.about
{
	margin-top: 170px;
	
}



/* Global */
 

img { max-width:100%; }

a {
    -webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease; 
	}
    
a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
    filter: alpha(opacity=50); /* IE7 */
    opacity: 0.6;
    text-decoration: none;
}




.thumbnails li> .fff .caption { 
    background:#fff !important; 
    padding:10px
}

/* Page Header */
.page-header {
    background: #f9f9f9;
    margin: -30px -40px 40px;
    padding: 20px 40px;
    border-top: 4px solid #ccc;
    color: #999;
    text-transform: uppercase;
}
    
.page-header h3 {
    line-height: 0.88rem;
    color: #000;
}

ul.thumbnails { 
    margin-bottom: 0px;
}



/* Thumbnail Box */
.caption h4 {
    color: #444;
}

.caption p {  
    color: #999;
	font-size: 16px;
	font-weight: 500;
}



/* Carousel Control */
.control-box {
    text-align: right;
    width: 100%;
}
.carousel-control{
    background: #666;
    border: 0px;
    border-radius: 0px;
    display: inline-block;
    font-size: 34px;
    font-weight: 200;
    line-height: 18px;
    opacity: 0.5;
    padding: 4px 10px 0px;
    position: static;
    height: 30px;
    width: 15px;
}



/* Mobile Only */
@media (max-width: 767px) {
    .page-header, .control-box {
        text-align: center;
    } 
	.col-md-6.countdown {
    position: relative;
    /* left: 27%; */
    top: 181px;
    /* right: 0%; */
    transform: none !important;
}
}
@media (max-width: 479px) {
    .caption {
        word-break: break-all;
    }
}

.pager {

    text-align: center !important;
  
}

.col-centered {
    display: inline-block;
    float: none;
    text-align: center;
    padding-bottom: 22px;
}

li { list-style-type:none;}




.time {
  background-color: #353895;
	margin-top: 200px;
}

.container {
  color: #333;

}



.count li {
  display: inline-block;
    font-size: 16px;
  list-style-type: none;
  padding: 1em;

	    color: #fdb813;
    font-weight: 800;
}

.count li span {
  display: block;
  font-size: 4.5rem;
	color: #fff;
}



 
.testimonial{ margin: 0 20px 50px; }
.testimonial .pic{
    display: inline-block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: 0 15px 15px 0;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.testimonial .testimonial-profile{
    display: inline-block;
    position: relative;
    top: 15px;
}
.testimonial .title{
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #2f2f2f;
    text-transform: capitalize;
    margin: 0 0 7px 0;
}
.testimonial .post{
    display: block;
    font-size: 14px;
    color: #5d7aa7;
}
.testimonial .description{
    padding: 20px 22px;
    background: #1f487e;
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    margin: 0;
    position: relative;
	    min-height: 118px;
}
.testimonial .description:before,
.testimonial .description:after{
    content: "";
    border-width: 18px 0 0 18px;
    border-style: solid;
    border-color: #5d7aa7 transparent transparent;
    position: absolute;
    bottom: -18px;
    left: 0;
}
.testimonial .description:after{
    border-width: 18px 18px 0 0;
    left: auto;
    right: 0;
}
.owl-theme .owl-controls{
    margin-top: 10px;
    margin-left: 30px;
}
.owl-theme .owl-controls .owl-buttons div{
    opacity: 0.8;
    background: #fff;
}
.owl-prev:before,
.owl-next:before{
    content: "\f053";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    font-size: 20px;
    color: #1f487e;
}
.owl-next:before{ content: "\f054"; }

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center !important;
}

.col-md-6.countdown {
       position: relative;
    /* left: 27%; */
    /* top: 50%; */
    /* right: 0%; */
    transform: translate(50%, -50%);
}

a:hover,a:focus{
    outline: none;
    text-decoration: none;
}
.tab .nav-tabs{ border-bottom: 2px solid #e8e8e8; }
.tab .nav-tabs li a {
    display: block;
    padding: 10px 20px;
    margin: 0 5px 1px 0;
    background: #fff;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: #112529;
    text-align: center;
    border: none;
    border-radius: 0;
    z-index: 2;
    position: relative;
    transition: all 0.3s ease 0s;
}
.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a{
    color: #198df8;
    border: none;
}
.tab .nav-tabs li.active a:before{
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 25px;
    font-weight: 700;
    color: #198df8;
    margin: 0 auto;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
}
.tab .nav-tabs li.active a:after{
    content: "";
    width: 100%;
    height: 3px;
    background: #198df8;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: -1;
    transition: all 0.3s ease 0s;
}
.tab .tab-content{
    padding: 30px 20px 20px;
    margin-top: 0;
    background: #fff;
    font-size: 15px;
    color: #5a5a5a;
    line-height: 30px;
    border-radius: 0 0 5px 5px;
}
.tab .tab-content h3{
    font-size: 24px;
    margin-top: 0;
}
@media only screen and (max-width: 479px){
    .tab .nav-tabs li{
        width: 100%;
        text-align: center;
    }
    .tab .nav-tabs li.active a:before{
        content: "\f105";
        bottom: 15%;
        left: 0;
        right: auto;
    }
}



.content {
    padding: 30px 0;
}

/***
Pricing table
***/
.pricing {
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #c5c5c5;
}

.pricing-active {
  border: 3px solid #36d7ac;
  margin-top: -10px;
  box-shadow: 7px 7px rgba(54, 215, 172, 0.2);
}

.pricing:hover {
  border: 1px solid #4ccbe8;
}




.pricing-head h3,
.pricing-head h4 {
  margin: 0;
  line-height: normal;
}

.pricing-head h3 span,
.pricing-head h4 span {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  font-style: italic;
}

.pricing-head h3 {
    /* font-weight: 300; */
    color: #5e5e5e;
    padding: 12px 0 12px 13px;
    font-size: 14px;
    background: #cdf0f6;
    font-family: 'Nunito', sans-serif;
    border-bottom: solid 1px #41b91c;
}

.pricing-head h4 {
    color: #8d8fd3;
    padding: 12px 0 12px 13px;
    font-size: 18px;
    font-weight: 500;
    background: #fbfef2;
    font-family: 'Nunito', sans-serif;
    border-bottom: solid 1px #f5f9e7;
}
.pricing-head-active h4 {
  color: #36d7ac;
}

.pricing-head h4 i {
  top: -8px;
  font-size: 28px;
  font-style: normal;
  position: relative;
}

.pricing-head h4 span {
  top: -10px;
  font-size: 14px;
  font-style: normal;
  position: relative;
}

/*Pricing Content*/
.pricing-content li {
  color: #888;
  font-size: 12px;
  padding: 7px 15px;
  border-bottom: solid 1px #f5f9e7;
}

/*Pricing Footer*/
.pricing-footer {
  color: #777;
  font-size: 11px;
  line-height: 17px;
  text-align: center;
  padding: 0 20px 19px;
}

/*Priceing Active*/
.price-active,
.pricing:hover {
  z-index: 9;
}

.price-active h4 {
  color: #36d7ac;
}

.no-space-pricing .pricing:hover {
  transition: box-shadow 0.2s ease-in-out;
}

.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
  color: #36d7ac;
  padding: 15px 0;
  font-size: 80px;
  transition: color 0.5s ease-in-out;
}

.yellow-crusta.btn2 {
  color: #000;

}
.yellow-crusta.btn2:hover,
.yellow-crusta.btn2:focus,
.yellow-crusta.btn2:active,
.yellow-crusta.btn2.active {
    color: #FFFFFF;
    background-color: #cfa500;
}

.btn2 {
    display: inline-block;
    padding: 0px 7px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}

/* here is custom styling */
.web_disigner {
  
  min-height: 400px; }
  .web_disigner .web_disigner_contain {
    padding: 80px 0px; }
  .web_disigner .parent_circle {
    background: #63cdf4 none repeat scroll 0 0;
    border: 15px solid #30a9d4;
    border-radius: 50%;
    height: 170px;
    width: 170px;
    display: table;
    position: relative; }
    .web_disigner .parent_circle .parent_circle_contain {
      display: table-cell;
      vertical-align: middle;
      font-size: 13px;
      text-align: center;
      font-weight: 600; }
    .web_disigner .parent_circle .child_round_circle {
      border: 15px solid #63cdf4;
      border-radius: 50%;
      height: 120px;
      left: 125px;
      position: absolute;
      top: -25px;
      width: 120px; }
    .web_disigner .parent_circle .child_round_circle_img1 {
      background: url("http://engineersahab.com/images/abhishek.png");
      background-size: 100%; }
    .web_disigner .parent_circle .child_round_circle_img2 {
      background: transparent url("http://engineersahab.com/images/rahul.png") repeat scroll 0 -11px/100% auto; 
      
      background-position:top;
      
      }
    .web_disigner .parent_circle .child_round_circle_img3 {
      background: url("http://engineersahab.com/images/mayur.png");
      background-size: 100%; }
    .web_disigner .parent_circle .child_round_circle_img4 {
      background: url("http://engineersahab.com/images/mohsin.png");
      background-size: 100%; }
    .web_disigner .parent_circle .child_round_circle_img5 {
      background: url("http://imensosoftware.com/wp-content/uploads/2016/01/6.jpg");
      background-size: 100%; }
    .web_disigner .parent_circle .child_round_circle_img6 {
      background: url("http://imensosoftware.com/wp-content/uploads/2016/01/5.jpg");
      background-size: 100%; }

.padtop30 {
  padding-top: 30px; }
  
  /* here is our responsive css */
  
  @media only screen and (max-width: 360px) 
  {
      .web_disigner .parent_circle .child_round_circle 
    {
    border: 15px solid #63cdf4;
    border-radius: 50%;
    height: 100px;
    left: 100px;
    position: absolute;
    top: -38px;
    width: 100px;
    }

	  
    .media-carousel .carousel-control.left{
    
    margin-top: 290px;
   
}
.media-carousel .carousel-control.right{
    
    margin-top: 290px;
   
}
  }
  
  .indica {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.section-gap2 {
    padding: 5px 0;
}

.socailBox a .fa-instagram {
    background: #ca0071;
}


.isteColor{
    color: #cd2147;
  }
  .isteColor:hover{
    color: #353A40;
  }
/*haber akışı list*/
ul.timeline {
  list-style-type: none;
  position: relative;
}
ul.timeline:before {
  content: ' ';
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 29px;
  width: 2px;
  height: 100%;
  z-index: 400;
}
ul.timeline > li {
  margin: 20px 0;
  padding-left: 20px;
}
ul.timeline > li:before {
  content: ' ';
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #cd2147;
  left: 20px;
  width: 20px;
  height: 20px;
  z-index: 400;
}
/*vertical carousel*/
.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
-webkit-transform: translate3d(0,-100%, 0);
        transform: translate3d(0,-100%, 0);
}


.headng
{font-size: 17px; font-weight: bold;}
.wrapper {
    width: 239px;
    height: 26px;
    /* border: 1px solid black; */
    transform: rotate(-90deg);
    position: fixed;
    bottom: 335px;
    right: -87px;
}
.wrapper>a>img{
 width: 212px;
  display:inline-block;
}
img{
  /* padding:40px */
}


.btn-danger {
    color: #fff;
    background-color: #353895 !important;
    border-color: #353895 !important;
}