@charset "UTF-8";

@import url("http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,300,700");

@import url("http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900");

@import url("http://fonts.googleapis.com/css?family=Lato:300,400,700,900");

@import url("https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic");

html {

    font-family: sans-serif;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%

}

.fp-viewing-gallery .header{display:none}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

    display: block

}



audio,

canvas,

progress,

video {

    display: inline-block;

    vertical-align: baseline

}



audio:not([controls]) {

    display: none;

    height: 0

}



[hidden],

template {

    display: none

}

.video-gall {

    float: left;

    padding: 1px;
    width: 10%;
    height: auto;
}

img.video-img {
width: 100%;
height: auto;
}

div#html5-watermark {

    display: none!important;

}

a {

    background-color: transparent

}

.feat {

       margin-left: 18px;

    margin-right: 18px;

}



.mainTeampage {

    background: #dedede;

}

h5.l-feat {

    float: left;

}

/**  TEAM        */
#carousel {
    width: 510px;
	margin:0 auto;
	overflow:hidden;
	  
}

#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
 

}

/* remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;	
	width:1750px;			
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	width:250px;
	/*height:250px;	*/
	float:left;
}

#slides li img {
	padding:4px;
}

/* Styling for prev and next buttons */
#buttons {
	padding:0 0 5px 0;	
	/*float:right;*/
}
a.main-logo img {
    max-height: 116px;
}
#buttons a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev { border-radius: 13px;
	background:url(arrow.gif) 0 -31px no-repeat; 
}

a#prev:hover { border-radius: 13px;
	background:url(arrow.gif) 0 0 no-repeat;
}

a#next {border-radius: 13px;
	background:url(arrow.gif) -32px -31px no-repeat; 
}

a#next:hover {border-radius: 13px;
	background:url(arrow.gif) -32px 0 no-repeat;
}

.clear {clear:both}

/**  TEAM        end  */

p.r-feat {

    float: right;
    margin-top: 3px;
}

p#r-feat span {

    padding: 0px 6px;
    border-radius: 11px;
	    cursor: pointer;
}
p#r-feat span:hover {

    border: 2px solid #fff;
    padding: 0px 7px;
    border-radius: 11px;
	    cursor: pointer;
}
.gridnew-item2 {
    float: left;
    width: 31%;
    margin: 1%;
}
.clear {

    clear: both;

}

a:active,

a:hover {

    outline: 0

}



b,

strong {

    font-weight: 700

}



dfn {

    font-style: italic

}



mark {

    background: #ff0;

    color: #000

}



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline

}



sup {

    top: -.5em

}



sub {

    bottom: -.25em

}



img {

    border: 0

}



svg:not(:root) {

    overflow: hidden

}



hr {

    box-sizing: content-box;

    height: 0

}



pre {

    overflow: auto

}



samp {

    font-size: 1em

}



button,

input,

optgroup,

select,

textarea {

    color: inherit;

    font: inherit;

    margin: 0

}



button {

    overflow: visible

}



button,

select {

    text-transform: none

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button;

    cursor: pointer

}



button[disabled],

html input[disabled] {

    cursor: default

}



button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0

}



input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box;

    padding: 0

}



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

    height: auto

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none

}



fieldset {

    border: 1px solid silver

}



textarea {

    overflow: auto

}



optgroup {

    font-weight: 700

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



td,

th {

    padding: 0

}



.service-fig h1 {

    /*color: #fff;*/
    color: #3d4348;

    padding-bottom: 28px;

}



.num-s {

    float: left;

    width: 10%;

}



.text-s {

    width: 90%;

    float: right;

}



h6.left-number {

    color: #ffcd03!important

}



.text-s h6,

.left-number {

    margin: 24px 0;

}



@media print {

    *,

    *:before,

    *:after {

        background: transparent!important;

        color: #000!important;

        box-shadow: none!important;

        text-shadow: none!important

    }

    a,

    a:visited {

        text-decoration: underline

    }

    a[href]:after {

        content: " (" attr(href)")"

    }

    abbr[title]:after {

        content: " (" attr(title)")"

    }

    a[href^="#"]:after,

    a[href^="javascript:"]:after {

        content: ""

    }

    pre,

    blockquote {

        border: 1px solid #999;

        page-break-inside: avoid

    }

    thead {

        display: table-header-group

    }

    tr,

    img {

        page-break-inside: avoid

    }

    img {

        max-width: 100%!important

    }

    p,

    h2,

    h3 {

        orphans: 3;

        widows: 3

    }

    h2,

    h3 {

        page-break-after: avoid

    }

    .navbar {

        display: none

    }

    .btn>.caret,

    .dropup>.btn>.caret {

        border-top-color: #000!important

    }

    .label {

        border: 1px solid #000

    }

    .table {

        border-collapse: collapse!important

    }

    .table td,

    .table th {

        background-color: #fff!important

    }

    .table-bordered th,

    .table-bordered td {

        border: 1px solid #ddd!important

    }

}



@at-root {

    @font-face {

        font-family: 'Glyphicons Halflings';

        src: url('../fonts/glyphicons-halflings-regular.eot');

        src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')

    }

}



.glyphicon {

    position: relative;

    top: 1px;

    display: inline-block;

    font-family: 'Glyphicons Halflings';

    font-style: normal;

    font-weight: 400;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.glyphicon-asterisk:before {

    content: "\2a"

}



.glyphicon-plus:before {

    content: "\2b"

}



.glyphicon-euro:before,

.glyphicon-eur:before {

    content: "\20ac"

}



.glyphicon-minus:before {

    content: "\2212"

}



.glyphicon-cloud:before {

    content: "\2601"

}



.glyphicon-envelope:before {

    content: "\2709"

}



.glyphicon-pencil:before {

    content: "\270f"

}



.glyphicon-glass:before {

    content: "\e001"

}



.glyphicon-music:before {

    content: "\e002"

}



.glyphicon-search:before {

    content: "\e003"

}



.glyphicon-heart:before {

    content: "\e005"

}



.glyphicon-star:before {

    content: "\e006"

}



.glyphicon-star-empty:before {

    content: "\e007"

}



.glyphicon-user:before {

    content: "\e008"

}



.glyphicon-film:before {

    content: "\e009"

}



.glyphicon-th-large:before {

    content: "\e010"

}



.glyphicon-th:before {

    content: "\e011"

}



.glyphicon-th-list:before {

    content: "\e012"

}



.glyphicon-ok:before {

    content: "\e013"

}



.glyphicon-remove:before {

    content: "\e014"

}



.glyphicon-zoom-in:before {

    content: "\e015"

}



.glyphicon-zoom-out:before {

    content: "\e016"

}



.glyphicon-off:before {

    content: "\e017"

}



.glyphicon-signal:before {

    content: "\e018"

}



.glyphicon-cog:before {

    content: "\e019"

}



.glyphicon-trash:before {

    content: "\e020"

}



.glyphicon-home:before {

    content: "\e021"

}



.glyphicon-file:before {

    content: "\e022"

}



.glyphicon-time:before {

    content: "\e023"

}



.glyphicon-road:before {

    content: "\e024"

}



.glyphicon-download-alt:before {

    content: "\e025"

}



.glyphicon-download:before {

    content: "\e026"

}



.glyphicon-upload:before {

    content: "\e027"

}



.glyphicon-inbox:before {

    content: "\e028"

}



.glyphicon-play-circle:before {

    content: "\e029"

}



.glyphicon-repeat:before {

    content: "\e030"

}



.glyphicon-refresh:before {

    content: "\e031"

}



.glyphicon-list-alt:before {

    content: "\e032"

}



.glyphicon-lock:before {

    content: "\e033"

}



.glyphicon-flag:before {

    content: "\e034"

}



.glyphicon-headphones:before {

    content: "\e035"

}



.glyphicon-volume-off:before {

    content: "\e036"

}



.glyphicon-volume-down:before {

    content: "\e037"

}



.glyphicon-volume-up:before {

    content: "\e038"

}



.glyphicon-qrcode:before {

    content: "\e039"

}



.glyphicon-barcode:before {

    content: "\e040"

}



.glyphicon-tag:before {

    content: "\e041"

}



.glyphicon-tags:before {

    content: "\e042"

}



.glyphicon-book:before {

    content: "\e043"

}



.glyphicon-bookmark:before {

    content: "\e044"

}



.glyphicon-print:before {

    content: "\e045"

}



.glyphicon-camera:before {

    content: "\e046"

}



.glyphicon-font:before {

    content: "\e047"

}



.glyphicon-bold:before {

    content: "\e048"

}



.glyphicon-italic:before {

    content: "\e049"

}



.glyphicon-text-height:before {

    content: "\e050"

}



.glyphicon-text-width:before {

    content: "\e051"

}



.glyphicon-align-left:before {

    content: "\e052"

}



.glyphicon-align-center:before {

    content: "\e053"

}



.glyphicon-align-right:before {

    content: "\e054"

}



.glyphicon-align-justify:before {

    content: "\e055"

}



.glyphicon-list:before {

    content: "\e056"

}



.glyphicon-indent-left:before {

    content: "\e057"

}



.glyphicon-indent-right:before {

    content: "\e058"

}



.glyphicon-facetime-video:before {

    content: "\e059"

}



.glyphicon-picture:before {

    content: "\e060"

}



.glyphicon-map-marker:before {

    content: "\e062"

}



.glyphicon-adjust:before {

    content: "\e063"

}



.glyphicon-tint:before {

    content: "\e064"

}



.glyphicon-edit:before {

    content: "\e065"

}



.glyphicon-share:before {

    content: "\e066"

}



.glyphicon-check:before {

    content: "\e067"

}



.glyphicon-move:before {

    content: "\e068"

}



.glyphicon-step-backward:before {

    content: "\e069"

}



.glyphicon-fast-backward:before {

    content: "\e070"

}



.glyphicon-backward:before {

    content: "\e071"

}



.glyphicon-play:before {

    content: "\e072"

}



.glyphicon-pause:before {

    content: "\e073"

}



.glyphicon-stop:before {

    content: "\e074"

}



.glyphicon-forward:before {

    content: "\e075"

}



.glyphicon-fast-forward:before {

    content: "\e076"

}



.glyphicon-step-forward:before {

    content: "\e077"

}



.glyphicon-eject:before {

    content: "\e078"

}



.glyphicon-chevron-left:before {

    content: "\e079"

}



.glyphicon-chevron-right:before {

    content: "\e080"

}



.glyphicon-plus-sign:before {

    content: "\e081"

}



.glyphicon-minus-sign:before {

    content: "\e082"

}



.glyphicon-remove-sign:before {

    content: "\e083"

}



.glyphicon-ok-sign:before {

    content: "\e084"

}



.glyphicon-question-sign:before {

    content: "\e085"

}



.glyphicon-info-sign:before {

    content: "\e086"

}



.glyphicon-screenshot:before {

    content: "\e087"

}



.glyphicon-remove-circle:before {

    content: "\e088"

}



.glyphicon-ok-circle:before {

    content: "\e089"

}



.glyphicon-ban-circle:before {

    content: "\e090"

}



.glyphicon-arrow-left:before {

    content: "\e091"

}



.glyphicon-arrow-right:before {

    content: "\e092"

}



.glyphicon-arrow-up:before {

    content: "\e093"

}



.glyphicon-arrow-down:before {

    content: "\e094"

}



.glyphicon-share-alt:before {

    content: "\e095"

}



.glyphicon-resize-full:before {

    content: "\e096"

}



.glyphicon-resize-small:before {

    content: "\e097"

}



.glyphicon-exclamation-sign:before {

    content: "\e101"

}



.glyphicon-gift:before {

    content: "\e102"

}



.glyphicon-leaf:before {

    content: "\e103"

}



.glyphicon-fire:before {

    content: "\e104"

}



.glyphicon-eye-open:before {

    content: "\e105"

}



.glyphicon-eye-close:before {

    content: "\e106"

}



.glyphicon-warning-sign:before {

    content: "\e107"

}



.glyphicon-plane:before {

    content: "\e108"

}



.glyphicon-calendar:before {

    content: "\e109"

}



.glyphicon-random:before {

    content: "\e110"

}



.glyphicon-comment:before {

    content: "\e111"

}



.glyphicon-magnet:before {

    content: "\e112"

}



.glyphicon-chevron-up:before {

    content: "\e113"

}



.glyphicon-chevron-down:before {

    content: "\e114"

}



.glyphicon-retweet:before {

    content: "\e115"

}



.glyphicon-shopping-cart:before {

    content: "\e116"

}



.glyphicon-folder-close:before {

    content: "\e117"

}



.glyphicon-folder-open:before {

    content: "\e118"

}



.glyphicon-resize-vertical:before {

    content: "\e119"

}



.glyphicon-resize-horizontal:before {

    content: "\e120"

}



.glyphicon-hdd:before {

    content: "\e121"

}



.glyphicon-bullhorn:before {

    content: "\e122"

}



.glyphicon-bell:before {

    content: "\e123"

}



.glyphicon-certificate:before {

    content: "\e124"

}



.glyphicon-thumbs-up:before {

    content: "\e125"

}



.glyphicon-thumbs-down:before {

    content: "\e126"

}



.glyphicon-hand-right:before {

    content: "\e127"

}



.glyphicon-hand-left:before {

    content: "\e128"

}



.glyphicon-hand-up:before {

    content: "\e129"

}



.glyphicon-hand-down:before {

    content: "\e130"

}



.glyphicon-circle-arrow-right:before {

    content: "\e131"

}



.glyphicon-circle-arrow-left:before {

    content: "\e132"

}



.glyphicon-circle-arrow-up:before {

    content: "\e133"

}



.glyphicon-circle-arrow-down:before {

    content: "\e134"

}



.glyphicon-globe:before {

    content: "\e135"

}



.glyphicon-wrench:before {

    content: "\e136"

}



.glyphicon-tasks:before {

    content: "\e137"

}



.glyphicon-filter:before {

    content: "\e138"

}



.glyphicon-briefcase:before {

    content: "\e139"

}



.glyphicon-fullscreen:before {

    content: "\e140"

}



.glyphicon-dashboard:before {

    content: "\e141"

}



.glyphicon-paperclip:before {

    content: "\e142"

}



.glyphicon-heart-empty:before {

    content: "\e143"

}



.glyphicon-link:before {

    content: "\e144"

}



.glyphicon-phone:before {

    content: "\e145"

}



.glyphicon-pushpin:before {

    content: "\e146"

}



.glyphicon-usd:before {

    content: "\e148"

}



.glyphicon-gbp:before {

    content: "\e149"

}



.glyphicon-sort:before {

    content: "\e150"

}



.glyphicon-sort-by-alphabet:before {

    content: "\e151"

}



.glyphicon-sort-by-alphabet-alt:before {

    content: "\e152"

}



.glyphicon-sort-by-order:before {

    content: "\e153"

}



.glyphicon-sort-by-order-alt:before {

    content: "\e154"

}



.glyphicon-sort-by-attributes:before {

    content: "\e155"

}



.glyphicon-sort-by-attributes-alt:before {

    content: "\e156"

}



.glyphicon-unchecked:before {

    content: "\e157"

}



.glyphicon-expand:before {

    content: "\e158"

}



.glyphicon-collapse-down:before {

    content: "\e159"

}



.glyphicon-collapse-up:before {

    content: "\e160"

}



.glyphicon-log-in:before {

    content: "\e161"

}



.glyphicon-flash:before {

    content: "\e162"

}



.glyphicon-log-out:before {

    content: "\e163"

}



.glyphicon-new-window:before {

    content: "\e164"

}



.glyphicon-record:before {

    content: "\e165"

}



.glyphicon-save:before {

    content: "\e166"

}



.glyphicon-open:before {

    content: "\e167"

}



.glyphicon-saved:before {

    content: "\e168"

}



.glyphicon-import:before {

    content: "\e169"

}



.glyphicon-export:before {

    content: "\e170"

}



.glyphicon-send:before {

    content: "\e171"

}



.glyphicon-floppy-disk:before {

    content: "\e172"

}



.glyphicon-floppy-saved:before {

    content: "\e173"

}



.glyphicon-floppy-remove:before {

    content: "\e174"

}



.glyphicon-floppy-save:before {

    content: "\e175"

}



.glyphicon-floppy-open:before {

    content: "\e176"

}



.glyphicon-credit-card:before {

    content: "\e177"

}



.glyphicon-transfer:before {

    content: "\e178"

}



.glyphicon-cutlery:before {

    content: "\e179"

}



.glyphicon-header:before {

    content: "\e180"

}



.glyphicon-compressed:before {

    content: "\e181"

}



.glyphicon-earphone:before {

    content: "\e182"

}



.glyphicon-phone-alt:before {

    content: "\e183"

}



.glyphicon-tower:before {

    content: "\e184"

}



.glyphicon-stats:before {

    content: "\e185"

}



.glyphicon-sd-video:before {

    content: "\e186"

}



.glyphicon-hd-video:before {

    content: "\e187"

}



.glyphicon-subtitles:before {

    content: "\e188"

}



.glyphicon-sound-stereo:before {

    content: "\e189"

}



.glyphicon-sound-dolby:before {

    content: "\e190"

}



.glyphicon-sound-5-1:before {

    content: "\e191"

}



.glyphicon-sound-6-1:before {

    content: "\e192"

}



.glyphicon-sound-7-1:before {

    content: "\e193"

}



.glyphicon-copyright-mark:before {

    content: "\e194"

}



.glyphicon-registration-mark:before {

    content: "\e195"

}



.glyphicon-cloud-download:before {

    content: "\e197"

}



.glyphicon-cloud-upload:before {

    content: "\e198"

}



.glyphicon-tree-conifer:before {

    content: "\e199"

}



.glyphicon-tree-deciduous:before {

    content: "\e200"

}



.glyphicon-cd:before {

    content: "\e201"

}



.glyphicon-save-file:before {

    content: "\e202"

}



.glyphicon-open-file:before {

    content: "\e203"

}



.glyphicon-level-up:before {

    content: "\e204"

}



.glyphicon-copy:before {

    content: "\e205"

}



.glyphicon-paste:before {

    content: "\e206"

}



.glyphicon-alert:before {

    content: "\e209"

}



.glyphicon-equalizer:before {

    content: "\e210"

}



.glyphicon-king:before {

    content: "\e211"

}



.glyphicon-queen:before {

    content: "\e212"

}



.glyphicon-pawn:before {

    content: "\e213"

}



.glyphicon-bishop:before {

    content: "\e214"

}



.glyphicon-knight:before {

    content: "\e215"

}



.glyphicon-baby-formula:before {

    content: "\e216"

}



.glyphicon-tent:before {

    content: "\26fa"

}



.glyphicon-blackboard:before {

    content: "\e218"

}



.glyphicon-bed:before {

    content: "\e219"

}



.glyphicon-apple:before {

    content: "\f8ff"

}



.glyphicon-erase:before {

    content: "\e221"

}



.glyphicon-hourglass:before {

    content: "\231b"

}



.glyphicon-lamp:before {

    content: "\e223"

}



.glyphicon-duplicate:before {

    content: "\e224"

}



.glyphicon-piggy-bank:before {

    content: "\e225"

}



.glyphicon-scissors:before {

    content: "\e226"

}



.glyphicon-bitcoin:before,

.glyphicon-btc:before,

.glyphicon-xbt:before {

    content: "\e227"

}



.glyphicon-yen:before,

.glyphicon-jpy:before {

    content: "\00a5"

}



.glyphicon-ruble:before,

.glyphicon-rub:before {

    content: "\20bd"

}



.glyphicon-scale:before {

    content: "\e230"

}



.glyphicon-ice-lolly:before {

    content: "\e231"

}



.glyphicon-ice-lolly-tasted:before {

    content: "\e232"

}



.glyphicon-education:before {

    content: "\e233"

}



.glyphicon-option-horizontal:before {

    content: "\e234"

}



.glyphicon-option-vertical:before {

    content: "\e235"

}



.glyphicon-menu-hamburger:before {

    content: "\e236"

}



.glyphicon-modal-window:before {

    content: "\e237"

}



.glyphicon-oil:before {

    content: "\e238"

}



.glyphicon-grain:before {

    content: "\e239"

}



.glyphicon-sunglasses:before {

    content: "\e240"

}



.glyphicon-text-size:before {

    content: "\e241"

}



.glyphicon-text-color:before {

    content: "\e242"

}



.glyphicon-text-background:before {

    content: "\e243"

}



.glyphicon-object-align-top:before {

    content: "\e244"

}



.glyphicon-object-align-bottom:before {

    content: "\e245"

}



.glyphicon-object-align-horizontal:before {

    content: "\e246"

}



.glyphicon-object-align-left:before {

    content: "\e247"

}



.glyphicon-object-align-vertical:before {

    content: "\e248"

}



.glyphicon-object-align-right:before {

    content: "\e249"

}



.glyphicon-triangle-right:before {

    content: "\e250"

}



.glyphicon-triangle-left:before {

    content: "\e251"

}



.glyphicon-triangle-bottom:before {

    content: "\e252"

}



.glyphicon-triangle-top:before {

    content: "\e253"

}



.glyphicon-console:before {

    content: "\e254"

}



.glyphicon-superscript:before {

    content: "\e255"

}



.glyphicon-subscript:before {

    content: "\e256"

}



.glyphicon-menu-left:before {

    content: "\e257"

}



.glyphicon-menu-right:before {

    content: "\e258"

}



.glyphicon-menu-down:before {

    content: "\e259"

}



.glyphicon-menu-up:before {

    content: "\e260"

}



* {

    box-sizing: border-box

}



*:before,

*:after {

    box-sizing: border-box

}



html {

    font-size: 10px;

    -webkit-tap-highlight-color: transparent

}



body {

    background-color: #fff

}



input,

button,

select,

textarea {

    font-family: inherit;

    font-size: inherit;

    line-height: inherit

}



a {

    color: #337ab7

}



a:hover,

a:focus {

    color: #23527c;

    text-decoration: underline

}



a:focus {

    outline: thin dotted;

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px

}



figure {

    margin: 0

}



img {

    vertical-align: middle

}



.img-responsive {

    display: block;

    max-width: 100%;

    height: auto

}



.img-rounded {

    border-radius: 6px

}



.img-thumbnail {

    padding: 4px;

    line-height: 1.428571429;

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 4px;

    transition: all .2s ease-in-out;

    display: inline-block;

    max-width: 100%;

    height: auto

}



.img-circle {

    border-radius: 50%

}



hr {

    margin-top: 20px;

    margin-bottom: 20px;

    border: 0;

    border-top: 1px solid #eee

}



.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0

}



.sr-only-focusable:active,

.sr-only-focusable:focus {

    position: static;

    width: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    clip: auto

}



[role="button"] {

    cursor: pointer

}



h1,

h2 {

    font-family: inherit;

    font-weight: 500;

    color: inherit

}



h1,

h2,

h3 {

    line-height: 1.1

}



h4 {

    font-family: inherit;

    font-weight: 500;

    color: inherit

}



h4,

h5 {

    line-height: 1.1

}



h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

    font-family: inherit;

    font-weight: 500;

    line-height: 1.1;

    color: inherit

}



h1 small,

h1 .small,

h2 small,

h2 .small,

h3 small,

h3 .small,

h4 small,

h4 .small,

h5 small,

h5 .small,

h6 small,

h6 .small,

.h1 small,

.h1 .small,

.h2 small,

.h2 .small,

.h3 small,

.h3 .small,

.h4 small,

.h4 .small,

.h5 small,

.h5 .small,

.h6 small,

.h6 .small {

    font-weight: 400;

    line-height: 1;

    color: #777

}



.h1,

.h2,

.h3 {

    margin-top: 20px;

    margin-bottom: 10px

}



h1 small,

h1 .small,

.h1 small,

.h1 .small,

h2 small,

h2 .small,

.h2 small,

.h2 .small,

h3 small,

h3 .small,

.h3 small,

.h3 .small {

    font-size: 65%

}



.h4,

.h5,

.h6 {

    margin-top: 10px;

    margin-bottom: 10px

}



h4 small,

h4 .small,

.h4 small,

.h4 .small,

h5 small,

h5 .small,

.h5 small,

.h5 .small,

h6 small,

h6 .small,

.h6 small,

.h6 .small {

    font-size: 75%

}



h1,

.h1 {

    font-size: 36px

}



h2,

.h2 {

    font-size: 30px

}



.h3 {

    font-size: 24px

}



h4,

.h4 {

    font-size: 18px

}



.h5 {

    font-size: 14px

}



h6,

.h6 {

    font-size: 12px

}



.lead {

    margin-bottom: 20px;

    font-size: 16px;

    font-weight: 300;

    line-height: 1.4

}



@media (min-width:768px) {

    .lead {

        font-size: 21px

    }

}



small,

.small {

    font-size: 85%

}



mark,

.mark {

    background-color: #fcf8e3;

    padding: .2em

}



.text-left {

    text-align: left

}



.text-right {

    text-align: right

}



.text-center {

    text-align: center

}



.text-justify {

    text-align: justify

}



.text-nowrap {

    white-space: nowrap

}



.text-lowercase {

    text-transform: lowercase

}



.text-uppercase,

.initialism {

    text-transform: uppercase

}



.text-capitalize {

    text-transform: capitalize

}



.text-muted {

    color: #777

}



.text-primary {

    color: #337ab7

}



a.text-primary:hover,

a.text-primary:focus {

    color: #286090

}



.text-success {

    color: #3c763d

}



a.text-success:hover,

a.text-success:focus {

    color: #2b542c

}



.text-info {

    color: #31708f

}



a.text-info:hover,

a.text-info:focus {

    color: #245269

}



.text-warning {

    color: #8a6d3b

}



a.text-warning:hover,

a.text-warning:focus {

    color: #66512c

}



.text-danger {

    color: #a94442

}



a.text-danger:hover,

a.text-danger:focus {

    color: #843534

}



.bg-primary {

    color: #fff;

    background-color: #337ab7

}



a.bg-primary:hover,

a.bg-primary:focus {

    background-color: #286090

}



.bg-success {

    background-color: #dff0d8

}



a.bg-success:hover,

a.bg-success:focus {

    background-color: #c1e2b3

}



.bg-info {

    background-color: #d9edf7

}



a.bg-info:hover,

a.bg-info:focus {

    background-color: #afd9ee

}



.bg-warning {

    background-color: #fcf8e3

}



a.bg-warning:hover,

a.bg-warning:focus {

    background-color: #f7ecb5

}



.bg-danger {

    background-color: #f2dede

}



a.bg-danger:hover,

a.bg-danger:focus {

    background-color: #e4b9b9

}



.page-header {

    padding-bottom: 9px;

    margin: 40px 0 20px;

    border-bottom: 1px solid #eee

}



ol {

    margin-top: 0;

    margin-bottom: 10px

}



ul ul,

ul ol,

ol ul,

ol ol {

    margin-bottom: 0

}



.list-unstyled,

.list-inline {

    padding-left: 0;

    list-style: none

}



.list-inline {

    margin-left: -5px

}



.list-inline>li {

    display: inline-block;

    padding-left: 5px;

    padding-right: 5px

}



dl {

    margin-top: 0;

    margin-bottom: 20px

}



dt,

dd {

    line-height: 1.428571429

}



dt {

    font-weight: 700

}



dd {

    margin-left: 0

}



.dl-horizontal dd:before,

.dl-horizontal dd:after {

    content: " ";

    display: table

}



.dl-horizontal dd:after {

    clear: both

}



@media (min-width:768px) {

    .dl-horizontal dt {

        float: left;

        width: 160px;

        clear: left;

        text-align: right;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap

    }

    .dl-horizontal dd {

        margin-left: 180px

    }

}



abbr[title],

abbr[data-original-title] {

    cursor: help;

    border-bottom: 1px dotted #777

}



.initialism {

    font-size: 90%

}



blockquote {

    padding: 10px 20px;

    margin: 0 0 20px;

    font-size: 17.5px;

    border-left: 5px solid #eee

}



blockquote p:last-child,

blockquote ul:last-child,

blockquote ol:last-child {

    margin-bottom: 0

}



blockquote footer,

blockquote small,

blockquote .small {

    display: block;

    font-size: 80%;

    line-height: 1.428571429;

    color: #777

}



blockquote footer:before,

blockquote small:before,

blockquote .small:before {

    content: '\2014 \00A0'

}



.blockquote-reverse,

blockquote.pull-right {

    padding-right: 15px;

    padding-left: 0;

    border-right: 5px solid #eee;

    border-left: 0;

    text-align: right

}



.blockquote-reverse footer:before,

.blockquote-reverse small:before,

.blockquote-reverse .small:before,

blockquote.pull-right footer:before,

blockquote.pull-right small:before,

blockquote.pull-right .small:before {

    content: ''

}



.blockquote-reverse footer:after,

.blockquote-reverse small:after,

.blockquote-reverse .small:after,

blockquote.pull-right footer:after,

blockquote.pull-right small:after,

blockquote.pull-right .small:after {

    content: '\00A0 \2014'

}



address {

    margin-bottom: 20px;

    font-style: normal;

    line-height: 1.428571429

}



code,

kbd,

pre,

samp {

    font-family: Menlo, Monaco, Consolas, "Courier New", monospace

}



code {

    color: #c7254e;

    background-color: #f9f2f4;

    border-radius: 4px

}



code,

kbd {

    padding: 2px 4px;

    font-size: 90%

}



kbd {

    color: #fff;

    background-color: #333;

    border-radius: 3px;

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

}



kbd kbd {

    padding: 0;

    font-size: 100%;

    font-weight: 700;

    box-shadow: none

}



pre {

    display: block;

    padding: 9.5px;

    margin: 0 0 10px;

    font-size: 13px;

    line-height: 1.428571429;

    word-break: break-all;

    word-wrap: break-word;

    color: #333;

    background-color: #f5f5f5;

    border: 1px solid #ccc;

    border-radius: 4px

}



pre code {

    padding: 0;

    font-size: inherit;

    color: inherit;

    white-space: pre-wrap;

    background-color: transparent;

    border-radius: 0

}



.pre-scrollable {

    max-height: 340px;

    overflow-y: scroll

}



.container {

    margin-right: auto;

    margin-left: auto;

    padding-left: 15px;

    padding-right: 15px

}



.container:before,

.container:after {

    content: " ";

    display: table

}



.container:after {

    clear: both

}



@media (min-width:768px) {

    .container {

        width: 750px

    }

}



@media (min-width:992px) {

    .container {

        width: 970px

    }

}



@media (min-width:1200px) {

    .container {

        width: 1170px

    }

}



.container-fluid {

    margin-right: auto;

    margin-left: auto;

    padding-left: 15px;

    padding-right: 15px

}



.container-fluid:before,

.container-fluid:after {

    content: " ";

    display: table

}



.container-fluid:after {

    clear: both

}



.row {

    margin-left: -15px;

    margin-right: -15px

}



.row:before,

.row:after {

    content: " ";

    display: table

}



.row:after {

    clear: both

}



.col-xs-1,

.col-sm-1,

.col-md-1,

.col-lg-1,

.col-xs-2,

.col-sm-2,

.col-md-2,

.col-lg-2,

.col-xs-3,

.col-sm-3,

.col-md-3,

.col-lg-3,

.col-xs-4,

.col-sm-4,

.col-md-4,

.col-lg-4,

.col-xs-5,

.col-sm-5,

.col-md-5,

.col-lg-5,

.col-xs-6,

.col-sm-6,

.col-md-6,

.col-lg-6,

.col-xs-7,

.col-sm-7,

.col-md-7,

.col-lg-7,

.col-xs-8,

.col-sm-8,

.col-md-8,

.col-lg-8,

.col-xs-9,

.col-sm-9,

.col-md-9,

.col-lg-9,

.col-xs-10,

.col-sm-10,

.col-md-10,

.col-lg-10,

.col-xs-11,

.col-sm-11,

.col-md-11,

.col-lg-11,

.col-xs-12,

.col-sm-12,

.col-md-12,

