/*
Theme Name: UCIStrap
Theme URI: https://www.ucidigital.com/
Author: UCIDigital
Author URI: https://www.ucidigital.com/
Description: A starter theme for UCIDigital Clients. Focuses on the ability to be extended so it can work with any site.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ucistrap

Mobile First CSS - look at responsive.css for the media queries 
*/

@font-face {
  font-family: 'HelveticaNeueRegular';
  src: url('fonts/HelveticaNeueRegular.eot'); /* IE9 Compat Modes */
  src: url('fonts/HelveticaNeueRegular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/HelveticaNeueRegular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/HelveticaNeueRegular.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/HelveticaNeueRegular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/HelveticaNeueRegular.svg#svgHelveticaNeueRegular') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'HelveticaNeue-Medium';
  src: url('fonts/HelveticaNeue-Medium.eot'); /* IE9 Compat Modes */
  src: url('fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/HelveticaNeue-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/HelveticaNeue-Medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/HelveticaNeue-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/HelveticaNeue-Medium.svg#svgHelveticaNeue-Medium') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'GothamBold';
  src: url('fonts/GothamBold.eot'); /* IE9 Compat Modes */
  src: url('fonts/GothamBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/GothamBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/GothamBold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/GothamBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/GothamBold.svg#svgGothamBold') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Times-Italic';
  src: url('fonts/Times-Italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/Times-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Times-Italic.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Times-Italic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Times-Italic.svg#svgTimes-Italic') format('svg'); /* Legacy iOS */
}


