@font-face {



	font-family: aFont;



	src: url(fonts/Smoolthan_Regular.eot); /* EOT file for IE */



}



@font-face {



	font-family: aFont;



	src: url(fonts/Smoolthan_Regular.ttf); /* TTF file for CSS3 browsers */



}



@font-face {



	font-family: bFont;



	src: url(fonts/Smoolthan_Medium.eot); /* EOT file for IE */



}



@font-face {



	font-family: bFont;



	src: url(fonts/Smoolthan_Medium.ttf); /* TTF file for CSS3 browsers */



}



@font-face {



	font-family: cFont;



	src: url(fonts/swiss_bt_b.eot); /* EOT file for IE */



}



@font-face {



	font-family: cFont;



	src: url(fonts/swiss_bt_b.ttf); /* TTF file for CSS3 browsers */



}



@font-face {

	font-family: dFont;

	

	src: url(fonts/swiss_bt_r.eot); /*EOT file for IE */

		

}



@font-face {

	font-family: dFont;

	

	src: url(fonts/swiss_bt_r.ttf); /* TTF file for CSS3 browsers*/

}



body {

	font-family: dFont;

	background-color: white;

}







::-webkit-scrollbar-track



{



	border: none;



	background-color: transparent;



}







::-webkit-scrollbar



{



	width: 5px;



	background-color: transparent;



}







::-webkit-scrollbar-thumb



{



	background-color: #f57200;	



}



#topline {

	background-color: #f1ede6;

	padding-top: 25px;

	padding-bottom: 0px;

}



#topline a {

	color: black;

	font-size: 14px;

	font-family: cFont;

}



#topline .soctop a:hover   {

	color: #000000 !important;

	-webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}



#topline span {

	font-size: 40px !important;

	font-family: dFont;

	object-position: center !important;

	color: #333333 !important;

}





#head {

	background: linear-gradient(#7477DB,#2e3192,#2e3192);

	margin-bottom: 0px;

}



#head i {

	margin-top: -8px;

}







#head a {

	color: white;

	font-family: 16px;

	font-family: dFont;

	font-weight: bolder;

	padding: 15px 21px;

	-webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}

#head a:hover {

	color: #f57200;

	background: linear-gradient(#7477DB,#2e3192,#2e3192);

	-webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}



.dropdown-submenu {

    position: relative;

}





.dropdown-submenu:hover .dropdown-menu {

	display: block !important;

}



.dropdown-submenu .dropdown-menu {

    top: 0;

    left: 100%;

    margin-top: -1px;

	padding: 0px;

}



#head ul li:hover ul.dropdown-menu{

        display: block;	/* Display the dropdown */

    }

    

#head ul li ul.dropdown-menu li{

        display: block;

    }



#head .icon-bar {

	color: #FFF;



	border: thin solid #FFF;

}



.spec {

	margin-left: 140px;

}







.new {

	background-color: #cccccc;

	padding: 10px 0px;

	margin-top: -20px;

}



.droplist {

	padding: 0px;

	background: linear-gradient(#F7BA85,#f57200,#f57200) !important;

	-webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

	

}



.droplist a:hover {

	color: white !important;

	background: linear-gradient(#7477DB,#2e3192,#2e3192);

	-webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}



#startup {

	background-image: url('../images/bg.jpg');

	background-size: cover;

	background-repeat: no-repeat;

	

}



#startup button {

	background-color: #f57200;

	color: white;

	font-size: 14px;

	padding: 9px 11px;

	border: none;

	-webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}




#startup button.vote {

	background-color: #7477DB;
}



#startup button:hover.vote {

	background-color: #5E60B8;
}


#startup button:hover {

	background-color: #7477DB;

	color: white;

	font-size: 14px;

	padding: 9px 11px;

	border: none;

	-webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}









.wing {

	font-size: 14px;

	font-family: dFont;

	font-weight: bold;

	color: #333333;

	margin-top: -350px;

	text-shadow: none;

}



.wing h3 {

	font-size: 24px;

	color: black;

}



.wing h4 {

	font-size: 40px;

	color: #f57200;

	font-family: cFont;

}



#account {

	font-size: 14px;

	padding: 55px;

}