.col-lg-12 {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



.col-xs-1,

.col-xs-2,

.col-xs-3,

.col-xs-4,

.col-xs-5,

.col-xs-6,

.col-xs-7,

.col-xs-8,

.col-xs-9,

.col-xs-10,

.col-xs-11,

.col-xs-12 {

    float: left

}



.col-xs-1 {

    width: 8.3333333333%

}



.col-xs-2 {

    width: 16.6666666667%

}



.col-xs-3 {

    width: 25%

}



.col-xs-4 {

    width: 33.3333333333%

}



.col-xs-5 {

    width: 41.6666666667%

}



.col-xs-6 {

    width: 50%

}



.col-xs-7 {

    width: 58.3333333333%

}



.col-xs-8 {

    width: 66.6666666667%

}



.col-xs-9 {

    width: 75%

}



.col-xs-10 {

    width: 83.3333333333%

}



.col-xs-11 {

    width: 91.6666666667%

}



.col-xs-12 {

    width: 100%

}



.col-xs-pull-0 {

    right: auto

}



.col-xs-pull-1 {

    right: 8.3333333333%

}



.col-xs-pull-2 {

    right: 16.6666666667%

}



.col-xs-pull-3 {

    right: 25%

}



.col-xs-pull-4 {

    right: 33.3333333333%

}



.col-xs-pull-5 {

    right: 41.6666666667%

}



.col-xs-pull-6 {

    right: 50%

}



.col-xs-pull-7 {

    right: 58.3333333333%

}



.col-xs-pull-8 {

    right: 66.6666666667%

}



.col-xs-pull-9 {

    right: 75%

}



.col-xs-pull-10 {

    right: 83.3333333333%

}



.col-xs-pull-11 {

    right: 91.6666666667%

}



.col-xs-pull-12 {

    right: 100%

}



.col-xs-push-0 {

    left: auto

}



.col-xs-push-1 {

    left: 8.3333333333%

}



.col-xs-push-2 {

    left: 16.6666666667%

}



.col-xs-push-3 {

    left: 25%

}



.col-xs-push-4 {

    left: 33.3333333333%

}



.col-xs-push-5 {

    left: 41.6666666667%

}



.col-xs-push-6 {

    left: 50%

}



.col-xs-push-7 {

    left: 58.3333333333%

}



.col-xs-push-8 {

    left: 66.6666666667%

}



.col-xs-push-9 {

    left: 75%

}



.col-xs-push-10 {

    left: 83.3333333333%

}



.col-xs-push-11 {

    left: 91.6666666667%

}



.col-xs-push-12 {

    left: 100%

}



.col-xs-offset-0 {

    margin-left: 0%

}



.col-xs-offset-1 {

    margin-left: 8.3333333333%

}



.col-xs-offset-2 {

    margin-left: 16.6666666667%

}



.col-xs-offset-3 {

    margin-left: 25%

}



.col-xs-offset-4 {

    margin-left: 33.3333333333%

}



.col-xs-offset-5 {

    margin-left: 41.6666666667%

}



.col-xs-offset-6 {

    margin-left: 50%

}



.col-xs-offset-7 {

    margin-left: 58.3333333333%

}



.col-xs-offset-8 {

    margin-left: 66.6666666667%

}



.col-xs-offset-9 {

    margin-left: 75%

}



.col-xs-offset-10 {

    margin-left: 83.3333333333%

}



.col-xs-offset-11 {

    margin-left: 91.6666666667%

}



.col-xs-offset-12 {

    margin-left: 100%

}



@media (min-width:768px) {

    .col-sm-1,

    .col-sm-2,

    .col-sm-3,

    .col-sm-4,

    .col-sm-5,

    .col-sm-6,

    .col-sm-7,

    .col-sm-8,

    .col-sm-9,

    .col-sm-10,

    .col-sm-11,

    .col-sm-12 {

        float: left

    }

    .col-sm-1 {

        width: 8.3333333333%

    }

    .col-sm-2 {

        width: 16.6666666667%

    }

    .col-sm-3 {

        width: 25%

    }

    .col-sm-4 {

        width: 33.3333333333%

    }

    .col-sm-5 {

        width: 41.6666666667%

    }

    .col-sm-6 {

        width: 50%

    }

    .col-sm-7 {

        width: 58.3333333333%

    }

    .col-sm-8 {

        width: 66.6666666667%

    }

    .col-sm-9 {

        width: 75%

    }

    .col-sm-10 {

        width: 83.3333333333%

    }

    .col-sm-11 {

        width: 91.6666666667%

    }

    .col-sm-12 {

        width: 100%

    }

    .col-sm-pull-0 {

        right: auto

    }

    .col-sm-pull-1 {

        right: 8.3333333333%

    }

    .col-sm-pull-2 {

        right: 16.6666666667%

    }

    .col-sm-pull-3 {

        right: 25%

    }

    .col-sm-pull-4 {

        right: 33.3333333333%

    }

    .col-sm-pull-5 {

        right: 41.6666666667%

    }

    .col-sm-pull-6 {

        right: 50%

    }

    .col-sm-pull-7 {

        right: 58.3333333333%

    }

    .col-sm-pull-8 {

        right: 66.6666666667%

    }

    .col-sm-pull-9 {

        right: 75%

    }

    .col-sm-pull-10 {

        right: 83.3333333333%

    }

    .col-sm-pull-11 {

        right: 91.6666666667%

    }

    .col-sm-pull-12 {

        right: 100%

    }

    .col-sm-push-0 {

        left: auto

    }

    .col-sm-push-1 {

        left: 8.3333333333%

    }

    .col-sm-push-2 {

        left: 16.6666666667%

    }

    .col-sm-push-3 {

        left: 25%

    }

    .col-sm-push-4 {

        left: 33.3333333333%

    }

    .col-sm-push-5 {

        left: 41.6666666667%

    }

    .col-sm-push-6 {

        left: 50%

    }

    .col-sm-push-7 {

        left: 58.3333333333%

    }

    .col-sm-push-8 {

        left: 66.6666666667%

    }

    .col-sm-push-9 {

        left: 75%

    }

    .col-sm-push-10 {

        left: 83.3333333333%

    }

    .col-sm-push-11 {

        left: 91.6666666667%

    }

    .col-sm-push-12 {

        left: 100%

    }

    .col-sm-offset-0 {

        margin-left: 0%

    }

    .col-sm-offset-1 {

        margin-left: 8.3333333333%

    }

    .col-sm-offset-2 {

        margin-left: 16.6666666667%

    }

    .col-sm-offset-3 {

        margin-left: 25%

    }

    .col-sm-offset-4 {

        margin-left: 33.3333333333%

    }

    .col-sm-offset-5 {

        margin-left: 41.6666666667%

    }

    .col-sm-offset-6 {

        margin-left: 50%

    }

    .col-sm-offset-7 {

        margin-left: 58.3333333333%

    }

    .col-sm-offset-8 {

        margin-left: 66.6666666667%

    }

    .col-sm-offset-9 {

        margin-left: 75%

    }

    .col-sm-offset-10 {

        margin-left: 83.3333333333%

    }

    .col-sm-offset-11 {

        margin-left: 91.6666666667%

    }

    .col-sm-offset-12 {

        margin-left: 100%

    }

}



@media (min-width:992px) {

    .col-md-1,

    .col-md-2,

    .col-md-3,

    .col-md-4,

    .col-md-5,

    .col-md-6,

    .col-md-7,

    .col-md-8,

    .col-md-9,

    .col-md-10,

    .col-md-11,

    .col-md-12 {

        float: left

    }

    .col-md-1 {

        width: 8.3333333333%

    }

    .col-md-2 {

        width: 16.6666666667%

    }

    .col-md-3 {

        width: 25%

    }

    .col-md-4 {

        width: 33.3333333333%

    }

    .col-md-5 {

        width: 41.6666666667%

    }

    .col-md-6 {

        width: 50%

    }

    .col-md-7 {

        width: 58.3333333333%

    }

    .col-md-8 {

        width: 66.6666666667%

    }

    .col-md-9 {

        width: 75%

    }

    .col-md-10 {

        width: 83.3333333333%

    }

    .col-md-11 {

        width: 91.6666666667%

    }

    .col-md-12 {

        width: 100%

    }

    .col-md-pull-0 {

        right: auto

    }

    .col-md-pull-1 {

        right: 8.3333333333%

    }

    .col-md-pull-2 {

        right: 16.6666666667%

    }

    .col-md-pull-3 {

        right: 25%

    }

    .col-md-pull-4 {

        right: 33.3333333333%

    }

    .col-md-pull-5 {

        right: 41.6666666667%

    }

    .col-md-pull-6 {

        right: 50%

    }

    .col-md-pull-7 {

        right: 58.3333333333%

    }

    .col-md-pull-8 {

        right: 66.6666666667%

    }

    .col-md-pull-9 {

        right: 75%

    }

    .col-md-pull-10 {

        right: 83.3333333333%

    }

    .col-md-pull-11 {

        right: 91.6666666667%

    }

    .col-md-pull-12 {

        right: 100%

    }

    .col-md-push-0 {

        left: auto

    }

    .col-md-push-1 {

        left: 8.3333333333%

    }

    .col-md-push-2 {

        left: 16.6666666667%

    }

    .col-md-push-3 {

        left: 25%

    }

    .col-md-push-4 {

        left: 33.3333333333%

    }

    .col-md-push-5 {

        left: 41.6666666667%

    }

    .col-md-push-6 {

        left: 50%

    }

    .col-md-push-7 {

        left: 58.3333333333%

    }

    .col-md-push-8 {

        left: 66.6666666667%

    }

    .col-md-push-9 {

        left: 75%

    }

    .col-md-push-10 {

        left: 83.3333333333%

    }

    .col-md-push-11 {

        left: 91.6666666667%

    }

    .col-md-push-12 {

        left: 100%

    }

    .col-md-offset-0 {

        margin-left: 0%

    }

    .col-md-offset-1 {

        margin-left: 8.3333333333%

    }

    .col-md-offset-2 {

        margin-left: 16.6666666667%

    }

    .col-md-offset-3 {

        margin-left: 25%

    }

    .col-md-offset-4 {

        margin-left: 33.3333333333%

    }

    .col-md-offset-5 {

        margin-left: 41.6666666667%

    }

    .col-md-offset-6 {

        margin-left: 50%

    }

    .col-md-offset-7 {

        margin-left: 58.3333333333%

    }

    .col-md-offset-8 {

        margin-left: 66.6666666667%

    }

    .col-md-offset-9 {

        margin-left: 75%

    }

    .col-md-offset-10 {

        margin-left: 83.3333333333%

    }

    .col-md-offset-11 {

        margin-left: 91.6666666667%

    }

    .col-md-offset-12 {

        margin-left: 100%

    }

}



@media (min-width:1200px) {

    .col-lg-1,

    .col-lg-2,

    .col-lg-3,

    .col-lg-4,

    .col-lg-5,

    .col-lg-6,

    .col-lg-7,

    .col-lg-8,

    .col-lg-9,

    .col-lg-10,

    .col-lg-11,

    .col-lg-12 {

        float: left

    }

    .col-lg-1 {

        width: 8.3333333333%

    }

    .col-lg-2 {

        width: 16.6666666667%

    }

    .col-lg-3 {

        width: 25%

    }

    .col-lg-4 {

        width: 33.3333333333%

    }

    .col-lg-5 {

        width: 41.6666666667%

    }

    .col-lg-6 {

        width: 50%

    }

    .col-lg-7 {

        width: 58.3333333333%

    }

    .col-lg-8 {

        width: 66.6666666667%

    }

    .col-lg-9 {

        width: 75%

    }

    .col-lg-10 {

        width: 83.3333333333%

    }

    .col-lg-11 {

        width: 91.6666666667%

    }

    .col-lg-12 {

        width: 100%

    }

    .col-lg-pull-0 {

        right: auto

    }

    .col-lg-pull-1 {

        right: 8.3333333333%

    }

    .col-lg-pull-2 {

        right: 16.6666666667%

    }

    .col-lg-pull-3 {

        right: 25%

    }

    .col-lg-pull-4 {

        right: 33.3333333333%

    }

    .col-lg-pull-5 {

        right: 41.6666666667%

    }

    .col-lg-pull-6 {

        right: 50%

    }

    .col-lg-pull-7 {

        right: 58.3333333333%

    }

    .col-lg-pull-8 {

        right: 66.6666666667%

    }

    .col-lg-pull-9 {

        right: 75%

    }

    .col-lg-pull-10 {

        right: 83.3333333333%

    }

    .col-lg-pull-11 {

        right: 91.6666666667%

    }

    .col-lg-pull-12 {

        right: 100%

    }

    .col-lg-push-0 {

        left: auto

    }

    .col-lg-push-1 {

        left: 8.3333333333%

    }

    .col-lg-push-2 {

        left: 16.6666666667%

    }

    .col-lg-push-3 {

        left: 25%

    }

    .col-lg-push-4 {

        left: 33.3333333333%

    }

    .col-lg-push-5 {

        left: 41.6666666667%

    }

    .col-lg-push-6 {

        left: 50%

    }

    .col-lg-push-7 {

        left: 58.3333333333%

    }

    .col-lg-push-8 {

        left: 66.6666666667%

    }

    .col-lg-push-9 {

        left: 75%

    }

    .col-lg-push-10 {

        left: 83.3333333333%

    }

    .col-lg-push-11 {

        left: 91.6666666667%

    }

    .col-lg-push-12 {

        left: 100%

    }

    .col-lg-offset-0 {

        margin-left: 0%

    }

    .col-lg-offset-1 {

        margin-left: 8.3333333333%

    }

    .col-lg-offset-2 {

        margin-left: 16.6666666667%

    }

    .col-lg-offset-3 {

        margin-left: 25%

    }

    .col-lg-offset-4 {

        margin-left: 33.3333333333%

    }

    .col-lg-offset-5 {

        margin-left: 41.6666666667%

    }

    .col-lg-offset-6 {

        margin-left: 50%

    }

    .col-lg-offset-7 {

        margin-left: 58.3333333333%

    }

    .col-lg-offset-8 {

        margin-left: 66.6666666667%

    }

    .col-lg-offset-9 {

        margin-left: 75%

    }

    .col-lg-offset-10 {

        margin-left: 83.3333333333%

    }

    .col-lg-offset-11 {

        margin-left: 91.6666666667%

    }

    .col-lg-offset-12 {

        margin-left: 100%

    }

}



table {

    background-color: transparent

}



caption {

    padding-top: 8px;

    padding-bottom: 8px;

    color: #777

}



caption,

th {

    text-align: left

}



.table {

    width: 100%;

    max-width: 100%;

    margin-bottom: 20px

}



.table>thead>tr>th {

    padding: 8px;

    line-height: 1.428571429;

    border-top: 1px solid #ddd

}



.table>thead>tr>td,

.table>tbody>tr>th,

.table>tbody>tr>td,

.table>tfoot>tr>th,

.table>tfoot>tr>td {

    padding: 8px;

    line-height: 1.428571429;

    vertical-align: top;

    border-top: 1px solid #ddd

}



.table>thead>tr>th {

    vertical-align: bottom;

    border-bottom: 2px solid #ddd

}



.table>caption+thead>tr:first-child>th,

.table>caption+thead>tr:first-child>td,

.table>colgroup+thead>tr:first-child>th,

.table>colgroup+thead>tr:first-child>td,

.table>thead:first-child>tr:first-child>th,

.table>thead:first-child>tr:first-child>td {

    border-top: 0

}



.table>tbody+tbody {

    border-top: 2px solid #ddd

}



.table .table {

    background-color: #fff

}



.table-condensed>thead>tr>th,

.table-condensed>thead>tr>td,

.table-condensed>tbody>tr>th,

.table-condensed>tbody>tr>td,

.table-condensed>tfoot>tr>th,

.table-condensed>tfoot>tr>td {

    padding: 5px

}



.table-bordered,

.table-bordered>thead>tr>th,

.table-bordered>thead>tr>td,

.table-bordered>tbody>tr>th,

.table-bordered>tbody>tr>td,

.table-bordered>tfoot>tr>th,

.table-bordered>tfoot>tr>td {

    border: 1px solid #ddd

}



.table-bordered>thead>tr>th,

.table-bordered>thead>tr>td {

    border-bottom-width: 2px

}



.table-striped>tbody>tr:nth-of-type(odd) {

    background-color: #f9f9f9

}



.table-hover>tbody>tr:hover {

    background-color: #f5f5f5

}



table col[class*="col-"] {

    position: static;

    float: none;

    display: table-column

}



table td[class*="col-"],

table th[class*="col-"] {

    position: static;

    float: none;

    display: table-cell

}



.table>thead>tr>td.active,

.table>thead>tr>th.active,

.table>thead>tr.active>td,

.table>thead>tr.active>th,

.table>tbody>tr>td.active,

.table>tbody>tr>th.active,

.table>tbody>tr.active>td,

.table>tbody>tr.active>th,

.table>tfoot>tr>td.active,

.table>tfoot>tr>th.active,

.table>tfoot>tr.active>td,

.table>tfoot>tr.active>th {

    background-color: #f5f5f5

}



.table-hover>tbody>tr>td.active:hover,

.table-hover>tbody>tr>th.active:hover,

.table-hover>tbody>tr.active:hover>td,

.table-hover>tbody>tr:hover>.active,

.table-hover>tbody>tr.active:hover>th {

    background-color: #e8e8e8

}



.table>thead>tr>td.success,

.table>thead>tr>th.success,

.table>thead>tr.success>td,

.table>thead>tr.success>th,

.table>tbody>tr>td.success,

.table>tbody>tr>th.success,

.table>tbody>tr.success>td,

.table>tbody>tr.success>th,

.table>tfoot>tr>td.success,

.table>tfoot>tr>th.success,

.table>tfoot>tr.success>td,

.table>tfoot>tr.success>th {

    background-color: #dff0d8

}



.table-hover>tbody>tr>td.success:hover,

.table-hover>tbody>tr>th.success:hover,

.table-hover>tbody>tr.success:hover>td,

.table-hover>tbody>tr:hover>.success,

.table-hover>tbody>tr.success:hover>th {

    background-color: #d0e9c6

}



.table>thead>tr>td.info,

.table>thead>tr>th.info,

.table>thead>tr.info>td,

.table>thead>tr.info>th,

.table>tbody>tr>td.info,

.table>tbody>tr>th.info,

.table>tbody>tr.info>td,

.table>tbody>tr.info>th,

.table>tfoot>tr>td.info,

.table>tfoot>tr>th.info,

.table>tfoot>tr.info>td,

.table>tfoot>tr.info>th {

    background-color: #d9edf7

}



.table-hover>tbody>tr>td.info:hover,

.table-hover>tbody>tr>th.info:hover,

.table-hover>tbody>tr.info:hover>td,

.table-hover>tbody>tr:hover>.info,

.table-hover>tbody>tr.info:hover>th {

    background-color: #c4e3f3

}



.table>thead>tr>td.warning,

.table>thead>tr>th.warning,

.table>thead>tr.warning>td,

.table>thead>tr.warning>th,

.table>tbody>tr>td.warning,

.table>tbody>tr>th.warning,

.table>tbody>tr.warning>td,

.table>tbody>tr.warning>th,

.table>tfoot>tr>td.warning,

.table>tfoot>tr>th.warning,

.table>tfoot>tr.warning>td,

.table>tfoot>tr.warning>th {

    background-color: #fcf8e3

}



.table-hover>tbody>tr>td.warning:hover,

.table-hover>tbody>tr>th.warning:hover,

.table-hover>tbody>tr.warning:hover>td,

.table-hover>tbody>tr:hover>.warning,

.table-hover>tbody>tr.warning:hover>th {

    background-color: #faf2cc

}



.table>thead>tr>td.danger,

.table>thead>tr>th.danger,

.table>thead>tr.danger>td,

.table>thead>tr.danger>th,

.table>tbody>tr>td.danger,

.table>tbody>tr>th.danger,

.table>tbody>tr.danger>td,

.table>tbody>tr.danger>th,

.table>tfoot>tr>td.danger,

.table>tfoot>tr>th.danger,

.table>tfoot>tr.danger>td,

.table>tfoot>tr.danger>th {

    background-color: #f2dede

}



.table-hover>tbody>tr>td.danger:hover,

.table-hover>tbody>tr>th.danger:hover,

.table-hover>tbody>tr.danger:hover>td,

.table-hover>tbody>tr:hover>.danger,

.table-hover>tbody>tr.danger:hover>th {

    background-color: #ebcccc

}



.table-responsive {

    overflow-x: auto;

    min-height: .01%

}



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

    .table-responsive {

        width: 100%;

        margin-bottom: 15px;

        overflow-y: hidden;

        -ms-overflow-style: -ms-autohiding-scrollbar;

        border: 1px solid #ddd

    }

    .table-responsive>.table {

        margin-bottom: 0

    }

    .table-responsive>.table>thead>tr>th,

    .table-responsive>.table>thead>tr>td,

    .table-responsive>.table>tbody>tr>th,

    .table-responsive>.table>tbody>tr>td,

    .table-responsive>.table>tfoot>tr>th,

    .table-responsive>.table>tfoot>tr>td {

        white-space: nowrap

    }

    .table-responsive>.table-bordered {

        border: 0

    }

    .table-responsive>.table-bordered>thead>tr>th:first-child,

    .table-responsive>.table-bordered>thead>tr>td:first-child,

    .table-responsive>.table-bordered>tbody>tr>th:first-child,

    .table-responsive>.table-bordered>tbody>tr>td:first-child,

    .table-responsive>.table-bordered>tfoot>tr>th:first-child,

    .table-responsive>.table-bordered>tfoot>tr>td:first-child {

        border-left: 0

    }

    .table-responsive>.table-bordered>thead>tr>th:last-child,

    .table-responsive>.table-bordered>thead>tr>td:last-child,

    .table-responsive>.table-bordered>tbody>tr>th:last-child,

    .table-responsive>.table-bordered>tbody>tr>td:last-child,

    .table-responsive>.table-bordered>tfoot>tr>th:last-child,

    .table-responsive>.table-bordered>tfoot>tr>td:last-child {

        border-right: 0

    }

    .table-responsive>.table-bordered>tbody>tr:last-child>th,

    .table-responsive>.table-bordered>tbody>tr:last-child>td,

    .table-responsive>.table-bordered>tfoot>tr:last-child>th,

    .table-responsive>.table-bordered>tfoot>tr:last-child>td {

        border-bottom: 0

    }

}



fieldset {

    padding: 0;

    margin: 0;

    border: 0;

    min-width: 0

}



legend {

    display: block;

    width: 100%;

    padding: 0;

    margin-bottom: 20px;

    font-size: 21px;

    line-height: inherit;

    color: #333;

    border: 0;

    border-bottom: 1px solid #e5e5e5

}



label {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-weight: 700

}



input[type="search"] {

    box-sizing: border-box

}



input[type="radio"],

input[type="checkbox"] {

    margin: 1px 0 0;

    line-height: normal

}



input[type="file"] {

    display: block

}



input[type="range"] {

    display: block;

    width: 100%

}



select[multiple],

select[size] {

    height: auto

}



input[type="file"]:focus,

input[type="radio"]:focus,

input[type="checkbox"]:focus {

    outline: thin dotted;

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px

}



output {

    padding-top: 7px

}



output,

.form-control {

    display: block;

    font-size: 14px;

    line-height: 1.428571429;

    color: #555

}



.form-control {

    width: 100%;

    padding: 6px 12px;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

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

    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s

}



.form-control:focus {

    outline: 0;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)

}



.form-control::-moz-placeholder {

    color: #999;

    opacity: 1

}



.form-control:-ms-input-placeholder {

    color: #999

}



.form-control::-webkit-input-placeholder {

    color: #999

}



.form-control[disabled],

.form-control[readonly],

fieldset[disabled] .form-control {

    background-color: #eee;

    opacity: 1

}



.form-control[disabled],

fieldset[disabled] .form-control {

    cursor: false

}



textarea.form-control {

    height: auto

}



input[type="search"] {

    -webkit-appearance: none

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

    input[type="date"].form-control,

    input[type="time"].form-control,

    input[type="datetime-local"].form-control,

    input[type="month"].form-control {

        line-height: 34px

    }

    input[type="date"].input-sm,

    .input-group-sm>input[type="date"].form-control,

    .input-group-sm>input[type="date"].input-group-addon,

    .input-group-sm>.input-group-btn>input[type="date"].btn,

    .input-group-sm input[type="date"],

    input[type="time"].input-sm,

    .input-group-sm>input[type="time"].form-control,

    .input-group-sm>input[type="time"].input-group-addon,

    .input-group-sm>.input-group-btn>input[type="time"].btn,

    .input-group-sm input[type="time"],

    input[type="datetime-local"].input-sm,

    .input-group-sm>input[type="datetime-local"].form-control,

    .input-group-sm>input[type="datetime-local"].input-group-addon,

    .input-group-sm>.input-group-btn>input[type="datetime-local"].btn,

    .input-group-sm input[type="datetime-local"],

    input[type="month"].input-sm,

    .input-group-sm>input[type="month"].form-control,

    .input-group-sm>input[type="month"].input-group-addon,

    .input-group-sm>.input-group-btn>input[type="month"].btn,

    .input-group-sm input[type="month"] {

        line-height: 30px

    }

    input[type="date"].input-lg,

    .input-group-lg>input[type="date"].form-control,

    .input-group-lg>input[type="date"].input-group-addon,

    .input-group-lg>.input-group-btn>input[type="date"].btn,

    .input-group-lg input[type="date"],

    input[type="time"].input-lg,

    .input-group-lg>input[type="time"].form-control,

    .input-group-lg>input[type="time"].input-group-addon,

    .input-group-lg>.input-group-btn>input[type="time"].btn,

    .input-group-lg input[type="time"],

    input[type="datetime-local"].input-lg,

    .input-group-lg>input[type="datetime-local"].form-control,

    .input-group-lg>input[type="datetime-local"].input-group-addon,

    .input-group-lg>.input-group-btn>input[type="datetime-local"].btn,

    .input-group-lg input[type="datetime-local"],

    input[type="month"].input-lg,

    .input-group-lg>input[type="month"].form-control,

    .input-group-lg>input[type="month"].input-group-addon,

    .input-group-lg>.input-group-btn>input[type="month"].btn,

    .input-group-lg input[type="month"] {

        line-height: 46px

    }

}



.form-group {

    margin-bottom: 15px

}



.radio,

.checkbox {

    position: relative;

    display: block;

    margin-top: 10px;

    margin-bottom: 10px

}



.radio label,

.checkbox label {

    min-height: 20px;

    padding-left: 20px;

    margin-bottom: 0;

    font-weight: 400;

    cursor: pointer

}



.radio input[type="radio"],

.radio-inline input[type="radio"],

.checkbox input[type="checkbox"],

.checkbox-inline input[type="checkbox"] {

    position: absolute;

    margin-left: -20px;

    margin-top: 4px \9

}



.radio+.radio,

.checkbox+.checkbox {

    margin-top: -5px

}



.radio-inline,

.checkbox-inline {

    position: relative;

    display: inline-block;

    padding-left: 20px;

    margin-bottom: 0;

    vertical-align: middle;

    font-weight: 400;

    cursor: pointer

}



.radio-inline+.radio-inline,

.checkbox-inline+.checkbox-inline {

    margin-top: 0;

    margin-left: 10px

}



input[type="radio"][disabled],

input[type="radio"].disabled,

fieldset[disabled] input[type="radio"],

input[type="checkbox"][disabled],

input[type="checkbox"].disabled,

fieldset[disabled] input[type="checkbox"],

.radio-inline.disabled,

fieldset[disabled] .radio-inline,

.checkbox-inline.disabled,

fieldset[disabled] .checkbox-inline,

.radio.disabled label,

fieldset[disabled] .radio label,

.checkbox.disabled label,

fieldset[disabled] .checkbox label {

    cursor: false

}



.form-control-static {

    padding-top: 7px;

    padding-bottom: 7px;

    margin-bottom: 0;

    min-height: 34px

}



.form-control-static.input-lg,

.input-group-lg>.form-control-static.form-control,

.input-group-lg>.form-control-static.input-group-addon,

.input-group-lg>.input-group-btn>.form-control-static.btn,

.form-control-static.input-sm,

.input-group-sm>.form-control-static.form-control,

.input-group-sm>.form-control-static.input-group-addon,

.input-group-sm>.input-group-btn>.form-control-static.btn {

    padding-left: 0;

    padding-right: 0

}



.input-sm,

.input-group-sm>.form-control {

    height: 30px;

    padding: 5px 10px;

    font-size: 12px;

    line-height: 1.5;

    border-radius: 3px

}



.input-group-sm>.input-group-addon {

    height: 30px;

    line-height: 1.5

}



.input-group-sm>.input-group-btn>.btn {

    height: 30px;

    padding: 5px 10px;

    font-size: 12px;

    line-height: 1.5;

    border-radius: 3px

}



select.input-sm,

.input-group-sm>select.form-control,

.input-group-sm>select.input-group-addon,

.input-group-sm>.input-group-btn>select.btn {

    height: 30px;

    line-height: 30px

}



textarea.input-sm,

.input-group-sm>textarea.form-control,

.input-group-sm>textarea.input-group-addon,

.input-group-sm>.input-group-btn>textarea.btn,

select[multiple].input-sm,

.input-group-sm>select[multiple].form-control,

.input-group-sm>select[multiple].input-group-addon,

.input-group-sm>.input-group-btn>select[multiple].btn {

    height: auto

}



.form-group-sm .form-control {

    height: 30px;

    padding: 5px 10px;

    font-size: 12px;

    line-height: 1.5;

    border-radius: 3px

}



.form-group-sm select.form-control {

    height: 30px;

    line-height: 30px

}



.form-group-sm textarea.form-control,

.form-group-sm select[multiple].form-control {

    height: auto

}



.form-group-sm .form-control-static {

    height: 30px;

    min-height: 32px;

    padding: 6px 10px;

    font-size: 12px;

    line-height: 1.5

}



.input-lg,

.input-group-lg>.form-control {

    height: 46px;

    padding: 10px 16px;

    font-size: 18px;

    line-height: 1.3333333;

    border-radius: 6px

}



.input-group-lg>.input-group-addon {

    height: 46px;

    line-height: 1.3333333

}



.input-group-lg>.input-group-btn>.btn {

    height: 46px;

    padding: 10px 16px;

    font-size: 18px;

    line-height: 1.3333333;

    border-radius: 6px

}



select.input-lg,

.input-group-lg>select.form-control,

.input-group-lg>select.input-group-addon,

.input-group-lg>.input-group-btn>select.btn {

    height: 46px;

    line-height: 46px

}



textarea.input-lg,

.input-group-lg>textarea.form-control,

.input-group-lg>textarea.input-group-addon,

.input-group-lg>.input-group-btn>textarea.btn,

select[multiple].input-lg,

.input-group-lg>select[multiple].form-control,

.input-group-lg>select[multiple].input-group-addon,

.input-group-lg>.input-group-btn>select[multiple].btn {

    height: auto

}



.form-group-lg .form-control {

    height: 46px;

    padding: 10px 16px;

    font-size: 18px;

    line-height: 1.3333333;

    border-radius: 6px

}



.form-group-lg select.form-control {

    height: 46px;

    line-height: 46px

}



.form-group-lg textarea.form-control,

.form-group-lg select[multiple].form-control {

    height: auto

}



.form-group-lg .form-control-static {

    height: 46px;

    min-height: 38px;

    padding: 11px 16px;

    font-size: 18px;

    line-height: 1.3333333

}



.has-feedback {

    position: relative

}



.has-feedback .form-control {

    padding-right: 42.5px

}



.form-control-feedback {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 2;

    display: block;

    width: 34px;

    height: 34px;

    line-height: 34px;

    text-align: center;

    pointer-events: none

}



.input-lg+.form-control-feedback,

.input-group-lg>.form-control+.form-control-feedback,

.input-group-lg>.input-group-addon+.form-control-feedback,

.input-group-lg>.input-group-btn>.btn+.form-control-feedback,

.input-group-lg+.form-control-feedback,

.form-group-lg .form-control+.form-control-feedback {

    width: 46px;

    height: 46px;

    line-height: 46px

}



.input-sm+.form-control-feedback,

.input-group-sm>.form-control+.form-control-feedback,

.input-group-sm>.input-group-addon+.form-control-feedback,

.input-group-sm>.input-group-btn>.btn+.form-control-feedback,

.input-group-sm+.form-control-feedback,

.form-group-sm .form-control+.form-control-feedback {

    width: 30px;

    height: 30px;

    line-height: 30px

}



.has-success .help-block,

.has-success .control-label,

.has-success .radio,

.has-success .checkbox,

.has-success .radio-inline,

.has-success .checkbox-inline,

.has-success.radio label,

.has-success.checkbox label,

.has-success.radio-inline label,

.has-success.checkbox-inline label {

    color: #3c763d

}



.has-success .form-control {

    border-color: #3c763d;

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

}



.has-success .form-control:focus {

    border-color: #2b542c;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168

}



.has-success .input-group-addon {

    color: #3c763d;

    border-color: #3c763d;

    background-color: #dff0d8

}



.has-success .form-control-feedback {

    color: #3c763d

}



.has-warning .help-block,

.has-warning .control-label,

.has-warning .radio,

.has-warning .checkbox,

.has-warning .radio-inline,

.has-warning .checkbox-inline,

.has-warning.radio label,

.has-warning.checkbox label,

.has-warning.radio-inline label,

.has-warning.checkbox-inline label {

    color: #8a6d3b

}



.has-warning .form-control {

    border-color: #8a6d3b;

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

}



.has-warning .form-control:focus {

    border-color: #66512c;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b

}



.has-warning .input-group-addon {

    color: #8a6d3b;

    border-color: #8a6d3b;

    background-color: #fcf8e3

}



.has-warning .form-control-feedback {

    color: #8a6d3b

}



.has-error .help-block,

.has-error .control-label,

.has-error .radio,

.has-error .checkbox,

.has-error .radio-inline,

.has-error .checkbox-inline,

.has-error.radio label,

.has-error.checkbox label,

.has-error.radio-inline label,

.has-error.checkbox-inline label {

    color: #a94442

}



.has-error .form-control {

    border-color: #a94442;

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

}



.has-error .form-control:focus {

    border-color: #843534;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483

}



.has-error .input-group-addon {

    color: #a94442;

    border-color: #a94442;

    background-color: #f2dede

}



.has-error .form-control-feedback {

    color: #a94442

}



.has-feedback label~.form-control-feedback {

    top: 25px

}



.has-feedback label.sr-only~.form-control-feedback {

    top: 0

}



.help-block {

    display: block;

    margin-top: 5px;

    margin-bottom: 10px;

    color: #737373

}



