/*-----------------------------------------------------------------------------------

    Template Name: Bizz One Page Business Template 
    Template URI: http://rockstheme.com
    Description: This is html5 template
    Author: Selfdesign_theme
    Author URI: http://rockstheme.com
    Version: 1.0

-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------  
     CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
	2. Header Area
	   2.1 Stick menu Area
	3. About Area
    4.Counter Area
    5.Services Area
    6.Portfolio Area
    7.FAQ Area
    8.Team Area
    9.Skill Area
    10.Pricing Area
    11. Testimonials area
    12. Blog Area
    13. Client area
    14. Contact area
    15.Footer Area
    16.Home Page-2 Area
    17.Blog CSS
    18.Blog Details CSS
    19.Modal CSS
    
-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  Google Fonts
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700|Raleway:300,400,400i,500,500i,700,800,900');

@font-face {
    font-family: 'Cordia New';
    src: url('fonts/CordiaNew.eot');
    src: url('fonts/CordiaNew.eot?#iefix') format('embedded-opentype'),
        url('fonts/CordiaNew.woff2') format('woff2'),
        url('fonts/CordiaNew.woff') format('woff'),
        url('fonts/CordiaNew.ttf') format('truetype'),
        url('fonts/CordiaNew.svg#CordiaNew') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Trajan Pro';
    src: url('fonts/TrajanPro-Bold.eot');
    src: url('fonts/TrajanPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/TrajanPro-Bold.woff2') format('woff2'),
        url('fonts/TrajanPro-Bold.woff') format('woff'),
        url('fonts/TrajanPro-Bold.ttf') format('truetype'),
        url('fonts/TrajanPro-Bold.svg#TrajanPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {
	height: 100%;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.alignleft {
	float:left;
	margin-right:15px;
	margin-bottom: 15px;
}
.alignright {
	float:right;
	margin-left:15px;
	margin-bottom: 15px;
}
.aligncenter {
	display:block;
	margin:0 auto 15px;
}
a:focus {
	outline:0px solid;
}
img {
	max-width:100%;
	height:auto;
}
.fix {
	overflow:hidden;
}
p {
	margin:0 0 15px;
    color: #444;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Cordia New', sans-serif;
	margin: 0 0 15px;
	color: #444;
    font-weight: 500;
}
h1{
	font-size: 48px;
	line-height: 50px;
		
}
h2{
	font-size: 38px;
	line-height: 40px;
		
}
h3{
	font-size: 30px;
	line-height: 32px;
		
}
h4{
	font-size: 24px;
	line-height: 26px;
		
}
h5{
	font-size: 20px;
	line-height: 22px;
		
}
h6{
	font-size: 16px;
	line-height: 20px;
		
}
a {
	transition: all 0.3s ease 0s;
	text-decoration:none;
}
a:hover {
  color: #3EC1D5;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0 none;
}
body {
	background: #f5f5f5 none repeat scroll 0 0;
	color: #444;
    font-family: 'Cordia New', sans-serif;
	font-size: 14px;
	text-align: left;
	overflow-x: hidden;
	line-height: 22px;
}
.navbar-header a.navbar-brand img{
	    width: 350px;
}
.nivoSlider {
    height: 100%;
}
header .container, .slides .container{
    width: 1260px;
}
.preview-2 .nivoSlider .nivo-directionNav a.nivo-nextNav,  {
    display:none;
}
.whatsapp-button {
    z-index: 100;
}
#scrollUp {
  background: #000 none repeat scroll 0 0;
  bottom: 80px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  color: #fff;
  font-size: 20px;
  height: 34px;
  line-height: 30px;
  opacity: 0.6;
  right: 15px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 34px;
}
#scrollUp:hover {
    background: #3EC1D5;
    opacity: 1;
}
.clear{
	clear:both;
}
ul{
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"]{
	-moz-appearance: none;
	box-shadow: none !important;
}
input:focus{
  outline: none ;
}
div#preloader { 
	position: fixed;
	left: 0; 
	top: 0; 
	z-index: 99999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #fff url('img/logo/preloader.gif') no-repeat center center;
}

::-moz-selection {
    background: #2a4698;
	color:#ffffff;
    text-shadow: none;
}
::selection {
    background: #2a4698;
    text-shadow: none;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.area-padding{
	padding: 70px 0px;
}
.area-padding-2{
    padding: 70px 0px 50px;
}
.padding-2{
    padding-bottom: 90px;
}
.section-headline {
    margin-bottom: 40px;
}
.section-headline h2,
.section-2 h2{
    display: inline-block;
    font-size: 40px;
    font-weight: 600;
    padding-bottom: 20px;
    position: relative;
    text-transform: capitalize;
    margin-bottom: 0px;
}
.section-headline h2::after,
.section-2 h2::after{
    border: 2px solid #3EC1D5;
	bottom:0px;
	content: "";
	left: 0;
	margin: 0 auto;
	position: absolute;
	width: 80px;
}
.section-headline.head-2 h2::after {
    left: 0;
    margin: 0 auto;
    position: absolute;
    width: 80px;
    right: 0;
}
.section-headline.white-headline h2{
  color:#fff;
}
.section-headline.white-headline h2::after {
    border: 2px solid #3EC1D5;
    bottom: -3px;
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    width: 80px;
}
hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #eee;
}
.sec-head {
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 0;
  padding: 0 0 10px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}
.section-2 p {
    margin-top: 20px;
    margin-bottom: 0;
}
/*--------------------------------*/
/*  2. Header top Area
/*--------------------------------*/
header{
	width: 100%;
    margin: 0 auto;
}
.header-area {
    position: absolute;
    top: 0;
    height: auto;
    background:transparent;
    z-index: 9;
	width: 100%;
    margin: 0 auto;
}
.navbar-header a.navbar-brand {
	display: inline-block;
	height: 96px;
	padding: 0;
	margin-top: 20px;
}
.main-menu ul.navbar-nav li {
	display: inline-block;
	padding: 0px 13px;
}
.navbar-nav .fa{
	color: #ffffff;
	font-size: 15px;
    background: #273374;
    width: 24px;
    height: 24px;
    line-height: 26px;
    margin-right: 5px;
    text-align: center;
    border-radius: 18px;
	margin-top: -4px;
}
.main-menu ul.navbar-nav li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #2a4698;
    font-size: 12px;
    font-weight: 400;
    padding: 33px 0px;
    text-transform: inherit;
    font-family: arial, sans-serif;
}
.main-menu ul.navbar-nav li.active a:hover {
	background: none;
    color:#2a4698; 
}
.main-menu ul.navbar-nav li.active a:focus {
    color: #2a4698;
}
.main-menu ul.navbar-nav li.active a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #2a4698;
	position: relative;
}
.main-menu ul.navbar-nav li a:hover {
    color:#2a4698;
}
.navbar {
	border: medium none;
	margin-bottom: 0;
}
.navbar-default {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.main-menu ul.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background: none;
    color:#000000;
}
.navbar-default .navbar-toggle {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	padding: 25px 0px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	background-color: transparent;
    color: #000000;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background: none;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #2a4698;
	width: 30px;
	height: 2px;
}
.top-right.text-right {
    float: right;
    position: relative;
    top: 0px;
    margin-left: 20px;
    z-index: 9;
}
.top-right.text-right > li {
	float: right;
	margin: 0px 8px;
}
.top-right.text-right li a {
    color: #fff;
    cursor: pointer;
}
.top-right.text-right li a:hover {
    color: #3EC1D5;
}
/*--------------------------------*/
/* 2.1. Stick menu
/*--------------------------------*/
.header-area.stick {
	background-color:rgba(255,255,255,0.80);
	height: 86px;
	position: fixed;
	top: 0;
	z-index: 999999;
	width: 1170px;
    margin: 0 auto;
	display:none;
}
.stick .navbar-header a.navbar-brand {
	display: inline-block;
	height: 86px;
}
.stick .navbar-brand > img {
	display: none;
}
.stick .navbar-brand.sticky-logo > img {
	display: block;
}
.stick .main-menu ul.nav > li > a:hover {
	color:#fff;
}
.stick .main-menu ul.navbar-nav li.active a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #2a4698;
	position: relative;
}
.stick .mainmenu ul#nav >li:hover>a,.stick .mainmenu ul#nav li .mega-menu,.stick .mainmenu ul#nav li ul.sub-menu{
	background-color: #f5f5f5;
	color: #fff;
	outline: medium none;
}
.stick .mainmenu ul#nav li:hover ul.sub-menu li a:hover,.mainmenu ul#nav li .mega-menu span>a:hover,.stick .mainmenu ul#nav li .mega-menu-shop a.mega-menu-title:hover{
	color:#fff;
}
.stick .logo {
	height: 20px;
}
.stick .logo a{
	margin-top:0px;
}
.stick .navbar-default .navbar-toggle .icon-bar {
	background-color: #2a4698;
	width: 30px;
	height: 2px;
}
.stick .navbar-default .navbar-toggle {
	padding: 10px 0px;
}
.nivo-controlNav {
	display: none;
}
.slide-form{
	display: inline-block;
    position: absolute;
    float: right;
    right: 4%;
    top: 13%;
    z-index: 9;
    width: 307px;
    height: 285px;
}
.slide-form h2{
	font-size: 25px;
    line-height: 27px;
    color: #ffffff;
    padding: 15px 0px 0px 0px;
    margin-bottom: 10px;
    text-align: center;
    font-family: 'Trajan Pro';
}
.slide-form form{
	padding: 0px 0px 0px 0px;
	text-align: center;
}
input[type="text"], input[type="email"], input[type="number"], input[type="textarea"]{
	margin-bottom: 10px;
    width: 100%;
    border-radius: 0px;
    background-color: #11205e;
    border: 1px solid #11205e;
    padding: 6px 8px;
	font-size: 22px;
	text-transform: uppercase;
    min-height: 48px;
    color: #ffffff;
}
input[type="textarea"]{
	min-height: 80px;
}
input[type="submit"] {
	width: 138px;
    padding: 6px 16px;
    margin-left: 0;
    margin-top: 6px;
    font-size: 27px;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    color: #ffffff;
    background: #c41230;
	box-shadow: 4px 4px 0px 0px rgb(203 190 190 / 16%) !important;
-webkit-box-shadow: 4px 4px 0px 0px rgb(203 190 190 / 16%) !important;
-moz-box-shadow: 4px 4px 0px 0px rgb(203 190 190 / 16%) !important;
}
::placeholder {
  color: #ffffff;
  opacity: 0.7; /* Firefox */
}
.mobile-slide {
    display: none;
}
.slides .container{

}
.slides h2 {
    font-size: 36px;
    font-weight: bold;
    font-family: 'Trajan Pro';
    color: #20358c;
    top: 32%;
    position: absolute;
    line-height: 49px;
}
/*--------------------------------*/
/*  3.About Area
/*--------------------------------*/
.about-inner{
	
}
.about-inner h3{
	margin: 0;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Trajan Pro';
    color: #20358c;
	margin-bottom: 12px;
}
.about-inner p{
	font-size: 28px;
    line-height: 28px;
}
.about-area .row{
	padding: 0px 0px 0px 0px;
	margin-top:46px;
}
.panel-heading {
  position: relative;
}
.panel-heading[data-toggle="collapse"]:after {
  font-family: 'Glyphicons Halflings';
  content: "\e114"; /* "play" icon */
  position: absolute;
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
  right: 20px;
  top: calc(50% - 10px);

  /* rotate "play" icon from > (right arrow) to down arrow */
  -webkit-transform: rotate(180deg);
  -moz-transform:    rotate(180deg);
  -ms-transform:     rotate(180deg);
  -o-transform:      rotate(180deg);
  transform:         rotate(180deg);
}
.panel-heading[data-toggle="collapse"].collapsed:after {
  /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
  -webkit-transform: rotate(0deg);
  -moz-transform:    rotate(0deg);
  -ms-transform:     rotate(0deg);
  -o-transform:      rotate(0deg);
  transform:         rotate(0deg);
  color: #20358c;
}
.panel-default {
    border-color: #fff;
}
.panel-heading.accordion-toggle.collapsed .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    color: #20358c;
    font-family: 'Trajan Pro';
    min-width: 128px;
    padding-left: 30px;
}
.panel-heading.accordion-toggle .panel-title{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    color: #ffffff;
    font-family: 'Trajan Pro';
    min-width: 128px;
    padding-left: 30px;
}
.panel-group .panel .panel-heading.accordion-toggle.collapsed p{
	color: #20358c;
    padding: 0px 70px;
    font-size: 25px;
    font-weight: bold;
	margin-bottom: 0;
}
.panel-group .panel .panel-heading.accordion-toggle p {
	color: #ffffff;
    padding: 0px 50px;
    font-size: 25px;
    font-weight: bold;
	margin-bottom: 0;
}
.panel-heading.accordion-toggle {
	display: flex;
    align-content: center;
    flex-direction: row;
    align-items: center;
	background-color: #20358c;
    border-color: #20358c;
    color: #ffffff !important;
	cursor: pointer;
}
.panel-heading.accordion-toggle.collapsed {
	display: flex;
    align-content: center;
    flex-direction: row;
    align-items: center;
	background-color: #ffffff;
    border-color: #fff;
	cursor: pointer;
}
.panel-body {
    background-color: #20358c;
    border-top-color: #20358c !important;
}
.panel-body p {
    color: #ffffff;
    font-size: 24px;
}
/*--------------------------------*/ 
/*  4. Links Area
/*--------------------------------*/
.links-inner {
    background: #ffffff;
	display: inline-block;
    width: 100%;
	margin-bottom: -8px;
}
.links-inner p{
	background-image: url(img/heading-bg.png);
    background-repeat: no-repeat;
    color: #ffffff;
    float: left;
    margin: 0;
    padding: 8px 76px 8px 40px;
    line-height: 16px;
    font-size: 18px;
}
.links-inner ul{
    
}
.links-inner ul li{
    float: left;
    padding: 12px 38px;
    font-size: 17px;
    font-weight: bold;
}
.links-inner ul li a{
    color: #2a4698;
	pointer-events: none;
}
.links-inner ul li a:hover{
    color: #2a4698;
}
/*--------------------------------*/
/* 5.products Area
/*--------------------------------*/
.products{
	width: 1170px;
    min-height: 437px;
	background-color:#ffffff;
}
.w3-bar.w3-black {
    display: flex;
    flex-direction: row;
	margin-bottom: 7px;
}
a.custombutton.parallelogram {
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Trajan Pro';
    color: #20358c;
    padding: 15px 9px 15px 9px;
    min-width: 145px;
    text-align: center;
}
a.custombutton.parallelogram.active{
	background: #20358c;
	color: #ffffff;
}
/* parallelogram button CSS */