body {padding-bottom: 56px;font-size:1.55em;color:#949494;line-height:1.6;font-family: 'HelveticaNeue-Medium';}

.alignright{float:right;margin:0 0 1em 1em;max-width:100%;height:auto}
.alignleft{float:left;margin:0 2em 1em 0;max-width:100%;height:auto}
.aligncenter{display:block;margin-left:auto;margin-right:auto;max-width:100%;height:auto}
.alignright{float:right}
.alignleft{float:left}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.size-full{max-width: 100%; height: auto}

h1,h2,h3,h4,h5,h6{color: #231f20;font-family: 'GothamBold';}
a{color: #0d0249; text-decoration: none}

.margint1{margin-top: 1em} .margint2{margin-top: 2em} .margint3{margin-top: 3em} .margint4{margin-top: 4em}
.marginb1{margin-bottom: 1em} .marginb2{margin-bottom: 2em} .marginb3{margin-bottom: 3em} .marginb4{margin-bottom: 4em}

.btn-default{border-radius: 0;transition: 0.7s all ease-in;text-transform: capitalize;background:#4ed5f9;border: 0;
color:#fff;font-size: 1em;padding: 1em 3.5em;font-family: 'GothamBold';}
.btn-default:hover{color: #fff; background: #0d0249}

.btn-default.light{background: #fff; color: #60d9fa}

/* TopZone Toolbar */

/* This puts the Primary Navigation in the TopZone Toolbar */
#topbar{padding-top: 1.6em; padding-bottom: 1.3em}
#topbar .logo img{max-width: 100%; height: auto;}

#topbar .inline-list{text-align: center;}
#topbar .phone{display: inline-block;text-align: left;}
#topbar .icon{float: left;margin-right: 0.5em;}
#topbar .inline-list i{font-size: 2em;position: relative;top: 3px; color: #0d0249}
#topbar .detail{float: left;}
#topbar .detail p{margin: 0;line-height: 1.2;font-family: 'HelveticaNeue-Medium';}
#topbar .detail a{color: #0d0249; text-decoration: none;transition: all 0.3s ease}
#topbar .detail a:hover{color: #4ed5f9}
#topbar h4{margin: 0;font-size: 1em;line-height: 1.3;color: #4ed5f9}
#topbar .loc{display: inline-block;margin-left: 4em; text-align: left;}
#topbar .social-header{text-align: right;}
#topbar ul{padding-left: 0; list-style: none;margin-bottom: 0}
#topbar li{display: inline-block;}
#topbar li a{text-decoration: none;font-size: 1.5em;padding-left: 0.5em;transition: all 0.3s ease}
#topbar li a:hover i{color: #4ed5f9}
#topbar li i{color: #0d0249;transition: all 0.3s ease}

#primaryNavigation {}
#header{background: #4ed5f9}
#header .navbar-nav{text-align:center; margin-top: 0em;margin-bottom: 0em}
#header .navbar-default{min-height:inherit;background:transparent;border:0;border-radius:0}
#header .navbar-default .navbar-nav > li > a{
  color:#fff;font-family: 'HelveticaNeue-Medium';letter-spacing: 1px;
  font-size:1.175em;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease; padding: 1em 1.5em;text-transform: uppercase;}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:focus,.navbar-default .navbar-nav > .open > a:hover{color: #0d0249; background: transparent;}
#header .navbar-default .navbar-nav > li > a:hover{background:#0d0249;color:#fff;-webkit-transition:all .5s ease;
  -o-transition:all .5s ease;transition:all .5s ease;}
#primaryNavigation .navbar-collapse,#socialDropup{position:absolute;bottom:54px;width:101%;background:#283890;border:none;text-align:center;border-bottom:1px solid #fff}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .active > a:hover{color: #fff !important; background: #0d0249;}
#primaryNavigation .dropdown-menu{border-top:1px solid #fff;background:#898680;width:250px;border-radius:0}
.dropdown-menu > .active > a,.dropdown-menu > .active > a:focus,.dropdown-menu > .active > a:hover,.dropdown-menu > li > a:focus,.dropdown-menu > li > a:hover{background:#e3211c;color:#fff}
.dropdown-menu > li > a{text-transform:uppercase;color:#fff;white-space:inherit;padding:6px 20px;font-size:.9em}
#navBarsBtn{border:none;height:54px;margin:0;padding:0 2em;line-height:58px}
#navBarsBtn:hover,#navBarsBtn:focus{background:none}
#navBars{font-size:1.3em}
#mobileIcons{height:54px;line-height:58px}
#mobileIcons a{display:inline-block;font-size:1.3em;color:#000;line-height:0}
#socialDropup a{font-size:1.7em;color:#000}
#socialDropup a .fa{margin:1em .7em;color:#000}
#mobileIcons a:hover,#mobileIcons a:focus{text-decoration:none;color:#000}
#scroll{position:fixed;right:50px;bottom:50px;cursor:pointer;width:45px;height:45px;background-color:#4ed5f9;display:none;z-index:9999;
  border-radius:100px;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;text-align:center;line-height: 3.5}
#scroll i{color:#fff;font-size:2em;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;}
#scroll:hover{background-color:#fff}
#scroll:hover i{color:#000}
.row.full-mobile-nav{margin:0 auto}
.x1{width:20%;border-right:1px solid #ddd;text-align:center}
.x1:last-child{border:none}
.x1 a.btn-primary{background-color:transparent;border:none}
.x1 a.btn{padding:unset!important}
.x1 a.btn-primary:focus,.x1 a.btn-primary:hover,.x1 a.btn-primary:active{background-color:transparent;border:none;-webkit-box-shadow:unset;box-shadow:unset}
i.big-icon{font-size:25px!important;margin-top:-5px}
.navbar-toggle .big-icon{margin-top:10px}
.col-xs-2.x1 .navbar-toggle{margin-right: 0 !important}
.menu-icon i.big-icon{margin-top:15px}
a.toggle-btn{width:auto}
.navbar-toggle{float:unset}
.menu-item-has-children .dropdown-toggle:after{content:"\f103";font-family:"FontAwesome";padding-left:8px}

/************************************************************
S E C T I O N   1    C S S   S T Y L I N G
************************************************************/
#section1{padding-top: 5em}
#section1 .icon{width: 150px;height: auto}
#section1 h3{color:#0d0249;font-size: 1.3em;text-transform: uppercase;}
#section1 p{}
#section1 .bottom{width: 345px;margin-bottom: -4.7em;margin-top: 1em}

/************************************************************
S E C T I O N   2    C S S   S T Y L I N G
************************************************************/
#section2{background: #f5f8f9;padding-top: 8em;padding-bottom: 5em;}
#section2{padding-left: 3em}
#section2 img{max-width: 100%; height: auto}
#section2 h3{font-family: 'Times-Italic';margin-top: 1.3em;position: relative;}
#section2 h2{color:#0d0249;font-size: 3.5em;margin-bottom: 0.3em;}
#section2 p{margin-bottom: 2em;padding-right: 7em}
#section2 .btn{margin-right: 5%;width: 100%;padding-left: 0; padding-right: 0}
#section2 h3:after{content:""; position: absolute;background:url(images/apm.png);height: 90px;width: 176px;background-size: contain;
background-repeat: no-repeat;top: -80px;margin-left: -1em;}

/************************************************************
S E C T I O N   3    C S S   S T Y L I N G
************************************************************/
#section3{background: #4ed5f9; padding-top: 4em; padding-bottom: 3em;position: relative;}
#section3:before{content:""; position: absolute; background:url(images/section3-before.png);width: 255px;height: 140px;
bottom: 0;background-size: contain;background-repeat: no-repeat;}
#section3 .box{}
#section3 img{max-width: 100%; height: auto}
#section3 .desc{background: #fff;height: 150px;align-content: center;display: grid;padding-left: 0.5em; padding-right: 0.5em}
#section3 h3{color: #0d0249;margin-top: 0;font-size: 1.3em;}
#section3 p{margin-bottom: 0}
#section3 .btn{text-transform: uppercase;margin-top: 3em;}
#section3 .btn:hover{background: #0d0249; color: #fff !important}

/************************************************************
S E C T I O N   4    C S S   S T Y L I N G
************************************************************/
#section4{background: #f5f8f9;padding-top: 4em;padding-bottom: 5em;}
#section4 .icon{width: 70px;}
#section4 img{max-width: 100%; height: auto;width: 50%;padding-top: 1.5em; padding-bottom: 1.5em}
#section4 h4{font-family: 'Times-Italic';margin-top: 0em;position: relative;padding-top: 1em;}
#section4 h3{color:#0d0249;font-size: 1.5em;margin-bottom: 0.3em;margin-top: 0.3em}
#section4 h3 a{text-decoration: none}
#section4 p{margin-bottom: 2em/*; padding-right: 7em*/}
#section4 .btn{margin-right: 5%}
#section4 .box{background: #fff;box-shadow: 1px 1px 9px 2px #d7d7d7;margin: 1em 0}
#section4 .desc{padding: 0 1em;border-top: 2px solid #4ed5f9;height: 235px;align-content: center; display: grid;}
#section4 .desc .read-more{font-family: 'GothamBold';color: #4ed5f9;font-size: 1.3em;padding-top: 0.7em;display: block;text-decoration: none}
#section4 .carousel-control-prev{position: absolute;top: 40%;font-size: 3em;left: -3%;}
#section4 .carousel-control-next{position: absolute;top: 40%;font-size: 3em;right: 0;right: -3%;}
#section4 .carousel-inner .col-sm-6{}
#section4 .read-more i{color: #4ed5f9; padding-left: 1em}
.carousel.slide i{color: #4ed5f9;}

/************************************************************
S E C T I O N   5    C S S   S T Y L I N G
************************************************************/
#section5{background: #4ed5f9;padding-top: 2em;padding-bottom: 2em;}
#section5 h3{font-family: 'Times-Italic';margin-top: 1.3em;position: relative;color: #0d0249}
#section5 h2{color:#fff;font-size: 3.5em;margin-bottom: 0.8em;margin-top: 0;}
#section5 .icon{float: left;width: 65px;height: 190px;margin-right: 0.3em;}
#section5 .icon img{max-width: 100%;height: auto;}
#section5 .info{}
#section5 h4{color: #fff}
#section5 p{color: #0d0249}

/************************************************************
S E C T I O N   6    C S S   S T Y L I N G
************************************************************/
#section6{padding-top: 4em; padding-bottom: 4em}
#section6 .image { position: relative;  width: 100%;}
#section6 .image img{max-width: 100%; height: auto;}
#section6 .top { position: absolute; top: 0px; left: 20px;width: 58%; }
#section6 h2{color: #0d0249;font-size: 1.9em}
#section6 p{color: #0d0249}
#section6 .btn { position: absolute; bottom: 20px;left: 20px; }

/************************************************************
S E C T I O N   7    C S S   S T Y L I N G
************************************************************/
#section7{background: #4ed5f9;padding-top: 5em;padding-bottom: 4em;}
#section7 h3{font-family: 'Times-Italic';margin-top: 1.3em;position: relative;color: #0d0249}
#section7 h2{color:#fff;font-size: 3.5em;margin-bottom: 0.3em;margin-top: 0;line-height: 1.1}
#section7 p{color: #0d0249}
#section7 .video{max-width: 100%; height: 350px;width: 100%;border: 0}
#section7 .btn{margin-top: 1em;text-transform: uppercase;}
#section7 .btn:hover{background: #0d0249; color: #fff}

/************************************************************
S E C T I O N   8    C S S   S T Y L I N G
************************************************************/
#section8{padding-top: 4em;padding-bottom: 2em;}
#section8 .map-iframe{width: 100%; height: 320px; border: 0;border-top:9px solid #4ed5f9;border-left:9px solid #4ed5f9;position: relative;}
#section8 img{max-width: 100%; height: auto;width: 110px;margin-top: 2em}
#section8 h3{font-family: 'Times-Italic';margin-top: 1.3em;position: relative;color: #0d0249;margin-bottom: 0.1em;}
#section8 h2{color:#fff;font-size: 1.7em;color: #0d0249;line-height: 1.1;margin-top: 0;}
#section8 ul{padding-left: 0;margin-bottom:0}
#section8 li{display: inline-flex;padding-left: 1em;line-height: 1.1;}
#section8 a{color: #949494;text-decoration: none}
#section8 i{color: #4ed5f9;font-size: 2em;padding-right: 0.2em;position: relative;top: 1px;}

/************************************************************
B L O G   C S S   S T Y L I N G
************************************************************/
.post-categories{list-style-type:none;padding:0;margin:0;clear:both}
.post-categories li{display:inline-block;margin:1em 1em 1em 0}
.post-categories li a{background:#ccc;padding:.7em 1.3em;color:#000;text-decoration:none}
#blogTemplate{padding-bottom:50px}
#blogTemplate h1{margin-top:15px;color:#212224!important;font-weight:700!important;margin-bottom:25px}
#blogTemplate header h2{font-size:1.5em}
#blogTemplate header h2 a{color:#000;font-weight:700; text-decoration: none}
#blogTemplate .blogTime i{padding-right:5px}
#blogTemplate article{border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:10px}
#blogTemplate article:last-child{margin-bottom:40px}
#blogTemplate article .thumbnail-blog{margin-right:10px;margin-top:6px}
#blogTemplate article .thumbnail-blog img{margin-right:15px;width:100%}
#blogTemplate .article .thumbnail-blog{margin-right:0;margin-top:0}
#blogTemplate .article .thumbnail-blog img{margin-right:0}
#blogTemplate .blog-readmore{padding:5px 10px;margin-top:0.5em}
#pageTemplate p, .product-list p{font-family: 'Open Sans', sans-serif; color: #000}
#pageTemplate{padding-bottom:50px}
#pageTemplate h1,#blogTemplate h1{color:#0d0249!important;font-weight:700!important;margin-bottom:25px; 
border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-top: 0.5em}
#pageTemplate h2,#pageTemplate h3{color:#0d0249!important;font-weight:600!important;}
blockquote{border-color:#332a87}
#pageTemplate ul, .list-style{padding-left: 1.3em;}
#pageTemplate ul li, .list-style li{font-family: 'Times-Italic';color: #231f20;padding-left: 0; font-size: 1.375em}
.y-tube{width: 100%; height: 350px;border: 0}

.product-list{padding-bottom: 3em}
.product-list h1{font-weight: 700 !important;margin-bottom: 25px;border-bottom: 1px solid#ccc;padding-bottom: 10px;margin-top: 0.5em;color: #0d0249 !important}
.product-list .shadow h2{margin-top: 0;font-size: 1.5em; padding: 0.2em 0 0.9em}
.product-list .shadow h2 a{color: #000; display: block; transform: all 0.3s ease}
.product-list .shadow h2 a:hover{color: #ea2127; text-decoration: none;}
.product-list h3{font-family: 'Times-Italic';margin-top: 0em;position: relative;padding-top: 1em;margin-bottom: 0}
.product-list img{max-width: 100%; height: auto}
.product-list .shadow{box-shadow: 0px 5px 7px 2px #e1e1e1}

/*Pricing Table*/
.pricing-list .box{padding: 0}
.pricing-list .box.first .pricing-head{background: #fff !important}
.pricing-list .box.first .pricing-content li{text-align: right !important}
.box.first .pricing-content li{color: #000; font-weight: bold}

.pricing {position: relative;margin-bottom: 15px;border: 2px solid #fff;}
.pricing-active {margin-top: -10px;}
.pricing-head {text-align: center;background: #4ED5F9;display: grid;align-items: center;height: 80px}
.pricing-active .pricing-head {height: 89px;}
.pricing-head h3 {font-weight: 300;color: #fafafa;}
.pricing-content li {color: #5b5b5b;padding: 0px 15px;border-bottom: solid 1px #f5f9e7;height: 100px;display: grid;align-items: center;
font-family: 'Open Sans', sans-serif;font-size: 0.9em; line-height: 1.4; text-align: center;}
.pricing-content li:nth-child(odd){background: #F4F4F4}
.price-active{z-index: 9;}

/**********************************************************
G O O G L E    M A P    C S S     S T Y L I N G
***********************************************************/
.map-contact{width:100%;border:0;height:595px}
.map-contact-page{width:100%;border:0;height:450px}

/**********************************************************
S I D E B A R    C S S     S T Y L E
**********************************************************/
#sidebar{border:1px solid #ccc;border-radius:5px;margin-top:20px}
#sidebar .widget{margin-bottom:20px}
#sidebar .widget ul{padding-left: 25px}
#sidebar .widget-title{background:#0d0249;color:#fff;padding:10px;text-transform:uppercase;font-size:1.575em;margin-top:0}
#sidebar .text-center{text-align:center}
.sidebar-menu{background:url(images/drink-menu-bg.jpg);margin-top:29px;padding:0 0 20px;background-size:cover}
.sidebar-menu h3{text-align:center;color:#fff;padding-top:20px;text-transform:uppercase;font-size:40px}
.sidebar-menu ul{padding-left:0;list-style:none}
.sidebar-menu ul li{padding-bottom:8px;border-bottom:1px solid #8f8f8f;padding-left:17px;padding-top:9px}
.sidebar-menu ul li a{color:#fff}
.pagination > .active > a,.pagination > .active > a:focus,.pagination > .active > a:hover,.pagination > .active > span,.pagination > .active > span:focus,.pagination > .active > span:hover{background:#cf0139;border-color:#cf0139}
.pagination > li > a,.pagination > li > span{color:#cf0139}

/**********************************************************
C O N T A C T    C S S     S T Y L E
**********************************************************/
input[type="text"]::-webkit-input-placeholder,input[type="email"]::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#202228}
input[type="text"]:-moz-placeholder,input[type="email"]:-moz-placeholder,textarea:-moz-placeholder{color:#202228}
input[type="text"]::-moz-placeholder,input[type="email"]::-moz-placeholder,textarea::-moz-placeholder{color:#202228}
input[type="text"]:-ms-input-placeholder,input[type="email"]:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#202228}
.form-control::-moz-placeholder{color:#202228}
.form-control::-ms-input-placeholder{color:#202228}
.form-control::-webkit-input-placeholder{color:#202228}

/**********************************************************
F O O T E R    C S S     S T Y L E
**********************************************************/
#footer{background: #f4f4f4;padding-top: 3em;padding-bottom: 1em}

#footer .footer-widget{margin-top: 1.5em;padding-top: 2.5em;}
#footer img{max-width: 100%; height: auto;width: 275px;}
#footer .textwidget {color: #949494;line-height: 1.4}
#footer .widget a{color: #949494; text-decoration: none; transition: all 0.3s ease}
#footer .widget a:hover{color: #0d0249}
#footer .widget-title{color: #0d0249;font-size: 1.3em;margin-bottom: 0.5em;margin-top: 0;letter-spacing: -0.5px}
#footer .menu{padding-left: 0;margin-bottom: 0;list-style: none;}
#footer .menu li{position: relative;}
#footer .menu li a{color: #949494; transition: all 0.3s ease; text-decoration: none;line-height: 1.2}

.footer-social{padding-left: 0; list-style: none;margin-bottom: 0;margin-top: 0.7em;}
.footer-social li{display: inline-block;}
.footer-social li a{text-decoration: none;font-size: 1.3em;padding-right: 0.2em;transition: all 0.3s ease}
.footer-social li a:hover i{color: #0d0249}
.footer-social li i{color: #4ed5f9;transition: all 0.3s ease}

#footer .copyright{color: #949494;margin-top: 2.5em;margin-bottom: 3em;}
#footer .copyright a{color: #949494; text-decoration: none}

@media (max-width: 1210px) {
  .container{width: 100%}
  #section2 p{padding-right: 0}
  #section2{padding-left: 0}
  #section4 p{padding-right: 0}
  #section6 .top{width: 80%}
  #section7 h3{margin-top: 0}
}

@media(min-width: 768px) and (max-width: 1120px){
  .video-title{height: 75px;}
  .product-list h3{font-size: 1.2em}
}

@media (min-width: 1020px) {
  #primaryNavigation .navbar-collapse{border:0!important;text-align:right!important;width: auto !important;padding-right: 0}
  .navbar-header{display:none!important}
  #primaryNavigation{margin-bottom: 0}
  #header .navbar-nav li{display: inline-flex;}
  #header .navbar-nav li:before{left: 0;top: 2px;position: relative;font-size: 1.2em;}
  .dropdown-toggle{pointer-events:inherit!important}
  .hide-desktop{display: none}
	.pricing-list .text{display:none;}
}

@media (max-width: 1020px) {
  .container{width: 100%}
  #header{text-align: center;}
  #header .logo img{width: 400px}
  #header .navbar-nav{margin-top: 0}
  #header .col-sm-4{width: 100%}
  #primaryNavigation{position:fixed!important;background:#0d0249 !important;border:0!important;bottom: 0; width: 100%; margin: 0; z-index: 999; left: 0;}
  .navbar-collapse{padding-left:0;padding-right:0}
  .navbar-collapse.collapse, .hide-mobile{display:none!important}
  #header .navbar-default .navbar-nav{text-align:center!important;padding:10px 0;width:100%}
  .navbar-nav > li{display:block!important;float:inherit!important}
  #header .navbar-default .navbar-nav > li > a{font-size:1.175em!important;color:#000!important;padding:7px 0!important}
  .navbar-header{float:right!important;width:100%}
  #header .navbar-default .navbar-nav > li > a:hover{color:#0d0249 !important; border-color: #0d0249 !important}
  #primaryNavigation .navbar-collapse,#socialDropup{background:#f0efef;padding-top:10px;padding-bottom:10px}
  .navbar-toggle,#mobileIcons,.visible-mobile,.navbar-collapse.collapse.in{display:inherit!important}
  #mobileIcons{float:left!important}
  #navBarsBtn i:before,#mobileIcons i{color:#fff!important}
  .navbar-default .navbar-nav li a{background:transparent!important}
  .navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .active > a:hover{background:transparent!important}
  .navbar-nav{margin:0}
  #primaryNavigation .dropdown-menu{width:100%;text-align:center;position:static!important;-webkit-box-shadow:inherit!important;box-shadow:inherit!important;border:0!important}
  .dropdown-menu > li > a{line-height:1!important;color:#fff!important}
  #socialDropup a{color:#0d0249 !important;margin: 0 0.5em}
  #mobileIcons{width:100%}
  #topbar .col-sm-3, #footer .col-sm-7{width: 100%; text-align: center;}
  #topbar .logo img{width: 338px}
  .pricing-list .box.first, .pricing-list .none, .pricing-list .check{display: none}
  .pricing-list .box{width: 100%}
  .pricing-head{display: inherit !important; height: inherit;padding: 25px 0}
  #section3 h3{font-size: 1em}
  #section3 p{line-height: 1}
  #section4 .desc{height: inherit;padding-bottom: 1em}
  #section5 .icon{height: 305px}
  #section6 .top{width: 95%}
  #section7 h2, #section2 h2, #section5 h2{font-size: 2.5em}
  #footer{padding-bottom: 0}
}

@media(min-width: 768px) and (max-width: 970px){
  #section3 .desc{padding: 1em 0 !important;height: 155px !important;display: grid !important;}
  .slide.hide-desktop{margin: 0 2em}
}

@media (min-width: 768px) {
  #header .navbar-nav,.navbar-nav > li{float:inherit;}
  #primaryNavigation .mobile-visible{display:none}
}

@media (max-width: 768px) {
  /*#slider-home{display: none}*/
  .alignright,.alignleft,.aligncenter{max-width:100%;height:auto}
  ol,ul{padding-left:15px}
  #blogTemplate{padding-top:0}
  #about-us{padding-top: 1em !important}
  #footer .copyright{text-align: center;}
  #scroll{right:5px!important;bottom:60px!important;width:40px;height:40px; line-height: 2.9}
  #scroll i{font-size: 1.7em}
  #section1{padding-top: 2em}
  #section2{padding-bottom: 2em}
  #section2 .btn{margin-bottom: 1em;margin-right: 0 !important}
  #section2 h3::after{right: 0;top: -89px}
  #section3 .desc{display: block;height: inherit;margin-bottom: 1em;padding: 1em;}
  #section3 .btn{margin-top: 1em}}
  #section5, #section4, #section7{text-align: center;}
  #section5 .icon{height: inherit;float: inherit;text-align: center;display: inline-block;}
  #section7 img{margin-top: 1em}
  #section7 .btn, #section4 .btn{margin-bottom: 2em}
}

@media ( max-width : 528px){
  #socialDropup a{font-size: 1.35em}
  #mobileIcons a{margin: 0;}
  .menu-sidebar{position:fixed;top:0;left:0;z-index:1;height:100vh;width: 65vw;background:#f08e0f;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);transition: transform 0.3s ease;will-change:transform;}
  .menu-sidebar.opened{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
  .menu-list{position:relative;height:73vh;overflow:scroll;-webkit-box-shadow: inset 0px 2px 5px rgba(191, 123, 36, 0.24), inset 0px -2px 8px rgba(191, 123, 36, 0.27);
    box-shadow: inset 0px 2px 5px rgba(191, 123, 36, 0.24), inset 0px -2px 8px rgba(191, 123, 36, 0.27);}
  .open-btn{content:"\f178";font:normal normal normal 14px/1 FontAwesome;position:absolute;padding:.5em .3em .5em .5em;background:#f08e0f;color:#f1f1f1;font-size:1.6em;font-weight:800;top:50%;left:100%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);
  transform:translate(0,-50%);-webkit-animation:notice-me 1.7s ease;animation:notice-me 1.7s ease;-webkit-animation-delay:2s;animation-delay:2s;will-change:transform; transition: transform 0.3s ease;}
  .menu-sidebar.opened .open-btn{ -webkit-transform: translate(0,-50%) rotate(180deg); -ms-transform: translate(0,-50%) rotate(180deg); transform: translate(0,-50%) rotate(180deg);animation: unset;}
  .menu-list--link:hover{background: rgba(234, 179, 108, 0.5);}
  #section1 .bottom{width: 290px}
}

@media ( max-width : 470px){
  #section6 h2{font-size: 1.4em}
  #section6 p{line-height: 1.1}
  #section6 .btn{bottom: 10px;padding: 0.41em 3.5em;}
}

@-webkit-keyframes notice-me {
    0%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    40%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    50%{-webkit-transform:translate(15%,-50%);transform:translate(15%,-50%)}
    75%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    85%{-webkit-transform:translate(15%,-50%);transform:translate(15%,-50%)}
    100%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    }
    @keyframes notice-me {
    0%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    40%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    50%{-webkit-transform:translate(15%,-50%);transform:translate(15%,-50%)}
    75%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    85%{-webkit-transform:translate(15%,-50%);transform:translate(15%,-50%)}
    100%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
}