@media (min-width:768px) {

    .form-inline .form-group {

        display: inline-block;

        margin-bottom: 0;

        vertical-align: middle

    }

    .form-inline .form-control {

        display: inline-block;

        width: auto;

        vertical-align: middle

    }

    .form-inline .form-control-static {

        display: inline-block

    }

    .form-inline .input-group {

        display: inline-table;

        vertical-align: middle

    }

    .form-inline .input-group .input-group-addon,

    .form-inline .input-group .input-group-btn,

    .form-inline .input-group .form-control {

        width: auto

    }

    .form-inline .input-group>.form-control {

        width: 100%

    }

    .form-inline .control-label {

        margin-bottom: 0;

        vertical-align: middle

    }

    .form-inline .radio,

    .form-inline .checkbox {

        display: inline-block;

        margin-top: 0;

        margin-bottom: 0;

        vertical-align: middle

    }

    .form-inline .radio label,

    .form-inline .checkbox label {

        padding-left: 0

    }

    .form-inline .radio input[type="radio"],

    .form-inline .checkbox input[type="checkbox"] {

        position: relative;

        margin-left: 0

    }

    .form-inline .has-feedback .form-control-feedback {

        top: 0

    }

}



.form-horizontal .radio,

.form-horizontal .checkbox,

.form-horizontal .radio-inline,

.form-horizontal .checkbox-inline {

    margin-top: 0;

    margin-bottom: 0;

    padding-top: 7px

}



.form-horizontal .radio,

.form-horizontal .checkbox {

    min-height: 27px

}



.form-horizontal .form-group {

    margin-left: -15px;

    margin-right: -15px

}



.form-horizontal .form-group:before {

    content: " ";

    display: table

}



.form-horizontal .form-group:after {

    content: " ";

    display: table;

    clear: both

}



@media (min-width:768px) {

    .form-horizontal .control-label {

        text-align: right;

        margin-bottom: 0;

        padding-top: 7px

    }

}



.form-horizontal .has-feedback .form-control-feedback {

    right: 15px

}



@media (min-width:768px) {

    .form-horizontal .form-group-lg .control-label {

        padding-top: 14.333333px;

        font-size: 18px

    }

}



@media (min-width:768px) {

    .form-horizontal .form-group-sm .control-label {

        padding-top: 6px;

        font-size: 12px

    }

}



.btn {

    display: inline-block;

    margin-bottom: 0;

    text-align: center;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    background-image: none;

    border: 1px solid transparent;

    white-space: nowrap;

    line-height: 1.428571429;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.btn:focus,

.btn.focus,

.btn:active:focus,

.btn:active.focus,

.btn.active:focus,

.btn.active.focus {

    outline: thin dotted;

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px

}



.btn:hover,

.btn:focus,

.btn.focus {

    color: #333;

    text-decoration: none

}



.btn:active,

.btn.active {

    outline: 0;

    background-image: none;

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)

}



.btn.disabled,

.btn[disabled],

fieldset[disabled] .btn {

    cursor: false;

    opacity: .65;

    filter: alpha(opacity=65);

    box-shadow: none

}



a.btn.disabled,

fieldset[disabled] a.btn {

    pointer-events: none

}



.btn-default {

    color: #333;

    background-color: #fff;

    border-color: #ccc

}



.btn-default:focus,

.btn-default.focus {

    color: #333;

    background-color: #e6e6e6;

    border-color: #8c8c8c

}



.btn-default:hover {

    color: #333;

    background-color: #e6e6e6;

    border-color: #adadad

}



.btn-default:active,

.btn-default.active,

.open>.btn-default.dropdown-toggle {

    color: #333;

    background-color: #e6e6e6;

    border-color: #adadad

}



.btn-default:active:hover,

.btn-default:active:focus,

.btn-default:active.focus,

.btn-default.active:hover,

.btn-default.active:focus,

.btn-default.active.focus,

.open>.btn-default.dropdown-toggle:hover,

.open>.btn-default.dropdown-toggle:focus,

.open>.btn-default.dropdown-toggle.focus {

    color: #333;

    background-color: #d4d4d4;

    border-color: #8c8c8c

}



.btn-default:active,

.btn-default.active,

.open>.btn-default.dropdown-toggle {

    background-image: none

}



.btn-default.disabled,

.btn-default.disabled:hover,

.btn-default.disabled:focus,

.btn-default.disabled.focus,

.btn-default.disabled:active,

.btn-default.disabled.active,

.btn-default[disabled],

.btn-default[disabled]:hover,

.btn-default[disabled]:focus,

.btn-default[disabled].focus,

.btn-default[disabled]:active,

.btn-default[disabled].active,

fieldset[disabled] .btn-default,

fieldset[disabled] .btn-default:hover,

fieldset[disabled] .btn-default:focus,

fieldset[disabled] .btn-default.focus,

fieldset[disabled] .btn-default:active,

fieldset[disabled] .btn-default.active {

    background-color: #fff;

    border-color: #ccc

}



.btn-default .badge {

    color: #fff;

    background-color: #333

}



.btn-primary {

    color: #fff;

    background-color: #337ab7;

    border-color: #2e6da4

}



.btn-primary:focus,

.btn-primary.focus {

    color: #fff;

    background-color: #286090;

    border-color: #122b40

}



.btn-primary:hover {

    color: #fff;

    background-color: #286090;

    border-color: #204d74

}



.btn-primary:active,

.btn-primary.active,

.open>.btn-primary.dropdown-toggle {

    color: #fff;

    background-color: #286090;

    border-color: #204d74

}



.btn-primary:active:hover,

.btn-primary:active:focus,

.btn-primary:active.focus,

.btn-primary.active:hover,

.btn-primary.active:focus,

.btn-primary.active.focus,

.open>.btn-primary.dropdown-toggle:hover,

.open>.btn-primary.dropdown-toggle:focus,

.open>.btn-primary.dropdown-toggle.focus {

    color: #fff;

    background-color: #204d74;

    border-color: #122b40

}



.btn-primary:active,

.btn-primary.active,

.open>.btn-primary.dropdown-toggle {

    background-image: none

}



.btn-primary.disabled,

.btn-primary.disabled:hover,

.btn-primary.disabled:focus,

.btn-primary.disabled.focus,

.btn-primary.disabled:active,

.btn-primary.disabled.active,

.btn-primary[disabled],

.btn-primary[disabled]:hover,

.btn-primary[disabled]:focus,

.btn-primary[disabled].focus,

.btn-primary[disabled]:active,

.btn-primary[disabled].active,

fieldset[disabled] .btn-primary,

fieldset[disabled] .btn-primary:hover,

fieldset[disabled] .btn-primary:focus,

fieldset[disabled] .btn-primary.focus,

fieldset[disabled] .btn-primary:active,

fieldset[disabled] .btn-primary.active {

    background-color: #337ab7;

    border-color: #2e6da4

}



.btn-primary .badge {

    color: #337ab7;

    background-color: #fff

}



.btn-success {

    color: #fff;

    background-color: #5cb85c;

    border-color: #4cae4c

}



.btn-success:focus,

.btn-success.focus {

    color: #fff;

    background-color: #449d44;

    border-color: #255625

}



.btn-success:hover {

    color: #fff;

    background-color: #449d44;

    border-color: #398439

}



.btn-success:active,

.btn-success.active,

.open>.btn-success.dropdown-toggle {

    color: #fff;

    background-color: #449d44;

    border-color: #398439

}



.btn-success:active:hover,

.btn-success:active:focus,

.btn-success:active.focus,

.btn-success.active:hover,

.btn-success.active:focus,

.btn-success.active.focus,

.open>.btn-success.dropdown-toggle:hover,

.open>.btn-success.dropdown-toggle:focus,

.open>.btn-success.dropdown-toggle.focus {

    color: #fff;

    background-color: #398439;

    border-color: #255625

}



.btn-success:active,

.btn-success.active,

.open>.btn-success.dropdown-toggle {

    background-image: none

}



.btn-success.disabled,

.btn-success.disabled:hover,

.btn-success.disabled:focus,

.btn-success.disabled.focus,

.btn-success.disabled:active,

.btn-success.disabled.active,

.btn-success[disabled],

.btn-success[disabled]:hover,

.btn-success[disabled]:focus,

.btn-success[disabled].focus,

.btn-success[disabled]:active,

.btn-success[disabled].active,

fieldset[disabled] .btn-success,

fieldset[disabled] .btn-success:hover,

fieldset[disabled] .btn-success:focus,

fieldset[disabled] .btn-success.focus,

fieldset[disabled] .btn-success:active,

fieldset[disabled] .btn-success.active {

    background-color: #5cb85c;

    border-color: #4cae4c

}



.btn-success .badge {

    color: #5cb85c;

    background-color: #fff

}



.btn-info {

    color: #fff;

    background-color: #5bc0de;

    border-color: #46b8da

}



.btn-info:focus,

.btn-info.focus {

    color: #fff;

    background-color: #31b0d5;

    border-color: #1b6d85

}



.btn-info:hover {

    color: #fff;

    background-color: #31b0d5;

    border-color: #269abc

}



.btn-info:active,

.btn-info.active,

.open>.btn-info.dropdown-toggle {

    color: #fff;

    background-color: #31b0d5;

    border-color: #269abc

}



.btn-info:active:hover,

.btn-info:active:focus,

.btn-info:active.focus,

.btn-info.active:hover,

.btn-info.active:focus,

.btn-info.active.focus,

.open>.btn-info.dropdown-toggle:hover,

.open>.btn-info.dropdown-toggle:focus,

.open>.btn-info.dropdown-toggle.focus {

    color: #fff;

    background-color: #269abc;

    border-color: #1b6d85

}



.btn-info:active,

.btn-info.active,

.open>.btn-info.dropdown-toggle {

    background-image: none

}



.btn-info.disabled,

.btn-info.disabled:hover,

.btn-info.disabled:focus,

.btn-info.disabled.focus,

.btn-info.disabled:active,

.btn-info.disabled.active,

.btn-info[disabled],

.btn-info[disabled]:hover,

.btn-info[disabled]:focus,

.btn-info[disabled].focus,

.btn-info[disabled]:active,

.btn-info[disabled].active,

fieldset[disabled] .btn-info,

fieldset[disabled] .btn-info:hover,

fieldset[disabled] .btn-info:focus,

fieldset[disabled] .btn-info.focus,

fieldset[disabled] .btn-info:active,

fieldset[disabled] .btn-info.active {

    background-color: #5bc0de;

    border-color: #46b8da

}



.btn-info .badge {

    color: #5bc0de;

    background-color: #fff

}



.btn-warning {

    color: #fff;

    background-color: #f0ad4e;

    border-color: #eea236

}



.btn-warning:focus,

.btn-warning.focus {

    color: #fff;

    background-color: #ec971f;

    border-color: #985f0d

}



.btn-warning:hover {

    color: #fff;

    background-color: #ec971f;

    border-color: #d58512

}



.btn-warning:active,

.btn-warning.active,

.open>.btn-warning.dropdown-toggle {

    color: #fff;

    background-color: #ec971f;

    border-color: #d58512

}



.btn-warning:active:hover,

.btn-warning:active:focus,

.btn-warning:active.focus,

.btn-warning.active:hover,

.btn-warning.active:focus,

.btn-warning.active.focus,

.open>.btn-warning.dropdown-toggle:hover,

.open>.btn-warning.dropdown-toggle:focus,

.open>.btn-warning.dropdown-toggle.focus {

    color: #fff;

    background-color: #d58512;

    border-color: #985f0d

}



.btn-warning:active,

.btn-warning.active,

.open>.btn-warning.dropdown-toggle {

    background-image: none

}



.btn-warning.disabled,

.btn-warning.disabled:hover,

.btn-warning.disabled:focus,

.btn-warning.disabled.focus,

.btn-warning.disabled:active,

.btn-warning.disabled.active,

.btn-warning[disabled],

.btn-warning[disabled]:hover,

.btn-warning[disabled]:focus,

.btn-warning[disabled].focus,

.btn-warning[disabled]:active,

.btn-warning[disabled].active,

fieldset[disabled] .btn-warning,

fieldset[disabled] .btn-warning:hover,

fieldset[disabled] .btn-warning:focus,

fieldset[disabled] .btn-warning.focus,

fieldset[disabled] .btn-warning:active,

fieldset[disabled] .btn-warning.active {

    background-color: #f0ad4e;

    border-color: #eea236

}



.btn-warning .badge {

    color: #f0ad4e;

    background-color: #fff

}



.btn-danger {

    color: #fff;

    background-color: #d9534f;

    border-color: #d43f3a

}



.btn-danger:focus,

.btn-danger.focus {

    color: #fff;

    background-color: #c9302c;

    border-color: #761c19

}



.btn-danger:hover {

    color: #fff;

    background-color: #c9302c;

    border-color: #ac2925

}



.btn-danger:active,

.btn-danger.active,

.open>.btn-danger.dropdown-toggle {

    color: #fff;

    background-color: #c9302c;

    border-color: #ac2925

}



.btn-danger:active:hover,

.btn-danger:active:focus,

.btn-danger:active.focus,

.btn-danger.active:hover,

.btn-danger.active:focus,

.btn-danger.active.focus,

.open>.btn-danger.dropdown-toggle:hover,

.open>.btn-danger.dropdown-toggle:focus,

.open>.btn-danger.dropdown-toggle.focus {

    color: #fff;

    background-color: #ac2925;

    border-color: #761c19

}



.btn-danger:active,

.btn-danger.active,

.open>.btn-danger.dropdown-toggle {

    background-image: none

}



.btn-danger.disabled,

.btn-danger.disabled:hover,

.btn-danger.disabled:focus,

.btn-danger.disabled.focus,

.btn-danger.disabled:active,

.btn-danger.disabled.active,

.btn-danger[disabled],

.btn-danger[disabled]:hover,

.btn-danger[disabled]:focus,

.btn-danger[disabled].focus,

.btn-danger[disabled]:active,

.btn-danger[disabled].active,

fieldset[disabled] .btn-danger,

fieldset[disabled] .btn-danger:hover,

fieldset[disabled] .btn-danger:focus,

fieldset[disabled] .btn-danger.focus,

fieldset[disabled] .btn-danger:active,

fieldset[disabled] .btn-danger.active {

    background-color: #d9534f;

    border-color: #d43f3a

}



.btn-danger .badge {

    color: #d9534f;

    background-color: #fff

}



.btn-link {

    color: #337ab7;

    font-weight: 400;

    border-radius: 0

}



.btn-link,

.btn-link:active,

.btn-link.active,

.btn-link[disabled],

fieldset[disabled] .btn-link {

    background-color: transparent;

    box-shadow: none

}



.btn-link,

.btn-link:hover,

.btn-link:focus,

.btn-link:active {

    border-color: transparent

}



.btn-link:hover,

.btn-link:focus {

    color: #23527c;

    text-decoration: underline;

    background-color: transparent

}



.btn-link[disabled]:hover,

.btn-link[disabled]:focus,

fieldset[disabled] .btn-link:hover,

fieldset[disabled] .btn-link:focus {

    color: #777;

    text-decoration: none

}



.btn-lg,

.btn-group-lg>.btn {

    padding: 10px 16px;

    font-size: 18px;

    line-height: 1.3333333;

    border-radius: 6px

}



.btn-sm,

.btn-group-sm>.btn {

    padding: 5px 10px;

    font-size: 12px;

    line-height: 1.5;

    border-radius: 3px

}



.btn-xs,

.btn-group-xs>.btn {

    padding: 1px 5px;

    font-size: 12px;

    line-height: 1.5;

    border-radius: 3px

}



.btn-block {

    display: block;

    width: 100%

}



.btn-block+.btn-block {

    margin-top: 5px

}



input[type="submit"].btn-block,

input[type="reset"].btn-block,

input[type="button"].btn-block {

    width: 100%

}



.fade {

    opacity: 0;

    transition: opacity .15s linear

}



.fade.in {

    opacity: 1

}



.collapse {

    display: none

}



.collapse.in {

    display: block

}



tr.collapse.in {

    display: table-row

}



tbody.collapse.in {

    display: table-row-group

}



.collapsing {

    position: relative;

    height: 0;

    overflow: hidden;

    transition-property: height, visibility;

    transition-duration: .35s;

    transition-timing-function: ease

}



.caret {

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: 2px;

    vertical-align: middle;

    border-top: 4px solid \9;

    border-right: 4px solid transparent;

    border-left: 4px solid transparent

}



.dropup,

.dropdown {

    position: relative

}



.dropdown-toggle:focus {

    outline: 0

}



.dropdown-menu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1000;

    display: none;

    float: left;

    min-width: 160px;

    padding: 5px 0;

    margin: 2px 0 0;

    list-style: none;

    font-size: 14px;

    text-align: left;

    background-color: #fff;

    border: 1px solid #ccc;

    border: 1px solid rgba(0, 0, 0, .15);

    border-radius: 4px;

    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

    background-clip: padding-box

}



.dropdown-menu.pull-right {

    right: 0;

    left: auto

}



.dropdown-menu .divider {

    height: 1px;

    margin: 9px 0;

    overflow: hidden;

    background-color: #e5e5e5

}



.dropdown-menu>li>a {

    display: block;

    padding: 3px 20px;

    clear: both;

    font-weight: 400;

    line-height: 1.428571429;

    color: #333;

    white-space: nowrap

}



.dropdown-menu>li>a:hover,

.dropdown-menu>li>a:focus {

    text-decoration: none;

    color: #262626;

    background-color: #f5f5f5

}



.dropdown-menu>.active>a,

.dropdown-menu>.active>a:hover,

.dropdown-menu>.active>a:focus {

    color: #fff;

    text-decoration: none;

    outline: 0;

    background-color: #337ab7

}



.dropdown-menu>.disabled>a,

.dropdown-menu>.disabled>a:hover,

.dropdown-menu>.disabled>a:focus {

    color: #777

}



.dropdown-menu>.disabled>a:hover,

.dropdown-menu>.disabled>a:focus {

    text-decoration: none;

    background-color: transparent;

    background-image: none;

    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);

    cursor: false

}



.open>.dropdown-menu {

    display: block

}



.open>a {

    outline: 0

}



.dropdown-menu-right {

    left: auto;

    right: 0

}



.dropdown-menu-left {

    left: 0;

    right: auto

}



.dropdown-header {

    display: block;

    padding: 3px 20px;

    font-size: 12px;

    line-height: 1.428571429;

    color: #777;

    white-space: nowrap

}



.dropdown-backdrop {

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    z-index: 990

}



.pull-right>.dropdown-menu {

    right: 0;

    left: auto

}



.dropup .caret,

.navbar-fixed-bottom .dropdown .caret {

    border-top: 0;

    border-bottom: 4px solid \9;

    content: ""

}



.dropup .dropdown-menu,

.navbar-fixed-bottom .dropdown .dropdown-menu {

    top: auto;

    bottom: 100%;

    margin-bottom: 2px

}



@media (min-width:768px) {

    .navbar-right .dropdown-menu {

        right: 0;

        left: auto

    }

    .navbar-right .dropdown-menu-left {

        left: 0;

        right: auto

    }

}



.btn-group,

.btn-group-vertical {

    position: relative;

    display: inline-block;

    vertical-align: middle

}



.btn-group>.btn {

    float: left

}



.btn-group>.btn,

.btn-group-vertical>.btn {

    position: relative

}



.btn-group>.btn:hover,

.btn-group>.btn:focus,

.btn-group>.btn:active,

.btn-group>.btn.active,

.btn-group-vertical>.btn:hover,

.btn-group-vertical>.btn:focus,

.btn-group-vertical>.btn:active,

.btn-group-vertical>.btn.active {

    z-index: 2

}



.btn-group .btn+.btn,

.btn-group .btn+.btn-group,

.btn-group .btn-group+.btn,

.btn-group .btn-group+.btn-group {

    margin-left: -1px

}



.btn-toolbar {

    margin-left: -5px

}



.btn-toolbar:before,

.btn-toolbar:after {

    content: " ";

    display: table

}



.btn-toolbar:after {

    clear: both

}



.btn-toolbar .btn,

.btn-toolbar .btn-group,

.btn-toolbar .input-group {

    float: left

}



.btn-toolbar>.btn,

.btn-toolbar>.btn-group,

.btn-toolbar>.input-group {

    margin-left: 5px

}



.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {

    border-radius: 0

}



.btn-group>.btn:first-child {

    margin-left: 0

}



.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0

}



.btn-group>.btn:last-child:not(:first-child),

.btn-group>.dropdown-toggle:not(:first-child) {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0

}



.btn-group>.btn-group {

    float: left

}



.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {

    border-radius: 0

}



.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,

.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0

}



.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0

}



.btn-group .dropdown-toggle:active,

.btn-group.open .dropdown-toggle {

    outline: 0

}



.btn-group>.btn+.dropdown-toggle {

    padding-left: 8px;

    padding-right: 8px

}



.btn-group>.btn-lg+.dropdown-toggle,

.btn-group-lg.btn-group>.btn+.dropdown-toggle {

    padding-left: 12px;

    padding-right: 12px

}



.btn-group.open .dropdown-toggle {

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)

}



.btn-group.open .dropdown-toggle.btn-link {

    box-shadow: none

}



.btn .caret {

    margin-left: 0

}



.btn-lg .caret,

.btn-group-lg>.btn .caret {

    border-width: 5px 5px 0;

    border-bottom-width: 0

}



.dropup .btn-lg .caret,

.dropup .btn-group-lg>.btn .caret {

    border-width: 0 5px 5px

}



.btn-group-vertical>.btn,

.btn-group-vertical>.btn-group {

    display: block;

    float: none;

    width: 100%;

    max-width: 100%

}



.btn-group-vertical>.btn-group>.btn {

    display: block;

    width: 100%;

    max-width: 100%

}



.btn-group-vertical>.btn-group:before {

    content: " ";

    display: table

}



.btn-group-vertical>.btn-group:after {

    content: " ";

    display: table;

    clear: both

}



.btn-group-vertical>.btn-group>.btn {

    float: none

}



.btn-group-vertical>.btn+.btn,

.btn-group-vertical>.btn+.btn-group,

.btn-group-vertical>.btn-group+.btn,

.btn-group-vertical>.btn-group+.btn-group {

    margin-top: -1px;

    margin-left: 0

}



.btn-group-vertical>.btn:not(:first-child):not(:last-child) {

    border-radius: 0

}



.btn-group-vertical>.btn:first-child:not(:last-child) {

    border-top-right-radius: 4px;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0

}



.btn-group-vertical>.btn:last-child:not(:first-child) {

    border-bottom-left-radius: 4px;

    border-top-right-radius: 0;

    border-top-left-radius: 0

}



.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {

    border-radius: 0

}



.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0

}



.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {

    border-top-right-radius: 0;

    border-top-left-radius: 0

}



.btn-group-justified {

    display: table;

    width: 100%;

    table-layout: fixed;

    border-collapse: separate

}



.btn-group-justified>.btn,

.btn-group-justified>.btn-group {

    float: none;

    display: table-cell;

    width: 1%

}



.btn-group-justified>.btn-group .btn {

    width: 100%

}



.btn-group-justified>.btn-group .dropdown-menu {

    left: auto

}



[data-toggle="buttons"]>.btn input[type="radio"],

[data-toggle="buttons"]>.btn input[type="checkbox"],

[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],

[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {

    position: absolute;

    clip: rect(0, 0, 0, 0);

    pointer-events: none

}



.input-group {

    position: relative;

    display: table;

    border-collapse: separate

}



.input-group[class*="col-"] {

    float: none;

    padding-left: 0;

    padding-right: 0

}



.input-group .form-control {

    position: relative;

    z-index: 2;

    float: left;

    width: 100%;

    margin-bottom: 0

}



.input-group-addon,

.input-group-btn,

.input-group .form-control {

    display: table-cell

}



.input-group-addon:not(:first-child):not(:last-child),

.input-group-btn:not(:first-child):not(:last-child),

.input-group .form-control:not(:first-child):not(:last-child) {

    border-radius: 0

}



.input-group-addon {

    white-space: nowrap

}



.input-group-addon,

.input-group-btn {

    width: 1%;

    vertical-align: middle

}



.input-group-addon {

    padding: 6px 12px;

    font-size: 14px;

    font-weight: 400;

    line-height: 1;

    color: #555;

    text-align: center;

    background-color: #eee;

    border: 1px solid #ccc;

    border-radius: 4px

}



.input-group-addon.input-sm,

.input-group-sm>.input-group-addon,

.input-group-sm>.input-group-btn>.input-group-addon.btn {

    padding: 5px 10px;

    font-size: 12px;

    border-radius: 3px

}



.input-group-addon.input-lg,

.input-group-lg>.input-group-addon,

.input-group-lg>.input-group-btn>.input-group-addon.btn {

    padding: 10px 16px;

    font-size: 18px;

    border-radius: 6px

}



.input-group-addon input[type="radio"],

.input-group-addon input[type="checkbox"] {

    margin-top: 0

}



.input-group .form-control:first-child,

.input-group-addon:first-child,

.input-group-btn:first-child>.btn,

.input-group-btn:first-child>.btn-group>.btn,

.input-group-btn:first-child>.dropdown-toggle,

.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),

.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0

}



.input-group-addon:first-child {

    border-right: 0

}



.input-group .form-control:last-child,

.input-group-addon:last-child,

.input-group-btn:last-child>.btn,

.input-group-btn:last-child>.btn-group>.btn,

.input-group-btn:last-child>.dropdown-toggle,

.input-group-btn:first-child>.btn:not(:first-child),

.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0

}



.input-group-addon:last-child {

    border-left: 0

}



.input-group-btn {

    font-size: 0;

    white-space: nowrap

}



.input-group-btn,

.input-group-btn>.btn {

    position: relative

}



.input-group-btn>.btn+.btn {

    margin-left: -1px

}



.input-group-btn>.btn:hover,

.input-group-btn>.btn:focus,

.input-group-btn>.btn:active {

    z-index: 2

}



.input-group-btn:first-child>.btn,

.input-group-btn:first-child>.btn-group {

    margin-right: -1px

}



.input-group-btn:last-child>.btn,

.input-group-btn:last-child>.btn-group {

    z-index: 2;

    margin-left: -1px

}



.nav {

    margin-bottom: 0;

    padding-left: 0;

    list-style: none

}



.nav:before,

.nav:after {

    content: " ";

    display: table

}



.nav:after {

    clear: both

}



.nav>li,

.nav>li>a {

    position: relative;

    display: block

}



.nav>li>a {

    padding: 10px 15px

}



.nav>li>a:hover,

.nav>li>a:focus {

    text-decoration: none;

    background-color: #eee

}



.nav>li.disabled>a {

    color: #777

}



.nav>li.disabled>a:hover,

.nav>li.disabled>a:focus {

    color: #777;

    text-decoration: none;

    background-color: transparent;

    cursor: false

}



.nav .open>a,

.nav .open>a:hover,

.nav .open>a:focus {

    background-color: #eee;

    border-color: #337ab7

}



.nav .nav-divider {

    height: 1px;

    margin: 9px 0;

    overflow: hidden;

    background-color: #e5e5e5

}



.nav>li>a>img {

    max-width: none

}



.nav-tabs {

    border-bottom: 1px solid #ddd

}



.nav-tabs>li {

    float: left;

    margin-bottom: -1px

}



.nav-tabs>li>a {

    margin-right: 2px;

    line-height: 1.428571429;

    border: 1px solid transparent;

    border-radius: 4px 4px 0 0

}



.nav-tabs>li>a:hover {

    border-color: #eee #eee #ddd

}



.nav-tabs>li.active>a,

.nav-tabs>li.active>a:hover,

.nav-tabs>li.active>a:focus {

    color: #555;

    background-color: #fff;

    border: 1px solid #ddd;

    border-bottom-color: transparent;

    cursor: default

}



.nav-pills>li {

    float: left

}



.nav-pills>li>a {

    border-radius: 4px

}



.nav-pills>li+li {

    margin-left: 2px

}



.nav-pills>li.active>a,

.nav-pills>li.active>a:hover,

.nav-pills>li.active>a:focus {

    color: #fff;

    background-color: #337ab7

}



.nav-stacked>li {

    float: none

}



.nav-stacked>li+li {

    margin-top: 2px;

    margin-left: 0

}



.nav-justified,

.nav-tabs.nav-justified {

    width: 100%

}



.nav-justified>li,

.nav-tabs.nav-justified>li {

    float: none

}



.nav-justified>li>a,

.nav-tabs.nav-justified>li>a {

    text-align: center;

    margin-bottom: 5px

}



.nav-justified>.dropdown .dropdown-menu {

    top: auto;

    left: auto

}



@media (min-width:768px) {

    .nav-justified>li,

    .nav-tabs.nav-justified>li {

        display: table-cell;

        width: 1%

    }

    .nav-justified>li>a,

    .nav-tabs.nav-justified>li>a {

        margin-bottom: 0

    }

}



.nav-tabs-justified,

.nav-tabs.nav-justified {

    border-bottom: 0

}



.nav-tabs-justified>li>a,

.nav-tabs.nav-justified>li>a {

    margin-right: 0;

    border-radius: 4px

}



.nav-tabs-justified>.active>a,

.nav-tabs.nav-justified>.active>a,

.nav-tabs-justified>.active>a:hover,

.nav-tabs.nav-justified>.active>a:hover,

.nav-tabs-justified>.active>a:focus,

.nav-tabs.nav-justified>.active>a:focus {

    border: 1px solid #ddd

}



@media (min-width:768px) {

    .nav-tabs-justified>li>a,

    .nav-tabs.nav-justified>li>a {

        border-bottom: 1px solid #ddd;

        border-radius: 4px 4px 0 0

    }

    .nav-tabs-justified>.active>a,

    .nav-tabs.nav-justified>.active>a,

    .nav-tabs-justified>.active>a:hover,

    .nav-tabs.nav-justified>.active>a:hover,

    .nav-tabs-justified>.active>a:focus,

    .nav-tabs.nav-justified>.active>a:focus {

        border-bottom-color: #fff

    }

}



.tab-content>.tab-pane {

    display: none

}



.tab-content>.active {

    display: block

}



.nav-tabs .dropdown-menu {

    margin-top: -1px;

    border-top-right-radius: 0;

    border-top-left-radius: 0

}



.navbar {

    position: relative;

    min-height: 50px;

    margin-bottom: 20px;

    border: 1px solid transparent

}



.navbar:before,

.navbar:after {

    content: " ";

    display: table

}



.navbar:after {

    clear: both

}



@media (min-width:768px) {

    .navbar {

        border-radius: 4px

    }

}



.navbar-header:before,

.navbar-header:after {

    content: " ";

    display: table

}



.navbar-header:after {

    clear: both

}



@media (min-width:768px) {

    .navbar-header {

        float: left

    }

}



.navbar-collapse {

    overflow-x: visible;

    padding-right: 15px;

    padding-left: 15px;

    border-top: 1px solid transparent;

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

    -webkit-overflow-scrolling: touch

}



.navbar-collapse:before,

.navbar-collapse:after {

    content: " ";

    display: table

}



.navbar-collapse:after {

    clear: both

}



.navbar-collapse.in {

    overflow-y: auto

}



@media (min-width:768px) {

    .navbar-collapse {

        width: auto;

        border-top: 0;

        box-shadow: none

    }

    .navbar-collapse.collapse {

        display: block!important;

        height: auto!important;

        padding-bottom: 0;

        overflow: visible!important

    }

    .navbar-collapse.in {

        overflow-y: visible

    }

    .navbar-fixed-top .navbar-collapse,

    .navbar-static-top .navbar-collapse,

    .navbar-fixed-bottom .navbar-collapse {

        padding-left: 0;

        padding-right: 0

    }

}



.navbar-fixed-top .navbar-collapse,

.navbar-fixed-bottom .navbar-collapse {

    max-height: 340px

}



@media (max-device-width:480px) and (orientation:landscape) {

    .navbar-fixed-top .navbar-collapse,

    .navbar-fixed-bottom .navbar-collapse {

        max-height: 200px

    }

}



.container>.navbar-header,

.container>.navbar-collapse,

.container-fluid>.navbar-header,

.container-fluid>.navbar-collapse {

    margin-right: -15px;

    margin-left: -15px

}



@media (min-width:768px) {

    .container>.navbar-header,

    .container>.navbar-collapse,

    .container-fluid>.navbar-header,

    .container-fluid>.navbar-collapse {

        margin-right: 0;

        margin-left: 0

    }

}



.navbar-static-top {

    z-index: 1000;

    border-width: 0 0 1px

}



@media (min-width:768px) {

    .navbar-static-top {

        border-radius: 0

    }

}



.navbar-fixed-top,

.navbar-fixed-bottom {

    position: fixed;

    right: 0;

    left: 0;

    z-index: 1030

}



@media (min-width:768px) {

    .navbar-fixed-top,

    .navbar-fixed-bottom {

        border-radius: 0

    }

}



.navbar-fixed-top {

    top: 0;

    border-width: 0 0 1px

}



.navbar-fixed-bottom {

    bottom: 0;

    margin-bottom: 0;

    border-width: 1px 0 0

}



.navbar-brand {

    float: left;

    padding: 15px;

    font-size: 18px;

    line-height: 20px;

    height: 50px

}



.navbar-brand:hover,

.navbar-brand:focus {

    text-decoration: none

}



.navbar-brand>img {

    display: block

}



@media (min-width:768px) {

    .navbar>.container .navbar-brand,

    .navbar>.container-fluid .navbar-brand {

        margin-left: -15px

    }

}