.custombutton {
	background: rgb(239,239,239);
	background: linear-gradient(90deg, rgba(239,239,239,1) 0%, rgba(239,239,239,1) 50%, rgba(255,255,255,1) 100%);
	display:inline-block;
	font-size:1em;
	font-family: sans-serif;
	padding:.5em 2em;
	text-decoration:none;
	color: white;
}

/* .button:hover {

  box-shadow: 0 0 0 ;
} */

.parallelogram{
  transform: skew(-20deg);
}

.parallelogram:hover {
  color: black;
}

.parallelogram:active{
  tranform:skew(-20deg);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
  color: black;
}

.skew-fix{
  display:inline-block;
  transform: skew(20deg);
}
.product-inner {
    display: flex;
    align-items: center;
    padding: 15px 35px;
    background: #ffffff;
}
.product-inner h3{
	font-family: 'Trajan Pro';
    font-size: 19px;
    color: #20358c;
    margin-bottom: 20px;
}
.product-inner p{
	margin-bottom: 5px;
    line-height: 25px;
    font-size: 25px;
}
.product-inner ul{
	margin: 0;
    padding: 0;
    line-height: 25px;
    padding-left: 19px;
    font-size: 25px;
}
.product-inner ul li{
	list-style: disc !important;
}
.products-tabs{
	margin-bottom:15px;
}
.white-bg {
    background-color: #ffffff;
    display: inline-block;
    padding: 27px;
    margin-bottom: 30px;
}
.white-bg .about-inner h3{
	font-size: 18px;
}
.white-bg .about-inner p {
    font-size: 25px;
    line-height: 26px;
}
/*----------------------------------------
5.1.Video Area 
----------------------------------------*/
.video-area{
    background: url(img/bottom-video.jpg);
    background-repeat: no-repeat;
	padding: 27px 0px;
}
.video-area .row{
    background: #f5f5f5;
}
.v-title {
    color: #2a4698;
    font-family: 'Trajan Pro';
    font-size: 13px;
    text-align: center;
    margin-top: 15px;
}
.video-features  .row img{
	margin-bottom: 20px;
}
/*----------------------------------------*/
/*  15. Footer Area
/*----------------------------------------*/
.footer-area {
  padding: 40px 0;
  background: #393c46;
}
.footer-area a{
	color:#ffffff;
}
.footer-head p {
  color: #ffffff;
  margin: 0 0 2px;
  font-size: 16px;
}
.footer-head h4 {
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: uppercase;
	text-decoration: underline !important;
}
.footer-img {
  padding-bottom: 20px;
}