#account h3 {

	font-size: 18px;

	color: #f57200;

	font-family: cFont;

}



#account a {

	color: #e01822;

	text-decoration: underline;

}



#aboutarea {

	background-image: url(../images/aboutarea.jpeg);

	background-size: cover;

	background-repeat: no-repeat;

	padding: 45px;

	font-size: 15px;

}



#aboutarea .col-md-5{

	padding: 20px;

}



#aboutarea .col-md-5:hover{

	transform: scale(1.2);

	transition: .6s;

	background-color: hsla(48,100%,51%,0.60);

	border-radius: 25px;

}







#aboutarea h3 {

	font-size: 24px;

	font-family: cFont;

	text-align: center !important;

}



#aboutarea span {

	font-size: 18px;

	font-family: cFont;

}



.target:hover{

	opacity: 0.8;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}





#checkout-accordion {



}



#checkout-accordion .panel {



	margin-bottom: 15px;



	background: #FFF;



	border: none;



	border-radius: 0px;



	color: #333;



}



#checkout-accordion a {



	padding-left: 10px;



	color: #333;



}



#checkout-accordion a:hover {



	text-decoration: none;



	color: #000;



}



#checkout-accordion .accordion-body {



	background: #FFF;



	margin-bottom: -10px;



	margin-top: 0px;



	padding: 0px 0px;



	font-family: dFont;



	font-size: 15px;



}







#checkout-accordion .accordion-body ul {



	padding: 0px;



	list-style: none;



}



#checkout-accordion .accordion-body li {



	padding: 10px 18px;



	color: #333;



}



#checkout-accordion .accordion-body a {



	padding: 0px;



}







#checkout-accordion .indicator .icon {



	height: 15px;



	margin-top: 0px;



	position: absolute;



	top: 0px;



	width: 15px;



	right: 10px;



}



.accordion-head {

    color: white !important;

}



div.panel {

    background: linear-gradient(#F7BA85,#f57200,#f57200,#f57200,#f57200) !important;

    color: white !important;

    

}







#checkout-accordion .panel > .accordion-head .collapsed .indicator .icon .hr-line, .panel > .accordion-head .collapsed .indicator .icon .vr-line {



	background: url(../images/icon-plus.png) no-repeat top;



}



#checkout-accordion .indicator .icon .vr-line {



	display: block;



	transition: all 250ms ease 0s;



}



#checkout-accordion .indicator .icon .hr-line {



	background: url(../images/icon-minas.png) no-repeat top;



	display: block; 



	height: 15px;



	transition: all 250ms ease 0s;



	width: 15px;



}



#checkout-page .btn1 {



	font-family: dFont;



	background: #FFF;



	font-size: 14px !important;



	color: #333;



	border-radius: 0px;



	padding: 7px 38px;



	margin-top: 0px;



}



#checkout-accordion .panel > .accordion-head {



	color: #333;



	font-family: dFont;



	font-size: 18px;



	border-radius: 0px;



	padding-bottom: 15px;



	border-bottom: #BBB thin solid;



}



#checkout-accordion .panel > .accordion-head.collapsed { color: #333;}



#checkout-accordion .panel > .accordion-head.collapsed .indicator .icon .hr-line, .panel > .accordion-head.collapsed .indicator .icon .vr-line {background:url(../images/icon-plus.png) no-repeat top;}



#checkout-accordion .indicator .icon .vr-line {  display:block; transition:all 250ms ease 0s; }



#checkout-accordion .indicator .icon .hr-line {background:url(../images/icon-minas.png) no-repeat top; display: block; height:15px;  transition: all 250ms ease 0s; width: 15px;}







#checkout-accordion .panel > .accordion-head {display: block; position: relative; text-decoration: none; transition: all 250ms ease 0s;}





#stringer {

	background: linear-gradient(#7477DB,#2e3192,#262875);

	color: white;

}



#stringer h3 {

	font-size: 30px;

	color: white;

	font-family: dFont;

}



#stringer h4 {

	font-size: 48px;

	color: white;

	font-family: dFont;

}



#stringer button {

	border: none;

	background-color: #FDAF2D;

	font-size: 24px;

	color: white;

	padding: 9px 30px;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}