.navbar-toggle {

    position: relative;

    float: right;

    margin-right: 15px;

    padding: 9px 10px;

    margin-top: 8px;

    margin-bottom: 8px;

    background-color: transparent;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px

}



.navbar-toggle:focus {

    outline: 0

}



.navbar-toggle .icon-bar {

    display: block;

    width: 22px;

    height: 2px;

    border-radius: 1px

}



.navbar-toggle .icon-bar+.icon-bar {

    margin-top: 4px

}



@media (min-width:768px) {

    .navbar-toggle {

        display: none

    }

}



.navbar-nav {

    margin: 7.5px -15px

}



.navbar-nav>li>a {

    padding-top: 10px;

    padding-bottom: 10px;

    line-height: 20px

}



@media (max-width:767px) {

    .navbar-nav .open .dropdown-menu {

        position: static;

        float: none;

        width: auto;

        margin-top: 0;

        background-color: transparent;

        border: 0;

        box-shadow: none

    }

    .navbar-nav .open .dropdown-menu>li>a,

    .navbar-nav .open .dropdown-menu .dropdown-header {

        padding: 5px 15px 5px 25px

    }

    .navbar-nav .open .dropdown-menu>li>a {

        line-height: 20px

    }

    .navbar-nav .open .dropdown-menu>li>a:hover,

    .navbar-nav .open .dropdown-menu>li>a:focus {

        background-image: none

    }

}



@media (min-width:768px) {

    .navbar-nav {

        float: left;

        margin: 0

    }

    .navbar-nav>li {

        float: left

    }

    .navbar-nav>li>a {

        padding-top: 15px;

        padding-bottom: 15px

    }

}



.navbar-form {

    padding: 10px 15px;

    border-top: 1px solid transparent;

    border-bottom: 1px solid transparent;

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

    margin: 8px -15px

}



@media (min-width:768px) {

    .navbar-form .form-group {

        display: inline-block;

        margin-bottom: 0;

        vertical-align: middle

    }

    .navbar-form .form-control {

        display: inline-block;

        width: auto;

        vertical-align: middle

    }

    .navbar-form .form-control-static {

        display: inline-block

    }

    .navbar-form .input-group {

        display: inline-table;

        vertical-align: middle

    }

    .navbar-form .input-group .input-group-addon,

    .navbar-form .input-group .input-group-btn,

    .navbar-form .input-group .form-control {

        width: auto

    }

    .navbar-form .input-group>.form-control {

        width: 100%

    }

    .navbar-form .control-label {

        margin-bottom: 0;

        vertical-align: middle

    }

    .navbar-form .radio,

    .navbar-form .checkbox {

        display: inline-block;

        margin-top: 0;

        margin-bottom: 0;

        vertical-align: middle

    }

    .navbar-form .radio label,

    .navbar-form .checkbox label {

        padding-left: 0

    }

    .navbar-form .radio input[type="radio"],

    .navbar-form .checkbox input[type="checkbox"] {

        position: relative;

        margin-left: 0

    }

    .navbar-form .has-feedback .form-control-feedback {

        top: 0

    }

}



@media (max-width:767px) {

    .navbar-form .form-group {

        margin-bottom: 5px

    }

    .navbar-form .form-group:last-child {

        margin-bottom: 0

    }

}



@media (min-width:768px) {

    .navbar-form {

        width: auto;

        border: 0;

        margin-left: 0;

        margin-right: 0;

        padding-top: 0;

        padding-bottom: 0;

        box-shadow: none

    }

}



.navbar-nav>li>.dropdown-menu {

    margin-top: 0;

    border-top-right-radius: 0;

    border-top-left-radius: 0

}



.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {

    margin-bottom: 0;

    border-top-right-radius: 4px;

    border-top-left-radius: 4px;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0

}



.navbar-btn {

    margin-top: 8px;

    margin-bottom: 8px

}



.navbar-btn.btn-sm,

.btn-group-sm>.navbar-btn.btn {

    margin-top: 10px;

    margin-bottom: 10px

}



.navbar-btn.btn-xs,

.btn-group-xs>.navbar-btn.btn {

    margin-top: 14px;

    margin-bottom: 14px

}



.navbar-text {

    margin-top: 15px;

    margin-bottom: 15px

}



@media (min-width:768px) {

    .navbar-text {

        float: left;

        margin-left: 15px;

        margin-right: 15px

    }

}



@media (min-width:768px) {

    .navbar-left {

        float: left!important

    }

    .navbar-right {

        float: right!important;

        margin-right: -15px

    }

    .navbar-right~.navbar-right {

        margin-right: 0

    }

}



.navbar-default {

    background-color: #f8f8f8;

    border-color: #e7e7e7

}



.navbar-default .navbar-brand {

    color: #777

}



.navbar-default .navbar-brand:hover,

.navbar-default .navbar-brand:focus {

    color: #5e5e5e;

    background-color: transparent

}



.navbar-default .navbar-text,

.navbar-default .navbar-nav>li>a {

    color: #777

}



.navbar-default .navbar-nav>li>a:hover,

.navbar-default .navbar-nav>li>a:focus {

    color: #333;

    background-color: transparent

}



.navbar-default .navbar-nav>.active>a,

.navbar-default .navbar-nav>.active>a:hover,

.navbar-default .navbar-nav>.active>a:focus {

    color: #555;

    background-color: #e7e7e7

}



.navbar-default .navbar-nav>.disabled>a,

.navbar-default .navbar-nav>.disabled>a:hover,

.navbar-default .navbar-nav>.disabled>a:focus {

    color: #ccc;

    background-color: transparent

}



.navbar-default .navbar-toggle {

    border-color: #ddd

}



.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus {

    background-color: #ddd

}



.navbar-default .navbar-toggle .icon-bar {

    background-color: #888

}



.navbar-default .navbar-collapse,

.navbar-default .navbar-form {

    border-color: #e7e7e7

}



.navbar-default .navbar-nav>.open>a,

.navbar-default .navbar-nav>.open>a:hover,

.navbar-default .navbar-nav>.open>a:focus {

    background-color: #e7e7e7;

    color: #555

}



@media (max-width:767px) {

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {

        color: #777

    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {

        color: #333;

        background-color: transparent

    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {

        color: #555;

        background-color: #e7e7e7

    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {

        color: #ccc;

        background-color: transparent

    }

}



.navbar-default .navbar-link {

    color: #777

}



.navbar-default .navbar-link:hover {

    color: #333

}



.navbar-default .btn-link {

    color: #777

}



.navbar-default .btn-link:hover,

.navbar-default .btn-link:focus {

    color: #333

}



.navbar-default .btn-link[disabled]:hover,

.navbar-default .btn-link[disabled]:focus,

fieldset[disabled] .navbar-default .btn-link:hover,

fieldset[disabled] .navbar-default .btn-link:focus {

    color: #ccc

}



.navbar-inverse {

    background-color: #222;

    border-color: #090909

}



.navbar-inverse .navbar-brand {

    color: #9d9d9d

}



.navbar-inverse .navbar-brand:hover,

.navbar-inverse .navbar-brand:focus {

    color: #fff;

    background-color: transparent

}



.navbar-inverse .navbar-text,

.navbar-inverse .navbar-nav>li>a {

    color: #9d9d9d

}



.navbar-inverse .navbar-nav>li>a:hover,

.navbar-inverse .navbar-nav>li>a:focus {

    color: #fff;

    background-color: transparent

}



.navbar-inverse .navbar-nav>.active>a,

.navbar-inverse .navbar-nav>.active>a:hover,

.navbar-inverse .navbar-nav>.active>a:focus {

    color: #fff;

    background-color: #090909

}



.navbar-inverse .navbar-nav>.disabled>a,

.navbar-inverse .navbar-nav>.disabled>a:hover,

.navbar-inverse .navbar-nav>.disabled>a:focus {

    color: #444;

    background-color: transparent

}



.navbar-inverse .navbar-toggle {

    border-color: #333

}



.navbar-inverse .navbar-toggle:hover,

.navbar-inverse .navbar-toggle:focus {

    background-color: #333

}



.navbar-inverse .navbar-toggle .icon-bar {

    background-color: #fff

}



.navbar-inverse .navbar-collapse,

.navbar-inverse .navbar-form {

    border-color: #101010

}



.navbar-inverse .navbar-nav>.open>a,

.navbar-inverse .navbar-nav>.open>a:hover,

.navbar-inverse .navbar-nav>.open>a:focus {

    background-color: #090909;

    color: #fff

}



@media (max-width:767px) {

    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {

        border-color: #090909

    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {

        background-color: #090909

    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {

        color: #9d9d9d

    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {

        color: #fff;

        background-color: transparent

    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {

        color: #fff;

        background-color: #090909

    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {

        color: #444;

        background-color: transparent

    }

}



.navbar-inverse .navbar-link {

    color: #9d9d9d

}



.navbar-inverse .navbar-link:hover {

    color: #fff

}



.navbar-inverse .btn-link {

    color: #9d9d9d

}



.navbar-inverse .btn-link:hover,

.navbar-inverse .btn-link:focus {

    color: #fff

}



.navbar-inverse .btn-link[disabled]:hover,

.navbar-inverse .btn-link[disabled]:focus,

fieldset[disabled] .navbar-inverse .btn-link:hover,

fieldset[disabled] .navbar-inverse .btn-link:focus {

    color: #444

}



.breadcrumb {

    padding: 8px 15px;

    margin-bottom: 20px;

    list-style: none;

    background-color: #f5f5f5;

    border-radius: 4px

}



.breadcrumb>li {

    display: inline-block

}



.breadcrumb>li+li:before {

    content: "/\00a0";

    padding: 0 5px;

    color: #ccc

}



.breadcrumb>.active {

    color: #777

}



.pagination {

    display: inline-block;

    padding-left: 0;

    margin: 20px 0;

    border-radius: 4px

}



.pagination>li {

    display: inline

}



.pagination>li>a,

.pagination>li>span {

    position: relative;

    float: left;

    padding: 6px 12px;

    line-height: 1.428571429;

    text-decoration: none;

    color: #337ab7;

    background-color: #fff;

    border: 1px solid #ddd;

    margin-left: -1px

}



.pagination>li:first-child>a,

.pagination>li:first-child>span {

    margin-left: 0;

    border-bottom-left-radius: 4px;

    border-top-left-radius: 4px

}



.pagination>li:last-child>a,

.pagination>li:last-child>span {

    border-bottom-right-radius: 4px;

    border-top-right-radius: 4px

}



.pagination>li>a:hover,

.pagination>li>a:focus,

.pagination>li>span:hover,

.pagination>li>span:focus {

    z-index: 3;

    color: #23527c;

    background-color: #eee;

    border-color: #ddd

}



.pagination>.active>a,

.pagination>.active>a:hover,

.pagination>.active>a:focus,

.pagination>.active>span,

.pagination>.active>span:hover,

.pagination>.active>span:focus {

    z-index: 2;

    color: #fff;

    background-color: #337ab7;

    border-color: #337ab7;

    cursor: default

}



.pagination>.disabled>span,

.pagination>.disabled>span:hover,

.pagination>.disabled>span:focus,

.pagination>.disabled>a,

.pagination>.disabled>a:hover,

.pagination>.disabled>a:focus {

    color: #777;

    background-color: #fff;

    border-color: #ddd;

    cursor: false

}



.pagination-lg>li>a,

.pagination-lg>li>span {

    padding: 10px 16px;

    font-size: 18px;

    line-height: 1.3333333

}



.pagination-lg>li:first-child>a,

.pagination-lg>li:first-child>span {

    border-bottom-left-radius: 6px;

    border-top-left-radius: 6px

}



.pagination-lg>li:last-child>a,

.pagination-lg>li:last-child>span {

    border-bottom-right-radius: 6px;

    border-top-right-radius: 6px

}



.pagination-sm>li>a,

.pagination-sm>li>span {

    padding: 5px 10px;

    font-size: 12px;

    line-height: 1.5

}



.pagination-sm>li:first-child>a,

.pagination-sm>li:first-child>span {

    border-bottom-left-radius: 3px;

    border-top-left-radius: 3px

}



.pagination-sm>li:last-child>a,

.pagination-sm>li:last-child>span {

    border-bottom-right-radius: 3px;

    border-top-right-radius: 3px

}



.pager {

    padding-left: 0;

    margin: 20px 0;

    list-style: none;

    text-align: center

}



.pager:before,

.pager:after {

    content: " ";

    display: table

}



.pager:after {

    clear: both

}



.pager li {

    display: inline

}



.pager li>a,

.pager li>span {

    display: inline-block;

    padding: 5px 14px;

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 15px

}



.pager li>a:hover,

.pager li>a:focus {

    text-decoration: none;

    background-color: #eee

}



.pager .next>a,

.pager .next>span {

    float: right

}



.pager .previous>a,

.pager .previous>span {

    float: left

}



.pager .disabled>a,

.pager .disabled>a:hover,

.pager .disabled>a:focus,

.pager .disabled>span {

    color: #777;

    background-color: #fff;

    cursor: false

}



.label {

    display: inline;

    padding: .2em .6em .3em;

    font-size: 75%;

    font-weight: 700;

    line-height: 1;

    color: #fff;

    text-align: center;

    white-space: nowrap;

    vertical-align: baseline;

    border-radius: .25em

}



.label:empty {

    display: none

}



.btn .label {

    position: relative;

    top: -1px

}



a.label:hover,

a.label:focus {

    color: #fff;

    text-decoration: none;

    cursor: pointer

}



.label-default {

    background-color: #777

}



.label-default[href]:hover,

.label-default[href]:focus {

    background-color: #5e5e5e

}



.label-primary {

    background-color: #337ab7

}



.label-primary[href]:hover,

.label-primary[href]:focus {

    background-color: #286090

}



.label-success {

    background-color: #5cb85c

}



.label-success[href]:hover,

.label-success[href]:focus {

    background-color: #449d44

}



.label-info {

    background-color: #5bc0de

}



.label-info[href]:hover,

.label-info[href]:focus {

    background-color: #31b0d5

}



.label-warning {

    background-color: #f0ad4e

}



.label-warning[href]:hover,

.label-warning[href]:focus {

    background-color: #ec971f

}



.label-danger {

    background-color: #d9534f

}



.label-danger[href]:hover,

.label-danger[href]:focus {

    background-color: #c9302c

}



.badge {

    display: inline-block;

    min-width: 10px;

    padding: 3px 7px;

    font-size: 12px;

    font-weight: 700;

    color: #fff;

    line-height: 1;

    vertical-align: middle;

    white-space: nowrap;

    text-align: center;

    background-color: #777;

    border-radius: 10px

}



.badge:empty {

    display: none

}



.btn .badge {

    position: relative;

    top: -1px

}



.btn-xs .badge,

.btn-group-xs>.btn .badge {

    top: 0;

    padding: 1px 5px

}



.list-group-item.active>.badge,

.nav-pills>.active>a>.badge {

    color: #337ab7;

    background-color: #fff

}



.list-group-item>.badge {

    float: right

}



.list-group-item>.badge+.badge {

    margin-right: 5px

}



.nav-pills>li>a>.badge {

    margin-left: 3px

}



a.badge:hover,

a.badge:focus {

    color: #fff;

    text-decoration: none;

    cursor: pointer

}



.jumbotron {

    padding-top: 30px;

    padding-bottom: 30px;

    margin-bottom: 30px;

    background-color: #eee

}



.jumbotron,

.jumbotron h1,

.jumbotron .h1 {

    color: inherit

}



.jumbotron p {

    margin-bottom: 15px;

    font-size: 21px;

    font-weight: 200

}



.jumbotron>hr {

    border-top-color: #d5d5d5

}



.container .jumbotron,

.container-fluid .jumbotron {

    border-radius: 6px

}



.jumbotron .container {

    max-width: 100%

}



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

    .jumbotron {

        padding-top: 48px;

        padding-bottom: 48px

    }

    .container .jumbotron,

    .container-fluid .jumbotron {

        padding-left: 60px;

        padding-right: 60px

    }

    .jumbotron h1,

    .jumbotron .h1 {

        font-size: 63px

    }

}



.thumbnail {

    display: block;

    padding: 4px;

    margin-bottom: 20px;

    line-height: 1.428571429;

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 4px;

    transition: border .2s ease-in-out

}



.thumbnail>img,

.thumbnail a>img {

    display: block;

    max-width: 100%;

    height: auto;

    margin-left: auto;

    margin-right: auto

}



.thumbnail .caption {

    padding: 9px;

    color: #333

}



a.thumbnail:hover,

a.thumbnail:focus,

a.thumbnail.active {

    border-color: #337ab7

}



.alert {

    padding: 15px;

    margin-bottom: 20px;

    border: 1px solid transparent;

    border-radius: 4px

}



.alert h4 {

    margin-top: 0;

    color: inherit

}



.alert .alert-link {

    font-weight: 700

}



.alert>p,

.alert>ul {

    margin-bottom: 0

}



.alert>p+p {

    margin-top: 5px

}



.alert-dismissable,

.alert-dismissible {

    padding-right: 35px

}



.alert-dismissable .close,

.alert-dismissible .close {

    position: relative;

    top: -2px;

    right: -21px;

    color: inherit

}



.alert-success {

    background-color: #dff0d8;

    border-color: #d6e9c6;

    color: #3c763d

}



.alert-success hr {

    border-top-color: #c9e2b3

}



.alert-success .alert-link {

    color: #2b542c

}



.alert-info {

    background-color: #d9edf7;

    border-color: #bce8f1;

    color: #31708f

}



.alert-info hr {

    border-top-color: #a6e1ec

}



.alert-info .alert-link {

    color: #245269

}



.alert-warning {

    background-color: #fcf8e3;

    border-color: #faebcc;

    color: #8a6d3b

}



.alert-warning hr {

    border-top-color: #f7e1b5

}



.alert-warning .alert-link {

    color: #66512c

}



.alert-danger {

    background-color: #f2dede;

    border-color: #ebccd1;

    color: #a94442

}



.alert-danger hr {

    border-top-color: #e4b9c0

}



.alert-danger .alert-link {

    color: #843534

}



@-webkit-keyframes progress-bar-stripes {

    from {

        background-position: 40px 0

    }

    to {

        background-position: 0 0

    }

}



@keyframes progress-bar-stripes {

    from {

        background-position: 40px 0

    }

    to {

        background-position: 0 0

    }

}



.progress {

    overflow: hidden;

    height: 20px;

    margin-bottom: 20px;

    background-color: #f5f5f5;

    border-radius: 4px;

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

}



.progress-bar {

    float: left;

    width: 0%;

    height: 100%;

    font-size: 12px;

    line-height: 20px;

    color: #fff;

    text-align: center;

    background-color: #337ab7;

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

    transition: width .6s ease

}



.progress-striped .progress-bar,

.progress-bar-striped {

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent);

    background-size: 40px 40px

}



.progress.active .progress-bar,

.progress-bar.active {

    -webkit-animation: progress-bar-stripes 2s linear infinite;

    animation: progress-bar-stripes 2s linear infinite

}



.progress-bar-success {

    background-color: #5cb85c

}



.progress-striped .progress-bar-success {

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent)

}



.progress-bar-info {

    background-color: #5bc0de

}



.progress-striped .progress-bar-info {

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent)

}



.progress-bar-warning {

    background-color: #f0ad4e

}



.progress-striped .progress-bar-warning {

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent)

}



.progress-bar-danger {

    background-color: #d9534f

}



.progress-striped .progress-bar-danger {

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15)25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15)50%, rgba(255, 255, 255, .15)75%, transparent 75%, transparent)

}



.media {

    margin-top: 15px

}



.media:first-child {

    margin-top: 0

}



.media,

.media-body {

    zoom: 1;

    overflow: hidden

}



.media-body {

    width: 10000px

}



.media-object {

    display: block

}



.media-object.img-thumbnail {

    max-width: none

}



.media-right,

.media>.pull-right {

    padding-left: 10px

}



.media-left,

.media>.pull-left {

    padding-right: 10px

}



.media-left,

.media-right,

.media-body {

    display: table-cell;

    vertical-align: top

}



.media-middle {

    vertical-align: middle

}



.media-bottom {

    vertical-align: bottom

}



.media-heading {

    margin-top: 0;

    margin-bottom: 5px

}



.media-list {

    padding-left: 0;

    list-style: none

}



.list-group {

    margin-bottom: 20px;

    padding-left: 0

}



.list-group-item {

    position: relative;

    display: block;

    padding: 10px 15px;

    margin-bottom: -1px;

    background-color: #fff;

    border: 1px solid #ddd

}



.list-group-item:first-child {

    border-top-right-radius: 4px;

    border-top-left-radius: 4px

}



.list-group-item:last-child {

    margin-bottom: 0;

    border-bottom-right-radius: 4px;

    border-bottom-left-radius: 4px

}



a.list-group-item,

button.list-group-item {

    color: #555

}



a.list-group-item .list-group-item-heading,

button.list-group-item .list-group-item-heading {

    color: #333

}



a.list-group-item:hover,

a.list-group-item:focus,

button.list-group-item:hover,

button.list-group-item:focus {

    text-decoration: none;

    color: #555;

    background-color: #f5f5f5

}



button.list-group-item {

    width: 100%;

    text-align: left

}



.list-group-item.disabled,

.list-group-item.disabled:hover,

.list-group-item.disabled:focus {

    background-color: #eee;

    color: #777;

    cursor: false

}

.team-fig222 {
    margin-left: 15px;
    margin-right: 15px;
}

.list-group-item.disabled .list-group-item-heading,

.list-group-item.disabled:hover .list-group-item-heading,

.list-group-item.disabled:focus .list-group-item-heading {

    color: inherit

}



.list-group-item.disabled .list-group-item-text,

.list-group-item.disabled:hover .list-group-item-text,

.list-group-item.disabled:focus .list-group-item-text {

    color: #777

}



.list-group-item.active,

.list-group-item.active:hover,

.list-group-item.active:focus {

    z-index: 2;

    color: #fff;

    background-color: #337ab7;

    border-color: #337ab7

}



.list-group-item.active .list-group-item-heading,

.list-group-item.active .list-group-item-heading>small,

.list-group-item.active .list-group-item-heading>.small,

.list-group-item.active:hover .list-group-item-heading,

.list-group-item.active:hover .list-group-item-heading>small,

.list-group-item.active:hover .list-group-item-heading>.small,

.list-group-item.active:focus .list-group-item-heading,

.list-group-item.active:focus .list-group-item-heading>small,

.list-group-item.active:focus .list-group-item-heading>.small {

    color: inherit

}



.list-group-item.active .list-group-item-text,

.list-group-item.active:hover .list-group-item-text,

.list-group-item.active:focus .list-group-item-text {

    color: #c7ddef

}



.list-group-item-success {

    color: #3c763d;

    background-color: #dff0d8

}



a.list-group-item-success,

button.list-group-item-success {

    color: #3c763d

}



a.list-group-item-success .list-group-item-heading,

button.list-group-item-success .list-group-item-heading {

    color: inherit

}



a.list-group-item-success:hover,

a.list-group-item-success:focus,

button.list-group-item-success:hover,

button.list-group-item-success:focus {

    color: #3c763d;

    background-color: #d0e9c6

}



a.list-group-item-success.active,

a.list-group-item-success.active:hover,

a.list-group-item-success.active:focus,

button.list-group-item-success.active,

button.list-group-item-success.active:hover,

button.list-group-item-success.active:focus {

    color: #fff;

    background-color: #3c763d;

    border-color: #3c763d

}



.list-group-item-info {

    color: #31708f;

    background-color: #d9edf7

}



a.list-group-item-info,

button.list-group-item-info {

    color: #31708f

}



a.list-group-item-info .list-group-item-heading,

button.list-group-item-info .list-group-item-heading {

    color: inherit

}



a.list-group-item-info:hover,

a.list-group-item-info:focus,

button.list-group-item-info:hover,

button.list-group-item-info:focus {

    color: #31708f;

    background-color: #c4e3f3

}



a.list-group-item-info.active,

a.list-group-item-info.active:hover,

a.list-group-item-info.active:focus,

button.list-group-item-info.active,

button.list-group-item-info.active:hover,

button.list-group-item-info.active:focus {

    color: #fff;

    background-color: #31708f;

    border-color: #31708f

}



.list-group-item-warning {

    color: #8a6d3b;

    background-color: #fcf8e3

}



a.list-group-item-warning,

button.list-group-item-warning {

    color: #8a6d3b

}



a.list-group-item-warning .list-group-item-heading,

button.list-group-item-warning .list-group-item-heading {

    color: inherit

}



a.list-group-item-warning:hover,

a.list-group-item-warning:focus,

button.list-group-item-warning:hover,

button.list-group-item-warning:focus {

    color: #8a6d3b;

    background-color: #faf2cc

}



a.list-group-item-warning.active,

a.list-group-item-warning.active:hover,

a.list-group-item-warning.active:focus,

button.list-group-item-warning.active,

button.list-group-item-warning.active:hover,

button.list-group-item-warning.active:focus {

    color: #fff;

    background-color: #8a6d3b;

    border-color: #8a6d3b

}



.list-group-item-danger {

    color: #a94442;

    background-color: #f2dede

}



a.list-group-item-danger,

button.list-group-item-danger {

    color: #a94442

}



a.list-group-item-danger .list-group-item-heading,

button.list-group-item-danger .list-group-item-heading {

    color: inherit

}
.fp-viewing-teampage .main-logo,
.fp-viewing-contactpage .main-logo,
.fp-viewing-clients .main-logo,
.fp-viewing-servicepage .main-logo {
    display: none!important;
}




a.list-group-item-danger:hover,

a.list-group-item-danger:focus,

button.list-group-item-danger:hover,

button.list-group-item-danger:focus {

    color: #a94442;

    background-color: #ebcccc

}



a.list-group-item-danger.active,

a.list-group-item-danger.active:hover,

a.list-group-item-danger.active:focus,

button.list-group-item-danger.active,

button.list-group-item-danger.active:hover,

button.list-group-item-danger.active:focus {

    color: #fff;

    background-color: #a94442;

    border-color: #a94442

}



.list-group-item-heading {

    margin-top: 0;

    margin-bottom: 5px

}



.list-group-item-text {

    margin-bottom: 0;

    line-height: 1.3

}



.panel {

    margin-bottom: 20px;

    background-color: #fff;

    border: 1px solid transparent;

    border-radius: 4px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)

}



.panel-body {

    padding: 15px

}



.panel-body:before,

.panel-body:after {

    content: " ";

    display: table

}



.panel-body:after {

    clear: both

}



.panel-heading {

    padding: 10px 15px;

    border-bottom: 1px solid transparent;

    border-top-right-radius: 3px;

    border-top-left-radius: 3px

}



.panel-heading>.dropdown .dropdown-toggle {

    color: inherit

}



.panel-title {

    margin-top: 0;

    margin-bottom: 0;

    font-size: 16px

}



.panel-title,

.panel-title>a,

.panel-title>small,

.panel-title>.small,

.panel-title>small>a,

.panel-title>.small>a {

    color: inherit

}



.panel-footer {

    padding: 10px 15px;

    background-color: #f5f5f5;

    border-top: 1px solid #ddd;

    border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px

}



.panel>.list-group,

.panel>.panel-collapse>.list-group {

    margin-bottom: 0

}



.panel>.list-group .list-group-item,

.panel>.panel-collapse>.list-group .list-group-item {

    border-width: 1px 0;

    border-radius: 0

}



.panel>.list-group:first-child .list-group-item:first-child,

.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {

    border-top: 0;

    border-top-right-radius: 3px;

    border-top-left-radius: 3px

}



.panel>.list-group:last-child .list-group-item:last-child,

.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {

    border-bottom: 0;

    border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px

}



.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {

    border-top-right-radius: 0;

    border-top-left-radius: 0

}



.panel-heading+.list-group .list-group-item:first-child {

    border-top-width: 0

}



.list-group+.panel-footer {

    border-top-width: 0

}



.panel>.table,

.panel>.table-responsive>.table,

.panel>.panel-collapse>.table {

    margin-bottom: 0

}



.panel>.table caption,

.panel>.table-responsive>.table caption,

.panel>.panel-collapse>.table caption {

    padding-left: 15px;

    padding-right: 15px

}



.panel>.table:first-child,

.panel>.table-responsive:first-child>.table:first-child,

.panel>.table:first-child>thead:first-child>tr:first-child,

.panel>.table:first-child>tbody:first-child>tr:first-child,

.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {

    border-top-right-radius: 3px;

    border-top-left-radius: 3px

}



.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,

.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,

.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,

.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,

.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,

.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {

    border-top-left-radius: 3px

}



.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,

.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,

.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,

.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,

.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,

.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {

    border-top-right-radius: 3px

}



.panel>.table:last-child,

.panel>.table-responsive:last-child>.table:last-child,

.panel>.table:last-child>tbody:last-child>tr:last-child,

.panel>.table:last-child>tfoot:last-child>tr:last-child,

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,

.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {

    border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px

}



.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,

.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,

.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,

.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,

.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,

.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {

    border-bottom-left-radius: 3px

}



.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,

.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,

.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,

.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,

.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,

.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {

    border-bottom-right-radius: 3px

}



.panel>.panel-body+.table,

.panel>.panel-body+.table-responsive,

.panel>.table+.panel-body,

.panel>.table-responsive+.panel-body {

    border-top: 1px solid #ddd

}



.panel>.table>tbody:first-child>tr:first-child th,

.panel>.table>tbody:first-child>tr:first-child td {

    border-top: 0

}



.panel>.table-bordered,

.panel>.table-responsive>.table-bordered {

    border: 0

}



.panel>.table-bordered>thead>tr>th:first-child,

.panel>.table-bordered>thead>tr>td:first-child,

.panel>.table-bordered>tbody>tr>th:first-child,

.panel>.table-bordered>tbody>tr>td:first-child,

.panel>.table-bordered>tfoot>tr>th:first-child,

.panel>.table-bordered>tfoot>tr>td:first-child,

.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,

.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,

.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,

.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,

.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,

.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {

    border-left: 0

}



.panel>.table-bordered>thead>tr>th:last-child,

.panel>.table-bordered>thead>tr>td:last-child,

.panel>.table-bordered>tbody>tr>th:last-child,

.panel>.table-bordered>tbody>tr>td:last-child,

.panel>.table-bordered>tfoot>tr>th:last-child,

.panel>.table-bordered>tfoot>tr>td:last-child,

.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,

.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,

.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,

.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,

.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,

.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {

    border-right: 0

}



.panel>.table-bordered>thead>tr:first-child>td,

.panel>.table-bordered>thead>tr:first-child>th,

.panel>.table-bordered>tbody>tr:first-child>td,

.panel>.table-bordered>tbody>tr:first-child>th,

.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,

.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,

.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,

.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {

    border-bottom: 0

}



.panel>.table-bordered>tbody>tr:last-child>td,

.panel>.table-bordered>tbody>tr:last-child>th,

.panel>.table-bordered>tfoot>tr:last-child>td,

.panel>.table-bordered>tfoot>tr:last-child>th,

.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,

.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,

.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,

.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {

    border-bottom: 0

}



.panel>.table-responsive {

    border: 0;

    margin-bottom: 0

}



.panel-group {

    margin-bottom: 20px

}



.panel-group .panel {

    margin-bottom: 0;

    border-radius: 4px

}



.panel-group .panel+.panel {

    margin-top: 5px

}



.panel-group .panel-heading {

    border-bottom: 0

}



.panel-group .panel-heading+.panel-collapse>.panel-body,

.panel-group .panel-heading+.panel-collapse>.list-group {

    border-top: 1px solid #ddd

}



.panel-group .panel-footer {

    border-top: 0

}



.panel-group .panel-footer+.panel-collapse .panel-body {

    border-bottom: 1px solid #ddd

}



.panel-default {

    border-color: #ddd

}



.panel-default>.panel-heading {

    color: #333;

    background-color: #f5f5f5;

    border-color: #ddd

}



.panel-default>.panel-heading+.panel-collapse>.panel-body {

    border-top-color: #ddd

}



.panel-default>.panel-heading .badge {

    color: #f5f5f5;

    background-color: #333

}



.panel-default>.panel-footer+.panel-collapse>.panel-body {

    border-bottom-color: #ddd

}



.panel-primary {

    border-color: #337ab7

}



.panel-primary>.panel-heading {

    color: #fff;

    background-color: #337ab7;

    border-color: #337ab7

}



.panel-primary>.panel-heading+.panel-collapse>.panel-body {

    border-top-color: #337ab7

}



.panel-primary>.panel-heading .badge {

    color: #337ab7;

    background-color: #fff

}



.panel-primary>.panel-footer+.panel-collapse>.panel-body {

    border-bottom-color: #337ab7

}



.panel-success {

    border-color: #d6e9c6

}



.panel-success>.panel-heading {

    color: #3c763d;

    background-color: #dff0d8;

    border-color: #d6e9c6

}



.panel-success>.panel-heading+.panel-collapse>.panel-body {

    border-top-color: #d6e9c6

}



.panel-success>.panel-heading .badge {

    color: #dff0d8;

    background-color: #3c763d

}



.panel-success>.panel-footer+.panel-collapse>.panel-body {

    border-bottom-color: #d6e9c6

}



.panel-info {

    border-color: #bce8f1

}



.panel-info>.panel-heading {

    color: #31708f;

    background-color: #d9edf7;

    border-color: #bce8f1

}