.footer-icons ul li {
    display: inline-block;
}
.footer-icons ul li a {
    border: 1px solid #3EC1D5;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 34px;
    line-height: 32px;
    margin-right: 5px;
    text-align: center;
    width: 34px;
    background: #3EC1D5;
}
.footer-icons ul li a:hover{
    border: 1px solid #3EC1D5;
    color: #fff;
    background: rgba(62, 193, 213,0.70);
}
.flicker-img > a {
  float: left;
  padding: 1px;
  width: 33.33%;
}
.footer-icons {
  margin-top: 30px;
}
.footer-contacts p span {
  color: #ffffff;
  font-weight: 700;
}
.footer-content {
  display: block;
  overflow: hidden;
}
.suscribe-input input {
    background: #fff;
    border: medium none;
    color: #444;
    font-size: 15px;
    line-height: 24px;
    padding: 11px 15px;
    height: 42px;
    border-radius: 0;
    width: 100%;
    border: 1px solid #ddd;
}
.suscribe-input button {
    background: #3EC1D5;
    border: 1px solid #3EC1D5;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    -webket-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
    margin-top: 15px;
}
.suscribe-input button:hover{
    background:rgba(62, 193, 213,0.70);
    color: #fff;
    -webket-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
}
.footer-area-bottom {
  background: #f1f1f1 none repeat scroll 0 0;
  padding: 15px 0;
}
.copyright-text a:hover{text-decoration: underline;color:#3EC1D5;}
.copyright-text a {
  color: #444;
}
.copyright > p {
  margin-bottom: 0;
  color: #444;
}
.copyright a {
  color: #3EC1D5;
}
/*----------------------------------------*/
/*  16.Home Page 2  CSS
/*----------------------------------------*/
.header-bg {
  background: url(img/slider/slider1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.header-bg.home-2{
    width: 100%;
    height: 100%;
    position: relative;
}
.home-overly {
    background: rgba(0,0,0,0.50);
    height: 100%;
    position: absolute;
    width: 100%;
}
.home-2 .layer-1-3,.home-3 .layer-1-3 {
    margin: 10px 0 0;
}
/*----------------------------------------*/
/*  17.Home Page 3  CSS
/*----------------------------------------*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    text-decoration: none !important;
    list-style: none !important;
    outline: none !important;
}

/*----------------------------------------
19.ModalCSS
----------------------------------------*/
.modal-content {
    background-clip: padding-box;
    background-image:url(img/background/g1.jpg);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    position: relative;
}
.o-form{
    color: #444;
    font-weight: 700;
    margin-bottom: 0;
    padding: 20px 0;
    text-transform: uppercase;
}
.section-headline.white-head > h2 {
    color: #fff;
}
.suscribe-form {
    margin: 60px 30px 20px 0px;
}
.modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999999;
}
.modal-body {
    position: relative;
    padding: 30px;
}
input.form-quote {
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px 15px;
    margin: 5px 0px;
    background: #fff;
}
textarea.form-quote.quote-message {
    border: 1px solid #ccc;
    width: 100%;
    height: 150px;
    margin: 5px 0px;
    padding: 10px 15px;
}
.quote-icon {
    display: inline-block;
}
.quote-icon i{
    font-size: 40px;
    color: #333;
    margin-bottom: 15px;
}
.quote-icon {
    width: 50%;
    float: left;
}
.call-icon p {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
}
button.quote-btn {
    background: #3EC1D5;
    border: 1px solid #3EC1D5;
    color: #fff;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 600;
}

/*----------------------------------------
.End CSS
----------------------------------------*/

@media only screen and (max-width : 767px) {
.navbar-header a.navbar-brand img {
    width: 90% !important;
}
	header .container {
    width: 100%;
	background:#ffffff;
}
	 a.w3-bar-item.w3-button {
    float: left;
    width: 33%;
    cursor: pointer;
}
.slide-form {
    display: inline-block;
    position: relative;
    float: right;
    right: 0;
    margin-top: 10px;
    z-index: 9;
    width: 100%;
    padding: 20px 12px;
    height: auto;
}
.slides {
}
.nivoSlider img {
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: none;
    height: 100%;
    min-height: 690px;
}
    }
 @media only screen and (max-width : 680px) {
.slides h2 {
	display:none;
}
img.desktopimg {
    display: none;
}
header .container, .slides .container {
    width: 100%;
}
img.mobileimg {
    display: block !important;
    padding-top: 80px;
}
a.custombutton.parallelogram {
    padding: 7px 23px 7px 23px;
}
.panel-heading.accordion-toggle.collapsed {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border-color: #fff;
    cursor: pointer;
    align-content: flex-start;
    align-items: flex-start;
}
.panel-heading.accordion-toggle{
	display: flex;
    flex-direction: column;
    cursor: pointer;
    align-content: flex-start;
    align-items: flex-start;
}
.panel-group .panel .panel-heading.accordion-toggle.collapsed p, .panel-group .panel .panel-heading.accordion-toggle p {
    padding: 0px 30px;
}
.panel-body p {
    color: #ffffff;
    font-size: 24px;
    padding-left: 30px;
}
.w3-bar.w3-black {
    display: flex;
    flex-direction: column;
    margin-bottom: 7px;
	padding: 0px 19px;
}
.product-inner {
    display: inline-block;
    padding: 15px 15px;
}
a.custombutton.parallelogram{
	margin-bottom:3px;
}
.slider-area, .products {
    width: 100% !Important;
    min-height: 590px;
	background-color: #283583;
	display: flex;
}
.navbar-header a.navbar-brand {
    height: 90px;
    margin-top: 8px;
}
a.navbar-brand.page-scroll.sticky-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}
 }