#stringer button:hover {

	background-color: #FD9E00;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}



#calculator {

	padding: 70px 10px;

}



#calculator .table {

	text-align: center;

}



#calculator .table th {

	text-align: center !important;

}



#newsletter {

	background-color: #262875;

	margin-top: 1px;

	padding: 15px;

	font-size: 14px;

	color: white;

	font-family: cFont;

	margin-bottom: 2px;

}



#newsletter h3 {

	font-size: 30px;

	font-family: cFont;

	color: white;

}



#newsletter input {

	width: 70%;

	padding: 15px 4px;

	color: black;

	font-family: dFont;

}



#newsletter button {

	border: none;

	background-color: #FDAF2D;

	font-size: 20px;

	color: white;

	padding: 15px 30px;

	padding-top: 11px;

	margin-top: 3px;

	margin-left: 0px;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}

#newsletter button:hover {

	

	background-color: #FD9E00;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}



#footer {

	background-color: #1d1d1d;

	color: white;

	padding: 25px;

	padding-bottom: 85px;

}



#joining {

	padding: 60px 30px;

}



#joining h4 {

	text-align: center;

	font-size: 30px;

}



#joining h4 span {

	border-bottom: 3px solid #262875;

	padding-bottom: 20px;

}



#joining h5 {

	padding: 45px 20px;

	padding-bottom: 10px;

	font-size: 20px;

}



#joining .list-group-item {

	border: none;

}



#footer a {

	color: white;

}



#footer h3 {

	font-size: 18px;

	font-family: cFont;

}





#copyright {

	background-color: #6f6f6f;

	color: white;

	font-size: 12px;

	padding: 25px 5px;

	font-family: cFont;

}



#banner {

	background-image: url(../images/banner13.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	margin-top: -20px;

}



.bantext {

	margin-top: 285px;

	background-color: hsla(28,100%,48%,0.80);

}



.bantext h1 {

	color: white;

	padding: 15px 5px;

	font-size: 30px;

	margin: 0px;

}



#inbody {

	padding: 45px 0px;

}



#inbody .list-group-item {

	border: none;

}



#boxes h3 {

	font-size: 30px;

	font-family: dFont;

	text-align: center;

	padding-bottom: 20px;

}



#boxes .bx1 {

	background-color: #F99600;

	color: white;

	border-radius: 7px;

	padding: 30px 19px;

	text-align: center;

	height: 200px;

	font-family: dFont;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}



#boxes .bx1:hover {

	background-color: #F99600;

	padding: 30px 19px;

	text-align: center;

	font-family: dFont;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

	box-shadow: 5px 10px 2px grey;

}



#boxes .bx2 {

	background-color: #06087D;

	color: white;

	padding: 30px 19px;

	border-radius: 7px;

	text-align: center;

	height: 200px;

	font-family: dFont;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}





#boxes .bx2:hover {

	background-color: #06087D;

	color: white;

	padding: 30px 19px;

	text-align: center;

	font-family: dFont;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

	box-shadow: 5px 10px 2px grey;

}



#boxes .bx3 {

	background-color: #6265C8;

	color: white;

	padding: 30px 19px;

	border-radius: 7px;

	text-align: center;

	height: 220px;

	font-family: dFont;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}



#boxes .bx3:hover {

	background-color: #6265C8;

	color: white;

	padding: 30px 19px;

	text-align: center;

	font-family: dFont;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

	box-shadow: 5px 10px 2px grey;

}



#boxes .bx4 {

	background-color: #FFCB05;

	color: white;

	padding: 30px 19px;

	border-radius: 7px;

	text-align: center;

	height: 220px;

	font-family: dFont;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}



#boxes .bx4:hover {

	background-color: #FFCB05;

	color: white;

	padding: 30px 19px;

	text-align: center;

	font-family: dFont;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

	box-shadow: 5px 10px 2px grey;

}



#inbody p {

	font-size: 19px;

	text-align: center;

	font-family: dFont;

}



#adventure {

	font-size: 16px;

	padding: 25px 15px;

}



#adventure h3 {

	font-size: 30px;

}