.panel-info>.panel-heading+.panel-collapse>.panel-body {

    border-top-color: #bce8f1

}



.panel-info>.panel-heading .badge {

    color: #d9edf7;

    background-color: #31708f

}



.panel-info>.panel-footer+.panel-collapse>.panel-body {

    border-bottom-color: #bce8f1

}



.panel-warning {

    border-color: #faebcc

}



.panel-warning>.panel-heading {

    color: #8a6d3b;

    background-color: #fcf8e3;

    border-color: #faebcc

}



.panel-warning>.panel-heading+.panel-collapse>.panel-body {

    border-top-color: #faebcc

}



.panel-warning>.panel-heading .badge {

    color: #fcf8e3;

    background-color: #8a6d3b

}



.panel-warning>.panel-footer+.panel-collapse>.panel-body {

    border-bottom-color: #faebcc

}



.panel-danger {

    border-color: #ebccd1

}



.panel-danger>.panel-heading {

    color: #a94442;

    background-color: #f2dede;

    border-color: #ebccd1

}



.panel-danger>.panel-heading+.panel-collapse>.panel-body {

    border-top-color: #ebccd1

}



.panel-danger>.panel-heading .badge {

    color: #f2dede;

    background-color: #a94442

}



.panel-danger>.panel-footer+.panel-collapse>.panel-body {

    border-bottom-color: #ebccd1

}



.embed-responsive {

    position: relative;

    display: block;

    height: 0;

    padding: 0;

    overflow: hidden

}



.embed-responsive .embed-responsive-item,

.embed-responsive iframe,

.embed-responsive embed,

.embed-responsive object,

.embed-responsive video {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    height: 100%;

    width: 100%;

    border: 0

}



.embed-responsive-16by9 {

    padding-bottom: 56.25%

}



.embed-responsive-4by3 {

    padding-bottom: 75%

}



.well {

    min-height: 20px;

    padding: 19px;

    margin-bottom: 20px;

    background-color: #f5f5f5;

    border: 1px solid #e3e3e3;

    border-radius: 4px;

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

}



.well blockquote {

    border-color: #ddd;

    border-color: rgba(0, 0, 0, .15)

}



.well-lg {

    padding: 24px;

    border-radius: 6px

}



.well-sm {

    padding: 9px;

    border-radius: 3px

}



.close {

    float: right;

    font-size: 21px;

    font-weight: 700;

    line-height: 1;

    color: #000;

    text-shadow: 0 1px 0 #fff;

    opacity: .2;

    filter: alpha(opacity=20)

}



.close:hover,

.close:focus {

    color: #000;

    text-decoration: none;

    cursor: pointer;

    opacity: .5;

    filter: alpha(opacity=50)

}



button.close {

    padding: 0;

    cursor: pointer;

    background: 0 0;

    border: 0;

    -webkit-appearance: none

}



.modal-open,

.modal {

    overflow: hidden

}



.modal {

    display: none;

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1050;

    -webkit-overflow-scrolling: touch;

    outline: 0

}



.modal.fade .modal-dialog {

    -webkit-transform: translate(0, -25%);

    -ms-transform: translate(0, -25%);

    transform: translate(0, -25%);

    transition: -webkit-transform .3s ease-out;

    transition: transform .3s ease-out

}



.modal.in .modal-dialog {

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    transform: translate(0, 0)

}



.modal-open .modal {

    overflow-x: hidden;

    overflow-y: auto

}



.modal-dialog {

    position: relative;

    width: auto;

    margin: 10px

}



.modal-content {

    position: relative;

    background-color: #fff;

    border: 1px solid #999;

    border: 1px solid rgba(0, 0, 0, .2);

    border-radius: 6px;

    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

    background-clip: padding-box;

    outline: 0

}



.modal-backdrop {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1040;

    background-color: #000

}



.modal-backdrop.fade {

    opacity: 0;

    filter: alpha(opacity=0)

}



.modal-backdrop.in {

    opacity: .5;

    filter: alpha(opacity=50)

}



.modal-header {

    padding: 15px;

    border-bottom: 1px solid #e5e5e5;

    min-height: 16.428571429px

}



.modal-header .close {

    margin-top: -2px

}



.modal-title {

    margin: 0;

    line-height: 1.428571429

}



.modal-body {

    position: relative;

    padding: 15px

}



.modal-footer {

    padding: 15px;

    text-align: right;

    border-top: 1px solid #e5e5e5

}



.modal-footer:before,

.modal-footer:after {

    content: " ";

    display: table

}



.modal-footer:after {

    clear: both

}



.modal-footer .btn+.btn {

    margin-left: 5px;

    margin-bottom: 0

}



.modal-footer .btn-group .btn+.btn {

    margin-left: -1px

}



.modal-footer .btn-block+.btn-block {

    margin-left: 0

}



.modal-scrollbar-measure {

    position: absolute;

    top: -9999px;

    width: 50px;

    height: 50px;

    overflow: scroll

}



@media (min-width:768px) {

    .modal-dialog {

        width: 600px;

        margin: 30px auto

    }

    .modal-content {

        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)

    }

    .modal-sm {

        width: 300px

    }

}



@media (min-width:992px) {

    .modal-lg {

        width: 900px

    }

}



.tooltip {

    position: absolute;

    z-index: 1070;

    display: block;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-style: normal;

    font-weight: 400;

    letter-spacing: normal;

    line-break: auto;

    line-height: 1.428571429;

    text-align: start;

    text-decoration: none;

    text-shadow: none;

    text-transform: none;

    white-space: normal;

    word-break: normal;

    word-spacing: normal;

    word-wrap: normal;

    font-size: 12px;

    opacity: 0;

    filter: alpha(opacity=0)

}



.tooltip.in {

    opacity: .9;

    filter: alpha(opacity=90)

}



.tooltip.top {

    margin-top: -3px;

    padding: 5px 0

}



.tooltip.right {

    margin-left: 3px;

    padding: 0 5px

}



.tooltip.bottom {

    margin-top: 3px;

    padding: 5px 0

}



.tooltip.left {

    margin-left: -3px;

    padding: 0 5px

}



.tooltip-inner {

    max-width: 200px;

    padding: 3px 8px;

    color: #fff;

    text-align: center;

    background-color: #000;

    border-radius: 4px

}



.tooltip-arrow {

    position: absolute;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid

}



.tooltip.top .tooltip-arrow {

    bottom: 0;

    left: 50%;

    margin-left: -5px;

    border-width: 5px 5px 0;

    border-top-color: #000

}



.tooltip.top-left .tooltip-arrow {

    right: 5px

}



.tooltip.top-left .tooltip-arrow,

.tooltip.top-right .tooltip-arrow {

    bottom: 0;

    margin-bottom: -5px;

    border-width: 5px 5px 0;

    border-top-color: #000

}



.tooltip.top-right .tooltip-arrow {

    left: 5px

}



.tooltip.right .tooltip-arrow {

    top: 50%;

    left: 0;

    margin-top: -5px;

    border-width: 5px 5px 5px 0;

    border-right-color: #000

}



.tooltip.left .tooltip-arrow {

    top: 50%;

    right: 0;

    margin-top: -5px;

    border-width: 5px 0 5px 5px;

    border-left-color: #000

}



.tooltip.bottom .tooltip-arrow {

    top: 0;

    left: 50%;

    margin-left: -5px;

    border-width: 0 5px 5px;

    border-bottom-color: #000

}



.tooltip.bottom-left .tooltip-arrow {

    top: 0;

    right: 5px;

    margin-top: -5px;

    border-width: 0 5px 5px;

    border-bottom-color: #000

}



.tooltip.bottom-right .tooltip-arrow {

    top: 0;

    left: 5px;

    margin-top: -5px;

    border-width: 0 5px 5px;

    border-bottom-color: #000

}



.popover {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1060;

    display: none;

    max-width: 276px;

    padding: 1px;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-style: normal;

    font-weight: 400;

    letter-spacing: normal;

    line-break: auto;

    line-height: 1.428571429;

    text-align: start;

    text-decoration: none;

    text-shadow: none;

    text-transform: none;

    white-space: normal;

    word-break: normal;

    word-spacing: normal;

    word-wrap: normal;

    font-size: 14px;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ccc;

    border: 1px solid rgba(0, 0, 0, .2);

    border-radius: 6px;

    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)

}



.popover.top {

    margin-top: -10px

}



.popover.right {

    margin-left: 10px

}



.popover.bottom {

    margin-top: 10px

}



.popover.left {

    margin-left: -10px

}



.popover-title {

    margin: 0;

    padding: 8px 14px;

    font-size: 14px;

    background-color: #f7f7f7;

    border-bottom: 1px solid #ebebeb;

    border-radius: 5px 5px 0 0

}



.popover-content {

    padding: 9px 14px

}



.popover>.arrow,

.popover>.arrow:after {

    position: absolute;

    display: block;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid

}



.popover>.arrow {

    border-width: 11px

}



.popover>.arrow:after {

    border-width: 10px;

    content: ""

}



.popover.top>.arrow {

    left: 50%;

    margin-left: -11px;

    border-bottom-width: 0;

    border-top-color: #999;

    border-top-color: rgba(0, 0, 0, .25);

    bottom: -11px

}



.popover.top>.arrow:after {

    content: " ";

    bottom: 1px;

    margin-left: -10px;

    border-bottom-width: 0;

    border-top-color: #fff

}



.popover.right>.arrow {

    top: 50%;

    left: -11px;

    margin-top: -11px;

    border-left-width: 0;

    border-right-color: #999;

    border-right-color: rgba(0, 0, 0, .25)

}



.popover.right>.arrow:after {

    content: " ";

    left: 1px;

    bottom: -10px;

    border-left-width: 0;

    border-right-color: #fff

}



.popover.bottom>.arrow {

    left: 50%;

    margin-left: -11px;

    border-top-width: 0;

    border-bottom-color: #999;

    border-bottom-color: rgba(0, 0, 0, .25);

    top: -11px

}



.popover.bottom>.arrow:after {

    content: " ";

    top: 1px;

    margin-left: -10px;

    border-top-width: 0;

    border-bottom-color: #fff

}



.popover.left>.arrow {

    top: 50%;

    right: -11px;

    margin-top: -11px;

    border-right-width: 0;

    border-left-color: #999;

    border-left-color: rgba(0, 0, 0, .25)

}



.popover.left>.arrow:after {

    content: " ";

    right: 1px;

    border-right-width: 0;

    border-left-color: #fff;

    bottom: -10px

}



.carousel,

.carousel-inner {

    position: relative

}



.carousel-inner {

    overflow: hidden;

    width: 100%

}



.carousel-inner>.item {

    display: none;

    position: relative;

    transition: .6s ease-in-out left

}



.carousel-inner>.item>img,

.carousel-inner>.item>a>img {

    display: block;

    max-width: 100%;

    height: auto;

    line-height: 1

}



@media all and (transform-3d),

(-webkit-transform-3d) {

    .carousel-inner>.item {

        transition: -webkit-transform .6s ease-in-out;

        transition: transform .6s ease-in-out;

        -webkit-backface-visibility: hidden;

        backface-visibility: hidden;

        -webkit-perspective: 1000px;

        perspective: 1000px

    }

    .carousel-inner>.item.next,

    .carousel-inner>.item.active.right {

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

        left: 0

    }

    .carousel-inner>.item.prev,

    .carousel-inner>.item.active.left {

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

        left: 0

    }

    .carousel-inner>.item.next.left,

    .carousel-inner>.item.prev.right,

    .carousel-inner>.item.active {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        left: 0

    }

}



.carousel-inner>.active,

.carousel-inner>.next,

.carousel-inner>.prev {

    display: block

}



.carousel-inner>.active {

    left: 0

}



.carousel-inner>.next,

.carousel-inner>.prev {

    position: absolute;

    top: 0;

    width: 100%

}



.carousel-inner>.next {

    left: 100%

}



.carousel-inner>.prev {

    left: -100%

}



.carousel-inner>.next.left,

.carousel-inner>.prev.right {

    left: 0

}



.carousel-inner>.active.left {

    left: -100%

}



.carousel-inner>.active.right {

    left: 100%

}



.carousel-control {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 15%;

    opacity: .5;

    filter: alpha(opacity=50);

    font-size: 20px;

    color: #fff;

    text-align: center;

    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)

}



.carousel-control.left {

    background-image: linear-gradient(to right, rgba(0, 0, 0, .5)0%, rgba(0, 0, 0, .0001)100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)

}



.carousel-control.right {

    left: auto;

    right: 0;

    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001)0%, rgba(0, 0, 0, .5)100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)

}



.carousel-control:hover,

.carousel-control:focus {

    outline: 0;

    color: #fff;

    text-decoration: none;

    opacity: .9;

    filter: alpha(opacity=90)

}



.carousel-control .icon-prev,

.carousel-control .icon-next,

.carousel-control .glyphicon-chevron-left,

.carousel-control .glyphicon-chevron-right {

    position: absolute;

    top: 50%;

    margin-top: -10px;

    z-index: 5;

    display: inline-block

}



.carousel-control .icon-prev,

.carousel-control .glyphicon-chevron-left {

    left: 50%;

    margin-left: -10px

}



.carousel-control .icon-next,

.carousel-control .glyphicon-chevron-right {

    right: 50%;

    margin-right: -10px

}



.carousel-control .icon-prev,

.carousel-control .icon-next {

    width: 20px;

    height: 20px;

    line-height: 1;

    font-family: serif

}



.carousel-control .icon-prev:before {

    content: '\2039'

}



.carousel-control .icon-next:before {

    content: '\203a'

}



.carousel-indicators {

    position: absolute;

    bottom: 10px;

    left: 50%;

    z-index: 15;

    width: 60%;

    margin-left: -30%;

    padding-left: 0;

    list-style: none;

    text-align: center

}



.carousel-indicators li {

    display: inline-block;

    width: 10px;

    height: 10px;

    margin: 1px;

    text-indent: -999px;

    border: 1px solid #fff;

    border-radius: 10px;

    cursor: pointer;

    background-color: #000 \9;

    background-color: transparent

}



.carousel-indicators .active {

    margin: 0;

    width: 12px;

    height: 12px;

    background-color: #fff

}



.carousel-caption {

    position: absolute;

    left: 15%;

    right: 15%;

    bottom: 20px;

    z-index: 10;

    padding-top: 20px;

    padding-bottom: 20px;

    color: #fff;

    text-align: center;

    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)

}



.carousel-caption .btn {

    text-shadow: none

}



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

    .carousel-control .glyphicon-chevron-left,

    .carousel-control .glyphicon-chevron-right,

    .carousel-control .icon-prev,

    .carousel-control .icon-next {

        width: 30px;

        height: 30px;

        margin-top: -15px;

        font-size: 30px

    }

    .carousel-control .glyphicon-chevron-left,

    .carousel-control .icon-prev {

        margin-left: -15px

    }

    .carousel-control .glyphicon-chevron-right,

    .carousel-control .icon-next {

        margin-right: -15px

    }

    .carousel-caption {

        left: 20%;

        right: 20%;

        padding-bottom: 30px

    }

    .carousel-indicators {

        bottom: 20px

    }

}



.clearfix:before,

.clearfix:after {

    content: " ";

    display: table

}



.center-block {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.pull-right {

    float: right!important

}



.pull-left {

    float: left!important

}



.hide {

    display: none!important

}



.show {

    display: block!important

}



.invisible {

    visibility: hidden

}



.text-hide {

    font: 0/0 a;

    color: transparent;

    text-shadow: none;

    background-color: transparent;

    border: 0

}



.hidden {

    display: none!important

}



.affix {

    position: fixed

}



@at-root {

    @-ms-viewport {

        width: device-width

    }

}



.visible-xs,

.visible-sm,

.visible-md,

.visible-lg,

.visible-xs-block,

.visible-xs-inline,

.visible-xs-inline-block,

.visible-sm-block,

.visible-sm-inline,

.visible-sm-inline-block,

.visible-md-block,

.visible-md-inline,

.visible-md-inline-block,

.visible-lg-block,

.visible-lg-inline,

.visible-lg-inline-block {

    display: none!important

}



@media (max-width:767px) {

    .visible-xs {

        display: block!important

    }

    table.visible-xs {

        display: table!important

    }

    tr.visible-xs {

        display: table-row!important

    }

    th.visible-xs,

    td.visible-xs {

        display: table-cell!important

    }

}



@media (max-width:767px) {

    .visible-xs-block {

        display: block!important

    }

}



@media (max-width:767px) {

    .visible-xs-inline {

        display: inline!important

    }

}



@media (max-width:767px) {

    .visible-xs-inline-block {

        display: inline-block!important

    }

}



@media (min-width:768px) and (max-width:991px) {

    .visible-sm {

        display: block!important

    }

    table.visible-sm {

        display: table!important

    }

    tr.visible-sm {

        display: table-row!important

    }

    th.visible-sm,

    td.visible-sm {

        display: table-cell!important

    }

}



@media (min-width:768px) and (max-width:991px) {

    .visible-sm-block {

        display: block!important

    }

}



@media (min-width:768px) and (max-width:991px) {

    .visible-sm-inline {

        display: inline!important

    }

}



@media (min-width:768px) and (max-width:991px) {

    .visible-sm-inline-block {

        display: inline-block!important

    }

}



@media (min-width:992px) and (max-width:1199px) {

    .visible-md {

        display: block!important

    }

    table.visible-md {

        display: table!important

    }

    tr.visible-md {

        display: table-row!important

    }

    th.visible-md,

    td.visible-md {

        display: table-cell!important

    }

}



@media (min-width:992px) and (max-width:1199px) {

    .visible-md-block {

        display: block!important

    }

}



@media (min-width:992px) and (max-width:1199px) {

    .visible-md-inline {

        display: inline!important

    }

}



@media (min-width:992px) and (max-width:1199px) {

    .visible-md-inline-block {

        display: inline-block!important

    }

}



@media (min-width:1200px) {

    .visible-lg {

        display: block!important

    }

    table.visible-lg {

        display: table!important

    }

    tr.visible-lg {

        display: table-row!important

    }

    th.visible-lg,

    td.visible-lg {

        display: table-cell!important

    }

}



@media (min-width:1200px) {

    .visible-lg-block {

        display: block!important

    }

}



@media (min-width:1200px) {

    .visible-lg-inline {

        display: inline!important

    }

}



@media (min-width:1200px) {

    .visible-lg-inline-block {

        display: inline-block!important

    }

}



@media (max-width:767px) {

    .hidden-xs {

        display: none!important

    }

}



@media (min-width:768px) and (max-width:991px) {

    .hidden-sm {

        display: none!important

    }

}



@media (min-width:992px) and (max-width:1199px) {

    .hidden-md {

        display: none!important

    }

}



@media (min-width:20px) and (max-width:567px) {
	.gridnew-item2 {

    width: 96%;
    margin: 1%;
}
}
@media (min-width:20px) and (max-width:568px) {
.video-gall {

    width: 20%!important;
}
.team-fig222 {
    margin: 0 6%;
}
}

@media (min-width:1200px) {

    .hidden-lg {

        display: none!important

    }

}



.visible-print {

    display: none!important

}



@media print {

    .visible-print {

        display: block!important

    }

    table.visible-print {

        display: table!important

    }

    tr.visible-print {

        display: table-row!important

    }

    th.visible-print,

    td.visible-print {

        display: table-cell!important

    }

}



.visible-print-block {

    display: none!important

}



@media print {

    .visible-print-block {

        display: block!important

    }

}



.visible-print-inline {

    display: none!important

}



@media print {

    .visible-print-inline {

        display: inline!important

    }

}



.visible-print-inline-block {

    display: none!important

}



@media print {

    .visible-print-inline-block {

        display: inline-block!important

    }

}



@media print {

    .hidden-print {

        display: none!important

    }

}



html.fp-enabled,

.fp-enabled body {

    margin: 0;

    padding: 0;

    overflow: hidden;

    -webkit-tap-highlight-color: transparent

}



#superContainer {

    height: 100%;

    position: relative;

    -ms-touch-action: none;

    touch-action: none

}



.fp-section {

    position: relative;

    box-sizing: border-box

}



.fp-slide {

    float: left

}



.fp-slide,

.fp-slidesContainer {

    height: 100%;

    display: block

}



.fp-slides {

    z-index: 1;

    height: 100%;

    overflow: hidden;

    position: relative;

    transition: all .3s ease-out

}



.fp-section.fp-table,

.fp-slide.fp-table {

    display: table;

    table-layout: fixed

}



.fp-slide.fp-table {

    width: 100%

}



.fp-tableCell {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

    height: 100%

}



.fp-slidesContainer {

    float: left;

    position: relative

}



.fp-controlArrow {

    position: absolute;

    z-index: 4;

    top: 50%;

    cursor: pointer;

    width: 0;

    height: 0;

    border-style: solid;

    margin-top: -38px;

    -webkit-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.fp-controlArrow.fp-prev {

    left: 15px;

    width: 0;

    border-width: 38.5px 34px 38.5px 0;

    border-color: transparent #fff transparent transparent

}



.fp-controlArrow.fp-next {

    right: 15px;

    border-width: 38.5px 0 38.5px 34px;

    border-color: transparent transparent transparent #fff

}



.fp-scrollable {

    overflow: scroll

}



.fp-notransition {

    transition: none!important

}



.fp-slidesNav {

    position: absolute;

    z-index: 4;

    left: 50%;

    opacity: 1

}



.fp-slidesNav.bottom {

    bottom: 17px

}



.fp-slidesNav.top {

    top: 17px

}



#fp-nav ul,

.fp-slidesNav ul {

    margin: 0;

    padding: 0

}



#fp-nav ul li,

.fp-slidesNav ul li {

    display: block;

    width: 14px;

    height: 13px;

    margin: 7px;

    position: relative

}



#fp-nav ul li a,

.fp-slidesNav ul li a {

    display: block;

    position: relative;

    z-index: 1;

    width: 100%;

    height: 100%;

    cursor: pointer;

    text-decoration: none

}



#fp-nav ul li a.active span,

.fp-slidesNav ul li a.active span {

    height: 12px;

    width: 12px;

    margin: -6px 0 0 -6px;

    border-radius: 100%

}



#fp-nav ul li:hover #fp-nav ul li a.active span,

#fp-slidesNav ul li:hover #fp-nav ul li a.active span,

#fp-nav ul li:hover .fp-slidesNav ul li a.active span,

#fp-slidesNav ul li:hover .fp-slidesNav ul li a.active span {

    height: 12px;

    width: 12px;

    margin: -6px 0 0 -6px;

    border-radius: 100%

}



#fp-nav ul li a span,

.fp-slidesNav ul li a span {

    border-radius: 50%;

    position: absolute;

    z-index: 1;

    height: 4px;

    width: 4px;

    border: 0;

    background: #333;

    left: 50%;

    top: 50%;

    margin: -2px 0 0 -2px;

    transition: all .1s ease-in-out

}



#fp-nav ul li:hover a span,

.fp-slidesNav ul li:hover a span {

    width: 10px;

    height: 10px;

    margin: -5px 0 0 -5px

}



#fp-nav {

    position: fixed;

    z-index: 100;

    margin-top: -32px;

    top: 50%;

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0)

}



#fp-nav.right {

    right: 17px

}



#fp-nav.left {

    left: 17px

}



#fp-nav ul li .fp-tooltip {

    position: absolute;

    top: -2px;

    color: #fff;

    font-size: 14px;

    font-family: arial, helvetica, sans-serif;

    white-space: nowrap;

    max-width: 220px;

    overflow: hidden;

    display: block;

    opacity: 0;

    width: 0

}



#fp-nav ul li .fp-tooltip.right {

    right: 20px

}



#fp-nav ul li:hover .fp-tooltip {

    transition: opacity .2s ease-in;

    width: auto;

    opacity: 1

}



#fp-nav.fp-show-active a.active+.fp-tooltip {

    transition: opacity .2s ease-in;

    width: auto;

    opacity: 1

}



.fp-slidesNav ul li {

    display: inline-block

}



.browserupgrade {

    margin: .2em 0;

    background: #ccc;

    color: #000;

    padding: .2em 0

}



::-moz-selection {

    color: #eaeaea;

    background: #e4861f

}



::selection {

    color: #eaeaea;

    background: #e4861f

}



body {

    line-height: 1.5;

    font-family: 'Open Sans', sans-serif;

    font-size: 16px!important;

    color: #000;

    font-weight: 400

}



body,

h1,

h2,

h3,

h4,

h5,

h6,

p,

ul {

    margin: 0;

    padding: 0

}



a {

    cursor: pointer;

    text-decoration: none

}



a:hover {

    text-decoration: none

}



img {

    max-width: 100%

}



.clearfix:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    height: 0

}



* html .clearfix {

    zoom: 1

}



*:first-child+html .clearfix {

    zoom: 1

}



textarea {

    resize: none

}



.btn {

    width: 170px;

    height: 45px;

    font-size: 14px;

    text-transform: uppercase;

    padding: 11px 0;

    border-radius: 0;

    text-decoration: none;

    transition: all .3s ease-in-out

}



.btn,

.btn-grey {

    font-family: 'Open Sans', sans-serif;

    color: #3d4348;

    font-weight: 400;

}



.btn-grey {

    width: 200px;

    height: 70px;

    display: inline-block;

    font-size: 20px;

    background: #3d4348

}



.btn-whiteline {

    border: 1px solid #fff;

    color: #fff;

    background: 0 0;

    transition: all .3s ease-in-out

}



.btn-whiteline:hover {

    color: #fff;

    background: #e4861f;

    border: 1px solid #e4861f

}



.btn-black {

    background: #3d4348;

    color: #fff;

    border: 1px solid #3d4348;

    transition: all .3s ease-in-out

}



.btn-black:hover {

    border: 1px solid #3d4348;

    color: #3d4348;

    background: 0 0

}



.btn-greyline {

    border: 1px solid #3d4348;

    color: #3d4348;

    position: relative;

    transition: all .3s ease-in-out

}



Ķ .btn-greyline:hover {

    border: 1px solid #e4861f;

    color: #fff;

    background-color: #e4861f

}



.animatebtn {

    overflow: hidden;

    transition: background-color .3s;

    outline: none;

    border: 0

}



.animatebtn>span {

    display: inline-block;

    opacity: 0;

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0)

}



.animatebtn>span,

.animatebtn:before {

    transition: -webkit-transform .3s, opacity .3s;

    transition: transform .3s, opacity .3s;

    transition-timing-function: cubic-bezier(.75, 0, .125, 1)

}



.animatebtn:before {

    content: attr(data-text);

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    letter-spacing: 4px

}



.animatebtn:hover {

    background: #0e1011

}



.animatebtn:hover:before {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    opacity: 0

}



.animatebtn:hover span {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.animatebtn:hover span:nth-of-type(1) {

    transition-delay: .045s

}



.animatebtn:hover span:nth-of-type(2) {

    transition-delay: .09s

}



.animatebtn:hover span:nth-of-type(3) {

    transition-delay: .135s

}



.animatebtn:hover span:nth-of-type(4) {

    transition-delay: .18s

}



.animatebtn:hover span:nth-of-type(5) {

    transition-delay: .225s

}



.animatebtn:hover span:nth-of-type(6) {

    transition-delay: .27s

}



.animatebtn:hover span:nth-of-type(7) {

    transition-delay: .315s

}



.animatebtn:hover span:nth-of-type(8) {

    transition-delay: .45s

}



.animatebtn:hover span:nth-of-type(9) {

    transition-delay: .72s

}



.btn-orange {

    background: #ffffff;

    border: 1px solid #3d4348;

}



.btn-orange:hover {

    border: 1px solid #e4861f;

    color: #e4861f;

    background: #fff

}



h3 {

    font-size: 140px;

    font-weight: 400

}



h3,

h5 {

    font-family: 'Open Sans', sans-serif;

    color: #3d4348

}



h5 {

    font-size: 30px

}



h5,

.opnsans {

    font-weight: 400

}



.opnsans {

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #959ba0

}



.form-control {

    border-radius: 0;

    box-shadow: 0 0 0 0;

    height: 50px;

    margin: 15px 0

}



.form-control:hover,

.form-control:focus {

    box-shadow: 0 0 0 0;

    border: 1px solid #e4861f

}



.logo {

    position: relative

}



.logo:before,

.logo.light:before,

.logo.dark:before {

    content: initial

}



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

    .logo-container .light,

    .logo-container .dark {

        display: none

    }

}



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

    .logo-container .logo-mobile,

    .logo-container .light,

    .logo-container .dark {

        display: none

    }

}



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

    .fp-viewing-servicepage-0 .header .social a,

    .fp-viewing-teampage-0 .header .social a,

    .fp-viewing-blogpage-0 .header .social a {

        color: #fff;

        border-color: #fff

    }

    .fp-viewing-servicepage-0 .header .navbars .icon-bar,

    .fp-viewing-teampage-0 .header .navbars .icon-bar,

    .fp-viewing-blogpage-0 .header .navbars .icon-bar {

        background: #fff

    }

    .fp-viewing-aboutPage .logo-container .light,

    .fp-viewing-careerpage .logo-container .light,

    .fp-viewing-contactpage .logo-container .light,

    .fp-viewing-workpage .logo-container .light,

    .fp-viewing-productonepage .logo-container .light,

    .fp-viewing-teampage .logo-container .dark,

    .fp-viewing-blogpage .logo-container .dark,

    .fp-viewing-servicepage .logo-container .dark,
    .fp-viewing-clients .logo-container .dark,

    .fp-viewing-mainPage .logo-container .dark {

        display: block

    }

    .fp-viewing-mainPage .footer-fig:nth-of-type(odd),

    .fp-viewing-contactpage .footer-fig:nth-of-type(odd) {

        opacity: 1

    }

    .fp-viewing-contactpage .footer-fig:nth-of-type(2) {

        display: none

    }

}



.main-logo {

    display: inline-block

}



.header {

    padding: 20px 0;

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    z-index: 100

}



.header .logo-container,

.header .content {

    position: relative;

    float: left;

    width: 50%;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



.header .social {

    float: right;

    margin-top: 3vh;

    display: block

}



.header .social a {

    display: inline-block;

    position: relative;

    height: 30px;

    width: 30px;

    margin-left: 5px;

    border-radius: 50%;

    color: #edf0f3;

   /* border: 1px solid #3d4348;*/

    transition: all .3s ease-in-out

}



.header .social a i {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.header .social a:hover:nth-of-type(1) {

    color: #CF3427;

    border-color: #CF3427

}



.header .social a:hover:nth-of-type(2) {

    color: #2E4DA7;

    border-color: #2E4DA7

}



.header .social a:hover:nth-of-type(3),

.header .social a:hover:nth-of-type(4) {

    color: #00ACED;

    border-color: #00ACED

}



.header .navbars {

    float: right

}



.header .navbars .icon-bar {

 display: block;
    width: 37px;
    height: 6px;
    background: #fff;
    margin-bottom: 6px;
    margin-right: 10px;

}

.fp-viewing-teampage .header .navbars .icon-bar {

 display: block;
    width: 37px;
    height: 6px;
    background: #000;
    margin-bottom: 6px;
    margin-right: 10px;

}



.header .nav-menu {

    position: fixed;

    top: 0;

    z-index: 5;

    width: 100vw;

    height: 100Vh;

    background: #192025;

    padding: 100px 30px;

    transition: all .5s ease-in-out

}



.header .nav-menu h6 {

    font-size: 20px;

    color: #e4861f;

    text-transform: uppercase;

    margin-top: 50px

}



.header .nav-menu h6,

.header .nav-menu p {

    font-family: 'Open Sans', sans-serif;

    font-weight: 400

}



.header .nav-menu p {

    font-size: 13px;

    color: rgba(255, 255, 255, .2);

    width: 20%;

    margin: 10px 0 40px

}



.header .nav-menu.nav-menu-open {

    left: 70%

}



.header .navbar-wrapper {

    list-style-type: none

}



@media screen and (max-height:800px) {

    .header .navbar-wrapper {

        overflow-y: scroll;

        height: 400px

    }

}



.header .navbar-wrapper li {

    text-transform: uppercase;

    border-bottom: 1px solid rgba(255, 255, 255, .2)

}



.header .navbar-wrapper li.active a {

    color: #e4861f!important

}



.header .navbar-wrapper li a {

    font-family: 'Open Sans', sans-serif;

    font-size: 15px;

    color: rgba(255, 255, 255, .4);

    font-weight: 300;

    transition: all .3s ease-in-out;

    padding: 17px;

    display: block

}



.header .navbar-wrapper li a:hover {

    color: #e4861f

}



.header .close-btn {

    position: absolute;

    left: 30px;

    top: 85px;

    color: #616e77

}



.header .close-btn img {

    max-width: 70%

}



.header .close-btn i {

    font-size: 40px

}



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

    .header {

        padding: 4px 0;

        background: rgba(255, 255, 255, .9)

    }

    .header .nav-menu {

        right: -110%

    }

}



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

    .header .nav-menu {

        left: 100%

    }

}



.footer {

    background: #3d4348

}



.footer-fig a {

    color: #fff

}



.footer-fig:nth-of-type(2) {

    display: none

}



.footer .mobile-footer {

    float: left;

    width: 50%;

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px;

    text-align: center;

    color: #fff

}



@media (min-width:992px) {

    .footer .mobile-footer {

        float: left;

        width: 33.3333333333%

    }

}



