@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Dosis:400,700,300,500);
@import url("services.css");
@import url("categories_menu.css");

@charset "UTF-8";
a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    outline: none;
}

a:focus, li{
    
    border:none;
    border:0;
    outline: none;
    }

.btn-wrap {

    float: left;
    text-align: center;
    white-space: normal;
    

}

.service_link h3 a {
    color: #010077;
    text-decoration: none;
}
.service_link h3 a:focus, .service_link h3 a:hover, .service_link i:hover {

    cursor: pointer;
    cursor: hand;
    color: #010077;
    text-decoration: none;

}

.top_menu_shopping{
    
    display: table;
    
}

h1 h2 h3 h4 h5 h6 {
    font-family: 'Roboto', sans-serif;
    letter-spacing: normal;
}
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300; 
    background-color: #fff;
}
img {
    max-height:100%;
    max-width:100%;
    border:none !important;
    outline:none;
}
.logo-img {
    width:auto !important;
}
/*colour for text*/

.text-theme-primary {
    color:#003082;
}

.text-theme-primary:hover i{ color: #010077; }


.text-theme-primary a {
    color:#010077;
    cursor: pointer;
    text-decoration: none;
}

.text-theme-accent {
    color:#010077;
}
.text-theme-accent a {
    color:#003082;
    cursor: pointer;
    text-decoration: none;
}

.toolbar-colour{
    background: #f8f8f8;

}

.text-theme-red {
    color:#b70404;
}
.text-theme-black {
    color:#000000;
}
.text-theme-gray {
    color:#737373;
}

a:hover span.text-theme-gray{
    color:#e5324b;
}

.text-theme-white {
    color:#ffffff;
}

.about_bg{
    background:#f1f1f1;
}

.aboutimage_bg {
    background-color: #010077;
}

.text-format {
   word-break: break-all;
}


.form-align {
    margin: 0;
    padding:0;
    width: 100%;
    display: block;
    list-style: none;
}

.form-align li {
    width: auto;
    float: left;
    margin: 0 2px 0 0;
    padding:0;
}


.top-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    width: 100%;
    height: 190px;
    background:#fff;
    border-bottom: solid 1px #ccc;
}