#adventure span {

	padding-bottom: 15px;

	border-bottom: 3px solid #2e3192;

}



#stories {

	font-size: 16px;

	padding: 45px 5px;

	padding-bottom: 100px;

	font-weight: 500;

}



#stories h3 {

	font-size: 30px

}



#stories img {

	margin: 0px;

}



#stories button {

	color: white;

	border: none;

	background-color: hsla(28,100%,48%,0.80);

	padding: 12px 35px;

	font-weight: bold;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}



#stories button:hover {

	color: white;

	border: none;

	background-color: hsla(28,100%,48%,1.00);

	padding: 12px 35px;

	font-weight: bold;

}



#login {

	padding: 5px 10px;

}



#login input {

	border: 1px solid hsla(19,89%,54%,0.90);

}



#login button {

	background-color: hsla(19,89%,54%,0.90);

	color: white;

}



.question {

	background-color: hsla(48,100%,51%,0.80);

	font-family: cFont;

	height: 59px;

	padding: 5px 9px;

	margin: 0px;

}



.answer {

	background-color: hsla(19,89%,54%,0.90);

	font-family: dFont;

	padding: 5px 9px;

	height: 140px;

	color: white;

}



#executives {

	padding: 50px 15px;

}



#product {

	background: #eee;

	padding: 100px 15px;

}

.product_list {

	background: #FFF;

	box-shadow: 2px 3px 10px 1px #AAA;

	padding: 30px 20px 10px;

	margin-bottom: 50px;

}

.product_list h3 {

	text-align: center;

	margin-top: 0px;

	font-size: 18px;

	font-family: dFont;

}

.product_list h5 {

	margin-top: 0px;

	text-align: right;

}

.product_list h4 {

	margin-bottom: 0px;

	margin-top: 20px;

	font-size: 15px;

	font-family: dFont;

}



#product thead {

	background: #FFF;

	vertical-align: inherit;

	text-align: center !important;

}

#product .total_area {

	padding-bottom: 18px !important;

}



#product .total_area, #do_action .chose_area {

	border: 1px solid #E6E4DF;

	color: #696763;

	padding: 30px;

	margin-bottom: 80px;

}



#product .total_area span {

	float: right;

}



#product .total_area ul {

	list-style: none;

	margin: 0px;

	margin-left: -40px

}

#product .total_area ul li {

	background:#E6E4DF;

	color: #696763;

	padding: 7px 20px;

}

#product .update, .check_out {

	background: #2F3192;

	border-radius: 0;

	color: #FFFFFF;

	margin-top: 18px;

	border: none;

	padding: 5px 15px;

}



#product .btn1 {

	font-family: dFont;

	background: #F26522;

	font-size: 14px !important;

	color: #FFF;

	border-radius: 0px;

	padding: 7px 38px;

	margin-top: 10px;

}

































#contact {

	padding: 45px 20px;

}



#contact input {

	border: 1px solid hsla(19,89%,54%,0.90);

}





#contact textarea {

	border: 1px solid hsla(19,89%,54%,0.90);

}



.leftcon button{

	background: none;

	color: hsla(19,89%,54%,1.00);

	padding: 15px 30px;

	font-size: 18px;

	border: 2px solid hsla(19,89%,54%,0.90);

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}



.leftcon button:hover {

	background-color: hsla(19,89%,54%,0.90);

	color: white;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}