.footer .mobile-footer .arrow {

    display: none

}



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

    .footer {

        background: 0 0;

        position: fixed;

        bottom: 0;

        left: 0;

        width: 100vw;

        transition: all .3s ease-in-out;

        color: rgba(255, 255, 255, .5);

        z-index: 99

    }

    .footer .mobile-footer:last-of-type {

        float: right

    }

    .footer-fig {

        position: relative;

        min-height: 1px;

        padding-left: 15px;

        padding-right: 15px

    }

    @media (min-width:992px) {

        .footer-fig {

            float: left;

            width: 33.3333333333%;

        }

    }

    .footer-fig:nth-of-type(2) {

        display: block;

    }

    .footer-fig:nth-of-type(odd) {

        padding: 15px 0;

        text-align: left;

        opacity: 1;

    }

    .footer-fig i {

        color: #3d4348

    }

    .footer-fig a {

        color: rgba(255, 255, 255, .5)

    }

    .footer-fig a,

    .footer-fig p {

        font-family: 'Open Sans', sans-serif;

        font-size: 13px;

        color: #3d4348;

        font-weight: 400

    }

    .footer-fig p {

        text-align: right

    }

    .footer-fig .arrow {

        width: 30px;

        height: 30px;

        display: block;

        position: relative;

        margin: 0 auto;

        border-radius: 50%;

        border: 1px solid #3d4348

    }

    .footer-fig .arrow:after,

    .footer-fig .arrow:before {

        position: absolute;

        content: '';

        width: 1px;

        height: 40px;

        left: 48%;

        border-right: 1px dotted #3d4348

    }

    .footer-fig .arrow:after {

        top: -41px

    }

    .footer-fig .arrow:before {

        bottom: -41px

    }

    .footer-fig .arrow i {

        font-size: 20px;

        position: absolute;

        top: 50%;

        width: 100%;

        text-align: center;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%)

    }

}



.home {

    height: 100vh;

    width: 100vw;

    /*padding: 27vh 0;*/

    /*background: #1f282e;*/

    background: url('../images/img/slider.jpg');

    z-index: 56;

    position: relative;

    background-size: 100%;

    transition: background-size 8s;

}



.trans {

    /*background-size: 105%;*/

    background-size: cover;

    background-position: center;

}



.home .wrapper-text {

    position: relative;

    /*margin: 12vh 0*/

}



.home .wrapper-text>div:nth-of-type(1) {

    position: relative;

    z-index: 2

}



.home .wrapper-text>div:nth-of-type(2) {

    position: absolute;

    top: 57px;

    left: 42px;

    z-index: 0

}



.home .wrapper-text>div:nth-of-type(3) {

    position: absolute;

    top: -145px;

    left: 17px

}



.home p {

    font-family: 'Open Sans', sans-serif;

    font-size: 12px;

    color: rgba(255, 255, 255, .3);

    font-weight: 400;

    width: 50%;

    margin-left: 32%;

    margin-top: 30vh

}



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

    .home .wrapper-text>div:nth-of-type(2) {

        top: 100%;

        left: 62%

    }

    .home .wrapper-text>div:nth-of-type(3) {

        top: 0

    }

}



.about {

    background: #fff;

    padding: 26vh 0

}



.about-fig {

    float: left;

    width: 100%;

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px;

    background: #fff;

    margin: 15vh 0

}



@media (min-width:992px) {

    .about-fig {

        float: left;

        width: 50%

    }

}



.about-fig img {

    max-width: 100%

}



.about-fig .main-fig {

    position: relative;

    text-align: center;

    width: 100%

}



.about-fig .inner-fig {

    position: absolute;

    height: auto;

    left: 52%;

    top: -30%;

    width: 50%

}



.about-figCaption {

    float: left;

    width: 100%;

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:992px) {

    .about-figCaption {

        float: left;

        width: 50%

    }

}



.about-figCaption h3 {

    color: #3d4348

}



.about-figCaption h5 {

    color: #3d4348;

    margin: 21px 0 17px

}



.about-figCaption p {

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #6b767f;

    font-weight: 400;

    margin-top: 40px

}



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

    .about {

        height: 100vh;

        width: 100vw;

        background: #fff;

        paddnig: 26vh 0

    }

    .about-figCaption {

        text-align: right

    }

    .about-figCaption h3 {

        line-height: 120px

    }

    .about-figCaption h3 span {

        display: block

    }

    .about-figCaption p {

        width: 70%;

        float: right

    }

    .about .inner-fig {

        left: 46%;

        width: 65%;

        top: -110px

    }

}



.service {

    /*background: #2c323e;*/
background: url(../images/img/team-bg.jpg);
}



.service-fig {

    float: left;

    width: 100%;

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px;

    transition: -webkit-transform .5s ease-in-out;

    transition: transform .5s ease-in-out;

    /*margin-top: 20vh*/

}



@media (min-width:992px) {

    .service-fig {

        float: left;

        width: 50%

    }

}



.service-mainfig {

    text-align: center;

    position: relative

}



.service-mainfig img {

    position: relative;

    z-index: 2;
    width: 62%;
    height: auto;
}

.fig9 img {
    width: 41%;
}

.service-inner {

    position: absolute

}



.service-figcaption {

    float: left;

    width: 100%;

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:992px) {

    .service-figcaption {

        float: left;

        width: 50%

    }

}



.service-figcaption h3 {

    color: #fff

}



.service-figcaption h5 {

    color: rgba(255, 255, 255, .5);

    margin: 21px 0 16px

}



.service-cnct {

    margin-top: 40px;

    display: block

}



.service-cnctfigcaption {

    position: relative;

    float: left;

    width: 75%;

    min-height: 1px;

    padding: 0

}



.service-cnctfigcaption p {

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #3d4348; /*color: rgba(255, 255, 255, .3);*/

    font-weight: 400;

    margin-top: 8px

}

.service-fig li {
    list-style: none;
    font-size: 14px;
	    margin-left: 10px;
    color: #3d4348;
}

.service-cnctfigcaption h6 {

    font-family: 'Open Sans', sans-serif;

    font-size: 20px;

    /*color: #fff;*/
    color: #3d4348;

    font-weight: 400

}



.service-cnctfig {

    position: relative;

    float: left;

    width: 25%;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



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

    .service {

        height: 100vh;

        width: 100vw

    }

    .service .fig1 {

        z-index: 0;

        top: 10px;

        left: 122px;

        transition: all .3s ease-in-out

    }

    section.section.work.fp-section.fp-table {

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

    }

    .fig9 {

        top: 99px;

        position: relative;

    }

    .service .fig2 {

        top: 9px;

        left: 144px;

        transition: all .5s ease-in-out

    }

    .service .fig2 img {

        z-index: 0

    }

    .service .fig3 {

        left: 176px;

        bottom: 16px;

        transition: all .7s ease-in-out

    }

    .service .fig3 img {

        z-index: 0

    }

    .service .fig4 {

        left: 165px;

        bottom: 16px;

        transition: all .8s ease-in-out

    }

    .service .fig4 img {

        z-index: 0

    }

    .service .fig5 {

        top: 9px;

        right: 168px;

        transition: all .3s ease-in-out

    }

    .service .fig5 img {

        z-index: 3

    }

    .service-figcaption {

        text-align: right

    }

    .service-cnct {

        width: 65%;

        float: right;

        margin-top: 40px

    }

}



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

    .service .fig1 {

        top: -74px;

        left: 12%

    }

    .service .fig1 img {

        z-index: 0

    }

    .service .fig2 {

        top: 31%;

        left: 10%

    }

    .service .fig3 {

        left: 20%

    }

    .service .fig4 {

        left: 50%

    }

    .service .fig5 {

        right: 13%;

        top: 39%

    }

    .service .mainService {

        /*padding: 10vh 0*/

    }

}



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

    .service .fig1 {

        left: 5%

    }

    .service .fig2 {

        left: -30px

    }

    .service .fig3 {

        left: 11%

    }

    .service .fig5 {

        right: 0

    }

}



.work-fig {

    float: left;

    width: 100%;

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px;

}



h5.team-title {

    font-size: 14px;

    padding: 15px;

    color: #303032;

}



h4.team-name {

    font-size: 19px;

    padding: 20px 0 0 0;

    color: #303032;

}



@media (min-width:992px) {

    .work-fig {

        float: left;

        width: 58.3333333333%

    }

}



.work-fig1 {

    padding: 0;

    width: 40%;

    float: left

}



.work-fig2 {

    padding: 0 15px;

    width: 60%;

    float: left

}



.work-figcaption {

    float: left;

    width: 100%;

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:992px) {

    .work-figcaption {

        float: left;

        width: 41.6666666667%

    }

}



.work-figcaption h5 {

    margin: 40px 0

}



.work-figcaption p {

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #3d4348;

    font-weight: 400;

    margin-bottom: 50px

}



.work .item {

    margin-bottom: 30px

}



.work .item img {

    max-width: 100%

}



.work .item11,

.work .item12 {

    float: left;

    width: 50%

}



.work .item11,

.work .item12,

.work .item2 {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px;

    margin-bottom: 30px

}



@media (min-width:992px) {

    .work .item2 {

        float: left;

        width: 100%

    }

}



.work .item3 {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:992px) {

    .work .item3 {

        float: left;

        width: 83.3333333333%

    }

}



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

    .work {

        height: 100vh;

        width: 100vw

    }

    .work-fig1 {

        padding: 0;

        width: 40%;

        float: left

    }

    .work-fig1 img {

        width: 100%

    }

    .work-fig2 {

        padding: 0 15px;

        width: 60%;

        float: left

    }

    .work-figcaption {

        text-align: right

    }

    .work-figcaption p {

        width: 80%;

        float: right

    }

    .work-figcaption h3 {

        line-height: 82px;

		font-size:50px;

    }

    .work-figcaption h3 span {

        display: block

    }

}





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

    .work-fig2 {

        width: 100%

    }

    .work-fig1 {

        width: 100%;

        text-align: center

    }

}

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

.grid-item {

width:90%!important;

height:auto;

}
.gridnew-item {
padding: 10px;
width:90%!important;

height:auto;

}



}



.team {

    background: #1a6a7b

}



.team-fig {

    float: left;

    width: 100%;

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px;

    overflow: hidden

}



@media (min-width:992px) {

    .team-fig {

        float: left;

        width: 58.3333333333%

    }

}



.team-fig img {

    max-width: 100%;

    transition: all .3s ease-in-out

}



.team-figs {

    position: relative;

    float: left;

    width: 50%;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



.team-figs>div:nth-of-type(even) {

    margin-top: 30px

}



.team-figs:nth-of-type(odd)>div {

    border: 15px solid #ddd;

    background-position: 50% 50%;

    overflow: hidden

}



.team-figs:nth-of-type(odd)>div:nth-of-type(odd) .image-holder {

    background: url('../images/team/team1.jpg') no-repeat;

    height: 33vh;

    background-size: cover;

    background-position: 50% 50%;

    transition: all .3s ease-in-out

}



.team-figs:nth-of-type(odd)>div:nth-of-type(even) .image-holder {

    background: url('../images/team/team3.jpg') no-repeat;

    height: 22vh;

    background-size: cover;

    background-position: 50% 50%;

    transition: all .3s ease-in-out

}



.team-figs:nth-of-type(even)>div {

    border: 15px solid #ddd;

    overflow: hidden

}



.team-figs:nth-of-type(even)>div:nth-of-type(odd) .image-holder {

    height: 22vh;

    background: url('../images/team/team2.jpg');

    background-size: cover;

    background-position: 50% 50%;

    transition: all .3s ease-in-out

}



.team-figs:nth-of-type(even)>div:nth-of-type(even) .image-holder {

    height: 33vh;

    background: url('../images/team/team4.jpg');

    background-size: cover;

    background-position: 50% 50%;

    transition: all .3s ease-in-out

}



.team-figcaption {

    float: left;

    width: 100%;

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:992px) {

    .team-figcaption {

        float: left;

        width: 41.6666666667%

    }

}



.team-figcaption h3 {

    color: #fff

}



.team-figcaption h5 {

    margin: 40px 0 0;

    color: rgba(255, 255, 255, .5)

}



.team-figcaption p {

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: rgba(255, 255, 255, .6);

    font-weight: 400;

    margin: 40px 0

}



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

    .team-figs {

        width: 100%;

        margin: 7px 0

    }

    .team-figs>div:nth-of-type(even) {

        margin-top: 15px

    }

}



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

    .team {

        height: 100vh;

        width: 100vw

    }

    .team-dtl:hover .team-fig img {

        -webkit-transform: translate3d(0, 0, 0)scale(1.1);

        transform: translate3d(0, 0, 0)scale(1.1)

    }

    .team-figcaption {

        text-align: right

    }

    .team-figcaption h3 {

        line-height: 120px

    }

    .team-figcaption h3 span {

        display: block

    }

    .team-figs:nth-of-type(odd)>div:nth-of-type(odd) .image-holder:hover,

    .team-figs:nth-of-type(odd)>div:nth-of-type(even) .image-holder:hover,

    .team-figs:nth-of-type(even)>div:nth-of-type(odd) .image-holder:hover,

    .team-figs:nth-of-type(even)>div:nth-of-type(even) .image-holder:hover {

        -webkit-transform: scale(1.1)rotate(1deg);

        -ms-transform: scale(1.1)rotate(1deg);

        transform: scale(1.1)rotate(1deg)

    }

}



.jointeam {

    padding: 20vh 0;

    width: 100%!important

}



.jointeam-fig {

    float: left;

    width: 100%;

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px;

    text-align: center

}



@media (min-width:992px) {

    .jointeam-fig {

        float: left;

        width: 58.3333333333%

    }

}



.jointeam #swingJacket {

    margin-top: 30px

}



.jointeam-figcaption {

    float: left;

    width: 100%;

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:992px) {

    .jointeam-figcaption {

        float: left;

        width: 41.6666666667%

    }

}



.jointeam-figcaption h3 {

    line-height: 120px

}



.jointeam-figcaption h5 {

    margin: 30px 0 0

}



.jointeam-figcaption p {

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #3d4348;

    font-weight: 400;

    margin: 30px 0

}



.jointeam .form-group {

    position: relative;

    float: left;

    width: 50%;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



.jointeam .form-group:nth-of-type(2) {

    padding-right: 0

}



.jointeam .form-group .form-control::-webkit-input-placeholder {

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #3d4348;

    font-weight: 400;

    border-radius: 0

}



.jointeam .form-group1 {

    float: right

}



.jointeam .fileUpload {

    position: relative;

    overflow: hidden;

    margin: 10px;

    padding: 4px 0;

    float: left

}



.jointeam .fileUpload span {

    font-family: 'Open Sans', sans-serif;

    font-size: 15px;

    color: #959ba0;

    font-weight: 400;

    margin-left: 7px

}



.jointeam .btns {

    height: 40px;

    width: 170px;

    background: #fff;

    text-align: center;

    color: #959ba0;

    border-right: 1px solid #3d4348

}



.jointeam .fileUpload input.upload {

    position: absolute;

    top: 0;

    right: 0;

    margin: 0;

    padding: 0;

    font-size: 20px;

    cursor: pointer;

    opacity: 0;

    filter: alpha(opacity=0)

}



.jointeam button {

    margin: 10px 0 10px 15px;

    border-radius: 0;

    height: 40px;

    padding: 10px 0

}



.jointeam button:focus {

    box-shadow: 0 0 0 0;

    color: #fff

}



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

    .jointeam {

        width: 100vw;

        height: 100vh

    }

    .jointeam .animated {

        -webkit-animation-duration: 4s;

        animation-duration: 4s

    }

    .jointeam #swingJacket {

        position: absolute;

        top: 10vh;

        left: 10vh;

        -webkit-animation-iteration-count: infinite;

        animation-iteration-count: infinite;

        -webkit-animation-timing-function: linear;

        animation-timing-function: linear

    }

    .jointeam-figcaption {

        text-align: right

    }

}



.blog .figure {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px;

    margin-top: 30px

}



@media (min-width:992px) {

    .blog .figure {

        float: left;

        width: 66.6666666667%

    }

}



.blog .item {

    margin-bottom: 30px;

    overflow: hidden;

    display: block

}



.blog .item .blog-containers {

    overflow: hidden;

    transition: all .3s ease-in-out;

    width: 100%

}



.blog .item:nth-of-type(odd) .blog-fig {

    float: left

}



.blog .item:nth-of-type(odd) .blog-figc {

    float: right

}



.blog .item:nth-of-type(even) .blog-figc {

    float: left

}



.blog .item:nth-of-type(even) .blog-fig {

    float: right

}



.blog .item:nth-of-type(1) .blog-containers {

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

    background-position: 50% 50%;

    background-size: cover

}



.blog .item:nth-of-type(2) .blog-containers {

    background: url('../images/blog/blog2.jpg');

    background-position: 50% 50%;

    background-size: cover

}



.blog .item:nth-of-type(3) .blog-containers {

    background: url('../images/blog/blogd2.jpg');

    background-position: 50% 50%;

    background-size: cover

}



.blog .item:nth-of-type(4) .blog-containers {

    background: url('../images/blog/blogd3.jpg');

    background-position: 50% 50%;

    background-size: cover

}



.blog-fig {

    width: 41.6666666667%;

    overflow: hidden;

    padding: 0

}



.blog-fig,

.blog-figc {

    position: relative;

    float: left;

    min-height: 1px

}



.blog-figc {

    width: 58.3333333333%;

    background: #484848;

    padding: 20px

}



.blog-figc h6 {

    font-size: 20px;

    color: rgba(255, 255, 255, .8)

}



.blog-figc h6,

.blog-figc p {

    font-family: 'Open Sans', sans-serif;

    font-weight: 400

}



.blog-figc p {

    font-size: 13px;

    color: rgba(255, 255, 255, .3);

    margin-top: 7px

}



.blog-figc p:nth-of-type(1) {

    font-style: italic

}



.blog-figc h5 {

    color: #fff;

    margin: 30px 0

}



.blog-home {

    background: #ca4c4c

}



.blog-home .figcaption {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:992px) {

    .blog-home .figcaption {

        float: left;

        width: 33.3333333333%

    }

}



.blog-home .figcaption h3 {

    color: #fff

}



.blog-home .figcaption h5 {

    color: #fff;

    margin: 60px 0 90px

}



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

    .blog-home {

        height: 100vh;

        width: 100vw

    }

    .blog .item:hover .blog-containers {

        -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

        transform: scale(1.1)

    }

    .blog .figcaption {

        text-align: right

    }

    .blog .figcaption h3 {

        line-height: 120px

    }

}



.contact {

    width: 100%;

    padding: 25vh 0 0

}



.contact-fig {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:992px) {

    .contact-fig {

        float: left;

        width: 50%

    }

}



.contact-fig a {

    float: right;

    margin-top: 10px

}



.contact .workus {

    margin: 20px 0;

    padding: 25px;

    display: inline-block;

    background: #e4861f;

    text-align: left

}



.contact .workus p {

    float: none;

    color: rgba(255, 255, 255, .6)

}



.contact .workus h4 {

    font-family: 'Lato', sans-serif;

    font-size: 24px;

    color: rgba(255, 255, 255, .6);

    font-weight: 300

}



.contact .workus-info {

    position: relative;

    float: left;

    width: 75%;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



.contact .workus-img {

    width: 25%

}



.contact .workus-img,

.contact-figc {

    float: left;

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



.contact-figc {

    width: 100%

}



@media (min-width:992px) {

    .contact-figc {

        float: left;

        width: 50%

    }

}



.contact-figc h5 {

    margin: 40px 0 30px

}



.contact-figc p {

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #959ba0;

    font-weight: 400

}



.contact .map-wrap {

    height: 369px

}



.contact .form-group {

    position: relative;

    float: left;

    width: 50%;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px;

    margin-bottom: 0

}



.contact .form-group:nth-of-type(1) {

    padding-left: 0

}



.contact .form-group:nth-of-type(2) {

    padding-right: 0

}



.contact .form-group1 {

    float: left;

    width: 100%

}



.contact .form-group1 textarea {

    width: 100%;

    resize: none

}



.client-h1 {

    color: #fff;

    padding-bottom: 28px;

}



section#product-mains {

    background: #28acb1;

}



.contact button {

    float: left;

}



section#contact-mains {

    /*background: url('../images/img/contact-bg.png');*/
background: url(../images/img/team-bg.jpg);
    background-size: cover;

}



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

    .contact {

        width: 100vw;

        height: 100vh

    }

    .contact-figc {

        text-align: right

    }

    .contact-figc h3 {

        line-height: 120px

    }

    .contact-figc h3 span {

        display: block

    }

    .contact-figc p {

        width: 85%;

        float: right

    }

}



@-webkit-keyframes custswing {

    0% {

        -webkit-transform: rotate(0deg) translateX(10px) rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg) translateX(10px) rotate(-360deg);

    }

}



@keyframes custswing {

    0% {

        transform: rotate(0deg) translateX(10px) rotate(0deg);

    }

    100% {

        transform: rotate(360deg) translateX(10px) rotate(-360deg);

    }

}



.custswing {

    animation-iteration-count: 1000;

    -webkit-transform-origin: top center;

    -ms-transform-origin: top center;

    transform-origin: top center;

    -webkit-animation-name: custswing;

    animation-name: custswing

}



.servicepage {

    padding: 80px 0 100px

}



.servicepage .logo-wrap {

    width: 25%

}



.servicepage .logo-wrap,

.servicepage .navbar {

    position: relative;

    float: left;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



.servicepage .navbar {

    width: 75%

}



.servicepage .close-menu {

    display: none

}



.servicepage .close-menu img {

    -webkit-transform: scale(.6);

    -ms-transform: scale(.6);

    transform: scale(.6)

}



.servicepage .nav {

    float: right

}



.servicepage .nav li a {

    font-family: 'Open Sans', sans-serif;

    font-size: 13px;

    color: #3d4348;

    font-weight: 600;

    overflow: hidden;

    padding: 0 15px;

    text-transform: uppercase

}



.servicepage .nav li a.active {

    color: #e4861f

}



.servicepage .nav li a:hover,

.servicepage .nav li a:focus {

    background: 0 0

}



.servicepage .nav li a:hover span,

.servicepage .nav li a:focus span {

    -webkit-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    transform: translateY(-100%)

}



.servicepage .nav li a span {

    position: relative;

    display: inline-block;

    transition: -webkit-transform .3s;

    transition: transform .3s

}



.servicepage .nav li a span:before {

    position: absolute;

    top: 100%;

    color: #e4861f;

    text-transform: uppercase;

    content: attr(data-hover);

    font-weight: 700;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



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

    .servicepage .nav li:hover>.submenu {

        max-height: 500px;

        visibility: visible;

        opacity: 1

    }

}



.servicepage .nav .submenu {

    list-style-type: none;

    position: relative;

    display: block;

    background: #e4861f;

    top: 100%;

    height: auto;

    max-height: 0;

    white-space: nowrap;

    transition: max-height .5s ease, visibility .5s ease, max-height .5s ease;

    visibility: hidden;

    text-align: left;

    z-index: 2;

    left: 0;

    opacity: 0

}



.servicepage .nav .submenu .submenu {

    padding: 0;

    left: 0;

    top: 100%;

    background: #c37117

}



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

    .servicepage .nav .submenu {

        position: absolute

    }

}



.servicepage .nav .submenu li {

    width: 100%;

    position: relative;

    padding: 5px 0;

    text-align: left

}



.servicepage .nav .submenu li a {

    margin-left: 0;

    width: 100px;

    overflow: hidden;

    letter-spacing: 1px;

    transition: margin .5s ease, letter-spacing .5s ease;

    color: #fff;

    padding-top: 0;

    padding-bottom: 0

}



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

    .servicepage .nav .submenu li {

        padding: 5px 10px

    }

    .servicepage .nav .submenu li:hover {

        background: #d07919

    }

    .servicepage .nav .submenu li:hover>a {

        margin-left: 5px

    }

}



.servicepage .nav .addSubMenu {

    max-height: 500px;

    opacity: 1;

    visibility: visible

}



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

    .servicepage .wrapper-body {

        overflow: hidden

    }

    .servicepage .overlay {

        left: 100%;

        transition: left .5s ease-in-out;

        height: 100%;

        top: 0;

        right: 0;

        position: fixed;

        background: rgba(0, 0, 0, .5);

        z-index: 10

    }

    .servicepage .overlay-open {

        left: 0

    }

    .servicepage .navbar-toggle {

        display: block;

        background: #e4861f;

        border: #e4861f;

        margin: 0

    }

    .servicepage .nav-wrapper {

        display: inline-block;

        float: right

    }

    .servicepage .icon-bar {

        background: #fff

    }

    .servicepage .navbar-nav {

        margin: 0;

        float: right;

        right: 0;

        top: 50%;

        position: absolute;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

        width: 100%

    }

    .servicepage .navbar-nav li {

        float: none;

        padding: 15px 0

    }

    .servicepage .nav-menu {

        position: fixed;

        top: 0;

        bottom: 0;

        left: 100%;

        width: 50%;

        background: #fff;

        z-index: 999;

        transition: all .5s ease-in-out;

        height: 100%!important;

        text-align: center

    }

    .servicepage .open-mobile-menu {

        left: 50%;

        overflow: scroll

    }

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

        .servicepage .open-mobile-menu {

            left: 10%

        }

        .servicepage .nav-menu {

            width: 90%

        }

    }

    .servicepage .close-menu {

        display: block;

        position: absolute;

        top: 5vh;

        right: 2vh

    }

}



.body-wrap h4 {

    font-family: 'Open Sans', sans-serif;

    font-size: 80px;

    color: #3d4348;

    font-weight: 400

}



.body-wrap p {

    margin: 30px 0

}



.body-wrap .figure-holder {

    padding: 100px 0

}



.body-wrap .fig-h1 {

    float: left;

    width: 100%;

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px;

    transition: all .5s ease-in-out

}



@media (min-width:992px) {

    .body-wrap .fig-h1 {

        float: left;

        width: 50%

    }

}



.body-wrap .fig-h1 p {

    margin: 30px 0

}



.body-wrap .fig-h1>div:nth-of-type(odd) {

    position: relative;

    float: left;

    width: 33.3333333333%;

    min-height: 1px;

    padding: 0

}



.body-wrap .fig-h1>div:nth-of-type(odd)>div {

    width: 150px;

    height: 150px;

    border-radius: 50%;

    position: relative;

    margin: 0 auto

}



