html, body{height:100%;}
body{margin:0;padding:0;font-family:'Roboto', sans-serif;color:#505050;font-size:16px;}
@media (min-width:1200px){.container{width:55vw !important;}
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{font-family:'Oswald', sans-serif;}
.wrapper{min-height:100%;height:auto !important;height:100%;margin-bottom:-348px;padding-top:20px;padding-bottom:348px;}
.mini-navbar{width:100%;height:40px;font-size:0.9em;z-index:9999;position:relative;}
.mini-navbar .hidden-sm{display:inline-block !important;}
@media (min-width:768px) and (max-width:991px){.mini-navbar .hidden-sm{display:none !important;}
}
.mini-navbar .phone{display:inline-block;padding:10px 0px 10px 10px;float:right;}
.mini-navbar a{display:inline-block;padding:10px 10px 8px 10px;-webkit-transition:background 500ms;transition:background 500ms;}
.mini-navbar a.first-child{margin-left:-25px;}
.mini-navbar a:hover{text-decoration:none;}
.mini-navbar-dark{background:#56B6E6;color:#ecf0f1;border-bottom:1px solid #56B6E6;}
.mini-navbar-dark a{color:#ecf0f1;}
.mini-navbar-dark a:hover{background:#2C87B4;}
.mini-navbar-white{background:#fff;color:#505050;border-bottom:1px solid #ecf0f1;}
.mini-navbar-white a{color:#505050;}
.mini-navbar-white a:hover{background:#f5f5f5;}
.mini-navbar form{width:250px;}
.mini-navbar form .form-control{height:26px;margin:7px 0;border:0;-webkit-box-shadow:none;box-shadow:none;}
.mini-navbar form button{height:26px;margin:7px 0;padding:2px 7px;background:#ecf0f1;}
.mini-navbar-dark form .form-control{background:#484848;color:#ccc;}
.mini-navbar-white form .form-control{background:#fff;border:1px solid #dedede;color:#505050;}
.navbar-static-top{right:0;left:0;}
.navbar{min-height:75px;margin-bottom:0 !important;}
@media (min-width:768px){.navbar-nav > li > a{padding-top:27.5px;padding-bottom:27.5px;}
}
.navbar-form{margin-top:20.5px;margin-bottom:20.5px;}
.navbar-brand{padding:25px 15px;font-family:'Oswald', sans-serif;font-size:24px;}
.navbar-brand > span{font-size:14px;}
@media (max-width:767px){.navbar-brand > span{display:none;}
}
.navbar-btn{margin-top:20.5px;margin-bottom:20.5px;}
.navbar-text{margin-top:27.5px;margin-bottom:27.5px;}
.navbar-toggle{margin-top:20.5px;margin-bottom:20.5px;}
.navbar-dark{background-color:#2C87B4;border:0;}
.navbar-dark .navbar-brand{color:#ecf0f1;text-shadow:1px 1px 2px #333;}
.navbar-dark .navbar-brand > span{color:#ccc;}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus{color:#fff;}
.navbar-dark .navbar-text{color:#ecf0f1;}
.navbar-dark .navbar-nav > li > a{color:#ecf0f1;background:transparent;-webkit-transition:background 500ms;transition:background 500ms;}
.navbar-dark .navbar-nav > .active > a,
.navbar-dark .navbar-nav > .active > a:hover,
.navbar-dark .navbar-nav > .active > a:focus{color:#FFF;background-color:#56B6E6;}
.navbar-dark .navbar-nav > .disabled > a,
.navbar-dark .navbar-nav > .disabled > a:hover,
.navbar-dark .navbar-nav > .disabled > a:focus{color:#bdc3c7;}
.navbar-dark .navbar-toggle{border-color:transparent;background:transparent;}
.navbar-dark .navbar-toggle:hover,
.navbar-dark .navbar-toggle:focus{background-color:#2C87B4;}
.navbar-dark .navbar-toggle .icon-bar{background-color:#ecf0f1;}
.navbar-dark .navbar-toggle:hover .icon-bar,
.navbar-dark .navbar-toggle:focus .icon-bar{background-color:#fff;}
.navbar-dark .navbar-collapse,
.navbar-dark .navbar-form{border-color:#2C87B4;}
.navbar-dark .navbar-nav > .open > a,
.navbar-dark .navbar-nav > .open > a:hover,
.navbar-dark .navbar-nav > .open > a:focus{color:#FFF;}
.navbar-nav > .open > a:after{content:"\f0d8";font-family:FontAwesome;position:absolute;z-index:9999;bottom:-5px;left:50%;margin-left:-10px;font-size:36px;}
.navbar-dark .navbar-nav > .open > a:after{color:#2C87B4;}
.navbar-white .navbar-nav > .open > a:after{color:#fff;}
.navbar-dark .navbar-nav > .dropdown > a:hover .caret{border-top-color:#FFF;border-bottom-color:#FFF;}
.navbar-dark .navbar-nav > .dropdown > a .caret{border-top-color:#2C87B4;border-bottom-color:#2C87B4;}
.navbar-dark .navbar-nav > .open > a .caret,
.navbar-dark .navbar-nav > .open > a:hover .caret,
.navbar-dark .navbar-nav > .open > a:focus .caret{border-top-color:#FFF;border-bottom-color:#FFF;}
.navbar-dark .navbar-nav > li > .dropdown-menu{background-color:#2C87B4;border:1px solid #2C87B4;border-top:1px solid #2C87B4;-webkit-box-shadow:none;box-shadow:none;}
.navbar-dark .dropdown-menu > li > a{padding:7px 20px;border-bottom:1px solid #666;color:#fff;}
.navbar-dark .dropdown-menu > li > a:hover,
.navbar-dark .dropdown-menu > li > a:focus{color:#fff;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.navbar-dark .dropdown-menu > li:last-child > a{border-bottom:0;}
.navbar-dark .navbar-link{color:#ecf0f1;}
.navbar-dark .navbar-link:hover{color:#FFF;}
@media (max-width:767px){.navbar-dark .navbar-nav .open .dropdown-menu > .dropdown-header{border-color:#2C87B4;}
.navbar-dark .navbar-nav .open .dropdown-menu > li > a{color:#ecf0f1;padding:10px 20px;border:0;}
.navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus{color:#fff;}
.navbar-dark .navbar-nav .open .dropdown-menu > .active > a,
.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:focus{color:#fff;}
.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:focus{color:#bdc3c7;background-color:transparent;}
.navbar-dark .navbar-nav > li > a:hover,
.navbar-dark .navbar-nav > li > a:focus{color:#FFF;}
.navbar-dark .navbar-nav > .open > a,
.navbar-dark .navbar-nav > .open > a:hover,
.navbar-dark .navbar-nav > .open > a:focus{padding-top:10px;padding-bottom:10px;border-width:0;}
}
.navbar-white{background-color:#fff;border:0;-webkit-box-shadow:0 0 16px 0 rgba(50, 50, 50, 0.3);-moz-box-shadow:0 0 16px 0 rgba(50, 50, 50, 0.3);box-shadow:0 0 16px 0 rgba(50, 50, 50, 0.3);}
.navbar-white .navbar-brand{color:#505050;}
.navbar-white .navbar-brand > span{color:#ccc;}
.navbar-white .navbar-brand:hover,
.navbar-white .navbar-brand:focus{color:#111;}
.navbar-white .navbar-text{color:#505050;}
.navbar-white .navbar-nav > li > a{color:#505050;background:transparent;-webkit-transition:background 500ms;transition:background 500ms;}
.nav-hover-fix:hover{color:#fff !important;}
.navbar-white .navbar-nav > .active > a,
.navbar-white .navbar-nav > .active > a:hover,
.navbar-white .navbar-nav > .active > a:focus{color:#111;background:#f5f5f5;}
.navbar-white .navbar-nav > .disabled > a,
.navbar-white .navbar-nav > .disabled > a:hover,
.navbar-white .navbar-nav > .disabled > a:focus{color:#ccc;}
.navbar-white .navbar-toggle{border-color:transparent;background:transparent;}
.navbar-white .navbar-toggle:hover,
.navbar-white .navbar-toggle:focus{background-color:#f5f5f5;}
.navbar-white .navbar-toggle .icon-bar{background-color:#505050;}
.navbar-white .navbar-toggle:hover .icon-bar,
.navbar-white .navbar-toggle:focus .icon-bar{background-color:#111;}
.navbar-white .navbar-collapse,
.navbar-white .navbar-form{border-color:#ccc;}
.navbar-white .navbar-nav > .open > a,
.navbar-white .navbar-nav > .open > a:hover,
.navbar-white .navbar-nav > .open > a:focus{color:#fff;}
.navbar-white .navbar-nav > .dropdown > a:hover .caret{border-top-color:#fff;border-bottom-color:#fff;}
.navbar-white .navbar-nav > .dropdown > a .caret{border-top-color:#505050;border-bottom-color:#505050;}
.navbar-white .navbar-nav > .open > a .caret,
.navbar-white .navbar-nav > .open > a:hover .caret,
.navbar-white .navbar-nav > .open > a:focus .caret{border-top-color:#fff;border-bottom-color:#fff;}
.navbar-white .navbar-nav > li > .dropdown-menu{background-color:#fff;border:1px solid #ecf0f1;border-top:1px solid #f5f5f5;}
.navbar-white .dropdown-menu > li > a{padding:7px 20px;border-bottom:1px solid #ecf0f1;color:#505050;}
.navbar-white .dropdown-menu > li > a:hover,
.navbar-white .dropdown-menu > li > a:focus{color:#fff;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.navbar-white .dropdown-menu > li:last-child > a{border-bottom:0;}
.navbar-white .navbar-link{color:#505050;}
.navbar-white .navbar-link:hover{color:#505050;}
@media (max-width:767px){.navbar-white .navbar-nav .open .dropdown-menu > .dropdown-header{border-color:#ecf0f1;}
.navbar-white .navbar-nav .open .dropdown-menu > li > a{color:#505050;padding:10px 20px;border:0;}
.navbar-white .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-white .navbar-nav .open .dropdown-menu > li > a:focus{color:#fff;}
.navbar-white .navbar-nav .open .dropdown-menu > .active > a,
.navbar-white .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-white .navbar-nav .open .dropdown-menu > .active > a:focus{color:#505050;background-color:transparent;}
.navbar-white .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-white .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-white .navbar-nav .open .dropdown-menu > .disabled > a:focus{color:#ccc;background-color:transparent;}
.navbar-white .navbar-nav > .open > a,
.navbar-white .navbar-nav > .open > a:hover,
.navbar-white .navbar-nav > .open > a:focus{color:#fff;padding-top:10px;padding-bottom:10px;border-width:0;}
}
.style-toggle-btn{position:absolute;z-index:50505055;top:-3px;left:-46px;color:#FFF;background:#4E4D4A;padding:12px;font-size:18px;border-radius:3px 0 0 3px;cursor:pointer;}
.style-toggle-btn.fa-angle-double-right{padding:12px 17px 12px 16px;}
.style-toggle{position:fixed;z-index:50505055;top:150px;right:-180px;max-width:180px;border-radius:0 0 0 3px;background:#fff;border:3px solid #666;border-right:0;color:#505050;-webkit-transition:right 0.5s ease-in-out;transition:right 0.5s ease-in-out;}
.style-toggle-show{right:0;}
.style-toggle-header{padding:10px;color:#fff;background:#666;}
.style-toggle-body{padding:10px;}
.backtotop{background:#666;padding:10px 15px;font-size:18px;color:#FFF;border-radius:3px;-webkit-transition:background 0.1s ease-in-out;transition:background 0.1s ease-in-out;}
.backtotop:hover{background:#4E4D4A;}
footer{padding:20px 0;margin-top:50px;}
footer h3{padding-bottom:10px;border-bottom:1px solid #FFF;margin-bottom:20px;color:#FFF;}
footer h3 > span{padding:5px;color:#FFF;}
footer ul{list-style:none;padding-left:0px;margin-left:0px;}
footer .content ul li a{color:#FFF;}
footer .content p a{color:#FFF;}
footer .row hr{border-color:#FFF;}
.footer-dark{background:#2C87B4;color:#FFF;}
.footer-dark hr{border-top:1px solid #4E4D4A;}
.footer-white{background:#fff;border-top:1px solid #dedede;color:#999;}
.footer-white h3{border-color:#eee;}
.social > ul,
.social > ul > li{margin:0;padding:0;}
.social li > a{display:inline-block;width:34px;height:34px;margin:0 2px 2px 0;;border-radius:34px;text-align:center;font-size:16px;line-height:34px;background:#fff;color:#4E4D4A;transition:background 500ms, color 500ms;-webkit-transition:background 500ms, color 500ms;}
.social li:hover > a{color:#fff;}
.social li > a.rss:hover{background:#ff9900;}
.social li > a.facebook:hover{background:#3B5998;}
.social li > a.twitter:hover{background:#1dcaff;}
.social li > a.plus:hover{background:#dd4b39;}
.social li > a.vk:hover{background:#3f628a;}
.social li > a.pinterest:hover{background:#c92026;}
.social li > a.vimeo:hover{background:#446d82;}
.social li > a.github:hover{background:#657e8c;}
.social li > a.linkedin:hover{background:#0c7bb3;}
.social li > a.dropbox:hover{background:#4fa3e3;}
.social li > a.youtube:hover{background:#ed413e;}
.footer-white .social li > a{border:1px solid #ccc;}
.footer-white .social li > a:hover{border:1px solid transparent;}
.main-slideshow{position:relative;margin-top:-20px;}
.jumbotron.first{background:url(../img/slide-1.jpg) no-repeat center center;background-size:cover;}
.jumbotron.second{background:url(../img/slide-2.jpg) no-repeat center center;background-size:cover;}
.jumbotron.third{background:url(../img/slide-3.jpg) no-repeat center center;background-size:cover;}
.jumbotron.forth{background:url(../img/slide-4.jpg) no-repeat center center;background-size:cover;}
.jumbotron.fifth{background:url(../img/slide-5.jpg) no-repeat center center;background-size:cover;}
.jumbotron.bridge{background:url(../img/pont.jpg) no-repeat center center;background-size:cover;}
.jumbotron{width:100%;height:550px; margin-bottom:20px;padding-top:30px;padding-bottom:30px;color:#FFF;border-bottom:1px solid #eee;overflow:hidden;}
.jumbotron h1{font-size:36px;line-height:1.5;margin-bottom:20px;text-shadow:1px 1px 5px rgba(0,0,0,0.3);}
.jumbotron.first img{margin:50px auto 0;}
.jumbotron.second img{position:absolute;bottom:-600px;left:50%;margin-left:-300px;cursor:pointer;box-shadow:0 0 15px rgba(0,0,0,0.8);transition:bottom 0.3s;-webkit-transition:bottom 0.3s;}
.jumbotron.second img:hover{bottom:-590px;}
.jumbotron.third .video{width:80%;margin:50px auto 0 auto;}
.jumbotron.first h1,
.jumbotron.third h1{margin-top:100px;}
@media (max-width:767px){.jumbotron.first h1,
.jumbotron.third h1{margin-top:20px;}
}
.jumbotron .lead{text-shadow:1px 1px 5px rgba(0,0,0,0.3);}
.jumbotron .btn{font-size:18px;padding:15px 30px;margin-top:10px;box-shadow:0 0 5px rgba(0,0,0,0.3);}
a.slideshow-arrow{position:absolute;display:block;height:100px;width:50px;top:50%;margin-top:-60px;background:transparent;color:transparent;font-size:32px;font-weight:300;line-height:100px;text-align:center;cursor:pointer;-webkit-transition:background 500ms, color 500ms;transition:background 500ms, color 500ms;}
.main-slideshow:hover a.slideshow-arrow{background:rgba(0, 0, 0, 0.5);color:#FFF;}
a.slideshow-arrow:hover,
a.slideshow-arrow:active{text-decoration:none;}
a.slideshow-arrow-prev{left:0;right:auto;padding-right:5px;}
a.slideshow-arrow-next{right:0;left:auto;padding-left:5px;}
.intro .btn{margin-top:20px;}
.services{margin-top:30px;margin-bottom:60px;}
.services-item i{float:left;margin:20px 15px 0 0;-webkit-transition:all 500ms;transition:all 500ms;}
.services-item-desc{overflow:hidden;}
.portfolio{margin-bottom:30px;}
.portfolio-item > a{position:relative;display:block;overflow:hidden;}
.portfolio-item > a > img{border-radius:3px;}
.portfolio-item > a > .mask{position:absolute;bottom:-40px;width:100%;padding:10px;border-radius:0 0 3px 3px;background:#4E4D4A;color:#fff;-webkit-transition:bottom 500ms;transition:bottom 500ms;}
.col-sm-3 > .portfolio-item > a > .mask,
.col-md-3 > .portfolio-item > a > .mask,
.col-lg-3 > .portfolio-item > a > .mask{font-size:0.9em;}
.portfolio-item > a:hover > .mask{bottom:0;}
.portfolio-desc{padding:0 5px;margin-bottom:20px;}
.portfolio-desc > h3{font-size:20px;line-height:1.5;margin-bottom:10px;}
.features.last{margin-bottom:50px;}
.divider{border-bottom:1px solid #eee;margin:20px 0 40px;}
.features h3{font-size:20px;line-height:1.5;margin-top:50px;}
.features p{line-height:1.7;}
.features img{width:80%;margin-left:auto;margin-right:auto;}
.features .border-bottom{border-bottom:1px solid #dedede;}
@media (max-width:767px){.features h3{margin-top:30px;}
.features h3.first-child{margin-top:0;}
.features.last{margin-bottom:0;}
}
.recent-blogs{margin-bottom:20px;}
.recent-blog{margin-bottom:20px;}
.recent-blog img{height:70px;width:70px;float:left;margin-right:20px;border-radius:70px;}
.recent-blog-desc{overflow:hidden;}
.recent-blog-desc h3{font-size:20px;line-height:1.5;margin-top:0;}
.recent-blog-desc p{line-height:1.7;}
.about-us-p img{max-width:40%;margin:0 20px 20px 0;}
.team-member{border:1px solid #eee;border-radius:3px;padding:10px;margin-bottom:10px;}
.team-member:hover{border-color:#ddd;}
.team-member > img{margin-bottom:10px;border-radius:3px;}
.blog-p img.author{float:left;height:70px;width:70px;border-radius:70px;margin-right:20px;}
.blog-p-body{overflow:hidden;}
.blog-p-body p{line-height:1.7;}
.blog-p-body .flex-video{margin:20px 0;}
.blog-p-body img{border-radius:3px;margin:20px 0;}
.blog-p-search{margin-bottom:40px;}
.blog-p-social{list-style-type:none;margin:0 0 40px 0;padding:0;}
.blog-p-social > li{padding:0;border-bottom:1px solid #eee;}
.blog-p-social > li a{display:block;padding:10px 0;}
.blog-p-social > li i{margin-right:10px;}
.blog-p-popular{list-style-type:none;margin:20px 0 0 0;padding:0;}
.blog-p-popular > li{margin-bottom:10px;}
.comments{margin:20px 0;}
.cmt{margin-bottom:15px;}
.cmt > img{width:70px;height:70px;border-radius:3px;float:left;margin:0 10px 0 0;}
.cmt > .cmt-block{overflow:hidden;}
.cmt > .cmt-block > .cmt-body{margin-top:5px;}
.cmt > .cmt-block textarea{border-radius:0;}
.coming-soon-p{padding:100px 0;background:url(../img/bg-1.jpg) center center no-repeat;background-attachment:fixed;background-size:cover;color:#fff;}
.coming-soon-p h1{font-size:50px;text-shadow:1px 1px 2px #505050;}
.coming-soon-p .lead{margin:40px 0 50px;text-shadow:1px 1px 2px #505050;}
.coming-soon-p form .form-control,
.color-jumbotron form .form-control{height:45px;width:300px;padding:12px 24px;border-radius:45px 0 0 45px;font-size:18px;-webkit-box-shadow:none;box-shadow:none;}
.coming-soon-p form button,
.color-jumbotron form button{height:45px;border-radius:0 45px 45px 0;margin-left:-4px;}
@media (max-width:767px){.coming-soon-p{padding:30px 0;}
.coming-soon-p form .form-control,
.color-jumbotron form .form-control{border-radius:45px;width:100%;}
.coming-soon-p form button,
.color-jumbotron form button{display:block;width:100%;border-radius:45px;}
}
.is-countdown{margin-top:50px;margin-bottom:100px;font-size:32px;text-shadow:1px 1px 2px #505050;font-family:'Oswald', sans-serif;}
.countdown-rtl{direction:rtl;}
.countdown-row{clear:both;width:100%;padding:0px 2px;text-align:center;}
.countdown-show1 .countdown-section{width:98%;}
.countdown-show2 .countdown-section{width:48%;}
.countdown-show3 .countdown-section{width:32.5%;}
.countdown-show4 .countdown-section{width:24.5%;}
.countdown-show5 .countdown-section{width:19.5%;}
.countdown-show6 .countdown-section{width:16.25%;}
.countdown-show7 .countdown-section{width:14%;}
.countdown-section{display:block;float:left;font-size:75%;text-align:center;}
.countdown-amount{font-size:200%;}
.countdown-period{display:block;}
.countdown-descr{display:block;width:100%;}
.map{overflow:hidden;}
.glr-list-p > li:first-child{padding-left:5px !important;}
.glr-list-p > li{margin-bottom:10px;}
.glr-list-p > li.clearfix{display:none;}
.port-slideshow-p{position:relative;border-radius:3px;overflow:hidden;margin-bottom:30px;}
a.port-arrow-p{position:absolute;display:block;height:100px;width:50px;top:50%;margin-top:-50px;background:transparent;color:transparent;font-size:32px;font-weight:300;line-height:100px;text-align:center;cursor:pointer;-webkit-transition:background 500ms, color 500ms;transition:background 500ms, color 500ms;}
.port-slideshow-p:hover a.port-arrow-p{background:rgba(0, 0, 0, 0.5);color:#FFF;}
a.port-arrow-p:hover,
a.port-arrow-p:active{text-decoration:none;}
a.port-arrow-prev{left:0;right:auto;padding-right:5px;}
a.port-arrow-next{right:0;left:auto;padding-left:5px;}
.port-item-p h3{line-height:1.5;}
.port-item-p p{line-height:1.7;}
.pricing-p .item{background:#fff;border:1px solid #ccc;padding:10px;border-radius:3px;text-align:center;-webkit-transition:margin-top 500ms;transition:margin-top 500ms;}
.pricing-p .item:hover{margin-top:-10px;box-shadow:0 0 20px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);}
.pricing-p .head{position:relative;margin-bottom:50px;padding:30px 10px 10px;border-radius:3px;}
.pricing-p .head h4{color:#FFF;text-transform:uppercase;}
.pricing-p .head .arrow{position:absolute;bottom:-30px;left:0;height:30px;width:100%;border-top-width:30px;border-top-style:solid;border-right:99px solid white;border-left:99px solid white;}
.pricing-p .sceleton h5{font-size:30px;}
.pricing-p .sceleton span{font-size:24px;}
.pricing-p .sceleton ul{margin:0 0 10px;padding:0;}
.pricing-p .sceleton li{list-style-type:none;padding:10px 0;border-top:1px dotted #ccc;}
.pricing-p .sceleton li:hover{border-top:1px solid #ccc;background:#eee;cursor:pointer;}
@media (max-width:1200px){.pricing-p .head .arrow{border-right-width:95px;border-left-width:95px;}
}
@media (max-width:992px){.pricing-p .head .arrow{border-right-width:68px;border-left-width:68px;border-top-width:20px;}
}
@media (max-width:767px){.pricing-p .head{padding:20px;margin-bottom:20px;}
.pricing-p .head .arrow{border:0;}
.pricing-p .item{margin:20px 0;}
.pricing-p .item:hover{margin:20px 0;}
}
.services-p{margin:10px 0;}
.sign-form{padding:30px;background:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 0 20px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);}
.sign-form .popover{min-width:200px;}
.popover-title{font-family:'Roboto', sans-serif !important;background:transparent;font-weight:bold;}
.not-found-p{position:absolute;top:0;bottom:0;left:0;right:0;}
.not-found-p .text{position:absolute;top:50%;left:50%;margin-top:-43px;margin-left:-98px;text-align:center;color:#fff;text-shadow:1px 1px 5px rgba(0,0,0,0.3);}
.not-found-p h1{margin-top:0;}
.not-found-p h2{font-size:22px;margin-top:0;}
.theme-faq-p p{line-height:1.7;}
.color-jumbotron{margin-top:-20px;margin-bottom:30px;padding:50px 0;color:white;text-shadow:1px 1px 5px rgba(0,0,0,0.3);}
.color-jumbotron form{margin-top:50px;}
.shop-product{border:1px solid #eee;border-radius:3px;padding:10px;margin-bottom:20px;text-align:center;}
.shop-product:hover{border-color:#ddd;}
.shop-product img{margin-bottom:10px;border-radius:3px;}
.shop-product a{color:#515151;}
.shop-product.featured:before{content:"Featured";position:absolute;top:0;right:15px;padding:3px 8px;border-radius:0 3px 0 3px;background:#E35E54;color:white;}
.shop-product.featured .price .old{color:red;text-decoration:line-through;}
.shop-product.featured .price .new{font-weight:bold;}
.shop-category{font-weight:bold;padding-bottom:20px;padding-left:15px;margin-bottom:20px;margin-top:30px;border-bottom:1px solid #eee;}
.shop-search{margin-bottom:20px;}
.shop-item .product-img{padding:10px;margin-bottom:20px;border-radius:3px;border:1px solid #eee;}
.shop-item .product-img img{border-radius:3px;opacity:0.5;}
.shop-item .product-img img:hover{opacity:1;}
.shop-item .product-img img.main{margin-bottom:5px;opacity:1;}
.shop-item .product-img .row{padding:0 12px;}
.shop-item .product-img .col-xs-4{padding-left:2px;padding-right:2px;}
.rating{display:inline-block;margin-left:0px;}
.rating li{margin:0;padding:0;color:#F7C41F;font-size:14px;}
.shop-item .reviews{font-size:12px;margin-left:10px;}
.shop-item .price-block{display:inline-block;margin-bottom:10px;padding:10px;background:#eee;border-radius:3px;}
.shop-item .price-block .form-control{display:inline-block;width:60px;}
.shop-item .price-block .price{margin-right:10px;vertical-align:middle;font-size:20px;}
.shopping-cart table > thead > tr > th{border-bottom-width:1px;}
.shopping-cart table > tbody > tr > td{vertical-align:middle;}
.shopping-cart table img{float:left;width:100px;margin:0 10px 10px 0;border-radius:3px;}
.shopping-cart table .item{overflow:hidden;}
@media (max-width:767px){.shopping-cart table img{float:none;width:100%;margin:0 0 10px 0;}
.shopping-cart table .item{overflow:visible;}
}
.shopping-cart .form-control{width:60px;}
.shopping-cart .checkout{list-style-type:none;margin:0;padding:0;}
.shopping-cart .checkout > li{margin:10px 0;}
.alt-p{position:absolute;width:100%;height:100%;padding-top:100px;}
@media (max-width:767px){.alt-p{padding-top:50px;}
}
.alt-p .logo a{color:#fff;text-shadow:1px 1px 5px rgba(0,0,0,0.3);margin-bottom:30px;text-decoration:none;}
.help-cats-p{list-style-type:none;padding-left:0;margin-bottom:30px;}
.help-cats-p > li > a{display:block;padding:5px 0;color:#999;-webkit-transition:padding-left 500ms;transition:padding-left 500ms;}
.help-cats-p > li > a:hover{color:#505050;padding-left:7px;}
.help-questions-p{padding-left:0;margin-left:20px;}
.help-questions-p > li > a{display:block;padding:5px 0;color:#505050;}
.user-avatar{position:relative;background:#fff;margin-bottom:30px;}
.user-avatar:before,
.user-avatar:after{z-index:-1;position:absolute;content:"";bottom:15px;left:10px;width:50%;top:80%;max-width:300px;background:#777;-webkit-box-shadow:0 15px 10px #777;-moz-box-shadow:0 15px 10px #777;box-shadow:0 15px 10px #777;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg);}
.user-avatar:after{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);right:10px;left:auto;}
.user-social{margin-top:15px;}
.user-social li > a{background:#bdc3c7;color:#fff;}
.user-cart > h4{margin-bottom:20px;}
.user-info{list-style-type:none;padding-left:0;margin-top:20px;}
.user-info > li{padding:3px 0;}
.logo img{padding-top:3x;padding-bottom:3px; line-height:75px;}
.connexion-rd{float:right;}
.statistiques div p {background-color: #2C87B4;padding: 50px 0px 50px 0px;text-align: center;-moz-border-radius: 100px !important;-webkit-border-radius: 100px !important;border-radius: 100px !important;font-size: 16px;  font-weight: bold; max-width: 200px; margin: auto;}
.statistiques span.glyphicon {font-size: 58px;}
.avantages div .avantage-item{background-color:#EEE; text-align:center;padding-bottom:25px;padding-left:15px;padding-right:15px;margin-bottom:20px;}
.avantages div .avantage-item h3{display:block;text-align:center;}
.avantages div .avantage-item  span{font-size:52px; display:block;text-align:center;padding-top:25px;}
.avantages div .avantage-item  a{background-color:#2C87B4; color:#FFF; padding: 10px;}
.avantages div .avantage-item p{margin-bottom:15px; text-align:justify;}
.formulaire div a>span {background-color: #2C87B4;font-size: 20px;color: #FFFFFF;width: 100%;text-align: left;padding: 20px 0 20px 20px;line-height: 20px;}
.formulaire div a>span:hover{background-color:#56B6E6;}
.intro-contact p{font-size:24px; font-weight:bold;text-align:center;}
.decouvrir img{width:100%;}
.contact-us-p  .btn-primary,.contact-us-p .btn-primary:hover,.contact-us-p .btn-primary:focus,.contact-us .btn-primary:active{background-color:#2C87B4;border-color:#2C87B4;}
.row p{text-align:justify;}
.demo img{margin-top:15px;width:100%;}
.row p{margin-bottom:20px;}
.fleche-r{float:right;}
h1{margin-top:20px;}
#boite{margin-top:10px;margin-bottom:10px;}
#boite .boite{background-color:#56B6E6; padding:10px;}
#boite ul{list-style:none;}
#boite .boite h3{text-align:center;}
#boite .boite .fa{color:#FFF; font-size:34px;}
#boite .boite p .price{font-size:32px; text-align:center; color:#000;display:block;}
 .table-bordered{border:1px solid #2C87B4;}
.table-striped > tbody > tr:nth-child(odd) > td{background-color:#56B6E6;}
.table-striped > tbody > tr:nth-child(odd) > th{background-color:#2C87B4; color:#FFF;text-align:center;}
 table tr td{text-align:center;}
 table tr .right{text-align:right;}
 .icon-big{font-size:280px;;;;display:block;margin:auto;color:#2C87B4;text-align:center;}
.infinite{
    font-size: 25px;
}
#map{ width:100%; height:320px; }
.channel-grid div{ text-align:center;}

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

.container {
	padding:6px;
}

#top-image img{
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 0 0 0 0;
}

.ui-widget, .ui-widget-content, .ui-widget-header {
	background: transparent;
	border: none !important;
}

#tabs {
	border: none !important;
	border-width: 0 0 0 0 !important;
	margin: 5px 0 0 0 !important;
	padding: 0 0 0 0 !important;
	border-radius: 0 0 0 0;

}

#tabs ul {
	border: none !important;
	border-width: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
	border-radius: 0 0 0 0;
  width: 100%;
  background-color: #2C87B4;
}

#tabs ul li a:hover{
	cursor:pointer !important;
}

#tabs li a {
  color:#ecf0f1;
  background-color:#2C87B4;
   width:100%;
 }

#tabs li a:hover{
  background-color:#56B6E6 !important;
  color:#ecf0f1;
  background:transparent;
  -webkit-transition:background 500ms;
  transition:background 500ms;

}



#tabs .ui-state-active {
	background-color:#56B6E6 !important;
}

.ui-state-default {
	background-color:#2C87B4 !important;
}

#tabs div {
	border: none !important;
	border-width: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}

#tabs img {
	width: 60px;
	padding: 3px 3px 3px 3px;
}

.ui-tabs-nav li {
	border: none !important;
	border-width: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}

.ui-corner-top {
	border-radius: 0 0 0 0 !important;
}

.footer-dark .row, .navbar-header {
	margin:0 !important;
}

.navbar-container {
	padding: 0 0 0 0 !important;
}


#optionT {padding: 0 0 0 0;}
#sectionF {padding: 0 0 0 0;}













.accordion {
  height: 100%!important;
  margin: 0 !important;
}

.tabbed-nav {
  display: table;
    width: 100%
}

.tabbed-nav li {
  display: table-cell;
}

.no-pmb{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 0 0 0 0;
  border-radius: 0 0 0 !important;
  text-decoration: none;
}


.accordion {
  float: left;
}

ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #2C87B4;
}

ul.tab li {float: left;}

ul.tab li a {
    display: inline-block;
    background-color:#2C87B4 !important;
    color: white !important;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

ul.tab li a:hover {background-color: #56B6E6;}
#tabs ul li a:focus {background-color: #56B6E6;}

ul.tab li a:focus, .active {/*background-color: #ccc;*/}

.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.tablinks {
  background-color: #2C87B4 ;
  color: white !important;
  text-decoration: none;
}

.mtree a {
  text-decoration: none;
  font-weight: normal;
  outline: 0;
}

.submenu .tablinks {
  background-color: #3299cd !important;
}

.manual-title h1 {
  text-align: center;
}

.manual-img {
  width:100%;
}

#default-tab2 {
  display: block !important;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}
.footer-dark a span{color:#fff;}


.top-buffer{padding-top:50px;}

#serviceForm {
	margin-left:40px;
float:left;
	color:white;
background-color:#2C87B4;
max-width:400px;
padding:25px;
margin-top:5px;
margin-bottom:5px;
display:block;
border:solid;
border-width:1px;
border-color:black;
}

#stype{ color:black;}

.wideField{
color:black; background-color:rgb(200,200,200);  width:100%;}

#serviceForm table tr td {text-align:left; padding: 2px;}
#serviceForm button{color:black;}

#optionsBase{display:none;}
#optionsChoix{display:none;}
#optionsMulti{display:none;}

.channel {
padding:2px;
margin:5px;
border:solid;
border-width:1px;
border-color:black;
width:163px;
height:75px;
float:left;

}
#serviceResult{ height:auto;}


.navigation-top { position:relative; z-index:500; box-shadow: 0px 5px 5px 	#1b1a28;}

.acheter{color:white;}
.smallFont{font-size:15px;}
.pageButton {padding:5px; margin:5px; color:white; border:none; font-size:31px;}
#Kart{float:left; display:none; max-width:400px; border:solid; border-color:black; border-width:1px; padding:20px; margin-left:40px; color:rgb(240,240,240); background-color:#2C87B4;}

.kartListl{padding-left:0px; text-align:left; width:200px;}
.kartListr{padding-left:0px; text-align:right; width:180px;}

#commanderKart{float:right; color:black}

.orange{color:rgb(255,255,0);}
.message{color:rgb(255, 214, 0);font-size: 17px;}

.shop{font-size:20px; background-color:#2C87B4; color:white;}
.channel-logo{float:left;}

.textChoix{text-align:justify}
td button { margin-left:20px;}
.page button {background-color:#2C87B4; color:white; border:none;}
.pageTV button {background-color:#2C87B4; color:white; border:none;}
.page {padding:5%;}
.top { padding-left:5%; padding-right:5%;}
.botom { padding-left:5%; padding-right:5%; margin-top:0px;}
.rightBoxes{padding-left:0px; padding-right:30px; padding-bottom:30px; display: table-cell; float: none; width:100%; }
.rightBoxes button{background-color:buttonface;}
.rightBoxesColor {background-color:rgb(40, 96, 144); height:auto;}/*.package-feature{width:250px; margin-right:50px; float:left;}*/
.navbar .navbar-right {margin-right:0px;}
.wrapper .row {margin-left:0px; margin-right:0px;}
.wrapper .main-slideshow { max-height:469px;}

.wrapper {padding-bottom:0px;}


.no-float {
  display: table-cell;

}

.container100{margin-right:15px;}

.containerF{margin-top:-22px}
.accueilPage {padding:5%;}
.accueilRightBoxes {padding-left:0px; padding-right:30px; padding-bottom:30px;  width:500px; }
.subMenu{display:none;}

.testimonial-group > .row {
  overflow-x: auto;
  white-space: nowrap;
}
.testimonial-group > .row > .themeList {
  display: inline-block;
  float: none;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.channelGroup {padding-left:50px; padding-right:50px;}

.channelPage{padding-left:25px; padding-right:25px; padding-bottom:50px;}

.tvprice{ margin:20px; float:right; display:none}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: white;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}



.panel-default > .panel-heading{background-color:white;}

.buttonTheme{width:100%; color:white; background-color:rgb(44, 135, 180);}

#theme{ margin-bottom:30px;}
#multi{ margin-bottom:30px;}

#channels{ display:none;}

.tvtitle{ float:left; border:none;}

.gallery_product{border:solid; border-width:1px; border-color:gray; margin:2px; border-radius: 5px;}


/* New styles for à la carte  */

#pick-list {
  list-style-type: none;
}

.item-name {
  display: inline-block;
  width: 30%;
}

.item-price {
  float: right;
  width: 10%
}

.item-periods {
  display: inline-block;
  width: auto;
}

.item-periods::after {
  content: ".............................................................................";
}

#stingray {
  border: solid;
  border-width: 1px;
  border-color: gray;
  margin-top: 20px;
  padding: 20px;
  border-radius: 5px;
  position: relative;
  left: -12px;
}

@media (max-width: 769px) {
  .item-periods {
    display: none; /* Hide the periods on small screens */
  }

  .item-name {
    margin-right: 1rem; /* Add margin to separate name and price */
  }

  #stingray {
    border: none;
    padding: 0;
    margin: 0;
  }
}

@media (min-width: 769px) and (max-width: 992px) {

  .item-periods::after {
    content: "....................................................";
  }
}