/* kenBurns animations, very basic */
@-webkit-keyframes left-right {
    0% {
        -moz-transform: translateY(-20%) translateX(-10%);
        -ms-transform: translateY(-20%) translateX(-10%);
        -webkit-transform: translateY(-20%) translateX(-10%);
        transform: translateY(-20%) translateX(-10%);
    }
    100% {
        -moz-transform: translateY(0%) translateX(10%);
        -ms-transform: translateY(0%) translateX(10%);
        -webkit-transform: translateY(0%) translateX(10%);
        transform: translateY(0%) translateX(10%);
    }
}
@-moz-keyframes left-right {
    0% {
        -moz-transform: translateY(-20%) translateX(-10%);
        -ms-transform: translateY(-20%) translateX(-10%);
        -webkit-transform: translateY(-20%) translateX(-10%);
        transform: translateY(-20%) translateX(-10%);
    }
    100% {
        -moz-transform: translateY(0%) translateX(10%);
        -ms-transform: translateY(0%) translateX(10%);
        -webkit-transform: translateY(0%) translateX(10%);
        transform: translateY(0%) translateX(10%);
    }
}
@-ms-keyframes left-right {
    0% {
        -moz-transform: translateY(-20%) translateX(-10%);
        -ms-transform: translateY(-20%) translateX(-10%);
        -webkit-transform: translateY(-20%) translateX(-10%);
        transform: translateY(-20%) translateX(-10%);
    }
    100% {
        -moz-transform: translateY(0%) translateX(10%);
        -ms-transform: translateY(0%) translateX(10%);
        -webkit-transform: translateY(0%) translateX(10%);
        transform: translateY(0%) translateX(10%);
    }
}
@keyframes left-right {
    0% {
        -moz-transform: translateY(-20%) translateX(-10%);
        -ms-transform: translateY(-20%) translateX(-10%);
        -webkit-transform: translateY(-20%) translateX(-10%);
        transform: translateY(-20%) translateX(-10%);
    }
    100% {
        -moz-transform: translateY(0%) translateX(10%);
        -ms-transform: translateY(0%) translateX(10%);
        -webkit-transform: translateY(0%) translateX(10%);
        transform: translateY(0%) translateX(10%);
    }
}
@-webkit-keyframes right-left {
    0% {
        -moz-transform: translateY(0%) translateX(10%);
        -ms-transform: translateY(0%) translateX(10%);
        -webkit-transform: translateY(0%) translateX(10%);
        transform: translateY(0%) translateX(10%);
    }
    100% {
        -moz-transform: translateY(-20%) translateX(-10%);
        -ms-transform: translateY(-20%) translateX(-10%);
        -webkit-transform: translateY(-20%) translateX(-10%);
        transform: translateY(-20%) translateX(-10%);
    }
}
@-moz-keyframes right-left {
    0% {
        -moz-transform: translateY(0%) translateX(10%);
        -ms-transform: translateY(0%) translateX(10%);
        -webkit-transform: translateY(0%) translateX(10%);
        transform: translateY(0%) translateX(10%);
    }
    100% {
        -moz-transform: translateY(-20%) translateX(-10%);
        -ms-transform: translateY(-20%) translateX(-10%);
        -webkit-transform: translateY(-20%) translateX(-10%);
        transform: translateY(-20%) translateX(-10%);
    }
}
@-ms-keyframes right-left {
    0% {
        -moz-transform: translateY(0%) translateX(10%);
        -ms-transform: translateY(0%) translateX(10%);
        -webkit-transform: translateY(0%) translateX(10%);
        transform: translateY(0%) translateX(10%);
    }
    100% {
        -moz-transform: translateY(-20%) translateX(-10%);
        -ms-transform: translateY(-20%) translateX(-10%);
        -webkit-transform: translateY(-20%) translateX(-10%);
        transform: translateY(-20%) translateX(-10%);
    }
}
@keyframes right-left {
    0% {
        -moz-transform: translateY(0%) translateX(10%);
        -ms-transform: translateY(0%) translateX(10%);
        -webkit-transform: translateY(0%) translateX(10%);
        transform: translateY(0%) translateX(10%);
    }
    100% {
        -moz-transform: translateY(-20%) translateX(-10%);
        -ms-transform: translateY(-20%) translateX(-10%);
        -webkit-transform: translateY(-20%) translateX(-10%);
        transform: translateY(-20%) translateX(-10%);
    }
}
/* added to the original element calling slippry */
.sy-box.sy-loading {
    background: url("../../images/sy-loader.gif") 50% 50% no-repeat;
    -moz-background-size: 32px;
    -o-background-size: 32px;
    -webkit-background-size: 32px;
    background-size: 32px;
    min-height: 40px;
}
.sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager {
    visibility: hidden;
}
/* element that wraps the slides */
.sy-slides-wrap {
    position: relative;
    height: 100%;
    width: 100%;
}
.sy-slides-wrap:hover .sy-controls {
    display: block;
}
/* element that crops the visible area to the slides */
.sy-slides-crop {
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
}
/* list containing the slides */
.sy-list {
    width: 100%;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
}
.sy-list.horizontal {
    -moz-transition: left ease;
    -o-transition: left ease;
    -webkit-transition: left ease;
    transition: left ease;
}
.sy-list.vertical {
    -moz-transition: top ease;
    -o-transition: top ease;
    -webkit-transition: top ease;
    transition: top ease;
}
/* single slide */
.sy-slide {
    position: absolute;
    width: 100%;
    z-index: 2;
}
.sy-slide.kenburns {
    width: 140%;
    left: -20%;
}
.sy-slide.kenburns.useCSS {
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
    -webkit-animation-name: left-right;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: left-right;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: left-right;
    -o-animation-fill-mode: forwards;
    animation-name: left-right;
    animation-fill-mode: forwards;
}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
    -webkit-animation-name: right-left;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: right-left;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: right-left;
    -o-animation-fill-mode: forwards;
    animation-name: right-left;
    animation-fill-mode: forwards;
}
.sy-slide.sy-active {
    z-index: 3;
}
.sy-slide > img {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    border: 0;
}
.sy-slide > a {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
}
.sy-slide > a > img {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    border: 0;
}
/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {
    display: none;
    list-style: none;
    height: 100%;
    width: 100%;
    position: absolute;
    padding: 0;
    margin: 0;
}
.sy-controls li {
    position: absolute;
    width: 10%;
    min-width: 4.2em;
    height: 100%;
    z-index: 33;
}
.sy-controls li.sy-prev {
    left: 0;
    top: 0;
}
.sy-controls li.sy-prev a:after {
    background-position: -5% 0;
}
.sy-controls li.sy-next {
    right: 0;
    top: 0;
}
.sy-controls li.sy-next a:after {
    background-position: 105% 0;
}
.sy-controls li a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999px;
}
.sy-controls li a:link, .sy-controls li a:visited {
    opacity: 0.4;
}
.sy-controls li a:hover, .sy-controls li a:focus {
    opacity: 0.8;
    outline: none;
}
.sy-controls li a:after {
    content: "";
    background-image: url("../images/arrows.svg");
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    text-align: center;
    text-indent: 0;
    line-height: 2.8em;
    color: #111;
    font-weight: 800;
    position: absolute;
    background-color: #fff;
    width: 2.8em;
    height: 2.8em;
    left: 50%;
    top: 50%;
    margin-top: -1.4em;
    margin-left: -1.4em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
/* pager bubbles */
.sy-pager {
    overflow: hidden;
    *zoom: 1;
    display: none;
    /*  display: block;*/
    width: 100%;
    margin: 1em 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.sy-pager li {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin: 0 1em 0 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.sy-pager li.sy-active a {
    background-color: #e24b70;
}
.sy-pager li a {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #ccc;
    text-indent: -9999px;
    -moz-background-size: 2em;
    -o-background-size: 2em;
    -webkit-background-size: 2em;
    background-size: 2em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.sy-pager li a:link, .sy-pager li a:visited {
    opacity: 1.0;
}
.sy-pager li a:hover, .sy-pager li a:focus {
    opacity: 0.6;
}
/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {
    width: 100%;
}
.sy-filler.ready {
    -moz-transition: padding 600ms ease;
    -o-transition: padding 600ms ease;
    -webkit-transition: padding 600ms ease;
    transition: padding 600ms ease;
}
/*End Top Banner Prakash*/


#myCarousel .carousel-inner .item  img{  
    background-position: center center;
    background-size: cover;
    /*	height: 100%;*/
    width: 100%;}



/* Prakash 18 Feb 2016*/
.nav.navbar-nav > li {
    margin-right:10px;
    float:left;
}
.navbar-nav > li > a { font-family:'Open Sans';}
.nav.navbar-nav > li > a:hover{ background: transparent;}
.nav.navbar-nav > li span {
    text-transform: none; font-weight:400px;
}
.top-bar-text.nav.navbar-nav li.dropdown a.dropdown-toggle span {
    /*color: #333;*/
}
.top-bar-text.nav.navbar-nav li.dropdown a.dropdown-toggle:hover span {
    color: #ccc;
}
.top-bar-text.nav.navbar-nav li.dropdown a.dropdown-toggle {
    padding:0;
    margin:0;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    background-color:transparent!important;
}
.dropdown.open ul.dropdown-menu {
    background:#fff;
    /*	right:0!important; */
    min-width:276px;
    /*left:inherit;*/
    -webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.52);
    -moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.52);
    box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.52);
	
}
.top-bar .dropdown.open ul.dropdown-menu {left: inherit;	right: 0;}
.dropdown.open ul#openinghrs {min-width:390px;}
.container.mobile.navbar-inverse.top-bar .row .col-sm-8 .layout-align-end-center.layout-row.flex-xs-100.flex-100 .top-bar-text.nav.navbar-nav {
    margin-top:20px;
}
.demo_wrapper .demo_block {
    margin-top:190px;
}
/* captions, styled fo the overlay variant */
.sy-caption-wrap {
    position: absolute;
    bottom: 2em;
    z-index: 12;
    left: 50%;
}
.sy-caption-wrap .sy-caption {
    position: relative;
    left: -50%;
    background-color: rgba(0, 0, 0, 0.54);
    color: #fff;
    padding: 0.4em 1em;
    -moz-border-radius: 1.2em;
    -webkit-border-radius: 1.2em;
    border-radius: 1.2em;
    display:none!important;
}
.sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited {
    color: #e24b70;
    font-weight: 600;
    text-decoration: none;
}
.sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus {
    text-decoration: underline;
}
/*search:::::::::*/