.body-wrap .fig-h1>div:nth-of-type(odd)>div img {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.body-wrap .fig-h1>div:nth-of-type(even) {

    position: relative;

    float: left;

    width: 66.6666666667%;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



.body-wrap .branding {

    background: #47a0ae

}



.body-wrap .marketing {

    background: #ea4848

}



.body-wrap .move {

    transition: all 1s ease-in-out;

    height: 100%

}



.body-wrap .design {

    background: #ecc82e

}



.body-wrap .coding {

    background: #49bb95;

    transition: all .5s ease

}



.body-wrap .contact-service {

    padding: 0 0 100px

}



.body-wrap .contact-service p.topcntc {

    width: 41%

}



.body-wrap .wrap-contact-form {

    padding: 100px 0

}



.body-wrap .contact-form {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:992px) {

    .body-wrap .contact-form {

        float: left;

        width: 41.6666666667%

    }

}



.body-wrap .contact-img {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:992px) {

    .body-wrap .contact-img {

        float: left;

        width: 58.3333333333%

    }

}



.body-wrap .contact-img {

    text-align: center

}



.body-wrap .main-contact {

    position: relative

}



.body-wrap .main-contact img {

    z-index: 2;

    position: relative

}



.body-wrap .inner-contact1 {

    position: absolute;

    top: 22%

}



.body-wrap .inner-contact2 {

    position: absolute;

    top: 0;

    right: 5%

}



.body-wrap .inner-contact2 img {

    z-index: 0

}



.body-wrap .queries {

    float: left;

    width: 66.6666666667%;

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:768px) {

    .body-wrap .queries {

        float: left;

        width: 66.6666666667%

    }

}



.body-wrap .queries h5 {

    font-size: 18px

}



.body-wrap .cont-dtl {

    float: left;

    width: 33.3333333333%;

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:768px) {

    .body-wrap .cont-dtl {

        float: left;

        width: 33.3333333333%

    }

}



.body-wrap button {

    float: right

}



.body-wrap .product {

    padding-bottom: 100px

}



.body-wrap .product-holder {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px;

    margin-top: 30px

}



@media (min-width:992px) {

    .body-wrap .product-holder {

        float: left;

        width: 50%

    }

}



.body-wrap .product-holder:first-of-type {

    background-color: #fbb716;

    height: 600px;

    text-align: center

}



.body-wrap .product-fig {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 100%;

    transition: all .5s ease-in-out

}



.body-wrap .product-fig img {

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    transition: -webkit-transform 2s ease;

    transition: transform 2s ease

}



.body-wrap .product-fig img.scaleImg {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



.body-wrap .product-container {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:768px) {

    .body-wrap .product-container {

        float: left;

        width: 50%

    }

}



@media (min-width:992px) {

    .body-wrap .product-container {

        float: left;

        width: 33.3333333333%

    }

}



.body-wrap .product-dtl {

    display: block;

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

    transition: all .3s ease-in-out

}



.body-wrap .product-wrap {

    padding: 100px 0

}



.body-wrap .product-img {

    overflow: hidden;

    width: 100%

}



.body-wrap .product-img img {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    transition: all .5s ease-in-out

}



.body-wrap .product-info {

    background: rgba(225, 121, 7, .5);

    text-align: center;

    width: 100%;

    padding: 30px

}



.body-wrap .product-info h5,

.body-wrap .product-info p {

    color: #fff

}



.body-wrap .team-wrap {

    padding: 100px 0

}



.body-wrap .team-container {

    float: left;

    width: 100%;

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:992px) {

    .body-wrap .team-container {

        float: left;

        width: 33.3333333333%

    }

}



.body-wrap .team-fig {

    padding: 0

}



.body-wrap .team-fig,

.body-wrap .team-info {

    position: relative;

    float: left;

    width: 100%;

    min-height: 1px

}



.body-wrap .team-info {

    padding: 30px 0

}



.body-wrap .team-info .btn-greyline {

    width: 137px;

    height: 34px;

    vertical-align: middle;

    padding: 6px 12px

}



.body-wrap .team-social {

    margin: 30px 0

}



.body-wrap .team-social a.icon {

    width: 30px;

    height: 30px;

    border: 1px solid #3d4348;

    display: inline-block;

    border-radius: 50%;

    position: relative;

    color: #3d4348;

    margin-right: 5px;

    transition: all .3s ease-in-out

}



.body-wrap .team-social a.icon i {

    position: absolute;

    top: 50%;

    left: 50%;

    font-size: 18px;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.body-wrap .team-social a.icon:hover:nth-of-type(1) {

    color: #EA4C89;

    border-color: #EA4C89

}



.body-wrap .team-social a.icon:hover:nth-of-type(2) {

    color: #2E4DA7;

    border-color: #2E4DA7

}



.body-wrap .team-social a.icon:hover:nth-of-type(3) {

    color: #00ACED;

    border-color: #00ACED

}



.body-wrap .team-social a.icon:hover:nth-of-type(4) {

    color: #CF3427;

    border-color: #CF3427

}



.body-wrap .blog-wrap {

    padding: 100px 0

}



.body-wrap .blog-wrap span {

    font-family: 'Open Sans', sans-serif;

    font-size: 12px;

    color: #959ba0;

    font-weight: 400;

    font-style: italic

}



.body-wrap .blog-banner {

    margin-bottom: 20px

}



.body-wrap .blog-banner img {

    width: 100%

}



.body-wrap .blog-img {

    margin-bottom: 100px;

    position: relative

}



.body-wrap .blog-imginfo {

    position: absolute;

    bottom: -60px;

    left: 30px;

    background: #e4861f;

    width: 120px;

    height: 120px

}



.body-wrap .blog-imginfo>div {

    position: relative;

    height: 100%

}



.body-wrap .blog-imginfo span {

    display: block;

    text-align: center;

    font-style: normal

}



.body-wrap .blog-imginfo span:nth-of-type(1) {

    font-family: 'Open Sans', sans-serif;

    font-size: 65px;

    color: #fff;

    font-weight: 400;

    line-height: 65px

}



.body-wrap .blog-imginfo span:nth-of-type(2) {

    font-family: 'Open Sans', sans-serif;

    font-size: 13px;

    color: #fff;

    font-weight: 400;

    line-height: 37px

}



.body-wrap .blog-container {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:992px) {

    .body-wrap .blog-container {

        float: left;

        width: 75%

    }

}



.body-wrap .blog-titleBar {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:992px) {

    .body-wrap .blog-titleBar {

        float: left;

        width: 25%

    }

}



.body-wrap .blog-contact {

    border: 1px solid #959ba0;

    padding: 40px;

    margin: 80px 0

}



.body-wrap .blog-contact ul {

    list-style-type: none;

    margin: 30px 0

}



.body-wrap .blog-contact ul li {

    display: inline-block

}



.body-wrap .blog-contact ul li a {

    padding: 10px;

    font-family: 'Open Sans', sans-serif;

    font-size: 15px;

    color: #959ba0;

    font-weight: 600

}



.body-wrap .blog-contact .form-group {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:768px) {

    .body-wrap .blog-contact .form-group {

        float: left;

        width: 50%

    }

}



.body-wrap .blog-contact .form-group:nth-of-type(3) {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:768px) {

    .body-wrap .blog-contact .form-group:nth-of-type(3) {

        float: left;

        width: 100%

    }

}



.body-wrap .blog-titlebarWrap {

    border: 1px solid #ccc;

    padding: 30px;

    margin-bottom: 20px

}



.body-wrap .blog-titlebarWrap h6 {

    font-family: 'Open Sans', sans-serif;

    font-size: 20px;

    color: #3d4348;

    font-weight: 400

}



.body-wrap .blog-titlebarWrap .post-dtl h6 {

    padding-bottom: 20px;

    border-bottom: 1px solid #ccc;

    text-transform: uppercase

}



.body-wrap .blog-holder {

    margin: 40px 0;

    position: relative;

    float: left;

    width: 100%;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



.body-wrap .blog-holder h6 {

    margin: 20px 0;

    font-family: 'Open Sans', sans-serif;

    font-size: 20px;

    color: #3d4348;

    font-weight: 400

}



.body-wrap .blog-holder p {

    margin: 0;

    color: #959ba0

}



.body-wrap .blog-gallery {

    margin: 20px 0

}



.body-wrap .blog-gallery a {

    position: relative;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 0;

    margin-bottom: 15px;

    display: inline-block

}



@media (min-width:992px) {

    .body-wrap .blog-gallery a {

        float: left;

        width: 50%

    }

}



.body-wrap .blog-catagories {

    margin: 20px 0

}



.body-wrap .blog-catagories a {

    display: block

}



.body-wrap .body-catagories {

    margin: 20px 0

}



.body-wrap .body-catagories h4 {

    font-family: 'Open Sans', sans-serif;

    font-size: 13px;

    color: #3d4348;

    font-weight: 600

}



.body-wrap .body-catagories a {

    font-family: 'Open Sans', sans-serif;

    font-size: 13px;

    color: #3d4348;

    font-weight: 400

}



.body-wrap .body-catagories a:focus,

.body-wrap .body-catagories a:hover {

    color: #ca4c4c;

    text-decoration: none

}



.body-wrap .body-catagories a:focus i,

.body-wrap .body-catagories a:hover i {

    border-color: #ca4c4c

}



.body-wrap .body-catagories .panel-heading {

    background: 0 0

}



.body-wrap .body-catagories .panel-default {

    border: 0

}



.body-wrap .body-catagories ul.inner-list-items {

    padding-left: 57px;

    list-style-type: none

}



.body-wrap .body-catagories ul.inner-list-items li {

    padding: 5px 0

}



.body-wrap .body-catagories i {

    margin-right: 10px;

    border: 1px solid #3d4348;

    border-radius: 50%;

    width: 25px;

    height: 25px;

    text-align: center;

    padding: 5px 0;

    display: none;

    font-size: inherit

}



.body-wrap .body-catagories .collapsed .fa-plus {

    display: inline-block

}



.body-wrap .body-catagories .collapsed .fa-minus {

    display: none

}



.body-wrap .body-catagories .fa-minus {

    display: inline-block

}



.body-wrap .Testimonials,

.body-wrap .test-wrap {

    margin: 20px 0

}



.body-wrap .testImg {

    width: 35%;

    float: left;

    position: relative

}



.body-wrap .testImg:after {

    position: absolute;

    content: "\f10d";

    font-size: 40px;

    font-family: FontAwesome;

    top: 0;

    right: -55px;

    color: #ccc

}



.body-wrap .testinfo {

    width: 100%;

    float: left

}



.body-wrap .testinfo p {

    margin: 10px 0;

    color: #3d4348

}



.body-wrap .testinfo span {

    font-family: 'Lato', sans-serif;

    font-size: 12px;

    color: #ca4c4c;

    font-weight: 400;

    font-style: italic;

    float: right

}



.body-wrap .comment-wrap {

    margin: 40px 0

}



.body-wrap .comment-wrap .layer:last-of-type {

    border-bottom: 1px solid #ccc

}



.body-wrap .comment-wrap .layer2 {

    padding: 40px 0 40px 50px

}



.body-wrap .comment-img {

    position: relative;

    min-height: 1px;

    padding: 0

}



@media (min-width:992px) {

    .body-wrap .comment-img {

        float: left;

        width: 8.3333333333%

    }

}



.body-wrap .comment-infoWrap {

    position: relative;

    min-height: 1px;

    padding: 0

}



@media (min-width:992px) {

    .body-wrap .comment-infoWrap {

        float: left;

        width: 91.6666666667%

    }

}



.body-wrap .comment-info {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:992px) {

    .body-wrap .comment-info {

        float: left;

        width: 75%

    }

}



.body-wrap .comment-info h6 {

    font-family: 'Open Sans', sans-serif;

    font-size: 15px;

    color: #3d4348;

    font-weight: 400;

    text-transform: capitalize

}



.body-wrap .comment-info p:nth-of-type(1) {

    margin: 10px 0;

    color: #3d4348

}



.body-wrap .comment-info p:nth-of-type(2) {

    color: #e4861f

}



.body-wrap .comment-reply {

    position: relative;

    min-height: 1px;

    float: right!important;

    padding: 0;

    text-align: right

}



@media (min-width:992px) {

    .body-wrap .comment-reply {

        float: left;

        width: 25%

    }

}



.body-wrap .comment-reply .like {

    border-radius: 10px;

    border: 1px solid #ccc;

    padding: 15px 10px;

    display: inline-block;

    margin: 10px 5px;

    color: #3d4348

}



.body-wrap .comment-reply .like i {

    font-size: 22px;

    vertical-align: sub;

    color: #e4861f

}



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

    .body-wrap .blog-holder,

    .body-wrap .team-container {

        width: 50%;

        float: left

    }

}



@media screen and (min-width:480px) and (max-width:992px) {

    .product-container {

        width: 50%;

        float: left

    }

    .product-img,

    .product-info {

        width: 100%

    }

    .product-info h5,

    .product-info p {

        color: #fff

    }

}



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

    .body-wrap .product-info {

        background: #e4861f;

        text-align: left;

        padding: 15px

    }

    .body-wrap .product-info p,

    .body-wrap .product-info h5 {

        padding: 0

    }

    .body-wrap .product-wrap {

        margin: 0

    }

}



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

    .body-wrap .product .product-holder:first-of-type {

        width: 35%;

        float: left;

        margin-right: 5%;

        height: 470px

    }

    .body-wrap .product .product-holder:last-of-type {

        width: 60%;

        float: left

    }

}



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

    .body-wrap p.topcntc {

        width: 40vw

    }

    .body-wrap .team-container {

        width: 33.33%;

        float: left

    }

}



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

    .product-info {

        position: absolute;

        background: rgba(225, 121, 7, .5);

        top: 0;

        bottom: 0;

        right: 0;

        left: 0;

        width: 100%;

        text-align: center;

        visibility: hidden;

        transition: all .3s ease-in-out;

        -webkit-transform: translateX(-100%);

        -ms-transform: translateX(-100%);

        transform: translateX(-100%);

        opacity: 0;

        -webkit-backface-visibility: hidden;

        backface-visibility: hidden;

        padding: 79px 28px 40px

    }

}



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

    .body-wrap .fig-h1 {

        padding: 0

    }

    .body-wrap .contact-form {

        padding-left: 0

    }

    .body-wrap .contact-img {

        padding-right: 0

    }

    .body-wrap .queries {

        padding-left: 0

    }

    .body-wrap .product-details {

        padding-left: 5vw

    }

    .body-wrap .product-dtl:hover img {

        -webkit-transform: scale(1.2);

        -ms-transform: scale(1.2);

        transform: scale(1.2)

    }

    .body-wrap .product-dtl:hover .product-info {

        visibility: visible;

        opacity: 1;

        -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

        transform: translateX(0)

    }

    .body-wrap .blog-holder {

        width: 100%;

        float: left

    }

    .body-wrap contact-img {

        text-align: center

    }

    .body-wrap .main-contact {

        position: relative

    }

    .body-wrap .main-contact img {

        z-index: 2;

        position: relative

    }

    .body-wrap .inner-contact1 {

        position: absolute;

        top: 22%

    }

    .body-wrap .inner-contact2 {

        position: absolute;

        top: 0;

        right: 0

    }

    .body-wrap .inner-contact2 img {

        z-index: 0

    }

}



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

    .body-wrap .fig-h1 {

        width: 100%

    }

    .body-wrap .fig-h1>div:nth-of-type(odd),

    .body-wrap .fig-h1>div:nth-of-type(even) {

        width: 100%

    }

    .body-wrap .fig-h1>div:nth-of-type(odd)>div,

    .body-wrap .fig-h1>div:nth-of-type(even)>div {

        margin: 0 auto

    }

    .body-wrap .cont-dtl {

        width: 100%

    }

    .body-wrap .queries {

        width: 100%;

        text-align: center

    }

    .body-wrap .queries h5 {

        width: 100%

    }

    .body-wrap .cont-dtl {

        text-align: center;

        margin: 10px 0

    }

    .body-wrap .cont-dtl button {

        float: none

    }

}



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

    .body-wrap p {

        width: 100%

    }

}



footer {

    padding: 80px 0;

    background: #eaedf0

}



footer i.fa-copyright {

    color: #959ba0

}



footer .footer-headline {

    width: 35%;

    margin: 0 auto

}



footer .fig {

    float: left;

    width: 25%;

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:992px) {

    footer .fig {

        float: left;

        width: 16.6666666667%

    }

}



footer .fig a {

    display: block

}



footer .fig:last-of-type {

    text-align: right

}



footer .fig:last-of-type ul {

    float: right;

    list-style-type: none;

    color: #3d4348

}



footer .fig:last-of-type ul a {

    font-family: 'Open Sans', sans-serif;

    font-size: 11px;

    color: #3d4348;

    font-weight: 400;

    padding: 5px 0;

    text-transform: uppercase;

    text-align: right;

    transition: all .3s ease-in-out

}



footer .fig:last-of-type ul a:hover {

    color: #e4861f

}



footer .content {

    float: left;

    width: 50%;

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px;

    text-align: center

}



@media (min-width:992px) {

    footer .content {

        float: left;

        width: 66.6666666667%

    }

}



footer .content h4 {

    float: right;

    font-family: 'Open Sans', sans-serif;

    font-size: 63px;

    color: #3d4348;

    font-weight: 700

}



footer .content h4:nth-of-type(2)::first-letter {

    color: #e4861f

}



footer .content p {

    margin: 40px auto;

    width: 35%;

    text-align: right

}



footer .social a {

    position: relative;

    display: inline-block;

    height: 35px;

    width: 35px;

    border: 1px solid #ddd;

    margin-left: 5px;

    border-radius: 50%

}



footer .social a i {

    position: absolute;

    top: 50%;

    font-size: 22px;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



footer .social a:nth-of-type(1) {

    color: #EA4C89;

    border-color: #EA4C89

}



footer .social a:nth-of-type(2) {

    color: #2E4DA7;

    border-color: #2E4DA7

}



footer .social a:nth-of-type(3) {

    color: #00ACED;

    border-color: #00ACED

}



footer .social a:nth-of-type(4) {

    color: #CF3427;

    border-color: #CF3427

}



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

    footer .footer-headline {

        width: 100%

    }

    footer .fig,

    footer .content {

        margin-bottom: 20px

    }

    footer .fig p,

    footer .content p {

        width: 100%

    }

    footer .fig h4,

    footer .content h4 {

        font-size: 50px

    }

    footer .fig h4:first-of-type,

    footer .content h4:first-of-type {

        line-height: 34px

    }

    footer .fig:last-of-type p,

    footer .fig:last-of-type ul li a {

        text-align: center

    }

}



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

    footer .fig {

        text-align: center;

        width: 100%

    }

    footer .fig:last-of-type ul {

        float: none

    }

    footer .content {

        width: 100%

    }

    footer .content h4 {

        float: none

    }

    footer .content p {

        text-align: left

    }

}



.page-wrap {

    position: relative

}



.homep {

    top: 0;

    left: 0;

    width: 100%;

    transition: all .5s ease-in-out

}



.service-pg,

.blog-pg,

.team-pg,

.work-pg {

    position: absolute;

    top: 0;

    width: 100%;

    left: 100%;

    z-index: 0;

    background: #fff;

    transition: all .5s ease-in-out

}



.move-in-left {

    position: fixed;

    overflow-y: scroll;

    overflow-x: hidden;

    left: 0!important;

    height: 100%;

    z-index: 5

}



.move-out-left {

    left: -100%

}



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

    .team-pg,

    .work-pg {

        height: 88%!important

    }

}



@media screen and (min-width:992px) and (max-width:1199px) {

    .team-pg,

    .work-pg {

        height: 95%!important

    }

}



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

    .homep {

        overflow: hidden;

        position: fixed;

        height: 100%;

        overflow-x: hidden

    }

}



.fp-tableCell {

    display: block!important

}



#work-menu,

#team-menu,

#blog-menu,

#service-menu {

    position: absolute;

    top: 0;

    left: 50%;

    width: 50%;

    overflow-x: hidden;

    overflow-y: scroll;

    display: block;

    z-index: 0

}



.homep {

    position: relative;

    z-index: 2

}



.fp-controlArrow.fp-next,

.fp-controlArrow.fp-prev {

    display: none

}



.fp-section.fp-table {

    height: 100vh!important;

    width: 100%;

    position: relative

}



.fp-tableCell,

.fp-section,

.addheight {

    height: auto!important

}



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

    .fp-section.fp-table {

        /*padding: 23vh 0 26vh*/

    }

}



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

    .about-figCaption h3 span,

    .work-figcaption h5 span,

    .team-figcaption h3 span,

    .jointeam-figcaption h3 span,

    .contact-figc h3 span {

        display: block

    }

}



@media screen and (max-width:1400px) and (min-height:991px) {

    .about-figCaption h3 span,

    .work-figcaption h5 span,

    .team-figcaption h3 span {

        display: inline-block

    }

    .about-fig {

        margin: 32vh 0

    }

    .home .wrapper-text {

        margin: 15vh 0

    }

    .home .wrapper-text .main-pic {

        height: 20vh

    }

    .home .wrapper-text .inner-pic {

        height: 38vh

    }

    .home .wrapper-text .inner-inner-pic {

        height: 71vh

    }

    .home img {

        max-height: 100%

    }

    h3 {

        font-size: 90px;

        line-height: 89px

    }

    .fp-section.fp-table {

        padding-top: 14vh

    }

    .about-figCaption p {

        margin-top: 10px

    }

    .service-fig {

        margin-top: 5vh

    }

    .service-figcaption {

        margin-top: 0

    }

    .service-cnct {

        margin-top: 10px

    }

    .work-figcaption h3 {

        line-height: 89px

    }

    .work-figcaption h5 {

        margin: 10px 0

    }

    .team-figcaption h3 {

        line-height: 89px

    }

    .team-figcaption p {

        margin: 20px 0

    }

    .team-figcaption h5 {

        margin: 0

    }

    .jointeam-figcaption h3 {

        line-height: 89px

    }

    .jointeam-figcaption h5 {

        margin: 10px 0 0

    }

    .jointeam-figcaption p,

    .blog-figc h5 {

        margin: 10px 0

    }

    .blog .figcaption h3 {

        line-height: 89px

    }

    .blog-home .figcaption h5 {

        margin: 30px 0

    }

    section#contact-mains {

        padding-top: 27vh

    }

    .contact .map-wrap {

        height: 200px;

        overflow: hidden

    }

    .form-control {

        margin: 10px 0;

        height: 40px

    }

    .form-group {

        margin-bottom: 10px

    }

    .contact-figc h3 {

        line-height: 89px

    }

    .contact-figc h5 {

        margin: 10px 0

    }

    .home .wrapper-text>div:nth-of-type(3) p {

        margin: 5px 0;

        width: 100%

    }

}



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

    .product-img img,

    .team-fig img {

        width: 100%

    }

}



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

    .prev-btn {

        display: none

    }

}



@-webkit-keyframes custbounce {

    0% {

        -webkit-transform: translateY(-50%);

        transform: translateY(-50%)

    }

    50% {

        -webkit-transform: translateY(-65%);

        transform: translateY(-65%)

    }

    100% {

        -webkit-transform: translateY(-35%);

        transform: translateY(-35%)

    }

}



@keyframes custbounce {

    0% {

        -webkit-transform: translateY(-50%);

        transform: translateY(-50%)

    }

    50% {

        -webkit-transform: translateY(-65%);

        transform: translateY(-65%)

    }

    100% {

        -webkit-transform: translateY(-35%);

        transform: translateY(-35%)

    }

}



.custbounce {

    -webkit-animation-name: custbounce;

    animation-name: custbounce

}



.fa-angle-down.animated.custbounce {

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-delay: 5s;

    animation-delay: 5s

}



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

    .body-wrap h4,

    .work h3,

    .service h3,

    .about h3,

    .team h3,

    .contact-figc h3,

    .jointeam h3,

    .blog .figcaption h3 {

        font-size: 55px;

        line-height: 55px

    }

    h5 {

        font-size: 24px

    }

    .fp-section.fp-table {

        padding: 10vh 0

    }

    .body-wrap .contact-form,

    .body-wrap .wrap-contact-form,

    .body-wrap .figure-holder,

    .body-wrap .product,

    .body-wrap .product-wrap,

    .work .workmainpage,

    .team .mainTeampage,

    .blog-home .mainBlog,

    section#contact-mains {

        padding: 5vh 0

    }

    .service-figcaption {

        margin-top: 26vh

    }

    .prev-btn {

        top: 0;

        padding: 11px 9px;

        font-size: 15px

    }

    .body-wrap h5 span {

        display: block

    }

    .header .nav-menu {

        overflow-y: scroll;

        padding: 2vh 5vh

    }

    .header .nav-menu p {

        width: 100%;

        margin: 2vh

    }

    .header .navbar-wrapper li {

        padding: 10px

    }

    .header .close-btn {

        left: 30px;

        top: 0

    }

}



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

    .header .logo-container {

        width: 25%

    }

    .header .content {

        width: 75%

    }

    .header .social {

        margin-top: 0;

        display: block;

        position: absolute;

        top: 7%;

        left: 25%;

        -webkit-transform: translateX(-25%);

        -ms-transform: translateX(-25%);

        transform: translateX(-25%)

    }

    .header .navbars {

        margin-top: 11px

    }

}



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

    h5 span {

        display: block

    }

}



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

    .header .logo-container {

        width: 30%

    }

    .header .logo-container img {

        height: 50px;

        width: 50px

    }

    .header .content {

        width: 70%

    }

    .header .menu-container {

        position: relative

    }

    .header .social {

        position: absolute;

        margin: 0;

        left: 20%;

        top: 26%

    }

    .header .navbars {

        margin-top: 12px

    }

}



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

    .header .social {

        top: 23%

    }

    .header .navbars {

        margin-top: 12px

    }

}



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

    .service-figcaption {

        margin: 20px 0 50px

    }

    .servicepage,

    .body-wrap .team-wrap {

        padding: 10px 0

    }

    .service-fig {

        margin: 50px 0

    }

    .team-fig,

    .contact-figc {

        margin-top: 30px

    }

    .footer {

        padding: 30px 0

    }

    .body-wrap {

        padding: 50px 0

    }

    .prev-btn {

        top: 50px

    }

    .contact .workus {

        width: 100%

    }

}



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



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

    .home .wrapper-text {

        margin: -4vh 35px

    }

    footer {

        padding: 40px 0

    }

    .body-wrap .contact-service {

        padding: 0 15px 20px

    }

    .body-wrap .contact-service p.topcntc {

        width: 100%

    }

    .body-wrap h4,

    .body-wrap h5,

    .body-wrap p {

        padding: 0 15px

    }

    .team-info p,

    .team-info h5,

    .product-details p,

    .product-details h5,

    .body-wrap .fig-h1 p,

    .body-wrap .fig-h1 h5 {

        padding: 0

    }

    .queries h5 {

        padding: 15px 0

    }

    .body-wrap .blog-wrap span,

    .body-wrap .comment-info h6 {

        padding: 15px

    }

    .body-wrap .blog-holder p {

        padding: 0

    }

    .header .navbar-wrapper li a {

        padding: 7px

    }

    .header .close-btn {

        top: 10px

    }

}



@media screen and (min-width:992px) and (max-width:1400px) {

    .main-logo {

        height: 100px

    }

    .main-logo img {

        max-height: 100%

    }

    .footer-fig .arrow:after {

        content: initial

    }

    .servicepage {

        padding: 40px 0

    }

    .body-wrap .product {

        padding: 0 0 80px

    }

    .body-wrap .product-wrap {

        padding: 40px 0 0

    }

    footer {

        padding: 40px 0

    }

    .body-wrap .team-wrap {

        padding: 80px 0

    }

}



@media screen and (min-width:1200px) and (max-width:1400px) {

    .work .item,

    .work .item11,

    .work .item12,

    .work .item2 {

        margin-bottom: 15px

    }

    .work-fig2 {

        padding: 0

    }

}



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

    .body-wrap .blog-wrap {

        padding: 60px 0

    }

}



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

    .body-wrap p {

        margin: 10px 0

    }

    .body-wrap .comment-wrap .layer2 {

        padding: 20px 0 20px 50px

    }

    .body-wrap .comment-wrap {

        margin: 30px 0

    }

}



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

    .work .workmainpage,

    .team .mainTeampage,

    .jointeam {

        padding: 10vh 0

    }

    .jointeam-figcaption {

        margin-top: 30px

    }

    .jointeam .form-group:nth-of-type(2) {

        padding-right: 15px

    }

    .jointeam .form-group1 {

        margin-right: 15px

    }

    .body-wrap .blog-wrap {

        padding: 30px 0

    }

    .body-wrap .blog-contact {

        margin: 30px 0

    }

    .body-wrap .comment-img {

        float: left;

        margin-right: 15px;

        margin-bottom: 15px

    }

    .body-wrap .comment-reply .like {

        margin: 0

    }

    .body-wrap .testImg {

        width: 20%;

        float: left

    }

    .body-wrap .testinfo {

        width: 70%;

        float: right

    }

    .work-figcaption {

        margin: 20px 0

    }

}



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

    .panel-heading {

        padding: 0

    }

    .about-fig {

        margin: 0 0 76px

    }

    .service-mainfig img {

        max-width: 44%

    }

    .work-fig2,

    .work-fig2 .item1,

    .work-fig2 .item2,

    .work-fig2 .item3 {

        padding: 0

    }

    .work-fig2 .item11 {

        padding-left: 0

    }

    .work-fig1 {

        text-align: left

    }

    .work-figcaption {

        margin: 20px 0

    }

    .team-figs {

        padding: 0

    }

    .team-figcaption h5 {

        margin: 21px 0 15px

    }

    .jointeam .form-group {

        width: 100%;

        margin-bottom: 0;

        margin-top: 0

    }

    .jointeam .fileUpload {

        margin: 10px 0

    }

    .jointeam-figcaption h5 {

        margin: 18px 0 15px

    }

    .contact .form-group {

        width: 100%;

        padding: 0

    }

    .contact-figc {

        padding-top: 20px

    }

    .footer {

        padding: 15px 0

    }

    .footer .mobile-footer:first-of-type {

        width: 100%;

        text-align: right

    }

    .footer .mobile-footer:last-of-type {

        display: none

    }

    .home .wrapper-text {

        /*margin: 10vh 10vw;*/

        margin: 0

    }

    .body-wrap .blog-wrap span,

    .body-wrap .comment-info h6 {

        padding: 15px

    }

    .work .item {

        width: 50%;

        float: left;

        padding: 0 15px

    }

    .work .item:first-of-type {

        padding-left: 0

    }

    .work .item:last-of-type {

        padding-right: 0

    }

    .work .item12 {

        padding-right: 0

    }

    .work .item,

    .work .item11,

    .work .item12,

    .work .item2 {

        margin-bottom: 15px

    }

    .blog .blog-figc,

    .blog .blog-fig {

        width: 100%

    }

    .body-wrap .testinfo {

        width: 60%

    }

    .body-wrap .blog-contact,

    .body-wrap .blog-titlebarWrap {

        padding: 15px

    }

    .body-wrap .blog-holder {

        margin: 15px 0

    }

    .body-wrap h4.panel-title {

        line-height: 35px

    }

    .body-wrap .blog-imginfo {

        width: 90px;

        height: 80px

    }

    .body-wrap .blog-imginfo span:nth-of-type(1) {

        font-size: 30px;

        line-height: 18px

    }

    .body-wrap .blog-imginfo span:nth-of-type(2) {

        line-height: 0

    }

}



#allwrap {

    -webkit-backface-visibility: hidden

}



.contact-page-form.form-message {

    width: 65%;

    float: left;

    margin-top: 8px;

    display: none

}



.contact-page-form.form-message>div {

    height: 25px;

    width: 45px;

    -webkit-transform: scale(.6);

    -ms-transform: scale(.6);

    transform: scale(.6);

    float: right

}



label.error {

    color: #e4861f

}



.loader,

.loader:before,

.loader:after {

    background: #e4861f;

    -webkit-animation: load1 1s infinite ease-in-out;

    animation: load1 1s infinite ease-in-out;

    width: 1em;

    height: 4em

}



.loader:before,

.loader:after {

    position: absolute;

    top: 0;

    content: ''

}



.loader:before {

    left: -1.5em;

    -webkit-animation-delay: -.32s;

    animation-delay: -.32s

}



.loader {

    text-indent: -9999em;

    position: relative;

    font-size: 11px;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-animation-delay: -.16s;

    animation-delay: -.16s

}



.loader:after {

    left: 1.5em

}



@-webkit-keyframes load1 {

    0%,

    80%,

    100% {

        box-shadow: 0 0 #e4861f;

        height: 4em

    }

    40% {

        box-shadow: 0 -2em #e4861f;

        height: 5em

    }

}



@keyframes load1 {

    0%,

    80%,

    100% {

        box-shadow: 0 0 #e4861f;

        height: 4em

    }

    40% {

        box-shadow: 0 -2em #e4861f;

        height: 5em

    }

}



#bodyContent {

    overflow: hidden

}



#bodyContent p {

    width: 200px;

    font-family: 'Open Sans', sans-serif;

    font-size: 13px;

    color: #000;

    font-weight: 400;

    margin: 10px 0

}



h1.headline-fouri {

    font-family: 'Open Sans', sans-serif;

    font-size: 25px;

    color: #e4861f;

    font-weight: 400

}



header.servicepage.blogpageheader,

footer.blogpagefooter {

    display: block

}



.body-wrap .product-fig img.scaleImg {

    filter: progid: DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.5320888862379554, M12=-1.2855752193730787, M21=1.2855752193730796, M22=1.5320888862379558)

}



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

    .team-figcaption,

    .work-figcaption,

    .service-figcaption,

    .jointeam-figcaption,

    .blog .figcaption,

    .contact-figc {

        float: right

    }

}



.team .mainTeampage,

.work .workmainpage,

.service .mainService {

    position: relative;

    z-index: 2

}



.grid {

    width: 100%

}



.gridnew-item {

    float: left;

    width: 100%;
padding: 10px;
    height: auto
	

}

.grid-item {

    float: left;

    width: 45%;

    height: auto

}



.grid-item-height1 {

    height: 40%;

    padding-bottom: 15px;

    overflow: hidden

}



.grid-item-height2 {

    height: 60%;

    overflow: hidden;

    padding-top: 15px

}



.grid-item-width1 {

    width: 50%;

    float: left;

    height: 20%;

    padding-bottom: 15px;

    overflow: hidden

}



.grid-item-width3 {

    width: 100%

}



.grid-item-width3,

.grid-item-width2 {

    float: left;

    height: 33%;

    padding: 15px 0;

    overflow: hidden

}



.grid-item-width2 {

    width: 80%

}



.grid-item .item_01 {

    padding-right: 15px

}



.grid-item .item_02 {

    padding-left: 15px

}

.gridnew {

    position: relative;

    overflow: hidden;

    max-width: 1300px;

    margin: 0 auto;

    padding: 1.5em 0 8em;

    text-align: center;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none

}


.grid {

    position: relative;

    overflow: hidden;

    max-width: 1300px;

    margin: 0 auto;

    padding: 1.5em 0 8em;

    text-align: center;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none

}



.grid__loader {

    display: none;

    margin: 3em auto 0

}



.grid--loading .grid__loader,

.grid:after {

    display: block

}



.grid:after {

    content: '';

    clear: both

}



.grid__sizer,

.grid__item {

    position: relative;

    float: left;

    width: 20%;

    padding: .75em;

    border: 5px solid transparent

}



.no-touch .grid__sizer,

.no-touch .grid__item {

    padding: .75em .75em 1.25em

}



.grid--loading .grid__item {

    visibility: hidden

}



.grid__item--size-a {

    width: 40%

}



.slider {

    padding: 0

}



.productInnerPage .slider {

    padding: 30px 0

}



.slider__item {

    width: 100%;

    padding: 30px 15px

}



.slider__item img {

    width: 100%

}



.slider .flickity-page-dots {

    bottom: 20px;

    opacity: 0;

    transition: opacity .3s

}



.no-touch .slider:hover .flickity-page-dots {

    opacity: 1

}



.slider .flickity-page-dots .dot {

    background: #131417

}



.meta {

    position: relative;

    padding: 20px 6px;

    text-align: left;

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;

    color: #3d4348;

    background: #FBF8F4

}



.meta .meta__title {

    font-size: 15px;

    line-height: 20px;

    margin: 0;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    width: 70%

}



.meta .meta__brand {

    font-size: 13px;

    line-height: 20px;

    display: block

}



.meta .meta__price {

    font-weight: 700;

    position: absolute;

    top: 20px;

    right: 20px

}



.action {

    font-family: 'Open Sans', sans-serif;

    font-size: 1.05em;

    position: relative;

    overflow: hidden;

    margin: 0;

    padding: .25em;

    cursor: pointer;

    color: #fff;

    border: none;

    background: 0 0

}



.action:focus {

    outline: none

}



.action--button {

    color: #e4861f

}



.no-touch .action--button:hover {

    color: #e4861f;

    outline: none

}



.text-hidden {

    position: absolute;

    top: 200%

}



.action--buy {

    position: absolute;

    top: 17px;

    right: 25px;

    transition: opacity .3s, -webkit-transform .3s;

    transition: opacity .3s, transform .3s;

    -webkit-transform: translate3d(-5px, 0, 0);

    transform: translate3d(-5px, 0, 0)

}



.no-touch .action--buy {

    opacity: 0

}