.rightcon {

	background: linear-gradient(#F7BA85,#f57200,#f57200);

	padding: 25px 35px;

	color: white;

	border-top-right-radius: 35px;

	border-bottom-left-radius: 35px;

	margin-top: 35px;

}

.social {

	float: left;

	padding-top: 80px;

	display: none;

	padding-left: -30px;

    -webkit-transition: 0.5s all !important;

    -moz-transition: 0.5s all !important;

    -o-transition: 0.5s all !important;

}



.team:hover .social{

	display: block;

	margin-left: 70px;

	margin-right: -140px;

	text-decoration: none;

    -webkit-transition: 0.5s all !important;

    -moz-transition: 0.5s all !important;

    -o-transition: 0.5s all !important;

}



.team1:hover .social {

	display: block;

	margin-left: 5px !important;

	margin-right: -120px;

	text-decoration: none;

    -webkit-transition: 0.5s all !important;

    -moz-transition: 0.5s all !important;

    -o-transition: 0.5s all !important;

}



.team2:hover .social {

	display: block;

	margin-left: 5px !important;

	margin-right: -120px;

	text-decoration: none;

    -webkit-transition: 0.5s all !important;

    -moz-transition: 0.5s all !important;

    -o-transition: 0.5s all !important;

}



.team3:hover .social {

	display: block;

	margin-left: 5px !important;

	margin-right: -120px;

	text-decoration: none;

    -webkit-transition: 0.5s all !important;

    -moz-transition: 0.5s all !important;

    -o-transition: 0.5s all !important;

}



.team img {

	border: 5px solid #2E3092;

}





.team1 img {

	border: 5px solid #E11B22;

}



.title {

	background-color: #2E3092;

	padding: 9px 10px;

	margin-top: -35px;

	color: white;

	border-top-right-radius: 20px;

	border-bottom-left-radius: 20px;

}



.team1 .title {

	background-color: #E11B22;

	padding: 9px 10px;

	margin-top: -35px;

	color: white;

	border-top-right-radius: 20px;

	border-bottom-left-radius: 20px;

}



.slider {

  position: relative;

  height: 60vh;

  width: 100%;

}



.slider-item {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: 50% 50%;

  z-index: 0;

    background-color: #EEEEEE !important;

}



.slider-panel {

  position: absolute;

  bottom: 0;

  display: none;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  width: 100%;

  color: rgba(255, 255, 255, 0.7);

  z-index: 20;

}



.slider-panel__navigation {

  margin: 0 auto;

  padding: 10px;

  width: 70%;

  text-align: center;

}



.slider-panel__navigation i {

  margin: 0 3%;

  font-size: 15px;

}



.slider-panel__navigation i:hover, .slider-panel__navigation i:active {

  color: white;

  cursor: pointer;

}



.slider-panel__controls {

  margin: 0 auto;

  padding: 10px;

  width: 70%;

  text-align: center;

}



.slider-panel__controls i {

  margin: 0 4%;

  font-size: 40px;

}



.slider-panel__controls i:hover, .slider-panel__controls i:active {

  color: white;

  cursor: pointer;

}



.active {

  z-index: 10;

  -webkit-animation: 0.2s blur ease-in;

          animation: 0.2s blur ease-in;

}



@-webkit-keyframes circle {

  0% {

    -webkit-clip-path: circle(75%);

            clip-path: circle(75%);

  }

  100% {

    -webkit-clip-path: circle(0%);

            clip-path: circle(0%);

  }

}



@keyframes circle {

  0% {

    -webkit-clip-path: circle(75%);

            clip-path: circle(75%);

  }

  100% {

    -webkit-clip-path: circle(0%);

            clip-path: circle(0%);

  }

}



@-webkit-keyframes blur {

  0% {

    -webkit-filter: blur(10px);

            filter: blur(10px);

  }

  100% {

    -webkit-filter: blur(0);

            filter: blur(0);

  }

}



@keyframes blur {

  0% {

    -webkit-filter: blur(10px);

            filter: blur(10px);

  }

  100% {

    -webkit-filter: blur(0);

            filter: blur(0);

  }

}







.team button{

	border: 2px solid #2E3092;

	background: none;

	color: #2E3092;

	padding: 8px 15px;

}



 .team1 button {

	border: 2px solid #E11B22;

	background: none;

	color: #E11B22;

	padding: 8px 15px;

}



.team button:hover {

	background-color: #2E3092;

	color: white;

    -webkit-transition: 0.5s all !important;

    -moz-transition: 0.5s all !important;

    -o-transition: 0.5s all !important;

}



.team1 button:hover {

	background-color: #E11B22;

	color: white;

    -webkit-transition: 0.5s all !important;

    -moz-transition: 0.5s all !important;

    -o-transition: 0.5s all !important;

}





 .team2 button {

	border: 2px solid #F26622;

	background: none;

	color: #F26622;

	padding: 8px 15px;

}



.team2 img {

	border: 5px solid #F26622;

}



.team2 .title {

	background-color: #F26622;

	padding: 9px 10px;

	margin-top: -35px;

	color: white;

	border-top-right-radius: 20px;

	border-bottom-left-radius: 20px;

}



.team2 button:hover {

	background-color: #F26622;

	color: white;

    -webkit-transition: 0.5s all !important;

    -moz-transition: 0.5s all !important;

    -o-transition: 0.5s all !important;

}



 .team3 button {

	border: 2px solid #FFC100;

	background: none;

	color: #FFC100;

	padding: 8px 15px;

}



.team3 img {

	border: 5px solid #FFC100;

}



.team3 .title {

	background-color: #FFC100;

	padding: 9px 10px;

	margin-top: -35px;

	color: white;

	border-top-right-radius: 20px;

	border-bottom-left-radius: 20px;

}



.team3 button:hover {

	background-color: #FFC100;

	color: white;

    -webkit-transition: 0.5s all !important;

    -moz-transition: 0.5s all !important;

    -o-transition: 0.5s all !important;

}

.modal.and.carousel {

  position: fixed; 

}



#careers {

	text-align: left;

	padding: 70px 30px;

}