#imaginary_container {
    margin-top:20%; /* Don't copy this */
}
.stylish-input-group .input-group-addon {
    background: white !important;
}
.stylish-input-group .form-control {
    border-right:0;
    box-shadow:0 0 0;
    border-color:#ccc;
}
.stylish-input-group button {
    border:0;
    background:transparent;
}
.top-bar-text {
    font-weight: 500;
    font-size: 16px;
    list-style: none;
    margin: 0 6px 0 0;
    padding: 0;
}
a.top-bar-text{ cursor: pointer; color: #000000;}

.dropdown-menu {
    font-size:16px;
}
.dropdown-menu .divider {
    width:100%;
    padding:0;
}
.top-bar-text li i {
    vertical-align: middle;
padding: 5px;
background: #010077;
width: 46px;
height: 46px;
border-radius: 100%;
color: #ffffff;
text-align: center;
line-height: 36px;
font-size: 23px;
margin-right: 6px;
}
.top-bar-text li .fa-search { background:#68ba14;}
.top-bar-text li .dropdown-menu i {
	width: auto;
	height: auto;
	line-height: 1;
	background: inherit;
	font-size: inherit;
	color: #616161;
}
h5 a span.text-caps{
    font-weight: 500;
    font-size: 16px;
    list-style: none;
    text-transform: uppercase !important;
    margin: 0;
    padding: 0;
}

.banner {
    margin-top:0px;
    border-top: solid 1px #CCC;
}
.mega-menu-color>li:nth-child(odd) {
    background-color:#f9f9f9;
}
.mega-menu-color>li:nth-child(even) {
    background-color:#fff;
}
/* Drop down  */



#menu-toggle {
    top: 7%;
    position: relative;
    z-index: 1;
    color:#9f0000;
}
#sidebar-wrapper.active {
    right: 250px;
    width: 250px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
}
/*.toggle {
    margin: 5px 5px 0 0;
}*/

/* Carousel Header Styles */
.carousel-control.left {
    background-image: none !important;
}
.carousel-control.right {
    background-image: none !important;
}


.invert {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 1.5em;
    color: #1085a6 !important;
}
.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}
.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}
.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
/*product box*/

.product-container {
    padding-right: 8px !important;
    padding-left: 8px !important;
    margin-bottom: 8px !important;
    margin-right: auto;
    margin-left: auto;
}
.box {
    padding: 10px;
    background: #fff;
    border: 1px solid #eee;
    text-align: center;

    /* box-shadow: 0 0 5px #ddd;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.box_inner {
    clear: both;
    display: block;
    background: #f1f1f1;
    margin:0 -10px -10px;
    border-top: 1px solid #ccc;
}
.product-name {
    min-height: 50px;
}
.product-details {
    min-height: 50px;
}
.product-name-text {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
    /*text-center:center;
    padding-top: 10px;
    margin-left: 10px;*/
    display:block;
    clear:both;
    min-height:72px;
}
.product-rrp-text {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 1.2em!important;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align:center;
}
.font-thin {
    /*	font-family: 'Dosis', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 1em;
    padding-left: 5px;
}
.btn.font-thin {
    /*	font-family: 'Dosis', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.5em;
    padding-left: 5px;
}
.menu-text {
    font-size: 1.5em;
    vertical-align: middle;
    text-transform:  uppercase;
}
.gap-right {
    padding-right: 10px;
}
.gap-left {
    padding-left: 10px;
}

.gap-bottom {
    padding-left: 10px;
}

.hexagon {
    position: relative;
    width: 100px;
    height: 30px;
    background-color: #fff;
    margin: -30px auto 0;
}
.hexagon:before, .hexagon:after {
    content: "";
    position: absolute;
    width: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
}
.hexagon:before {
    bottom: 100%;
    border-bottom: 28.87px solid #fff;
}
.hexagon:after {
    top: 100%;
    width: 0;
    border-top: 28.87px solid #fff;
}
.hexagon i {
    position: absolute;
    z-index: 2;
    width: 38px;
    left: 52%;
    margin-left: -25px;
    margin-top: -2px;
}
.border-circle {
    font-size: 25px;
    /*	width: 80px;
            height: 80px;
            display: block;
            border-radius: 50%;
            border: 1px solid #7c7c7c;
            font-size: 20px;
            line-height: 95px;
            color: #9c27b0;
            margin-right: 20px;
            margin-top: 20px;
            text-align: center;*/
}
.para-header-text {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 2em;
}
.para-text {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.5em;

}

.para-text-small {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.2em;
}

.about {
    background: #fbfbfb;
    border-bottom: solid 1px #000;
    border-top: solid 1px #efefef;
}
.about div:last-child{ text-align:center;}
.about div p{ text-align:left;}

.about div img{ width:auto; margin:0 auto; margin-top:-146px; position:relative; top:50%}
.big-header {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 2.5em;
}
.big-header-slick {
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    font-size: 1.1em;
    padding-right: 10px;
}
.section-heading {
	position: relative;
	padding-bottom: 0px;
	margin: 0 0 20px;
	font-family: "Dosis", sans-serif;
	font-size: 2.5em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
.section-heading-invert {
    position: relative;
    padding-bottom:10px;
    margin: 0px;
    font-family: "Dosis", sans-serif;
    font-size: 2.5em;
    color:#fff;
    padding-top:10px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.section-heading:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
    height: 3px;
    width: 150px;
    background-color: #010077;
    margin-left:-75px;
}
/*blog accordion*/


button.accordion {
    background-color: #010077;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    text-align: left;
    border: solid #e341ff 1px;
    outline: none;
    font-size: 1.5em;
    transition: 0.4s;
}
button.accordion.active, button.accordion:hover {
    background-color: #ff9d5e;
}
button.accordion:after {
    content: '\02795';
    font-size: 13px;
    color: #fff;
    float: right;
    margin-left: 5px;
}
button.accordion.active:after {
    content: "\2796";
}
div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}
div.panel.show {
    opacity: 1;
    max-height: 800px;
}
.blog {
    /*background-image: url("../images/doctor.png");*/
    background-color: #010077;
    /*	height: 350px;*/
    background-position: 100% 0%;
    padding-bottom:50px;
}