.no-touch .grid__item:hover .action--buy {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.barwrap {

    position: relative

}



.bar {

    z-index: 100;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 90px;

    padding: 1.75em 5em;

    text-align: center;

    background: #3d4348

}



.bar .cartcontainer {

    background: 0 0;

    position: relative

}



.bar .cartcontainer img {

    max-width: 100%

}



.flexbox .filter {

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center

}



.filter__label {

    font-size: .85em;

    display: inline-block

}



.filter__label,

.filter__item {

    font-weight: 700;

    margin: 0 2%;

    color: #fff

}



.filter__item {

    padding: .1em;

    vertical-align: middle;

    border-bottom: 2px solid transparent;

    transition: border .3s ease-in-out

}



.filter__item:hover {

    border-color: #e4861f

}



.filter__item--selected {

    color: #e4861f;

    border-color: #e4861f

}



.filter__item .icon {

    font-size: 1.75em;

    display: none

}



.cart {

    font-size: 1.5em;

    position: absolute;

    top: 0;

    right: 0;

    overflow: hidden;

    height: 100%;

    padding: 0 1.195em;

    cursor: pointer;

    color: #abacae;

    border: none;

    background-color: #131415

}



.no-touch .cart:focus,

.no-touch .cart:hover {

    color: #fff;

    outline: none

}



.cart--animate .cart__icon {

    -webkit-animation: cartAnim .4s forwards;

    animation: cartAnim .4s forwards

}



@-webkit-keyframes cartAnim {

    50% {

        opacity: 0;

        -webkit-transform: translate3d(50px, 0, 0);

        transform: translate3d(50px, 0, 0)

    }

    51% {

        opacity: 0;

        -webkit-transform: translate3d(-50px, 0, 0);

        transform: translate3d(-50px, 0, 0)

    }

    100% {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes cartAnim {

    50% {

        opacity: 0;

        -webkit-transform: translate3d(50px, 0, 0);

        transform: translate3d(50px, 0, 0)

    }

    51% {

        opacity: 0;

        -webkit-transform: translate3d(-50px, 0, 0);

        transform: translate3d(-50px, 0, 0)

    }

    100% {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.cart__count {

    font-size: 9px;

    font-weight: 700;

    line-height: 15px;

    position: absolute;

    top: 52%;

    right: 27px;

    width: 15px;

    height: 15px;

    margin: -16px 0 0;

    text-align: center;

    color: #fff;

    border-radius: 50%;

    background: #e4861f

}



.cart--animate .cart__count {

    -webkit-animation: countAnim .4s forwards;

    animation: countAnim .4s forwards

}



@-webkit-keyframes countAnim {

    50% {

        opacity: 0;

        -webkit-transform: translate3d(0, 80px, 0);

        transform: translate3d(0, 80px, 0)

    }

    51% {

        opacity: 0;

        -webkit-transform: translate3d(0, -80px, 0);

        transform: translate3d(0, -80px, 0)

    }

    100% {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes countAnim {

    50% {

        opacity: 0;

        -webkit-transform: translate3d(0, 80px, 0);

        transform: translate3d(0, 80px, 0)

    }

    51% {

        opacity: 0;

        -webkit-transform: translate3d(0, -80px, 0);

        transform: translate3d(0, -80px, 0)

    }

    100% {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@media screen and (max-width:65em) {

    .grid__sizer,

    .grid__item,

    .grid__item--size-a {

        width: 33.333%

    }

}



@media screen and (max-width:50em) {

    .grid__sizer,

    .grid__item,

    .grid__item--size-a {

        width: 50%

    }

    .bar {

        padding-left: 0;

        text-align: left

    }

}



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

    .bar {

        padding: .5em 4.5em .5em 0

    }

    .flexbox .filter {

        -webkit-justify-content: space-around;

        -ms-flex-pack: distribute;

        justify-content: space-around

    }

    .filter__item {

        height: 100%;

        padding: .5em .1em;

        border: none

    }

    .filter__item .icon {

        display: inline-block

    }

    .filter__label,

    .action__text {

        display: none

    }

    .cart {

        padding: 0 1em

    }

}



@media screen and (max-width:25em) {

    .grid {

        max-width: 75%

    }

    .grid__loader {

        margin: 0 auto

    }

    .grid__sizer,

    .grid__item,

    .grid__item--size-a {

        width: 100%

    }

    .action--buy {

        font-size: 1.5em;

        -webkit-tap-highlight-color: transparent

    }

}



.slider__item:hover {

    -webkit-animation: swing .6s forwards;

    animation: swing .6s forwards

}



.action--compare {

    margin: 0 0 0 4px;

    opacity: 0;

    pointer-events: none;

    cursor: default;

    background-color: #34363D;

    color: #565B6C;

    transition: opacity .3s;

    padding: 0 10px;

    border-radius: 2px

}



.action--compare i,

.action--compare span {

    vertical-align: middle

}



.compare-basket--active .action--compare {

    opacity: 1

}



.compare-basket--active .action--compare:nth-child(3),

.compare-basket--active .action--compare:nth-child(4) {

    background-color: #e4861f;

    color: #fff;

    pointer-events: auto;

    cursor: pointer

}



.compare-basket {

    width: 100%;

    padding: .75em;

    text-align: right;

    top: 0;

    left: 0;

    background: #212227;

    z-index: 1000;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    opacity: 0;

    height: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    transition: -webkit-transform .3s cubic-bezier(.2, 1, .3, 1);

    transition: transform .3s cubic-bezier(.2, 1, .3, 1)

}



.compare-basket--active {

    opacity: 1;

    height: auto;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.actions {

    display: inline-block;

    font-size: 1em;

    white-space: nowrap;

    padding: .85em 1.25em;

    cursor: pointer;

    border: none;

    background: 0 0;

    text-align: center

}



.actions:focus {

    outline: none

}



.action__text {

    display: inline-block;

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;

    letter-spacing: 1px;

    font-size: 16px;

    text-transform: capitalize;

    vertical-align: middle;

    display: inline-block

}



.action__text--invisible {

    position: absolute;

    top: 100%;

    opacity: 0;

    pointer-events: none

}



.action--compare-add {

    color: #e4861f;

    position: absolute;

    top: 10px;

    left: 5px

}



.action--button i+span {

    margin-left: 1em

}



.action--compare-add:hover .action__text--invisible {

    opacity: 1;

    top: 45px;

    left: 10px;

    color: #ddd;

    font-size: 75%;

    letter-spacing: 0;

    background: #2F3035;

    border-radius: 2px;

    padding: 3px 5px

}



.action--remove:hover,

.action--compare-add:hover {

    color: #e4861f

}



.action--remove {

    position: absolute;

    overflow: hidden;

    color: #ddd;

    top: 0;

    right: 2px;

    padding: 0;

    font-size: .65em

}



.action--compare-add .fa-check,

.action--compare-add input[type=checkbox]:checked~.fa-plus {

    display: none

}



.action--compare-add input[type=checkbox]:checked~.fa-check {

    display: block;

    color: #e4861f

}



.check-hidden {

    position: absolute;

    opacity: 0

}



.flexbox .compare-basket {

    display: -webkit-flex;

    display: -ms-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-justify-content: flex-end;

    -ms-flex-pack: end;

    justify-content: flex-end

}



.product-icon {

    display: inline-block;

    vertical-align: middle;

    background: #42444F;

    width: 50px;

    height: 50px;

    padding: 5px;

    margin: 0 3px;

    border-radius: 2px;

    position: relative

}



.product-icon::after {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    border-radius: 4px;

    z-index: -1;

    box-shadow: -56px 0 #2C2D34

}



.compare-basket--full .product-icon::after {

    display: none

}



.flexbox .product-icon {

    display: block

}



.compare {

    position: fixed;

    width: 100%;

    height: 0;

    overflow: hidden;

    top: 0;

    left: 0;

    z-index: 1001;

    transition: height 0s .4s

}



.flexbox .compare {

    display: -webkit-flex;

    display: -ms-flex;

    display: -ms-flexbox;

    display: flex

}



.view--compare+.compare {

    pointer-events: auto;

    height: 100%;

    transition: none

}



.compare .flickity-page-dots {

    display: none!important;

    opacity: 0

}



.compare::before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, .5);

    opacity: 0;

    transition: opacity .4s

}



.view--compare+.compare::before {

    opacity: 1

}



.compare__item {

    height: 100%;

    width: 50%;

    background: #24252A;

    text-align: center;

    cursor: default;

    padding: 2em 0;

    transition: -webkit-transform .4s ease-in-out;

    transition: transform .4s ease-in-out

}



.no-flexbox .compare__item {

    display: inline-block;

    width: 50%

}



.compare__item:nth-of-type(2) {

    background: #212227

}



.compare__item .product__title {

    margin: 1em 0;

    min-height: 0

}



.compare__item .product__price {

    color: #CECECE

}



.compare__item span[class^="product__"] {

    display: block;

    padding: .85em 0;

    transition: background-color .3s

}



.compare__item span[class^="product__"].hover {

    background: #000

}



.compare__item:first-of-type:nth-last-of-type(3),

.compare__item:first-of-type:nth-last-of-type(3)~.compare__item {

    width: 33.3333%

}



.flexbox .compare__item {

    -webkit-flex: auto;

    -ms-flex: auto;

    flex: auto

}



.compare__item:nth-child(odd) {

    -webkit-transform: translate3d(0, -100vh, 0);

    transform: translate3d(0, -100vh, 0)

}



.compare__item:nth-child(even) {

    -webkit-transform: translate3d(0, 100vh, 0);

    transform: translate3d(0, 100vh, 0)

}



.view--compare+.compare .compare__item:nth-child(odd),

.view--compare+.compare .compare__item:nth-child(even) {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.compare__effect {

    width: 100%;

    height: 100%;

    opacity: 0;

    transition: -webkit-transform 1s cubic-bezier(.2, 1, .3, 1), opacity 1s cubic-bezier(.2, 1, .3, 1);

    transition: transform 1s cubic-bezier(.2, 1, .3, 1), opacity 1s cubic-bezier(.2, 1, .3, 1)

}



.compare__item:nth-child(odd) .compare__effect {

    -webkit-transform: translate3d(0, -250px, 0);

    transform: translate3d(0, -250px, 0)

}



.compare__item:nth-child(even) .compare__effect {

    -webkit-transform: translate3d(0, 250px, 0);

    transform: translate3d(0, 250px, 0)

}



.view--compare+.compare .compare__item:nth-child(odd) .compare__effect,

.view--compare+.compare .compare__item:nth-child(even) .compare__effect {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    transition-delay: .3s

}



.view--compare {

    -webkit-transform: scale3d(.9, .9, 1);

    transform: scale3d(.9, .9, 1)

}



.product__info {

    border-radius: 5px;

    background: #ededed

}



.grid__item.product--selected .product__info {

    border: 5px solid #e4861f

}



.action--close {

    position: absolute;

    overflow: hidden;

    top: 0;

    right: 0;

    font-size: 1.5em;

    color: #ddd;

    pointer-events: none;

    opacity: 0;

    transition: opacity .3s, background .2s

}



.view--compare+.compare .action--close {

    pointer-events: auto;

    opacity: 1;

    transition-delay: .4s, 0

}



.compare__effect .slider {

    background: 0 0;

    height: 40vh;

    overflow: hidden

}



.compare__effect .slider__item img {

    width: auto;

    height: auto

}



.compare__effect .slider__item:hover {

    -webkit-animation: none;

    animation: none

}



.compare__effect .meta {

    padding: 40px 0;

    text-align: center;

    background: 0 0;

    color: rgba(255, 255, 255, .6)

}



.compare__effect .meta .meta__title {

    width: 100%;

    color: rgba(255, 255, 255, .6);

    font-size: 18px;

    padding-bottom: 30px;

    display: block

}



.compare__effect .meta .meta__price {

    position: relative;

    top: 0;

    left: 0;

    padding-top: 30px;

    display: block

}



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

    .action__text {

        display: none

    }

}



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

.service-mainfig img {

    max-width: 49%;

}

    .grid {

        padding: 2em .5em;

        font-size: 65%

    }

    .product {

        margin: 0 .5em 1em;

        min-width: 13em

    }

    .product__title {

        font-size: 115%

    }

    .flexbox .product {

        -webkit-flex: 0 0 13em;

        -ms-flex: 0 0 13em;

        flex: 0 0 13em

    }

    .flexbox .compare {

        -webkit-flex-direction: column;

        -ms-flex-direction: column;

        flex-direction: column

    }

    .action--buy {

        top: 9px

    }

    .no-flexbox .compare__item,

    .compare__item,

    .compare__item:first-of-type:nth-last-of-type(3),

    .compare__item:first-of-type:nth-last-of-type(3)~.compare__item {

        width: 100%

    }

    .compare__item {

        text-align: left;

        padding: 1.5em;

        font-size: 90%

    }

    .compare__item .product__image {

        height: 40px;

        float: left

    }

    .compare__item .product__title {

        margin: 0 40px 0 43px;

        font-size: .85em;

        display: block

    }

    .compare__effect .slider {

        height: auto;

        width: 30%;

        float: left

    }

    .compare__effect .meta {

        width: 70%;

        float: left;

        text-align: left

    }

    .compare__item .product__year {

        border-bottom: 2px solid #2E294E

    }

    .compare__item .product__region {

        border-bottom: 2px solid #6D6FD2

    }

    .compare__item .product__varietal {

        border-bottom: 2px solid #4B5267

    }

    .compare__item .product__alcohol {

        border-bottom: 2px solid #3C3474

    }

    .action--close {

        padding: .5em .75em

    }

    .compare__item .action--buy {

        margin: 0;

        display: block

    }

    .compare__item span[class^="product__"] {

        display: inline-block;

        padding: .25em;

        margin: 0 0 .5em;

        font-size: .85em

    }

    .compare__item:nth-child(odd) {

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

    .compare__item:nth-child(even) {

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

    .compare__item:nth-child(odd) .compare__effect {

        -webkit-transform: translate3d(-250px, 0, 0);

        transform: translate3d(-250px, 0, 0)

    }

    .compare__item:nth-child(even) .compare__effect {

        -webkit-transform: translate3d(250px, 0, 0);

        transform: translate3d(250px, 0, 0)

    }

    .compare__effect .meta .meta__title {

        padding-bottom: 8px

    }

    .compare__effect .meta .meta__price {

        position: absolute;

        top: 40px;

        right: 20px;

        padding: 0;

        left: auto

    }

    .compare__item {

        height: 33.33vh

    }

    .meta .meta__title {

        padding: 0

    }

}



.compare-basket--active img {

    max-height: 100%

}



.productInnerPage .product {

    padding: 10px 0

}



.checkout {

    padding: 100px 0

}



.checkout h2 {

    font-family: 'Open Sans', sans-serif;

    font-size: 40px;

    color: #3d4348;

    font-weight: 400

}



.checkout h6 {

    text-transform: uppercase;

    padding: 10px 0

}



.checkout h6,

.checkout p {

    font-family: 'Open Sans', sans-serif;

    font-size: 15px;

    color: #3d4348;

    font-weight: 400

}



.checkout .main-paragraph {

    padding: 50px 0

}



.checkout .checkout-form,

.checkout .subTotal {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:992px) {

    .checkout .checkout-form,

    .checkout .productImage,

    .checkout .productInfo,

    .checkout .subTotal {

        float: left;

        width: 50%

    }

}



.checkout .productInfo h6 {

    font-weight: 700

}



.checkout .productInfo p {

    text-transform: capitalize

}



.checkout .subTotal {

    background: #F6F4F4

}



.checkout .billing-wrap {

    padding: 10px 30px

}



.checkout .checkout-form {

    margin-bottom: 40px

}



.checkout .checkout-form h6 {

    margin: 50px 0 30px

}



.checkout .checkout-form .form-group {

    margin-bottom: 30px

}



.checkout .productImage,

.checkout .productInfo {

    position: relative;

    min-height: 1px

}



@media (min-width:768px) {

    .checkout .productImage,

    .checkout .productInfo {

        float: left;

        width: 50%

    }

}



.checkout .form-control {

    height: 50px;

    margin: 0

}



.checkout .form-control option {

    text-transform: uppercase;

    font-family: 'Open Sans', sans-serif;

    font-size: 13px;

    color: #929292;

    font-weight: 400

}



.checkout .form-control::-webkit-input-placeholder {

    text-transform: uppercase;

    font-family: 'Open Sans', sans-serif;

    font-size: 13px;

    color: #929292;

    font-weight: 400

}



.checkout ul {

    list-style-type: none;

    padding: 0 30px

}



.checkout .productImage {

    background: #ddd;

    text-align: center;

    padding: 15px 0

}



.checkout .productImage-wrap {

    padding: 30px 0;

    border-bottom: 1px solid #ddd

}



.checkout .productInfo {

    padding: 20px 50px

}



.checkout .button {

    width: 50%;

    display: block;

    height: 60px;

    background: #e4861f;

    outline: none;

    box-shadow: 0 0 0 0;

    border: none;

    margin: 20px auto 0;

    letter-spacing: 5px;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #fff;

    font-weight: 600;

    text-transform: uppercase

}



.checkout .amout {

    padding: 20px 0

}



.checkout .amout li {

    position: relative;

    float: left;

    width: 50%;

    min-height: 1px;

    padding: 0;

    font-family: 'Open Sans', sans-serif;

    font-size: 15px;

    color: #959ba0;

    font-weight: 400;

    text-transform: uppercase

}



.checkout .amout li:last-of-type {

    text-align: right

}



.checkout .amout li:first-of-type {

    font-weight: 900;

    color: #3d4348

}



.checkout .totalbill {

    font-size: 20px;

    color: #3d4348;

    font-weight: 600

}



.checkout .totalbill,

.checkout .notetotal {

    text-align: right;

    font-family: 'Open Sans', sans-serif

}



.checkout .notetotal {

    font-size: 13px;

    color: #959ba0;

    font-weight: 400;

    padding: 20px 0

}



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

    .productImage,

    .productInfo {

        width: 50%;

        float: left

    }

}



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

    .checkout .checkout-form {

        padding-right: 50px

    }

    .checkout .button {

        width: 100%;

        margin-top: 80px

    }

}



.productdetails {

    padding: 100px 0

}



.productdetails .addcart {

    position: relative;

    background: #e4861f;

    color: #fff;

    font-family: 'Open Sans', sans-serif;

    font-size: 20px;

    font-weight: 700;

    padding: 20px 80px;

    display: inline-block;

    margin-top: 30px;

    text-transform: uppercase

}



.productdetails .addcart:hover,

.productdetails .addcart:focus {

    color: #fff

}



.productdetails .addcart:after {

    position: absolute;

    font-family: 'FontAwesome';

    left: 100%;

    top: 20px;

    content: '\f07a';

    transition: left .4s ease-in-out

}



.productdetails .addcart:hover:after {

    left: 85%

}



.productdetails .addcart:focus {

    box-shadow: 0 0 0 0;

    text-decoration: none

}



.prouctItem .review i {

    color: #ddd

}



.prouctItem .review .orange {

    color: #e4861f

}



.prouctItem .productimg,

.prouctItem .productInfo {

    float: left;

    width: 100%;

    position: relative;

    min-height: 1px

}



@media (min-width:992px) {

    .prouctItem .productimg,

    .prouctItem .productInfo {

        float: left;

        width: 50%

    }

}



.prouctItem .productimg {

    background: #ddd;

    text-align: center;

    padding: 130px 0

}



.prouctItem .productInfo {

    padding: 40px 0

}



.prouctItem .productInfo h4 {

    font-size: 40px;

    color: #3d4348

}



.prouctItem .productInfo h4,

.prouctItem .productInfo h6 {

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;

    margin-bottom: 15px

}



.prouctItem .productInfo h4 {

    text-transform: capitalize

}



.prouctItem .productInfo h6 {

    font-size: 20px;

    color: #3d4348

}



.wrappeProductInfo {

    list-style-type: none

}



.wrappeProductInfo>li {

    border-top: 1px solid #ddd;

    padding: 30px 0;

    font-size: 15px;

    color: #313131;

    font-family: 'Open Sans', sans-serif;

    font-weight: 400

}



.wrappeProductInfo label {

    font-weight: 400;

    margin-bottom: 20px

}



.wrappeProductInfo .size,

.wrappeProductInfo .quality {

    list-style-type: none

}



.wrappeProductInfo .size .selected,

.wrappeProductInfo .quality .selected {

    background: #e4861f

}



.wrappeProductInfo .size .selected a,

.wrappeProductInfo .quality .selected a {

    color: #fff

}



.wrappeProductInfo .size li,

.wrappeProductInfo .quality li {

    height: 70px;

    width: 45px;

    float: left;

    border: 1px solid #ddd;

    line-height: 70px;

    text-align: center;

    text-transform: uppercase

}



.wrappeProductInfo .size a,

.wrappeProductInfo .quality a {

    display: block;

    color: #313131

}



.wrappeProductInfo .color {

    border: 1px solid #ddd;

    list-style-type: none;

    padding: 20px 0 20px 10px

}



.wrappeProductInfo .color li {

    width: 60px;

    height: 30px;

    display: inline-block;

    margin: 0 5px

}



.wrappeProductInfo .color li.selected {

    border: 5px solid #3d4348

}



.wrappeProductInfo .color li.clr8d6417 {

    background: #8d6417

}



.wrappeProductInfo .color li.clr745f37 {

    background: #745f37

}



.wrappeProductInfo .color li.clr3c3a35 {

    background: #3c3a35

}



.wrappeProductInfo .color li.clrb7ab95 {

    background: #b7ab95

}



.wrappeProductInfo .color li a {

    display: block

}



.wrappeProductInfo .avalibility span,

.wrappeProductInfo .catagory span,

.wrappeProductInfo .orderNo span {

    color: #203b55;

    font-weight: 600

}



.wrappeProductInfo .price {

    font-size: 40px;

    line-height: 40px;

    color: #e4861f

}



.wrappeProductInfo .column08,

.wrappeProductInfo .column04 {

    position: relative;

    float: left;

    width: 100%;

    min-height: 1px;

    padding: 0;

    margin-top: 20px

}



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

    .wrappeProductInfo .column08 {

        width: 60%;

        float: left;

        margin: 0

    }

    .wrappeProductInfo .column04 {

        width: 40%;

        float: left;

        margin: 0

    }

}



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

    .prouctItem .productInfo {

        padding: 0 80px

    }

}



.ProductAccordion {

    padding: 80px 0

}



.ProductAccordion .panel-default {

    border: 0

}



.ProductAccordion .panel-heading {

    border-bottom: 1px solid #F1F1F1;

    padding: 0;

    background: 0 0

}



.ProductAccordion .panel-heading a {

    display: block;

    text-transform: uppercase;

    font-size: 14px;

    color: #3d4348;

    padding: 15px 0;

    transition: all .3s ease-in-out;

    letter-spacing: 1px

}



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

    .ProductAccordion .panel-heading a:hover,

    .ProductAccordion .panel-heading a:focus {

        color: #e4861f;

        letter-spacing: 3px;

        text-decoration: none

    }

    .ProductAccordion .panel-heading a:hover span:after,

    .ProductAccordion .panel-heading a:focus span:after {

        background: #e4861f

    }

}



.ProductAccordion .panel-heading span {

    position: relative;

    padding: 15px 0

}



.ProductAccordion .panel-heading span:after {

    position: absolute;

    content: '';

    bottom: -2px;

    width: 100%;

    height: 1px;

    background: #3d4348;

    left: 0

}



.ProductAccordion .panel-body {

    padding: 20px 0

}



.ProductAccordion .panel-body p {

    font-family: 'Open Sans', sans-serif;

    font-size: 13px;

    color: #959ba0;

    font-weight: 400;

    line-height: 18px

}



.productmatch {

    list-style-type: none

}



.productmatch li {

    float: left;

    width: 100%;

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width:768px) {

    .productmatch li {

        float: left;

        width: 33.3333333333%

    }

}



@media (min-width:992px) {

    .productmatch li {

        float: left;

        width: 25%

    }

}



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

    .productmatch li {

        width: 50%;

        float: left

    }

}



.productmatch .slider {

    height: 250px;

    overflow: hidden;

    text-align: center;

    line-height: 250px

}



.productmatch .slider img {

    max-height: 100%;

    max-width: 100%

}



.productmatch .product {

    margin-bottom: 40px

}



.cartcontainer {

    position: fixed;

    top: 20%;

    right: 0;

    width: 50px;

    height: 50px;

    z-index: 2;

    background-color: #3d4348;

    line-height: 50px;

    text-align: center

}



.cartcontainer img {

    max-width: 50%

}



.cartcontainer span {

    font-size: 9px;

    font-weight: 700;

    line-height: 15px;

    position: absolute;

    top: 52%;

    right: 27px;

    width: 15px;

    height: 15px;

    margin: -16px 0 0;

    text-align: center;

    color: #fff;

    border-radius: 50%;

    background: #e4861f

}



.addToCart {

    position: absolute;

    top: 20px;

    right: 30px;

    color: #e4861f

}



.addToCart:hover,

.addToCart:focus {

    color: #e4861f

}



.carttype02 p {

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #959ba0;

    font-weight: 400

}



.carttype02 .item-image {

    overflow: hidden;

    height: 150px;

    text-align: center

}



.carttype02 .item-image img {

    max-height: 100%

}



.carttype02 .cartHeader {

    background: #fff;

    padding: 20px 0;

    border-bottom: 1px solid #ccc

}



.carttype02 .orderId {

    width: 100%;

    float: left;

    position: relative;

    text-align: right

}



.carttype02 .orderId p {

    text-transform: capitalize

}



.carttype02 .orderId p:first-of-type {

    text-transform: uppercase

}



.carttype02 .orderId p:first-of-type span {

    color: #3d4348

}



.carttype02 .heading {

    padding: 20px 0

}



.carttype02 .heading h5 {

    width: 100%;

    float: left;

    position: relative;

    font-family: 'Roboto', sans-serif;

    font-size: 36px;

    color: #959ba0;

    font-weight: 300;

    text-transform: uppercase

}



.carttype02 .heading p {

    width: 100%;

    float: left;

    position: relative;

    color: #3d4348;

    font-style: italic

}



.carttype02 .cartBody {

    padding: 40px 0

}



.carttype02 .salectedProduct {

    padding: 50px 15px

}



.carttype02 .salectedProduct li {

    overflow: hidden;

    position: relative;

    background: #f3f3f4;

    margin-bottom: 15px

}



.carttype02 .salectedProduct a {

    color: #e4861f;

    position: absolute;

    top: 2px;

    left: 98%

}



.carttype02 .cart-meta {

    background: rgba(0, 0, 0, .7)

}



.carttype02 .cart-meta h4 {

    font-family: 'Roboto', sans-serif;

    font-size: 22px;

    color: #fff;

    font-weight: 300

}



.carttype02 .cart-meta .item-content {

    height: 200px;

    padding: 0 50px;

    line-height: 200px

}



.carttype02 .cart-meta .item-content>div {

    display: inline-block

}



.carttype02 .cart-meta .item-content p {

    text-transform: capitalize;

    font-size: 16px;

    font-weight: 300;

    line-height: 20px

}



.carttype02 .cart-meta .item-price {

    background: rgba(0, 0, 0, .9);

    border: none;

    height: 200px;

    line-height: 200px

}



.carttype02 .cart-meta .item-price span {

    color: #fff

}



.carttype02 .item-content,

.carttype02 .item-price,

.carttype02 .item-details,

.carttype02 .item-image {

    width: 100%;

    float: left;

    position: relative

}



.carttype02 .item-details {

    padding: 30px

}



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


img.video-img.double-ji {

    width: 322px;

}

}

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


img.video-img.double-ji {

    width: 339px;

}

}



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



img.video-img.double-ji {

    width: 308px;

}

}





@media screen and (max-width:736px) {
.inner-pic.animated.custswing img {
    display: none;
}
ul.team_block li {
    width: 100%!important;
    float: left;
    padding: 0 10px;
    margin: 0 0 30px 0;
    text-align: center;
}
ul.team_block li figure img {
    width: 100%;
    max-width: 350px!important;
}

img.video-img.double-ji {

    width: 290px;

}

}



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



img.video-img.double-ji {

    width: 326px;

}

}



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


img.video-img.double-ji {

    width: 392px;

}

}



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


	img.video-img.double-ji {

    width: 368px;

}

}

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


	img.video-img.double-ji {

    width: 404px;

}

    .carttype02 .item-details {

        text-align: center

    }

}



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



	img.video-img.double-ji {

    width: 380px;

}

}

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



img.video-img.double-ji {

    width: 324px;

}

}

.carttype02 .item-details h6 {

    font-family: 'Roboto', sans-serif;

    font-size: 18px;

    color: #e4861f;

    font-weight: 400;

    text-transform: capitalize

}



.carttype02 .item-details p {

    width: 70%;

    padding: 20px 0

}



.carttype02 .item-details>div i {

    color: #e4861f;

    margin-right: 4px

}



.carttype02 .item-details>div span {

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #959ba0;

    font-weight: 400

}



.carttype02 .item-price {

    padding: 30px 0;

    text-align: center;

    vertical-align: middle

}



.carttype02 .item-price span {

    font-family: 'Roboto', sans-serif;

    font-size: 30px;

    color: #3d4348;

    font-weight: 700;

    display: inline-block

}



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

    .carttype02 .salectedProduct {

        padding: 50px 0

    }

    .carttype02 .salectedProduct li {

        height: 200px

    }

    .carttype02 .heading h5 {

        width: 50%

    }

    .carttype02 .heading p {

        text-align: right;

        width: 50%

    }

    .carttype02 .item-content {

        width: 80%

    }

    .carttype02 .item-price {

        width: 20%

    }

    .carttype02 .item-image {

        width: 30%

    }

    .carttype02 .item-details {

        width: 60%

    }

}



.mail-cart {

    border-top: 1px solid #ccc;

    padding: 40px 0

}



.mail-cart h3 {

    font-family: 'Roboto', sans-serif;

    font-size: 36px;

    color: #959ba0;

    font-weight: 300;

    text-transform: uppercase

}



.mail-cart h3 span {

    color: #3d4348

}



.mail-cart .form-group {

    position: relative;

    width: 100%;

    float: left

}



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

    .mail-cart .form-group {

        width: 50%

    }

    .mail-cart .form-group:nth-of-type(odd) {

        padding-right: 10px

    }

}



.mail-cart .form-control {

    height: 50px;

    border-radius: 0;

    margin: 0 0 10px

}



.mail-cart form {

    padding: 50px 0

}



.mail-cart .checkbox {

    float: right;

    margin-right: 40px

}



.mail-cart .checkbox label {

    color: #959ba0

}



.mail-cart .checkbox label,

.mail-cart button {

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    font-weight: 400

}



.mail-cart button {

    float: right;

    background: #e4861f;

    border: 1px solid #e4861f;

    color: #fff;

    transition: color, background .4s ease-in-out;

    text-transform: uppercase;

    padding: 10px 20px;

    border-radius: 4px

}



.mail-cart button:hover,

.mail-cart button:focus {

    box-shadow: 0 0 0 0;

    outline: none;

    color: #e4861f;

    background: #fff

}



.productone .product-figc {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px;

    margin-bottom: 50px;

    text-align: left

}



@media (min-width:992px) {

    .productone .product-figc {

        float: left;

        width: 41.6666666667%

    }

}



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

    .productone .product-figc {

        float: right;

        text-align: right

    }

}



.productone .product-figc h3 {

    line-height: 120px

}



.productone .product-figc h5 {

    margin: 30px 0 0

}



.productone .product-figc p {

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #959ba0;

    font-weight: 400;

    margin: 30px 0

}



.productone .product-fig {

    position: relative;

    min-height: 1px;

    padding: 20px 0

}



@media (min-width:992px) {

    .productone .product-fig {

        float: left;

        width: 96%

    }

}



.productone .productwrapone {

    position: relative;

    float: left;

    width: 100%;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px;

    /* margin-bottom: 30px */

}



.productone .productwrapone>div {

    text-align: center;

    position: relative;

    height: auto;

}



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

    .productone .productwrapone>div {

        height: auto;

        overflow: hidden;

    }

}



.productone .productwrapone>div img {

    max-width: 100%

}



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

    .productone .productwrapone>div:hover .pd-img {

        -webkit-transform: translate3d(0, 280px, 0)rotate3d(1, 0, 0, -90deg);

        transform: translate3d(0, 280px, 0)rotate3d(1, 0, 0, -90deg);

        opacity: 0

    }

    .productone .productwrapone>div:hover .productOneInfo {

        -webkit-transform: rotate3d(1, 0, 0, 0);

        transform: rotate3d(1, 0, 0, 0);

        opacity: 1

    }

    .productone .productwrapone>div:hover .productOneInfo a {

        opacity: 1;

        transition: opacity .8s ease-in-out

    }

}



.productone .productOneInfo {

    position: absolute;

    display: block;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%)

}



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

    .productone .productOneInfo {

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        background: rgba(228, 134, 31, .3);

        -webkit-transform: translate3d(0, 0, -220px)rotate3d(1, 0, 0, 90deg);

        transform: translate3d(0, 0, -220px)rotate3d(1, 0, 0, 90deg);

        opacity: 0

    }

}



.productone .productOneInfo a {

    background: #e4861f;

    padding: 10px 20px;

    display: inline-block;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #fff;

    font-weight: 600;

    text-transform: capitalize;

    z-index: 2

}



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

    .productone .pd-img {

        line-height: 250px

    }

}



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

    .productone .productwrapone {

        width: 33%;

        float: left

    }

}



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

    .productone .pd-img {

        padding: 0;

        display: block;

        position: absolute;

        width: 100%;

        height: 100%;

        border-radius: 50%;

        background-position: center center;

        transition: all .6s ease-in-out;

        -webkit-transform-origin: 50% 0%;

        -ms-transform-origin: 50% 0%;

        transform-origin: 50% 0%

    }

    .productone .productOneInfo a {

        background: #fff;

        transition: all .6s ease-in-out;

        color: #3d4348;

        display: inline;

        opacity: 0

    }

    .productone .productOneInfo a:hover {

        text-decoration: none;

        background: #e4861f;

        color: #fff

    }

}



.sticky {

    position: fixed

}



.affix-bottom {

    top: 0!important;

    position: relative

}



.center {

    text-align: center

}



.go-checkout {

    padding: 10px 50px;

    background: #e4861f;

    font-family: 'Open Sans', sans-serif;

    font-size: 20px;

    color: #fff;

    font-weight: 400;

    box-shadow: 0 0 0 0;

    outline: none;

    border: 1px solid #e4861f;

    text-transform: uppercase;

    transition: background .4s ease, color .4s ease

}



.go-checkout:hover {

    background: #fff;

    color: #e4861f

}



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

    .servicepage {

        overflow-x: hidden

    }

}

section.section.work.fp-section.fp-table {

    background: url(../images/img/team-bg.jpg);

}



.workmainpage ,.product-fig ,.mainService {

    margin-top: 135px;

}

/*

.product-fig {

margin-top:10%;

}

.workmainpage {

    margin-top: 6%;

}*/

/*********** Team Sec *********/
.team_sec{ width:100%; float:left; padding:80px 0 120px 0; margin:0; background:url(../images/team_bg.jpg) no-repeat center top; background-size:cover;}
.team_sec h2{ padding:0; margin:0 0 45px 0; font-size:48px; color:#3d4348;}
.team_sec h3{ padding:0; margin:0 0 40px 0; font-size:30px; color:#2b2f3a;}
.team_sec p{ padding:0; margin:0 0 40px 0; font-size:18px; color:#2b2f3a; line-height:26px;}
ul.team_block{ width:100%; float:left; padding:0 10px; margin:0;}
ul.team_block li{ width:14.2%; float:left; padding:0 10px; margin:0 0 30px 0;}
ul.team_block li figure{ width:100%; float:left; padding:0; margin:0;}
ul.team_block li figure img{ width:100%;}
ul.team_block li .detail{ width:100%; min-height:58px; float:left; padding:7px 0 0 0; margin:0; text-align:center; background:url(../images/shaddow.png) no-repeat center top; background-size:100% auto;}
ul.team_block li .detail h4{ padding:0; margin:0 0 10px 0; font-size:20px; color:#2b2f3a;}
ul.team_block li .detail p{ padding:0; margin:0; font-size:11px; color:#010505; line-height:normal;}