* { box-sizing:border-box; }
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
a{text-decoration:none;}
a:focus,a,a:hover{outline:none;}
body{font-family: 'Roboto', sans-serif;font-size:14px;font-weight:400;}
#mobile-menu{ display:none;}
.red{color:red;}
.blue{color:blue;}
.yellow{background-color:yellow;}
textarea{resize:none;}
.form-control{border-radius:0px;}


/*Navigation content*/

.navbar-default {background-color:transparent;border:none;z-index:999;}
.navbar.active {box-shadow:0px 3px 3px 3px rgba(102,102,102,0.2);background-color:#fff;}
#myNavbar{float: right; margin: 40px 135px 40px 0; /*40px 30px;*/}
#myNavbar li.menu > a {padding: 15px 9px;}
#myNavbar li.menu > a, #myNavbar .navbar-brand {color: #827c77;font-size:16px;font-weight:700;text-decoration: none;}
#myNavbar li.active > a,#myNavbar li.menu a:hover,#myNavbar li.menu a:focus{ color: #fd9743; background-color:transparent; }
ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus,.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background:transparent;}
.navbar ul li ul{ margin:0; opacity:0; visibility:hidden; position:absolute; z-index:10; top:65px;transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; background: #febe16;background: -webkit-linear-gradient(#febe16,#fe8f19);background: -o-linear-gradient(#febe16,#fe8f19); background: -moz-linear-gradient(#febe16,#fe8f19);background: linear-gradient(#febe16, #fe8f19);border-radius:4px;}
.navbar ul li ul li a{padding-left:20px;}
.navbar ul li ul li{border-bottom:1px solid #ffb65f;}
.navbar ul li ul li:last-child{border:none;}
.navbar ul li ul.secondLevel a{color:#fff;font-size:12px;text-decoration: none;}
.navbar ul li ul.secondLevel a:hover,.navbar ul li ul.secondLevel a:active{font-weight:800;color:#fff !important;}
.navbar ul li.submenu-one:hover>ul,.navbar ul li.submenu-one:focus>ul{ opacity:1; visibility:visible; top:38px;}
.dropdown-menu{border:none;}
.navbar ul li ul.thirdLevel {top: 0; left: 100%;}
.navbar ul li.submenu-two:hover>ul,.navbar ul li.submenu-two:focus>ul {opacity:1; visibility:visible;}


.navbar-nav > li > .dropdown-menu{margin-top:10px;}
.top-arrow{ width:20px; height:20px; display:block; background:url(../images/top-arrow.png) no-repeat center top; position:absolute; left:10px; top:-8px; margin:0 auto;}

/*social icon*/
.social-icon{margin-top:-80px;}
.social-icon a i {transition: all 0.2s ease-in-out;font-size:26px;}
.social-icon a i:hover,#footer a i:hover {opacity: .7;}

.fb-icon,.twitter-icon,.youtube-icon,.instagram-icon{margin-right:15px;}
.social-icon .fa-facebook,#footer .fa-facebook{color:#3b5998;}
.social-icon .fa-twitter,#footer .fa-twitter{color:#00aced;}
.social-icon .fa-youtube,#footer .fa-youtube{background:#db342e;color:#fff;}
.social-icon .fa-linkedin-square,#footer .fa-linkedin-square{color:#007bb6;}
.social-icon .fa-instagram,#footer .fa-instagram{color:#542920;}


/*footer content*/

#footer{background:url(../images/footer.png) no-repeat center top;padding-top:70px;margin-top:50px;padding-bottom:2px;}
#footer ul li{display:inline-block;list-style-type:none;margin-right:50px;}
#footer ul{text-align:center;}
.text{margin-top:26px;}
#footer .fa-facebook,#footer .fa-twitter,#footer .fa-linkedin-square,#footer .fa-instagram,#footer .fa-youtube{font-size:20px;}

.designed,.text a,.text a:hover,.text a:active{color:#949277;}
.designed p{margin-bottom:2px;}
.text a:hover,.text a:active{text-decoration:underline;}


/*affix*/

.affix-top,.affix{position: static;}

@media (min-width: 979px) {  
#myScrollspy.affix-top {position: static;margin-top:150px;width:228px;}
#myScrollspy.affix {position: fixed;top:150px;width:228px;}
}
#myScrollspy li.active { border:0 #eee solid;border-right-width:5px;}

.row.no-gutters {margin-right: 0;margin-left: 0;}
.row.no-gutters > [class^="col-"],.row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0;}


#popup {max-width: 480px; padding: 10px 10px 0;}
#popup h2 {font-family: 'Armata', sans-serif; font-size: 24px; margin-bottom: 25px; text-align: center; text-transform: uppercase;}
#popup p {margin-bottom: 15px; font-family: "Armata",sans-serif; color: #7a7a7a;}