.aboutimage_bg{background-color: #010077;}

.blog-news-text-header {
    font-family: "Roboto", sans-serif;
    font-size: 1.5em;
    letter-spacing: 0.05em;
    /*text-transform: capitalize;*/
    font-weight: 300;
    color:#fff;
    padding-top:5px;
    margin: 0px;
}
.blog-news-text-header a {
    font-family: "Roboto", sans-serif;
    font-size: 1em;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-transform: none;
    font-weight: 500;
    color:#fff;
    padding-top:5px;
    margin: 0px;
}
.blog-news-text-header a:hover {
    font-family: "Roboto", sans-serif;
    font-size: 1em;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-transform: none;
    font-weight: 500;
    color:#ffcfb0;
    padding-top:5px;
    margin: 0px;
}
.small-header {
    font-family: "Roboto", sans-serif;
    font-size: 1em;
    float:left;
    letter-spacing: 0.05em;
    text-transform: capitalize;
    font-weight: 500;
    margin:0px;
    padding:5px;
}
.blog-news-text {
    font-family: "Roboto", sans-serif;
    font-size: 1.5em;
    letter-spacing: 0.05em;
    text-transform: capitalize;
    padding-top:15px;/*margin-right:30%;*/
}
.news {
    background-color: #003082;
    padding-bottom:50px;
    /*height: 350px;*/
}
.news nav .pagination {
    margin:0 auto;
    padding:20px 0;
}
.news-text {
    font-family: "Roboto", sans-serif;
    font-size: 1.5em;
    letter-spacing: 0.05em;
    text-transform: capitalize;
    color:white;
    padding-top:15px;
}
.quote {
    color: rgba(0, 0, 0, .1);
    text-align: center;
    margin-bottom: 30px;
}
/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

.testimonial {
    text-align:center;
    padding-top:20px;
    background:#3b4754;
}
.testimonial i {
    text-align:center;
    color:#ff9b5a;
    font-size: 3em;
    top: 0px;
    margin: 0;
    padding: 0;
}
.testimonial-text {
    text-align:center;
    color:#fff;
    font-size: 1.5em;
    top: 0px;
    margin: 0;
    padding-top: 30px;
}
.testimonial small {
    color:#ff9b5a;
    font-size: 1.5em;
    font-weight: bold;
    margin-top:30px;
}
.testimonial .carousel-indicators .active {
    background-color: #ff9b5a;
    height: 12px;
    margin: 0;
    width: 12px;
}
.testimonial .carousel-indicators li {
    display: inline-block;
    border: 1px solid #f6dad3;
}
.heading-invert {
    position: relative;
    padding-bottom: 20px;
    margin: 0px;
    font-family: "Dosis", sans-serif;
    font-size: 2.5em;
    color:#fff;
    padding-top:15px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.heading-invert:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
    height: 3px;
    width: 150px;
    background-color: #010077;
    margin-left:-75px;
}
.carousel-inner {
    min-height:241px;
}
.footer-list {
    background: #fafafa url('../images/footer_bg.jpg') 0 0 repeat-x;
    padding:20px 0;
}
.footer-list h2 {
    font-family: 'dosis', sans-serif;
    font-weight: 500;
    font-size: 1.7em;
    padding-bottom: 10px;
    color:#010077;
    text-transform: uppercase;
    border-bottom: solid 1px #b174bb;

}
.footer-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-list ul li {
    width:100%;
    float: left;
    display: block;
    padding: 0;
    margin: 0 0 10px 0;
    font-family: 'roboto', sans-serif;
    font-weight: 300;
    color:#6c6c6c;
    font-size: 1.4em;
    text-transform: capitalize;
}
.footer-list ul li i {
    font-weight: 300;

    font-size: .7em;
}
.footer-list ul li a {
    /*	width:100%;
            float: left;
            display: block;*/
    line-height: 12px;
    display:inline-block;
    color:#010077;
}
.businesshours-header {
    font-family: 'roboto', sans-serif;
    font-weight: bold;
    color:#000;
    margin:0;
    font-size: 1.2em;
    /*	margin: 0 0 10px 0;
            padding-top: 8px;
            border-bottom:solid 1px #B5B5B5;*/
    text-transform: uppercase;
}
.businesshours-text {
    font-family: 'roboto', sans-serif;
    font-weight: 400;
    color:#616161;
    border-bottom:solid 1px #B5B5B5;
    font-size: .9em!important;
    padding-bottom:8px;
    text-transform: capitalize;
}

.businesshours-text span:last-child { text-align:right;}

.businesshours-text i {
    font-weight: 400;
    color:#616161;
    font-size: 1.1em;
    padding-right: 5px;
}
.getntouch ul {
    margin: 0;
    list-style: none;
    padding: 0;
}
.getntouch ul li {
    padding: 0 0 10px 36px;
    position: relative;
    margin: 0;
    color: #6c6c6c;
    width: 100%;
}
.getntouch ul li span {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    left:0;
    top:0;
    line-height:30px; text-align:center;
}
.getntouch ul li span i {
    font-weight: 300;
    color:#616161;
    font-size: 1.5em;
}
.getntouch ul li:nth-child(2) {
    text-transform:inherit;
}

.getntouch ul li:nth-child(3) a,  .getntouch ul li:nth-child(4) a{
    line-height:30px;
}

ul.follow-us{ padding-top:10px;}
ul.follow-us li {
    margin: 0;
    list-style: none;
    padding: 0;
    float: left;
    color:#000;
    width:50px;
}
ul.follow-us li i {
    font-size: 1.5em;
    line-height:40px;
}
.footer-bottom-box {
    display: inline-block;
    border: solid 1px #c2c2c2;
    padding:10px;
    height: 70px;
    margin: 10px;
}
.footer-bottom-box ul li {
    float: left;
    width: auto;
    padding:10px;
    border-right: solid 1px #c2c2c2;
}
.footer-bottom-box ul li:last-child {
    border-right:none;
}
.footer-end ul {
    list-style: none;
    font-family: 'roboto', sans-serif;
    font-weight: 400;
    color:#000;
    font-size: 1.5em;
    padding:20px;
}
.footer-end ul li {
    padding:10px;
}

.footer_logo img{ width:auto;}

.footer_logo div{ min-height:100px;}
.navbar-nav>li>.dropdown-menu {
    margin-top: 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.navbar-default .navbar-nav>li>a {
    width: 200px;
    font-weight: bold;
}
.mega-dropdown {
    position: static !important;
}
.mega-dropdown-menu {
    padding: 10px;
    /*width: 100%;*/
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu:before {
    content: "";
    border-bottom: 15px solid #c6c6c6;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -15px;
    left: 5%;
    z-index: 10;
}
.mega-dropdown-menu-right:before {
    content: "";
    border-bottom: 15px solid #c6c6c6;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    position: absolute;
    top: -15px;
    left:68%;
    right: 12%!important;
    z-index: 10;
}
.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}
.mega-dropdown-menu > li > ul > li {
    list-style: none;
    padding: 3px 0 0;
}
.mega-dropdown-menu > li > ul > li.divider {
    margin:0 0 6px;
}
.mega-dropdown-menu > li > ul > li > a {
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #999;
    white-space: normal;
}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
    color: #444;
    background-color: #f5f5f5;
}
.mega-dropdown-menu .dropdown-header {
    color: #428bca;
    font-size: 18px;
    font-weight: bold;
}
.mega-dropdown-menu form {
    /*margin: 3px 20px;*/
}
.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}
.dropdown-menu .businesshours-header {
    font-size: 1.1em;
    /*	border-bottom:solid 1px #C0B8AF*/
}
.dropdown-menu .businesshours-text {
    font-size: 1em;
}