#schemes {

	padding: 70px 25px;

	font-size: 16px;

	font-family: dFont !important;

}



#schemes h3 span {

	font-size: 22px;

	border-bottom: 2px solid #242A93;

	padding-bottom: 15px;

}



#schemes h2 span {

	font-size: 18px;

	border-bottom: 2px solid #242A93;

	padding-bottom: 5px;

}



#schemes .btn1 {

	background-color: #E87714;

	color: white;

	border: none;

	padding: 12px 25px;

	border-radius: 3px;

}





#schemes th {

	padding: 8px;

}



#schemes td {

	padding: 8px;

}



#schemes thead {

	background-color: #2E3092;

	color: white;

}



#schemes tbody {

	background: linear-gradient(#FFCB05,#FFC100,#FAA61A,#F99500,#F26622,#F04900);

	color: white;

}



.inner  {

	margin-top: 200px;

	background-color: hsla(28,100%,48%,0.80);

	padding: 38px 0px;

	

}



.inner a {

	color: white;

	font-size: 24px;

	margin: 0px;

}



.image {

	padding: 15px;

	padding-bottom: 0px;

	background-image: url(../images/sidebar1.jpg);

	background-size: cover;

	background-repeat: no-repeat;

}



.image1 {

	background-image: url(../images/sidebar2.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	padding: 15px;

	padding-bottom: 0px;

}



.inner1 {

	margin-top: 200px;

	background-color: hsla(28,100%,48%,0.80);

	padding: 38px 0px;

}



.inner1 a{

	color: white;

	font-size: 24px;

	margin: 0px;

}



.sidenav a{

	padding-left: 25px;

	margin-left: -25px;

	font-family: dFont;

	color: #333333 !important;

	text-decoration: none;

}



.sidenav a:hover {

	padding-left: 25px;

	font-family: cFont;

	background-image: url(../images/oandocursor.png);

	background-repeat: no-repeat;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

}



.sidenavactive {

	padding-left: 25px;

	margin-left: -25px;

	font-family: dFont;

	background-image: url(../images/oandocursor.png);

	background-repeat: no-repeat;

}













@media (max-width: 736px) {

	

	.dropdown-submenu .dropdown-menu {

		margin-left: -400px;

		padding-bottom: 5px;

		padding-left: 80px;

		padding-right: -500px;

	}

	

	.dropdown-submenu .dropdown-menu a {

		padding-right: -300px

	}

	

	.navbar-header {

		float: left;

	}

	

	

	

	#header {

		float: none;

	}

	

	.spec {

		margin: 0px;

	}

	

	.new {

		margin-top: 0px;

	}

	

	#startup .carousel-caption {



		top: 25px;

		text-shadow: 0px 0px 0px #000000;



	}

	#head i {

		margin-top: 0px;

	}

	

	.question {

		height: 79px;

	}

	

	.answer {

		height: 160px;

	}



	#startup .carousel-indicators {



		display: none;



	}

	

	.wing {

		margin-top: -30px;

	}

	

	.wing span {

		display: none;

	}

	

	.wing h3 {

		font-size: 12px

	}

	

	.wing h4 {

		font-size: 15px;

	}

	

	#stringer {

		padding-bottom: 10px;

		text-align: center;

	}

	#newsletter {

		text-align: center;

		

	}

	

	#banner {

		margin-top: 0px;

	}

	#adventure span {

		border: none;

	}

	

	#adventure h3 {

		border-bottom: 3px solid #2e3192;

		padding-bottom: 15px;

	}

	

	#stories {

		text-align: center;

	}

	

	#stories button {

		margin-bottom: 5px;

	}

	

	#boxes .bx1 {

		height: 230px;

	}

	

	#boxes .bx2 {

		height: 230px;

	}

	

	#boxes .bx3 {

		height: 250px;

	}

	

	#boxes .bx4 {

		height: 250px;

	}

	

	#login h4 {

		text-align: center;

		padding: 0px 5px;

	}

	

	#joining h5 {

		padding: 38px 20px;

		padding-top: 55px;

	}

	

	#joining h4 span {

		border: none;

	}

	

	.team3:hover .social {

		margin-left: -5px !important;

	}

	

	.team2:hover .social {

		margin-left: -5px !important;

	}

	

	.team1:hover .social {

		margin-left: -5px !important;

	}

	

	.team:hover .social {

		margin-left: -5px !important;

	}

}