.newsletter{ padding:15px 0 0 0;}
.noshadow {

    -webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0)!important;
    -moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0)!important;
    box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0)!important;

}

footer .container .layout-wrap{ font-size: 1.2em;}
.header-top-sec { background-color:#010077; border-bottom:4px solid #68ba14;}
.header-social-sec #divSocialIcons a { color:#ffffff; border:1px solid #00001c; text-align:center; line-height:55px; width:55px;}
.header-social-sec #divSocialIcons .fb-like { display:none;}
.header-social-sec #divSocialIcons a .fa { font-size:20px;}
.header-top-sec .toplink-right { float:right; margin-left:0;}
.header-top-right { padding-right:0;}
.gn-menu-main li > a { background:#68ba14; color:#ffffff;}
.gn-menu-main .gn-menu { border-top:1px solid #5f6f81;}
.gn-menu-main .gn-menu li > a { background:#ffffff; color:#5f6f81; border-top:1px solid #5f6f81;}
.header-top-right .gn-menu-main { height:43px; margin-bottom:0px;}
.header-top-right .gn-menu-main > li > a {padding: 13px 15px 6px;}
.header-top-right { text-align:right;}
.login-register-th { display:inline-block; vertical-align:top; margin:0 8px;}
.login-register-th span { font-size:18px; color:#ffffff; font-weight:400; padding:17px 3px 8px 3px; display:inline-block;}
.login-register-th span span { padding: 0;}
.login-register-th .fa { font-size:24px; color:#ffffff; padding-top:17px; vertical-align:top;}
.login-register-th .dropdown-menu-right { right: 25px;}
.brand-wrap { padding:23px 0;}
.header-bot-right { padding:18px 0 15px;}
.header-search-txt { display:none;}
.header-contact { margin-top:8px;}
.header-contact .fa { font-size:20px; line-height:20px; vertical-align:top;}
.header-contact a, .header-contact { font-family:'Open Sans'; font-size:16px;}
.header-contact a, .header-contact a .text-theme-black  { color:#010077;}
.service_link .fa {font-size: 32px; width: 77px; height: 77px; border: 1px solid #010077; text-align: center; line-height: 77px;
border-radius: 100%; margin-right: 25px; margin-top:24px; }
.service_link h3 { font-size:20px; position:relative;}
.service_link h3:before { content:" "; position:absolute; bottom:-7px; left:0; width:28px; height:2px; background:#010077;}
.service_link .para-text {	font-family: 'Open sans', sans-serif;	font-weight: 400;	font-size: 16px; margin-bottom:0 !important;}
.service_link .action a { color:#68ba14; font-weight:bold;}
.service_link .action { margin-bottom:10px;}

.top-bar-text .mega-dropdown-menu::before { left: inherit; right: 10%;}


/* hexagon */
.hexagon2_wrap .hexagon2 {
  position: relative;
  width: 80px; 
  height: 46.19px;
  background-color: #ffffff;
  margin: 23.09px 0;
  border-left: solid 3px #010099;
  border-right: solid 3px #010099;
}

.hexagon2_wrap .hexagon2:before,
.hexagon2_wrap .hexagon2:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 56.57px;
  height: 56.57px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 8.7157px;
}

.hexagon2_wrap .hexagon2:before {
  top: -28.2843px;
  border-top: solid 4.2426px #010099;
  border-right: solid 4.2426px #010099;
}

.hexagon2_wrap .hexagon2:after {
  bottom: -28.2843px;
  border-bottom: solid 4.2426px #010099;
  border-left: solid 4.2426px #010099;
}

.service_link .hexagon2_wrap .hexagon2 { display:inline-block; vertical-align:top; float:none;}
.service_link .hexagon2_wrap  { padding-top:25px;}
 .service_link .hexagon2_wrap .hexagon2 .fa {
	width: auto; height: auto; 	margin: 0; 	padding: 0; border: none; 	z-index: 3;
	position: absolute; 	top: 50%; 	left: 50%; 	transform: translate(-50%, -50%);

	line-height: 1;
	font-size: 36px;
}
.service_link .layout-row:hover .hexagon2_wrap .hexagon2 .fa {
	color:#010099 !important;
}
.service_link .hexagon2_wrap .hexagon2 { margin-right: 20px; margin-left:10px;}
.service_link .hexagon2 {  display:inline-block; vertical-align:top; float:none;}

/* shop_rp_off */

.has-no-shop .visi_has_shop, .has-no-rp .visi_has_rp { display: none !important;}
.has-no-rp_shop .service_link .visi_not_shop_rp, .has-no-shop .service_link .visi_not_shop, .has-no-rp .service_link .visi_not_rp {display: block!important;}
.has-no-shop .change_on_shop_off { background-color: #ffffff;}
.has-no-shop .change_on_shop_off .about_bg .para-text { color: #000000;}
.service_link .hexagon2_wrap .hexagon2 .fa { color:#010077 !important;}


@media only screen and (max-width: 1279px) {
	.top-bar { height:174px;}
	.demo_wrapper .demo_block{margin-top: 177px;}
	.header-bottom-sec { background: #ffffff;}
}
@media (min-width: 768px) and (max-width:1024px) {

    .carousel-inner {
    min-height:0px;
}
    .nav.navbar-nav > li {
        font-size:12px;
    }
    .border-circle {
        font-size: 35px;
    }
    .menu-text {
        font-size: 1.5em;
        vertical-align: middle;
        text-transform:  uppercase;
        margin: 10px 10px 0 0;
    }
    .menu-text i {
        font-size: 2em;
        text-transform:  uppercase;
    }
    .text-tab {
        font-size: 1.25em !important;
    }
    .para-text {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 1.25em;
    }
    .about {
        background: #fbfbfb;
        border-bottom: solid 1px #efefef;
        border-top: solid 1px #efefef;
        height:auto;
        padding-bottom: 80px;
    }

    h3 {
        font-family: 'Roboto', sans-serif;
        letter-spacing: normal;
        font-size: 1.5em;
    }
    .box-text {
        min-height: 80px;
    }
    .news {
        background-color: #e5324b;
        height: 350px;
        padding-bottom: 60px;
    }
    .blog-news-text {
        font-family: "Roboto", sans-serif;
        font-size: 1.5em;
        letter-spacing: 0.05em;
        text-transform: capitalize;
        color:white;
        padding-top:15px;
        margin-right:0px;
    }
    .footer-list h2 {
        font-family: 'dosis', sans-serif;
        font-weight: 500;
        font-size: 2em;
        padding-left: 5px;
        text-align:left;
        padding-bottom: 10px;
        color:#010077;
        text-transform: uppercase;
        border-bottom: solid 1px #cbcbcb;
    }
    .footer-list ul li {
        width:100%;
        display: block;
        padding: 0;
        margin: 0 0 10px 0;
        font-family: 'roboto', sans-serif;
        font-weight: 300;
        color:#6c6c6c;
        font-size: 1.25em;
        text-transform: capitalize;
    }
    .getntouch ul li {
        padding: 0 0 15px 36px;
        position: relative;
        margin: 0;
        color: #6c6c6c;
        width: 100%;
    }
    ul.follow-us li {
        margin: 0;
        list-style: none;
        padding: 0;
        float: left;
        color:#000;
        width:50px;
    }
    .footer-bottom-box {
        display: inline-block;
        border: solid 1px #c2c2c2;
        height: 100px;
    }
    .footer-bottom-box ul li {
        width: auto;
        padding:4px;
        border-right: solid 1px #c2c2c2;
    }
    .footer-bottom-box ul li:last-child {
        border-right:none;
    }
    .top-bar-text li {
        margin-left:0;
    }
}

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

    i.text-tab {
    font-size: 32px !important;
    }
	
    
}

@media only screen and (min-width: 1024px) {

    .nav.navbar-nav > li {
        font-size:1em;
    }

}

@media only screen and (max-width: 1024px) {
    
    .text-mobile {
        font-size: 2em !important;
    }
}

@media only screen and (max-width: 960px) {
    
    .text-mobile {
        font-size: 2.5em !important;
    }
}

@media only screen and (max-width: 768px) {

    .about_bg{

        padding-bottom: 80px;

    }

    .navbar-nav > li > a:hover{   background-color: transparent;}

    .top-bar-text li i{

        cursor: pointer;

    }


    .hexagon {
        position: relative;
        width: 100px;
        height: 30px;
        background-color: #fff;
        margin: -30px auto 0;
    }
    .hexagon:before, .hexagon:after {
        content: "";
        position: absolute;
        width: 0;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
    }
    .hexagon:before {
        bottom: 100%;
        border-bottom: 28.87px solid #fff;
    }
    .hexagon:after {
        top: 100%;
        width: 0;
        border-top: 28.87px solid #fff;
    }
    .hexagon i {
        position: absolute;
        z-index: 2;
        width: 38px;
        left: 50%;
        margin-left: -25px;
        margin-top: -2px;
    }



    .blog {

        padding-bottom:10px;
    }


    /* newsletter  */

    .newsletter h3{    
        font-size: 1.5em; }

    .small-view {
        width:98%;
        height:300px;
        overflow:scroll;
    }
    .dropdown-menu.mega-dropdown-menu {
        display:none;
    }
    .container.mobile.navbar-inverse.top-bar .row .col-sm-4 .row .logo-img {
        padding-top:15px;
    }

    .text-mobile {
        font-size: 2.5em !important;
    }
	
	/* override header */
	.brand-sec { float: left;}
	.brand-wrap { padding: 15px 0;}
	.top-bar-text li i { font-size: 20px !important; margin-right: 2px;}
	
	.top-bar { position: static;}
	.demo_wrapper .demo_block { margin-top: 0 !important;}
	.header-top-sec {position: fixed; width: 100%; z-index: 999;}
	.header-bottom-sec { margin-top: 61px;}
	
}
@media screen and (min-width: 768px) {
    .toplink-left {
        float:right
    }
    .toplink-right {
        float:left;
    }
}
@media only screen and (max-width: 600px) {

    .hexagon {
        position: relative;
        width: 60px;
        height: 20px;
        background-color: #fff;
        margin: -20px auto 0;
    }
    .hexagon:before, .hexagon:after {
        content: "";
        position: absolute;
        width: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
    }
    .hexagon:before {
        bottom: 100%;
        border-bottom: 20px solid #fff;
    }
    .hexagon:after {
        top: 100%;
        width: 0;
        border-top: 30px solid #fff;
    }
    .hexagon i {
        position: absolute;
        z-index: 2;
        width: 38px;
        left: 6%;
        margin-left: -22px;
        margin-top: -2px;
    }

    .sy-controls {
        display: block;
    }
    .sy-controls li {
        min-width: 2.1em;
    }
    .sy-controls li a:after {
        width: 1.4em;
        height: 1.4em;
        margin-top: -0.7em;
        margin-left: -0.7em;
    }
    .sy-caption-wrap {
        left: 0;
        bottom: 0.4em;
    }
    .sy-caption-wrap .sy-caption {
        left: 0;
        padding: 0.2em 0.4em;
        font-size: 0.92em;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
}

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

    .news {
        padding-bottom: 40px;
    }

    ul.top-bar-text li  span.hide-xs {
        display:none;
    }
    .demo_wrapper .demo_block {
        margin-top:166px;
    }
    .gn-menu-main li.gn-trigger {
        float: left!important;
    }
    .container.mobile.navbar-inverse.top-bar .row .col-sm-4 .row .logo-img {
        padding-top:0px;
    }
    .container.mobile.navbar-inverse.top-bar .row .col-sm-8 .layout-align-end-center.layout-row.flex-xs-100.flex-100 .top-bar-text.nav.navbar-nav {
        margin-top:0;
    }
    .toplink-right {
        background:#fff;
        border-bottom:1px solid #ccc;
        -webkit-box-shadow: 0px 4px 4px 0px rgba(50, 50, 50, 0.20);
        -moz-box-shadow:    0px 4px 4px 0px rgba(50, 50, 50, 0.20);
        box-shadow:         0px 4px 4px 0px rgba(50, 50, 50, 0.20);
    }
    .top-bar-mobile {
        background:#fff;
    }
    #menu-toggle {
        top: 8%;
        position: relative;
        z-index: 1;
    }
    .menu-text {
        font-size: 1.5em;
        text-transform:  uppercase;
        margin: 10px 5px 0 0;
    }
    .banner {
        margin-top:15%;
        border-top: solid 1px #CCC;
    }
    .banner-text {
        position:absolute;
        top:10%;
        left:5%;
        text-align:center;
        text-transform:uppercase;
    }
    .banner-text h2 {
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
        font-size: 1.5em;
        color: #fff;
        left: 0;
    }
    .banner-text p {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: .83em;
        text-align: left;
    }
    .carousel-inner {
        min-height:100px;
    }
    .hexagon {
        position: relative;
        width: 60px;
        height: 20px;
        background-color: #fff;
        margin: -20px auto 0;
    }
    .hexagon:before, .hexagon:after {
        content: "";
        position: absolute;
        width: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
    }
    .hexagon:before {
        bottom: 100%;
        border-bottom: 20px solid #fff;
    }
    .hexagon:after {
        top: 100%;
        width: 0;
        border-top: 30px solid #fff;
    }
    .hexagon i {
        position: absolute;
        z-index: 2;
        width: 38px;
        left: 57%;
        margin-left: -22px;
        margin-top: -2px;
    }
    .box {
        padding: 10px;
        background: #fff;
        border: 1px solid #eee;
        text-align: center;
        /*	box-shadow: 0 0 5px #ddd;*/
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .testimonial .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        margin-bottom: -50px;
        text-align: center;
        list-style: none;
    }
    .testimonial {
        text-align:center;
        padding-top:20px;
        background:#3b4754;
        padding-bottom: 80px;
    }
    .para-text {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size:1.25em;
    }
    .news-text {
        font-family: "Roboto", sans-serif;
        font-size: 1.25em;
        letter-spacing: 0.05em;
        text-transform: capitalize;
        color:white;
        padding-top:15px;
    }
    .mobile {
        background-color:#010077;
        height:50px;
    }
    .text-mobile {
        font-size: 2em !important;
        color:#ffffff;
    }
    .about {
        background: #fbfbfb;
        border-bottom: solid 1px #efefef;
        border-top: solid 1px #efefef;
        padding-bottom: 30px;
    }
    .blog-news-text {
        font-family: "Roboto", sans-serif;
        font-size: 1.5em;
        letter-spacing: 0.05em;
        text-transform: capitalize;
        color:white;
        padding-top:15px;
        margin-right:0px;
    }
    .blog {
        background-image: none;
    }
    .section-heading {
        position: relative;
        padding-bottom: 20px;
        margin: 0 0 30px;
        font-family: "Dosis", sans-serif;
        font-size: 2.5em;
        text-align: center;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }
    .section-heading-invert {
        position: relative;
        padding-bottom: 20px;
        margin: 0 0 0px;
        font-family: "Dosis", sans-serif;
        font-size: 2.5em;
        color:#fff;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }
    .footer-bottom-box {
        display: inline-block;
        border: solid 1px #c2c2c2;
        height: 230px;
    }
    .footer-bottom-box ul li {
        float: left;
        width: auto;
        padding:10px;
        border-right: none !important;
        margin:0px !important;
    }
    .footer-list h2 {
        font-family: 'dosis', sans-serif;
        font-weight: 500;
        font-size: 2.5em;
        padding-left: 5px;
        text-align:center;
        padding-bottom: 10px;
        color:#010077;
        text-transform: uppercase;
        border-bottom: solid 1px #cbcbcb;
    }
    .footer-list {
        background: #fafafa url('../images/footer_bg.jpg') 0 0 repeat-x;
    }
    .footer-end ul {
        list-style: none;
        font-family: 'roboto', sans-serif;
        font-weight: 400;
        color:#000;
        font-size: 1.5em;
        margin:0;
    }
	.brand-sec .brand-wrap { text-align:center;}
	.brand-sec .brand-wrap a { display:inline-block;}
}
@media (min-width:640px) and (max-width:768px) {
    .top-bar-text.nav.navbar-nav li span {
        font-size:10px;
    }
}


@media (min-width: 421px) and (max-width:767px) {
    .border-circle {
        font-size: 25px;
        /*		width: 65px;
                        height: 65px;
                        display: block;
                        border-radius: 50%;
                        border: 1px solid #7c7c7c;
                        font-size: 15px;
                        line-height: 70px;
                        color: #9c27b0;
                        margin-right: 20px;
                        margin-top: 25px;
                        text-align: center;*/
    }
}

@media only screen and (max-width: 736px) {
    .hexagon {
        position: relative;
        width: 60px;
        height: 20px;
        background-color: #fff;
        margin: -20px auto 0;
    }
    .hexagon:before, .hexagon:after {
        content: "";
        position: absolute;
        width: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
    }
    .hexagon:before {
        bottom: 100%;
        border-bottom: 20px solid #fff;
    }
    .hexagon:after {
        top: 100%;
        width: 0;
        border-top: 30px solid #fff;
    }
    .hexagon i {
        position: absolute;
        z-index: 2;
        width: 38px;
        left: 57%;
        margin-left: -22px;
        margin-top: -2px;
    }
    .border-circle {
        font-size: 25px;
        /*		width: 80px;
                        height: 80px;
                        display: block;
                        border: 0;
                        border:none;
                        
                        line-height: 80px;
                        margin-right: 20px;
                        margin-top:6px;
                        text-align: center;*/
    }
    .box {
        padding: 10px;
        background: #fff;
        border: 1px solid #eee;
        text-align: center;

        /*	box-shadow: 0 0 5px #ddd;*/
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .testimonial .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        margin-bottom: -50px;
        text-align: center;
        list-style: none;
    }
    .testimonial {
        text-align:center;
        padding-top:20px;
        background:#3b4754;
        padding-bottom: 80px;
    }
    .para-text {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size:1.25em;
    }
    .news-text {
        font-family: "Roboto", sans-serif;
        font-size: 1.25em;
        letter-spacing: 0.05em;
        text-transform: capitalize;
        color:white;
        padding-top:15px;
    }
    .mobile {
        background-color:#010077;
        height:50px;
    }
	#navbar-main { background:#ffffff; height:160px;}
    .text-mobile {
        font-size: 2em !important;
        color:#ffffff;
    }
    .about {
        background: #fbfbfb;
        border-bottom: solid 1px #efefef;
        border-top: solid 1px #efefef;
        padding-bottom: 30px;
    }
    .blog-news-text {
        font-family: "Roboto", sans-serif;
        font-size: 1.5em;
        letter-spacing: 0.05em;
        text-transform: capitalize;
        color:white;
        padding-top:15px;
        margin-right:0px;
    }
    .blog {
        background-image: none;
    }
    .section-heading {
        position: relative;
        padding-bottom: 20px;
        margin: 0 0 30px;
        font-family: "Dosis", sans-serif;
        font-size: 2.5em;
        text-align: center;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }
    .section-heading-invert {
        position: relative;
        padding-bottom: 1px;
        margin: 0;
        font-family: "Dosis", sans-serif;
        font-size: 2.5em;
        color:#fff;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }
    .footer-bottom-box {
        display: inline-block;
        border: solid 1px #c2c2c2;
    }
    .footer-bottom-box ul li {
        float: left;
        width: auto;
        padding:10px;
        border-right: none !important;
        margin:0px !important;
    }
    .footer-list h2 {
        font-family: 'dosis', sans-serif;
        font-weight: 500;
        font-size: 2.5em;
        padding-left: 5px;
        text-align:center;
        padding-bottom: 10px;
        color:#010077;
        text-transform: uppercase;
        border-bottom: solid 1px #cbcbcb;
    }
    .footer-list {
        background: #fafafa url('../images/footer_bg.jpg') 0 0 repeat-x;
    }
    .footer-end ul {
        list-style: none;
        font-family: 'roboto', sans-serif;
        font-weight: 400;
        color:#000;
        font-size: 1.5em;
    }
}


@media only screen and (max-width: 640px) {

    .stop-show{ display: none;}
	.brand-sec { width: 100%;}
	.header-bot-right { padding: 0px 0 0px; clear: both; text-align: center;}
	.header-bot-right .layout-column { display: inline-block; vertical-align: top;}
	#navbar-main { height: 225px;}
	.demo_wrapper .demo_block { margin-top: 216px;}
	/* header top*/
	.header-top-right .gn-menu-main > li > a { padding: 8px 15px 4px;  height: 55px;	}
	.login-register-th .fa { padding-top: 10px;}
	.header-social-sec #divSocialIcons a { line-height: 1px; padding-top: 8px; padding-bottom: 8px;}
	.header-top-right .gn-menu-main { height: 38px; margin: 0;}
	div#divSocialIcons { padding-top: 6px;}
	.header-bot-right .nav.navbar-nav > li { margin-right: 0px; padding-left: 4px;}
	
	.service_link .layout-row { display: block; text-align: center;}
	.service_link .fa {margin: 10px auto;}
	.service_link h3:before { display: none;}
	.service_link .action { padding-bottom: 15px;}
	.service_link h3 { margin-top: 0px;}
}

@media (min-width: 320px) and (max-width:640px){
    
    .top_menu_shopping i{
    float:left;
    margin: 8px; 
}
     i.text-tab{
        font-size: 1em;
        padding-right: 0px;
        padding-top: 0px;
        
    }

    .hexagon {
        position: relative;
        width: 100px;
        height: 30px;
        background-color: #fff;
        margin: -30px auto 0;
    }
    .hexagon:before, .hexagon:after {
        content: "";
        position: absolute;
        width: 0;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
    }
    .hexagon:before {
        bottom: 100%;
        border-bottom: 28.87px solid #fff;
    }
    .hexagon:after {
        top: 100%;
        width: 0;
        border-top: 28.87px solid #fff;
    }
    .hexagon i {
        position: absolute;
        z-index: 2;
        width: 38px;
        left: 50%;
        margin-left: -25px;
        margin-top: -2px;
    }




    .input-group .form-control { padding: 6px!important;}

}


@media screen and (max-width: 320px) {


    .big-header {
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
        font-size: 2em;
    }
    .big-header-slick {
        font-family: 'Roboto', sans-serif;
        font-weight: 200;
        font-size: 1em;
        padding-right: 10px;
    }

    .para-text {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 1.25em;
    }

}