@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px)

and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */



		.team1:hover .social {

		margin-left: -5px !important;

	}

		.team2:hover .social {

		margin-left: -5px !important;

	}

		.team3:hover .social {

		margin-left: -5px !important;

	}

	.wing {

		margin-top: -220px;

	}

	



}







@media (min-device-width : 737px)

and	(max-device-width : 991px){

	

	 .navbar-header {

                float: left;

        }

        .navbar-toggle {

                display: block;

        }

        .navbar-collapse {

                border-top: 1px solid transparent;

                box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

        }

        .navbar-collapse.collapse {

                display: none!important;

        }

        .navbar-collapse.collapse.in {

            display: block!important;

        }

        .navbar-nav {

                float: none!important;

                margin: 7.5px -15px;

        }

        .navbar-nav>li {

                float: none;

        }

        .navbar-nav>li>a {

                padding-top: 10px;

                padding-bottom: 10px;

        }

    .navbar-form {

        padding: 10px 15px;

        margin-top: 8px;

        margin-right: -15px;

        margin-bottom: 8px;

        margin-left: -15px;

        border-top: 1px solid transparent;

        border-bottom: 1px solid transparent;

        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);

        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);

        width:auto;

        float:none!important;

    }

	

	

	

	#header {

		float: none;

	}

	

	.new {

		margin-top: 0px;

	}

	

	#banner {

		margin-top: 0px;

	}

	

	#account img {

		

	}

	

	#stringer {

		text-align: center;

		padding-bottom: 10px;

	}

	

	#stringer img {

		margin-left: auto;

		margin-right: auto;

	}

	

	#header ul {

		padding-top: 50px;

	}

	

	#newsletter {

		text-align: center;

	}

	#topline {

		margin-top: -100px

	}

	

	#stories{

		text-align: center;

	}

	

	#stories button {

		margin-bottom: 10px;

	}

	

	.spec {

		margin: 0px;

	}

	



	

}





@media only screen 

and (min-device-width : 737px) 

and (max-device-width : 767px) { /* STYLES GO HERE */





	



}





/* 

  ##Device = Low Resolution Tablets, Mobiles (Landscape)

  ##Screen = B/w 481px to 767px

*/



@media (min-width: 481px) and (max-width: 767px) {

  

	#header {

		float: none;

	}

	

	#header ul {

		padding-top: 50px;

	}

	

	#head i {

		margin-top: 0px;

	}

	

	.visible-sm-block {

		display: block !important;

	}

	

	.hidden-sm {

		display: none !important;

	}

	

	.wing {

		margin-top: 0px;

	}

	

	.wing span {

		display: block;

	}

	

	#joining h4 span {

		border: none;

	}

	.spec {

		margin: 0px;

	}

	

  

}