.bootstrap-wrapper



{







}







.bootstrap-wrapper .font-inaktiv{







    color: #bbb;



}



.bootstrap-wrapper .font-light{







    color: #888;



}



.bootstrap-wrapper .art-head



{



    display: block;







    width: 100%;



  /*  padding-top: 20px;*/



}



.bootstrap-wrapper .grid:after



{



    display: block;



    clear: both;







    content: '';



}



.bootstrap-wrapper .grid



{



    margin: 0 auto;



/*border: 1px solid #ffbb06;*/



    background: transparent;



}



.bootstrap-wrapper .grid:after



{



    display: block;



    clear: both;







    content: '';



}



.bootstrap-wrapper .grid-sizer,



.bootstrap-wrapper .grid-item



{



    width: 20%;



}



.bootstrap-wrapper .grid-item



{



    float: left;



    border: 0.1em solid #999;



}



.bootstrap-wrapper .grid-item img



{



    display: block;



background: transparent;



    width: 100%;



}



.bootstrap-wrapper .portfolio-item



{



    padding-right: 0;



    padding-left: 0;



}











.bootstrap-wrapper .mask{







    font-size: 14px;



    font-weight: 200;



    padding: 0 5px 5px;







}



.bootstrap-wrapper .hr-light



{



    margin-top: 1px !important ;



    margin-bottom: 1px !important;







    border: 0;



    border-top: 1px solid #ddd;



}



.bootstrap-wrapper .hr-gray



{



    margin-top: 1px !important ;



    margin-bottom: 1px !important;







    border: 0;



    border-top: 1px solid #cecece;



}



.bootstrap-wrapper .hr-widget



{



    margin-top: 1px !important ;



    margin-bottom: 1px !important;







    border: 0;



    border-top: 1px solid #666;



}



.bootstrap-wrapper .hr-footer



{



    margin-top: 1px !important ;



    margin-bottom: 1px !important;







    border: 0;



    border-top: 1px solid #f90;



}



.bootstrap-wrapper .hr-info



{



    margin-top: 35px !important ;



    margin-bottom: 20px !important;







    border: 0;



    border-top: 1px solid #333;



}



.bootstrap-wrapper .hr-comment



{



    margin-top: 35px !important ;



    margin-bottom: 20px !important;







    border: 0;



    border-top: 1px solid #f90;



}



.bootstrap-wrapper .suss-great



{



    font-size: 100%;



    font-weight: 400;







    color: #3ca900;



}



.bootstrap-wrapper .inf-great



{



    font-size: 100%;



    font-weight: 400;







    color: #45abcd;



}



.bootstrap-wrapper .dan-great



{



    font-size: 100%;



    font-weight: 400;







    color: #d73814;



}



.bootstrap-wrapper .prem-great



{



    font-size: 100%;



    font-weight: 400;







    color: #337ab7;



}



.bootstrap-wrapper .warn-great



{



    font-size: 100%;



    font-weight: 400;







    color: #feaf20;



}



.bootstrap-wrapper .suss



{



    color: #3ca900;



}



.bootstrap-wrapper .inf



{



    color: #45abcd;



}



.bootstrap-wrapper .dan



{



    color: #d73814;



}



.bootstrap-wrapper .prem



{



    color: #337ab7;



}



.bootstrap-wrapper .warn



{



    color: #feaf20;



}



.bootstrap-wrapper .green



{



    color: #7ab700;



}







.bootstrap-wrapper .suss-deaktiviert



{



   	filter:	Alpha(opacity=70);



	opacity: 0.2;



	moz-opacity:0.2;



    color: #3ca900;



}



.bootstrap-wrapper .inf-deaktiviert



{



    filter: Alpha(opacity=70);



	opacity: 0.2;



	moz-opacity:0.2;



    color: #45abcd;



}



.bootstrap-wrapper .dan-deaktiviert



{



    filter:	Alpha(opacity=70);



	opacity:0.2;



	moz-opacity:0.2;



    color: #d73814;



}



.bootstrap-wrapper .prem-deaktiviert



{



   	filter:	Alpha(opacity=70);



	opacity: 0.2;



	moz-opacity:0.2;



    color: #337ab7;



}



.bootstrap-wrapper .warn-deaktiviert



{



    filter:	Alpha(opacity=70);



	opacity:0.2;



	moz-opacity:0.2;



    color: #feaf20;



}



.bootstrap-wrapper .green-deaktiviert



{



    filter:	Alpha(opacity=70);



	opacity:	0.2;



	moz-opacity:0.2;



    color: #7ab700;



}



.bootstrap-wrapper .gray-deaktiviert



{



    filter:	Alpha(opacity=70);



	opacity:	0.2;



	moz-opacity:0.2;



    color: #777;



}



















.bootstrap-wrapper .btn-outline



{



    -webkit-transition: all .5s;



         -o-transition: all .5s;



            transition: all .5s;







    color: inherit;



    background-color: transparent;



}



.bootstrap-wrapper .btn-primary.btn-outline



{



    color: #428bca;



}



.bootstrap-wrapper .btn-success.btn-outline



{



    color: #5cb85c;



}



.bootstrap-wrapper .btn-info.btn-outline



{



    color: #5bc0de;



}



.bootstrap-wrapper .btn-warning.btn-outline



{



    color: #f0ad4e;



}



.bootstrap-wrapper .btn-danger.btn-outline



{



    color: #d9534f;



}



.btn-primary.btn-outline:hover,



.btn-success.btn-outline:hover,



.btn-info.btn-outline:hover,



.btn-warning.btn-outline:hover,



.btn-danger.btn-outline:hover {



color: #fff;



}



.bootstrap-wrapper .displaystyle



{



    margin: 15px;



    margin-bottom: 10px;



    padding: 15px;







    background-color: #e6e6e6;



    -webkit-box-shadow: 5px 7px 7px 5px rgba(0, 0, 0, .19), 10px 12px 20px 10px rgba(0, 0, 0, .19);



            box-shadow: 5px 7px 7px 5px rgba(0, 0, 0, .19), 10px 12px 20px 10px rgba(0, 0, 0, .19);



}



.bootstrap-wrapper .displaystyle-fullborder



{



    margin: 15px;



    margin-bottom: 10px;



    padding: 15px;







    border: 1px solid #7f7f84;



    background-color: #f5f5f5;



    -webkit-box-shadow: 5px 7px 7px 5px rgba(0, 0, 0, .19), 10px 12px 20px 10px rgba(0, 0, 0, .19);



            box-shadow: 5px 7px 7px 5px rgba(0, 0, 0, .19), 10px 12px 20px 10px rgba(0, 0, 0, .19);



}



.bootstrap-wrapper .displaystyle-rightborder



{



    margin: 15px;



    margin-bottom: 10px;



    padding: 15px;







    border-right: 9px solid ;



    background-color: #fff;



    -webkit-box-shadow: 5px 7px 7px 5px rgba(0, 0, 0, .19), 10px 12px 20px 10px rgba(0, 0, 0, .19);



            box-shadow: 5px 7px 7px 5px rgba(0, 0, 0, .19), 10px 12px 20px 10px rgba(0, 0, 0, .19);



}



.bootstrap-wrapper .displaystyle-leftborder



{



    margin: 15px;



    margin-bottom: 10px;



    padding: 15px;







    border-left: 5px solid ;



    background-color: #f9f9f9;



    -webkit-box-shadow: 5px 7px 7px 5px rgba(0, 0, 0, .19), 10px 12px 20px 10px rgba(0, 0, 0, .19);



            box-shadow: 5px 7px 7px 5px rgba(0, 0, 0, .19), 10px 12px 20px 10px rgba(0, 0, 0, .19);



}



.bootstrap-wrapper .displaystyle-sm



{



    font-size: 80%;







    padding: 10px;



}



.bootstrap-wrapper .displaystyle-lg



{



    font-size: large;







    padding: 35px;



}



.bootstrap-wrapper .displaystyle-success



{



    border-color: #80d651;



}



.bootstrap-wrapper .displaystyle-primary



{



    border-color: #337ab7;



}



.bootstrap-wrapper .displaystyle-success > strong



{



    font-size: 100%;







    color: #80d651;



}



.bootstrap-wrapper .displaystyle-info



{



    border-color: #45abcd;



}



.bootstrap-wrapper .displaystyle-info > strong



{



    color: #45abcd;



}



.bootstrap-wrapper .displaystyle-warning



{



    border-color: #feaf20;



}



.bootstrap-wrapper .displaystyle-warning > strong



{



    font-size: 100%;







    color: #feaf20;



}



.bootstrap-wrapper .displaystyle-danger



{



    border-color: #d73814;



}



.bootstrap-wrapper .displaystyle-danger > strong



{



    color: #d73814;



}



.bootstrap-wrapper .fileinput-button



{



    position: relative;







    display: inline-block;



    overflow: hidden;



}



.bootstrap-wrapper .fileinput-button input



{



    font-size: 200px !important;







    position: absolute;



    top: 0;



    right: 0;







    margin: 0;







    cursor: pointer;







    opacity: 0;







    -ms-filter: 'alpha(opacity=0)';



    direction: ltr;



}



.bootstrap-wrapper .wptool + .tooltip > .tooltip-inner



{



    font-size: 14px;







    padding: 15px;







    color: #fff;



    border: 1px solid green;



    background-color: #73ad21;



}



.bootstrap-wrapper .wptool + .tooltip.top > .tooltip-arrow



{



    border-top: 5px solid green;



}



.bootstrap-wrapper .wptool + .tooltip.bottom > .tooltip-arrow



{



    border-bottom: 5px solid blue;



}



.bootstrap-wrapper .wptool + .tooltip.left > .tooltip-arrow



{



    border-left: 5px solid red;



}



.bootstrap-wrapper .wptool + .tooltip.right > .tooltip-arrow



{



    border-right: 5px solid black;



}



.bootstrap-wrapper .artPictureHeader



{



    display: block;







    width: 740px;



    min-height: 183px;



    margin-right: auto;



    margin-left: auto;







    background-color: transparent;



}



.bootstrap-wrapper .box_hr



{



    position: relative;







    width: 300px;



    height: 280px;



    min-height: 1px;



    padding-right: 15px;



    padding-left: 15px;



    padding-left: 45px;







    border-right: solid #6c6a6a 1px;



    border-right-width: 1px;



    border-right-style: solid;



    border-right-color: #333;



}



.bootstrap-wrapper .fileupload-buttonbar .btn,



.bootstrap-wrapper .fileupload-buttonbar .toggle



{



    margin-bottom: 5px;



}



.bootstrap-wrapper .progress-animated .progress-bar,



.bootstrap-wrapper .progress-animated .bar



{



    background: url('../file-upload/img/progressbar.gif') !important;







    -webkit-filter: none;



            filter: none;



}



.bootstrap-wrapper .fileupload-process



{



    display: none;



    float: right;



}



.bootstrap-wrapper .fileupload-processing .fileupload-process,



.bootstrap-wrapper .files .processing .preview



{



    display: block;







    width: 32px;



    height: 32px;







    background: url('../file-upload/img/loading.gif') center no-repeat;



    -webkit-background-size: contain;



            background-size: contain;



}



.bootstrap-wrapper .files audio,



.bootstrap-wrapper .files video



{



    max-width: 300px;



}



@media (max-width: 767px)



{



    .bootstrap-wrapper .fileupload-buttonbar .toggle,



    .bootstrap-wrapper .files .toggle,



    .bootstrap-wrapper .files .btn span



    {



        display: none;



    }



    .bootstrap-wrapper .files .name



    {



        width: 80px;







        word-wrap: break-word;



    }



    .bootstrap-wrapper .files audio,



    .bootstrap-wrapper .files video



    {



        max-width: 80px;



    }



    .bootstrap-wrapper .files img,



    .bootstrap-wrapper .files canvas



    {



        max-width: 100%;



    }



}











.bootstrap-wrapper body {



  /* Margin bottom by footer height */



  margin-bottom: 60px;



}



.bootstrap-wrapper a



{



    -webkit-transition: 300ms;



         -o-transition: 300ms;



            transition: 300ms;







    color: #fc7700;



}



.bootstrap-wrapper h1,



.bootstrap-wrapper h2,



.bootstrap-wrapper h3,



.bootstrap-wrapper h4,



.bootstrap-wrapper h5,



.bootstrap-wrapper h6



{



    font-family: 'Roboto', sans-serif;



}



.bootstrap-wrapper .slider-btn



{



    font-size: 18px;



    font-weight: 800;



    line-height: 55px;







    width: 190px;



    height: 55px;



    padding: 0;







    -webkit-transition: all .3s ease 0s;



         -o-transition: all .3s ease 0s;



            transition: all .3s ease 0s;



    text-align: center;



    text-transform: uppercase;







    color: #fff;



    border: 0;



    background-color: #fc7700;



    -webkit-box-shadow: inset 0 0 0 2px #fc7700;



            box-shadow: inset 0 0 0 2px #fc7700;



}



.bootstrap-wrapper .slider-btn:hover



{



    color: #fff;



    background-color: #43484e;



    -webkit-box-shadow: inset 0 0 0 2px #43484e;



            box-shadow: inset 0 0 0 2px #43484e;



}



.bootstrap-wrapper .parallax-section



{



    width: 100%;



    min-height: 300px;







    background-repeat: no-repeat;



    background-attachment: fixed;



    background-position: 50% 0;



    -webkit-background-size: cover;



            background-size: cover;



}



.bootstrap-wrapper .preloader



{



    position: fixed;



    z-index: 9999;



    top: 0;



    left: 0;







    display: table;







    width: 100%;



    height: 100%;







    background: #fff;



}



.bootstrap-wrapper .preloder-wrap



{



    display: table-cell;







    vertical-align: middle;



}



.bootstrap-wrapper .preloder-inner



{



    width: 200px;



    height: 100px;



    margin: 0 auto;



}



.bootstrap-wrapper .ball



{



    width: 10px;



    height: 10px;



    margin: 10px auto;







    border-radius: 50px;



}



.bootstrap-wrapper .ball:nth-child(1)



{



    -webkit-animation: right 1s infinite ease-in-out;



         -o-animation: right 1s infinite ease-in-out;



            animation: right 1s infinite ease-in-out;







    background: #ff005d;



}



.bootstrap-wrapper .ball:nth-child(2)



{



    -webkit-animation: left 1.1s infinite ease-in-out;



         -o-animation: left 1.1s infinite ease-in-out;



            animation: left 1.1s infinite ease-in-out;







    background: #35ff99;



}



.bootstrap-wrapper .ball:nth-child(3)



{



    -webkit-animation: right 1.05s infinite ease-in-out;



         -o-animation: right 1.05s infinite ease-in-out;



            animation: right 1.05s infinite ease-in-out;







    background: #008597;



}



.bootstrap-wrapper .ball:nth-child(4)



{



    -webkit-animation: left 1.15s infinite ease-in-out;



         -o-animation: left 1.15s infinite ease-in-out;



            animation: left 1.15s infinite ease-in-out;







    background: #fc0;



}



.bootstrap-wrapper .ball:nth-child(5)



{



    -webkit-animation: right 1.1s infinite ease-in-out;



         -o-animation: right 1.1s infinite ease-in-out;



            animation: right 1.1s infinite ease-in-out;







    background: #2d3443;



}



.bootstrap-wrapper .ball:nth-child(6)



{



    -webkit-animation: left 1.05s infinite ease-in-out;



         -o-animation: left 1.05s infinite ease-in-out;



            animation: left 1.05s infinite ease-in-out;







    background: #ff7c35;



}



.bootstrap-wrapper .ball:nth-child(7)



{



    -webkit-animation: right 1s infinite ease-in-out;



         -o-animation: right 1s infinite ease-in-out;



            animation: right 1s infinite ease-in-out;







    background: #4d407c;



}



@-webkit-keyframes right



{



    0%



    {



        -webkit-transform: translate(-15px);



    }



    50%



    {



        -webkit-transform: translate(15px);



    }



    100%



    {



        -webkit-transform: translate(-15px);



    }



}



@-webkit-keyframes left



{



    0%



    {



        -webkit-transform: translate(15px);



    }



    50%



    {



        -webkit-transform: translate(-15px);



    }



    100%



    {



        -webkit-transform: translate(15px);



    }



}



@-o-keyframes right



{



    0%



    {



        -o-transform: translate(-15px);



           transform: translate(-15px);



    }



    50%



    {



        -o-transform: translate(15px);



           transform: translate(15px);



    }



    100%



    {



        -o-transform: translate(-15px);



           transform: translate(-15px);



    }



}



@keyframes right



{



    0%



    {



        -webkit-transform: translate(-15px);



             -o-transform: translate(-15px);



                transform: translate(-15px);



    }



    50%



    {



        -webkit-transform: translate(15px);



             -o-transform: translate(15px);



                transform: translate(15px);



    }



    100%



    {



        -webkit-transform: translate(-15px);



             -o-transform: translate(-15px);



                transform: translate(-15px);



    }



}



@-o-keyframes left



{



    0%



    {



        -o-transform: translate(15px);



           transform: translate(15px);



    }



    50%



    {



        -o-transform: translate(-15px);



           transform: translate(-15px);



    }



    100%



    {



        -o-transform: translate(15px);



           transform: translate(15px);



    }



}



@keyframes left



{



    0%



    {



        -webkit-transform: translate(15px);



             -o-transform: translate(15px);



                transform: translate(15px);



    }



    50%



    {



        -webkit-transform: translate(-15px);



             -o-transform: translate(-15px);



                transform: translate(-15px);



    }



    100%



    {



        -webkit-transform: translate(15px);



             -o-transform: translate(15px);



                transform: translate(15px);



    }



}



.bootstrap-wrapper .vertical-middle



{



    display: table;







    width: 100%;



    height: 100%;



}



.bootstrap-wrapper .vertical-middle div



{



    display: table-cell;







    vertical-align: middle;



}



.bootstrap-wrapper #navigation .navbar



{



    padding-bottom: 8px;







    border-bottom: 0;



    border-radius: 0;



    background: rgba(255, 255, 255, .952941);



    -webkit-box-shadow: rgba(0, 0, 0, .298039) 0 0 3px;



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



}



.bootstrap-wrapper #navigation .navbar-toggle



{



    margin-top: 20px;







    background-color: #333;



}



.bootstrap-wrapper #navigation .navbar-brand h1



{



    margin: 0;



    padding: 0;



}



.bootstrap-wrapper #navigation .navbar-nav.navbar-right li



{



    padding: 0 1px;



}



.bootstrap-wrapper #navigation .navbar-nav.navbar-right



{



    margin-top: 28px;



}



.bootstrap-wrapper #navigation .navbar-nav.navbar-right li a



{



    font-family: 'Roboto', sans-serif;



    font-size: 14px;







    padding: 0;



    padding: 6px 15px;







    -webkit-transition: all .9s ease 0s;



         -o-transition: all .9s ease 0s;



            transition: all .9s ease 0s;



    text-transform: uppercase;







    color: #43484e;



}



.bootstrap-wrapper #navigation .navbar-inverse .navbar-nav .active a,



.bootstrap-wrapper #navigation .navbar-inverse .navbar-nav .active a:focus,



.bootstrap-wrapper #navigation .navbar-nav.navbar-right li a:hover



{



    color: #fff;



    background-color: #fc7700;



}



.bootstrap-wrapper .home-pattern



{



    position: absolute;



    z-index: 1;



    bottom: 0;



    left: 0;







    width: 100%;



    height: 100%;







    opacity: .2;



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



    background-repeat: repeat;



}



.bootstrap-wrapper #home



{



    position: relative;







    overflow: hidden;







    padding: 0;



}



.bootstrap-wrapper #main-carousel .carousel-inner .item



{



    height: 100%;







    background-repeat: no-repeat;



    background-position: 50% 50%;



    -webkit-background-size: cover;



            background-size: cover;



}



.bootstrap-wrapper #main-carousel .carousel-indicators



{



    bottom: 15px;



}



.bootstrap-wrapper #main-carousel .carousel-indicators li



{



    display: inline-block;







    width: 13px;



    height: 13px;



    margin-left: 5px;







    text-indent: -9999px;







    border: 1px solid #fff;



    background: rgba(0, 0, 0, 0);



}



.bootstrap-wrapper .carousel-indicators .active



{



    background-color: #fff !important;



}



.bootstrap-wrapper .slider-content



{



    height: 100%;



}



.bootstrap-wrapper #main-carousel .carousel-caption



{



    z-index: 11;



    top: 0;



    left: 0;







    display: table;







    width: 100%;



    height: 100%;



    min-height: 100%;



}



.bootstrap-wrapper #main-carousel .carousel-caption > div



{



    display: table-cell;







    vertical-align: middle;



}



.bootstrap-wrapper #main-carousel .carousel-inner h2



{



    font-family: roboto;



    font-size: 55px;



    font-weight: 800;







    display: inline-block;







    margin-bottom: 40px;







    text-transform: uppercase;







    color: #f6f6f6;



    text-shadow: none;



}



.bootstrap-wrapper #main-carousel .carousel-inner h2 span



{



    color: #7ab700;



}



.bootstrap-wrapper #main-carousel .carousel-inner p



{



    font-family: roboto;



    font-size: 24px;



    font-weight: 300;







    margin-top: 0;



    margin-bottom: 59px;







    color: #f6f6f6;



    text-shadow: none;



}



.bootstrap-wrapper #main-carousel .carousel-left



{



    left: -50px;



}



.bootstrap-wrapper #main-carousel .carousel-right



{



    right: -50px;



}



.bootstrap-wrapper #main-carousel:hover .carousel-left



{



    left: 0;







    -webkit-transition: 300ms;



         -o-transition: 300ms;



            transition: 300ms;



}



.bootstrap-wrapper #main-carousel:hover .carousel-right



{



    right: 0;







    -webkit-transition: 300ms;



         -o-transition: 300ms;



            transition: 300ms;



}



.bootstrap-wrapper #main-carousel .carousel-left,



.bootstrap-wrapper #main-carousel .carousel-right



{



    font-size: 60px;







    position: absolute;



    z-index: 12;



    top: 50%;







    margin-top: -60px;



    padding: 15px;







    -webkit-transition: 300ms;



         -o-transition: 300ms;



            transition: 300ms;



    text-align: center;







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



}



.bootstrap-wrapper .carousel-right



{



    right: 65px;



}



.bootstrap-wrapper .carousel-left



{



    left: 65px;



}



.bootstrap-wrapper #main-carousel .carousel-left:hover,



.bootstrap-wrapper #main-carousel .carousel-right:hover



{



    color: #f6f6f6;



}



.bootstrap-wrapper #about-us



{



    overflow: hidden;







    padding: 85px 0;







    background: #f6f6f6;



}



.bootstrap-wrapper #about-us h2



{



    margin-bottom: 35px;



}



.bootstrap-wrapper .title-one



{



    font-size: 32px;



    font-weight: 600;







    position: relative;







    display: inline-block;







    padding-bottom: 10px;







    text-align: center;



    text-transform: uppercase;







    color: #666;



}



.bootstrap-wrapper .title-one:after



{



    position: absolute;



    top: -2px;



    right: -40px;







    content: '||';







    color: #fc7700;



}



.bootstrap-wrapper .title-one:before



{



    position: absolute;



    top: 0;



    left: -40px;







    content: '||';







    color: #fc7700;



}



.bootstrap-wrapper #about-us h4



{



    margin-top: -5px;



    margin-bottom: 50px;







    text-transform: capitalize;







    color: #909090;



}



.bootstrap-wrapper #about-us p



{



    font-size: 15px;



    font-weight: 300;



}



.bootstrap-wrapper .about-us .col-sm-6



{



    margin-top: 50px;



}



.bootstrap-wrapper .about-us h3



{



    font-size: 20px;







    margin-bottom: 18px;







    text-transform: uppercase;



}



.bootstrap-wrapper .about-us .tab-content



{



    padding: 25px;







    border-right: 1px solid #ddd;



    border-bottom: 1px solid #ddd;



    border-left: 1px solid #ddd;



    background: #fff;



}



.bootstrap-wrapper .about-us .nav-tabs li a



{



    color: #fc7700;



    border-top: 2px solid #f6f6f6;



}



.bootstrap-wrapper .about-us .nav-tabs li.active a,



.bootstrap-wrapper .about-us .nav-tabs li.active a:hover,



.bootstrap-wrapper .about-us .nav-tabs li.active a:focus



{



    color: #333;



    border-top: 2px solid #fc7700;



    border-radius: 0;



}



.bootstrap-wrapper .about-us .tab-content .pull-left.media-object



{



    margin-right: 20px;



    padding: 5px;







    background-color: #f6f6f6;



}



.bootstrap-wrapper .skillbar



{



    position: relative;







    display: block;







    width: 100%;



    height: 35px;



    margin-bottom: 18px;







    -webkit-transition: .4s linear;



         -o-transition: .4s linear;



            transition: .4s linear;



    -webkit-transition-property: width, background-color;



         -o-transition-property: width, background-color;



            transition-property: width, background-color;







    background: #43484e;



    -webkit-box-shadow: 1px 1px 0 0 #333;



            box-shadow: 1px 1px 0 0 #333;



}



.bootstrap-wrapper .skillbar-title



{



    font-size: 13px;



    font-weight: bold;







    position: absolute;



    top: 0;



    left: 0;







    width: 25%;







    color: #fff;



    background-color: #fc7700;



}



.bootstrap-wrapper .skillbar-title span



{



    line-height: 35px;







    display: block;



    float: none;







    height: 35px;



    margin-top: 0;



    margin-right: 0;



    margin-bottom: 0;



    padding: 0 15px;







    text-align: left;







    background-color: #fc7700;



}



.bootstrap-wrapper .skillbar-bar



{



    width: 0;



    height: 35px;







    background-color: #fc7700;



    -webkit-box-shadow: 0 1px 0 0 #333;



            box-shadow: 0 1px 0 0 #333;



}



.bootstrap-wrapper .skill-bar-percent



{



    font-size: 11px;



    line-height: 35px;







    position: absolute;



    top: 0;



    right: 10px;







    height: 35px;







    color: #fff;



}



.bootstrap-wrapper #services



{



    text-align: center;







    color: #fff;



    background-color: #0a0a13;



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



}



.bootstrap-wrapper .services



{



    display: block;



    overflow: hidden;







    margin-top: 50px;



}



.bootstrap-wrapper #services h2



{



    margin-bottom: 35px;







    color: #fff;



    border-color: #fff;



}



.bootstrap-wrapper .single-service



{



    padding: 25px;







    -webkit-transition: all .9s ease 0s;



         -o-transition: all .9s ease 0s;



            transition: all .9s ease 0s;







    background-color: rgba(0, 0, 0, .39);



}



.bootstrap-wrapper .single-service p



{



    text-align: justify;



}



.bootstrap-wrapper .single-service i



{



    font-size: 80px;



    line-height: 150px;







    display: inline-block;







    width: 150px;



    height: 150px;







    -webkit-transition: all .9s ease 0s;



         -o-transition: all .9s ease 0s;



            transition: all .9s ease 0s;



    text-align: center;







    color: #43484e;



    border-radius: 50%;



    background-color: #fff;



}



.bootstrap-wrapper .single-service:hover



{



    background-color: #fc7700;



}



.bootstrap-wrapper .single-service:hover i



{



    -webkit-transform: scale(1.1) rotate(360deg);



        -ms-transform: scale(1.1) rotate(360deg);



         -o-transform: scale(1.1) rotate(360deg);



            transform: scale(1.1) rotate(360deg);







    color: #fc7700;



}



.bootstrap-wrapper #team-carousel



{



    position: relative;



}



.bootstrap-wrapper #our-team



{



    color: #43484e;



    background-color: #f6f6f6;



}



.bootstrap-wrapper #our-team h2



{



    margin-bottom: 35px;







    color: #43484e;



}



.bootstrap-wrapper #our-team .team-members



{



    display: block;



    overflow: hidden;







    margin-top: 55px;



    padding: 0;



}



.bootstrap-wrapper .single-member



{



    overflow: hidden;







    height: 430px;



    padding: 25px;







    text-align: center;







    color: #f6f6f6;



    border: 1px solid #43484e;



    background-color: #43484e;



}



.bootstrap-wrapper .single-member img



{



    width: 100%;



}



.bootstrap-wrapper .single-member h4,



.bootstrap-wrapper .single-member h5



{



    text-align: center;



}



.bootstrap-wrapper #our-team .socials i



{



    font-size: 16px;



    line-height: 28px;







    display: inline-block;







    width: 30px;



    height: 30px;



    margin-right: 5px;







    -webkit-transition: all .5s ease-in-out;



         -o-transition: all .5s ease-in-out;



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



    text-align: center;







    opacity: .5;



    color: #43484e;



    border-width: 1px;



    border-style: solid;



    border-color: #43484e;



    border-radius: 50%;



    background-color: #fff;



}



.bootstrap-wrapper #our-team .socials a i:hover



{



    opacity: 1;



    color: #fff;



    border: 0;



}



.bootstrap-wrapper #our-team .socials a .fa-facebook:hover



{



    background: #3b5997;



}



.bootstrap-wrapper #our-team .socials a .fa-twitter:hover



{



    background: #29c5f6;



}



.bootstrap-wrapper #our-team .socials a .fa-pinterest:hover



{



    background: #c61118;



}



.bootstrap-wrapper #our-team .socials a .fa-dribbble:hover



{



    background: #ff5c93;



}



.bootstrap-wrapper #our-team .socials a .fa-linkedin:hover



{



    background: #006dc0;



}



.bootstrap-wrapper #our-team .socials a .fa-google-plus:hover



{



    background: #d13d2f;



}



.bootstrap-wrapper #our-team .socials a .fa-flickr:hover



{



    background: #7a797b;



}



.bootstrap-wrapper .member-left,



.bootstrap-wrapper .member-right



{



    position: absolute;



    top: -43px;







    color: #43484e;



}



.bootstrap-wrapper .member-left



{



    left: 49%;



}



.bootstrap-wrapper .member-right



{



    left: 51%;



}



.bootstrap-wrapper #portfolio



{



    padding-top: 70px;



    padding-bottom: 100px;







    background: #f6f6f6;



}



.bootstrap-wrapper #portfolio p,



.bootstrap-wrapper #portfolio h2



{



    margin-bottom: 30px;



}



.bootstrap-wrapper #portfolio .portfolio-filter



{



    margin-top: 10px;



    margin-bottom: 40px;



}



.bootstrap-wrapper #portfolio .portfolio-filter li



{



    display: inline-block;



}



.bootstrap-wrapper #portfolio .portfolio-filter li a:hover,



.bootstrap-wrapper #portfolio .portfolio-filter li a:focus,



.bootstrap-wrapper #portfolio .portfolio-filter li a:active,



.bootstrap-wrapper #portfolio .portfolio-filter li .active



{



    opacity: 1;



    color: #686868;



    border: 1px solid #fc7700;



    -webkit-box-shadow: none;



            box-shadow: none;



}



.bootstrap-wrapper #portfolio .portfolio-filter li a



{



    font-size: 16px;







    text-transform: uppercase;







    opacity: .8;



    color: #686868;



    border: none;



    border: 1px solid rgba(252, 119, 0, 0);



    border-radius: inherit;



    background: rgba(67, 72, 78, 0);



}



.bootstrap-wrapper .portfolio-items > div



{



    padding: 0;



}



.bootstrap-wrapper .portfolio-items img



{



    width: 100%;



}



.bootstrap-wrapper .view



{



    position: relative;







    overflow: hidden;







    width: 100%;



   /* height: 100%;*/







    cursor: default;



    text-align: center;



}



.bootstrap-wrapper .efffect h4



{



    -webkit-transition: all .5s linear 0s;



         -o-transition: all .5s linear 0s;



            transition: all .5s linear 0s;



    -webkit-transform: scale(0);



        -ms-transform: scale(0);



         -o-transform: scale(0);



            transform: scale(0);







    opacity: 0;



}



.bootstrap-wrapper .efffect h3



{



    -webkit-transition: all .5s linear 0s;



         -o-transition: all .5s linear 0s;



            transition: all .5s linear 0s;



    -webkit-transform: scale(0);



        -ms-transform: scale(0);



         -o-transform: scale(0);



            transform: scale(0);







    opacity: 0;



}



.bootstrap-wrapper .efffect img



{



    -webkit-transition: all .7s ease-in-out 0s;



         -o-transition: all .7s ease-in-out 0s;



            transition: all .7s ease-in-out 0s;



    -webkit-transform: scaleY(1);



        -ms-transform: scaleY(1);



         -o-transform: scaleY(1);



            transform: scaleY(1);



}



.bootstrap-wrapper .view img



{



    position: relative;







    display: block;



}



.bootstrap-wrapper .efffect .mask



{



    -webkit-transition: all .5s linear 0s;



         -o-transition: all .5s linear 0s;



            transition: all .5s linear 0s;







    opacity: 0;



    border: 2px solid  #feaf20;



    background-color: #f6f6f6;



}



.bootstrap-wrapper .view .mask,



.bootstrap-wrapper .view .content



{



    position: absolute;



    top: 0;



    left: 0;







    overflow: hidden;







    width: 100%;



    height: 100%;



}



.bootstrap-wrapper .mask h3



{



    font-family: cabin;



    font-size: 22px;



    font-weight: 700;







    margin-top: 10px;







    -webkit-transition: height 500ms ease 0s;



         -o-transition: height 500ms ease 0s;



            transition: height 500ms ease 0s;



    text-transform: uppercase;







    color: #43484e;



}



.bootstrap-wrapper .mask h4



{



    font-family: roboto;



    font-size: 14px;



    font-weight: 200;







    padding: 0 35px 5px;







    color: #000;



}



.bootstrap-wrapper .mask i



{



    font-size: 17px;







    margin-left: 8px;



    padding: 8px;







    color: #333;



    border: 2px solid #333;



    border-radius: 50%;



}



.bootstrap-wrapper .mask i:hover



{



    color: #fff;



    background-color: #fc7700;



}



.bootstrap-wrapper #clients



{



    background-color: #0a0a13;



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



}



.bootstrap-wrapper #clients h2



{



    margin-bottom: 30px;







    color: #f6f6f6;



}



.bootstrap-wrapper #clients p



{



    color: #fff;



}



.bootstrap-wrapper #clients-carousel



{



    margin-top: 45px;







    text-align: center;



}



.bootstrap-wrapper #clients-carousel .carousel-inner



{



    display: inline-block;







    width: 60%;



}



.bootstrap-wrapper .carousel-inner blockquote



{



    margin: 15px;



    padding: 0;







    text-align: left;







    border-left: 0 none;



}



.bootstrap-wrapper .carousel-inner blockquote p



{



    font-size: 17px;



}



.bootstrap-wrapper #clients-carousel .carousel-inner img



{



    padding-right: 10px;







    border-right: 5px solid#eee;



}



.bootstrap-wrapper #clients-carousel .carousel-indicators



{



    position: absolute;



    top: 100%;



    left: 50%;







    width: 100px;



    margin: 0 0 0 -50px;



}



.bootstrap-wrapper #clients-carousel .item



{



    background: #43484e;



}



.bootstrap-wrapper #clients-carousel .carousel-indicators li



{



    display: inline-block;







    width: 13px;



    height: 13px;



    margin-left: 5px;







    text-indent: -9999px;







    border: 1px solid #fff;



    background: rgba(0, 0, 0, 0);



}



.bootstrap-wrapper #clients-carousel .carousel-indicators



{



    margin-top: 20px;



}



.bootstrap-wrapper .clients



{



    text-align: center;



}



.bootstrap-wrapper .clients h2



{



    font-family: 'Roboto', sans-serif;



    font-size: 30px;



    font-weight: 500;



    line-height: 40px;







    margin-top: 0;







    text-transform: uppercase;







    color: #fff;



}



.bootstrap-wrapper .clients p



{



    font-family: 'Roboto', sans-serif;



    font-size: 14px;



    font-weight: 300;







    letter-spacing: 3px;



    text-transform: uppercase;







    color: #fff;



}



.bootstrap-wrapper .clients p span



{



    color: #fc7700;



}



.bootstrap-wrapper #blog



{



    padding-top: 75px;



    padding-bottom: 75px;



}



.bootstrap-wrapper .blog-heading



{



    margin-top: 15px;



    margin-bottom: 35px;



}



.bootstrap-wrapper .single-blog



{



    margin-bottom: 30px;



    padding: 25px;







    -webkit-transition: all 1s ease 0s;



         -o-transition: all 1s ease 0s;



            transition: all 1s ease 0s;







    background-color: #f7f7f7;



    -webkit-box-shadow: 0 2px 0 0 #ddd;



            box-shadow: 0 2px 0 0 #ddd;



}



.bootstrap-wrapper .single-blog:hover



{



    color: #fff;



    background-color: #43484e;



}



.bootstrap-wrapper .single-blog:hover.single-blog h2



{



    color: #fff;



}



.bootstrap-wrapper .single-blog:hover.single-blog .btn-primary



{



    -webkit-transition: all .9s ease 0s;



         -o-transition: all .9s ease 0s;



            transition: all .9s ease 0s;







    color: #fff;



    border-color: #fff;



    background-color: #fc7700;



}



.bootstrap-wrapper .single-blog img



{



    width: 100%;



    margin-bottom: 20px;



}



.bootstrap-wrapper .single-blog h2



{



    font-size: 24px;







    color: #43484e;



}



.bootstrap-wrapper .single-blog h2



{



    margin: 0;



    margin-bottom: 15px;



}



.bootstrap-wrapper .single-blog ul



{



    overflow: hidden;







    padding: 0;



}



.bootstrap-wrapper .single-blog ul li



{



    font-size: 12px;



    line-height: 10px;







    float: left;







    margin-right: 10px;



    padding-right: 10px;







    list-style: none;







    color: #999;



    border-right: 2px solid #999;



}



.bootstrap-wrapper .single-blog ul li:last-child



{



    border: none;



}



.bootstrap-wrapper .blog-content



{



    margin-top: 0;



    margin-bottom: 25px;



}







.bootstrap-wrapper #blog-detail .modal-body



{



    padding: 30px;



}



.bootstrap-wrapper #blog-detail .modal-body img



{



    width: 100%;



}



.bootstrap-wrapper #blog-detail .close



{



    margin-top: -25px;



    margin-right: -15px;



}



.bootstrap-wrapper #contact



{



    position: relative;







    overflow: hidden;







    padding-bottom: 85px;







    border-top: 2px solid #ddd;



    background-color: #f6f6f6;



}



.bootstrap-wrapper #contact .contact-heading



{



    position: relative;



    z-index: 10;







    padding-bottom: 35px;



}



.bootstrap-wrapper .contact-details



{



    padding-top: 75px;



}



.bootstrap-wrapper .pattern



{



    position: absolute;



    z-index: 1;



    bottom: 0;



    left: 0;







    width: 100%;



    height: 100%;







    opacity: .2;



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



    background-repeat: repeat;



}



.bootstrap-wrapper .contact-address



{



    height: 390px;



    padding-top: 85px;







    background-color: #fff;



}



.bootstrap-wrapper .contact-address .social-icons a i



{



    line-height: inherit;







    width: 30px;



    height: 30px;



    margin-right: 10px;







    -webkit-transition: all 1s ease 0s;



         -o-transition: all 1s ease 0s;



            transition: all 1s ease 0s;







    border-width: 0;



    border-radius: 0;



}



.bootstrap-wrapper .contact-address .social-icons i:hover



{



    -webkit-transform: scale(.9);



        -ms-transform: scale(.9);



         -o-transform: scale(.9);



            transform: scale(.9);



}



.bootstrap-wrapper .social-icons a



{



    font-size: 20px;







    display: inline-block;







    width: 44px;



    height: 44px;



    margin: 2px;



    padding: 6px;







    text-align: center;







    color: #a2a2a2;



    border: 1px solid #a2a2a2;



    border-radius: 50%;



}



.bootstrap-wrapper .social-icons a:hover



{



    color: #fc7700;



    border: 1px solid #fc7700;



}



.bootstrap-wrapper .contact-address .social-icons,



.bootstrap-wrapper .contact-address address



{



    position: relative;



    z-index: 2;



}



.bootstrap-wrapper .contact-address p



{



    font-size: 24px;



    font-weight: 800;



}



.bootstrap-wrapper .contact-address p span



{



    color: #fc7700;



}



.bootstrap-wrapper #contact-form-section



{



    height: 390px;



    padding: 35px;







    background-color: #fff;



}



.bootstrap-wrapper #contact-form-section .btn-primary



{



    font-weight: 800;







    padding: 10px 35px;







    -webkit-transition: all .9s ease 0s;



         -o-transition: all .9s ease 0s;



            transition: all .9s ease 0s;



    text-transform: uppercase;







    border-color: #f6f6f6;



    border-radius: 0;



    background-color: #fc7700;



}



.bootstrap-wrapper #contact-form-section .btn-primary:hover



{



    background-color: #43484e;



}



.bootstrap-wrapper #contact-form input,



.bootstrap-wrapper #contact-form textarea,



.bootstrap-wrapper #contact-form .btn-primary



{



    position: relative;



    z-index: 2;



}



.bootstrap-wrapper #contact-form .name-field,



.bootstrap-wrapper #contact-form .mail-field



{



    width: 49%;



}



.bootstrap-wrapper #contact-form .name-field



{



    float: left;







    margin-right: 2%;



}



.bootstrap-wrapper #contact-form-section .form-control



{



    border-radius: 0;



    -webkit-box-shadow: none;



            box-shadow: none;



}



.bootstrap-wrapper #contact-form-section textarea



{



    resize: none;



}



.bootstrap-wrapper #contact-form-section .form-control:focus



{



    border-color: #fc7700;



    outline: 0;



    -webkit-box-shadow: none;



            box-shadow: none;



}



.bootstrap-wrapper #footer



{



  position: fixed;



   left: 0px;



   bottom: 0;



   width: 100%;



  height: 60px;



    text-align: left;



    color: #43484e;



    background-color: #fff;



}







.bootstrap-wrapper #footer a



{



    color: #fc7700;



}



.bootstrap-wrapper .carousel.scale .carousel-inner > .item.left > div:nth-child(1),



.bootstrap-wrapper .carousel.scale .carousel-inner > .item.right > div:nth-child(1)



{



    -webkit-animation: fadeOutDown 300ms linear 0ms both;



         -o-animation: fadeOutDown 300ms linear 0ms both;



            animation: fadeOutDown 300ms linear 0ms both;



}



.bootstrap-wrapper .carousel.scale .carousel-inner > .item.next > div:nth-child(1),



.bootstrap-wrapper .carousel.scale .carousel-inner > .item.prev > div:nth-child(1)



{



    -webkit-animation: fadeInDown 300ms linear 75ms both;



         -o-animation: fadeInDown 300ms linear 75ms both;



            animation: fadeInDown 300ms linear 75ms both;



}



.bootstrap-wrapper .carousel.scale .carousel-inner > .item.left > div:nth-child(2),



.bootstrap-wrapper .carousel.scale .carousel-inner > .item.right > div:nth-child(2)



{



    -webkit-animation: fadeOutDown 300ms linear 75ms both;



         -o-animation: fadeOutDown 300ms linear 75ms both;



            animation: fadeOutDown 300ms linear 75ms both;



}



.bootstrap-wrapper .carousel.scale .carousel-inner > .item.next > div:nth-child(2),



.bootstrap-wrapper .carousel.scale .carousel-inner > .item.prev > div:nth-child(2)



{



    -webkit-animation: fadeInDown 300ms linear 150ms both;



         -o-animation: fadeInDown 300ms linear 150ms both;



            animation: fadeInDown 300ms linear 150ms both;



}



.bootstrap-wrapper .carousel.scale .carousel-inner > .item.left > div:nth-child(3),



.bootstrap-wrapper .carousel.scale .carousel-inner > .item.right > div:nth-child(3)



{



    -webkit-animation: fadeOutDown 300ms linear 150ms both;



         -o-animation: fadeOutDown 300ms linear 150ms both;



            animation: fadeOutDown 300ms linear 150ms both;



}



.bootstrap-wrapper .carousel.scale .carousel-inner > .item.next > div:nth-child(3),



.bootstrap-wrapper .carousel.scale .carousel-inner > .item.prev > div:nth-child(3)



{



    -webkit-animation: fadeInDown 300ms linear 225ms both;



         -o-animation: fadeInDown 300ms linear 225ms both;



            animation: fadeInDown 300ms linear 225ms both;



}



.bootstrap-wrapper .carousel.scale .carousel-inner > .item.left > div:nth-child(4),



.bootstrap-wrapper .carousel.scale .carousel-inner > .item.right > div:nth-child(4)



{



    -webkit-animation: fadeOutDown 300ms linear 225ms both;



         -o-animation: fadeOutDown 300ms linear 225ms both;



            animation: fadeOutDown 300ms linear 225ms both;



}



.bootstrap-wrapper .carousel.scale .carousel-inner > .item.next > div:nth-child(4),



.bootstrap-wrapper .carousel.scale .carousel-inner > .item.prev > div:nth-child(4)



{



    -webkit-animation: fadeInDown 300ms linear 300ms both;



         -o-animation: fadeInDown 300ms linear 300ms both;



            animation: fadeInDown 300ms linear 300ms both;



}



.bootstrap-wrapper .isotope-item



{



    z-index: 2;



}



.bootstrap-wrapper .isotope-hidden.isotope-item



{



    z-index: 1;







    pointer-events: none;



}



.bootstrap-wrapper .isotope,



.bootstrap-wrapper .isotope .isotope-item



{



    -webkit-transition-duration: .8s;



         -o-transition-duration: .8s;



            transition-duration: .8s;



}



.bootstrap-wrapper .isotope



{



    -webkit-transition-property: height, width;



         -o-transition-property: height, width;



            transition-property: height, width;



}



.bootstrap-wrapper .isotope .isotope-item



{



    -webkit-transition-property: -webkit-transform, opacity;



         -o-transition-property:      -o-transform, opacity;



            transition-property:         transform, opacity;



}



.bootstrap-wrapper .isotope.no-transition,



.bootstrap-wrapper .isotope.no-transition .isotope-item,



.bootstrap-wrapper .isotope .isotope-item.no-transition



{



    -webkit-transition-duration: 0s;



         -o-transition-duration: 0s;



            transition-duration: 0s;



}



.bootstrap-wrapper .efffect img



{



    -webkit-transition: all .7s ease-in-out;



         -o-transition: all .7s ease-in-out;



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



    -webkit-transform: scaleY(1);



        -ms-transform: scaleY(1);



         -o-transform: scaleY(1);



            transform: scaleY(1);



}



.bootstrap-wrapper .efffect .mask



{



    cursor: -webkit-zoom-in;



    cursor:         zoom-in;



    -webkit-transition: all .5s linear;



         -o-transition: all .5s linear;



            transition: all .5s linear;







    opacity: 0;







    -ms-filter: 'progid: DXImageTransform.Microsoft.Alpha(Opacity=0)';



        filter: alpha(opacity=0);



}



.bootstrap-wrapper .efffect h4



{



    -webkit-transition: all .5s linear;



         -o-transition: all .5s linear;



            transition: all .5s linear;



    -webkit-transform: scale(0);



        -ms-transform: scale(0);



         -o-transform: scale(0);



            transform: scale(0);







    opacity: 0;



    background: transparent;







    -ms-filter: 'progid: DXImageTransform.Microsoft.Alpha(Opacity=0)';



        filter: alpha(opacity=0);



}



.bootstrap-wrapper .efffect h3



{



    font-size: 22px;







    -webkit-transition: all .5s linear;



         -o-transition: all .5s linear;



            transition: all .5s linear;



    -webkit-transform: scale(0);



        -ms-transform: scale(0);



         -o-transform: scale(0);



            transform: scale(0);







    opacity: 0;







    -ms-filter: 'progid: DXImageTransform.Microsoft.Alpha(Opacity=0)';



        filter: alpha(opacity=0);



}



.bootstrap-wrapper .mask a i



{



    -webkit-transition: all .5s linear .7s;



         -o-transition: all .5s linear .7s;



            transition: all .5s linear .7s;



    -webkit-transform: rotate(-180deg);



        -ms-transform: rotate(-180deg);



         -o-transform: rotate(-180deg);



            transform: rotate(-180deg);







    opacity: 0;







    -ms-filter: 'progid: DXImageTransform.Microsoft.Alpha(Opacity=0)';



        filter: alpha(opacity=0);



}



.bootstrap-wrapper .efffect:hover img



{



    -webkit-transform: scale(10);



        -ms-transform: scale(10);



         -o-transform: scale(10);



            transform: scale(10);







    opacity: 0;







    -ms-filter: 'progid: DXImageTransform.Microsoft.Alpha(Opacity=0)';



        filter: alpha(opacity=0);



}



.bootstrap-wrapper .efffect:hover .mask



{



    opacity: 1;







    -ms-filter: 'progid: DXImageTransform.Microsoft.Alpha(Opacity=100)';



        filter: alpha(opacity=100);



}



.bootstrap-wrapper .efffect:hover h4,



.bootstrap-wrapper .efffect:hover h3,



.bootstrap-wrapper .efffect:hover a i



{



    -webkit-transform: scale(1);



        -ms-transform: scale(1);



         -o-transform: scale(1);



            transform: scale(1);







    opacity: 1;







    -ms-filter: 'progid: DXImageTransform.Microsoft.Alpha(Opacity=100)';



        filter: alpha(opacity=100);



}



.bootstrap-wrapper .huge



{



    font-size: 40px;



}



.bootstrap-wrapper .panel-green



{



    border-color: #5cb85c;



}



.bootstrap-wrapper .panel-green .panel-heading



{



    color: #fff;



    border-color: #5cb85c;



    background-color: #5cb85c;



}



.bootstrap-wrapper .panel-green a



{



    color: #5cb85c;



}



.bootstrap-wrapper .panel-green a:hover



{



    color: #3d8b3d;



}



.bootstrap-wrapper .panel-red



{



    border-color: #d9534f;



}



.bootstrap-wrapper .panel-red .panel-heading



{



    color: #fff;



    border-color: #d9534f;



    background-color: #d9534f;



}



.bootstrap-wrapper .panel-red a



{



    color: #d9534f;



}



.bootstrap-wrapper .panel-red a:hover



{



    color: #b52b27;



}



.bootstrap-wrapper .panel-yellow



{



    border-color: #f0ad4e;



}



.bootstrap-wrapper .panel-yellow .panel-heading



{



    color: #fff;



    border-color: #f0ad4e;



    background-color: #f0ad4e;



}



.bootstrap-wrapper .panel-yellow a



{



    color: #f0ad4e;



}



.bootstrap-wrapper .panel-yellow a:hover



{



    color: #df8a13;



}



.bootstrap-wrapper .bl



{



    border-left: 1px solid #e4e4e4;



}



.bootstrap-wrapper .pull-right



{



    float: right!important;



}



.bootstrap-wrapper .no-border



{



    border: 0;



}



.bootstrap-wrapper .panel-edit



{



    color: #777;



    /* border-color: #777;*/



    border-color: #ccc;



    -webkit-box-shadow: 10px 10px 5px #ccc;



            box-shadow: 10px 10px 5px #ccc;



}



.bootstrap-wrapper .panel-edit .panel-heading



{



    color: #666;



    /* border-color: #feaf20;*/



    background-color: #f1f1f1;



}



.bootstrap-wrapper .panel a



{



    color: #337ab7;



}



.bootstrap-wrapper .panel-edit a:hover



{



    color: #feaf20;



}



.bootstrap-wrapper .panel-edit .huge



{



    color: #feaf20;



}



.bootstrap-wrapper .panel-edit .huge-no



{



    text-shadow: 0 0 2px #fffeee;



}



.bootstrap-wrapper .panel-edit .huge-no



{



    font-size: 40px;







    margin-bottom: 15px;







    color: #bbb;



}



.bootstrap-wrapper .panel-edit .panel-footer



{



    border-color: #feaf20;



    background-color: #e9e9e9;



}











.bootstrap-wrapper .galarie-menu



{



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



    font-weight: 600;



    line-height: 1.9em;







    margin: 10px auto;



    margin-left: 7px;



}



.bootstrap-wrapper .center-block {



  display: block;



  margin-left: auto;



  margin-right: auto;



}



.bootstrap-wrapper .galerie-grid



{











padding-bottom:5px;



padding-left:45px;



display: block;



  margin-left: auto;



  margin-right: auto;



font-family: 'Roboto', sans-serif;



  font-weight: 400;



    color: #feaf20;



  line-height: 2.9em;



}











.biz {



  font-family: 'Roboto', sans-serif;



  font-weight: 400;



  color:#777;



  line-height: 26px;



}







.biz h4 {



  font-family: 'Roboto', sans-serif;



  font-weight: 400;



    color:#ddd;



  line-height: 18px;



}



.bootstrap-wrapper .galerie-head



{



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



    font-weight: 600;



    line-height: 1.5em;







    margin: 10px auto;







    color: #337ab7;



}



    .bootstrap-wrapper .galerie-im-btn



    {











        padding-left:35px;







    }



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



{



padding-top:5px;



}



@media (max-width: 767px)



{



.bootstrap-wrapper .galerie-im-btn



{



padding-left:25px;



padding-top:35px;



}







}



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



{



.bootstrap-wrapper .galerie-im-btn



{



padding-left:55px;



padding-top:0px;



}



}



.canvas-small



{



/* line-height: 0.5em*/



  font-size: 10px;



}



audio, canvas, progress, video {



    display: inline-block;



    vertical-align:inherit;



    padding-right: 9px;



    padding-bottom: 10px;



}



#GalerieModal .modal-header {



    padding: 15px;



    border-bottom: 1px solid #ffb341;



}



#GalerieModal .modal-footer {



    padding: 15px;



    text-align: right;



    border-top: 1px solid #ffb341;



}



#GalerieModalClose .close {



    font-size: 24px !important;



    font-weight: bold !important;



    color: red !important;



    text-shadow: 0 1px 0 #fff !important;



    filter: alpha(opacity=20) !important;



}







.bootstrap-wrapper .btn-circle.btn-xl {



    width: 70px;



    height: 70px;



    padding: 10px 16px;



    border-radius: 35px;



    font-size: 24px;



    line-height: 1.33;



}



.bootstrap-wrapper .btn-circle.btn-lg {



    width: 50px;



    height: 50px;



    padding: 10px 16px;



    border-radius: 25px;



    font-size: 18px;



    line-height: 1.33;



}



.bootstrap-wrapper .btn-circle {



    width: 30px;



    height: 30px;



    padding: 6px 0;



    border-radius: 15px;



    text-align: center;



    font-size: 12px;



    line-height: 1.428571429;



}







.bootstrap-wrapper .galerie-description



{



    display: inline-block;



    overflow: hidden;







    max-width: 200px;







    white-space: nowrap;



    text-overflow: ellipsis;



}



.bootstrap-wrapper .upload-wrapper



{



    display: block;



    margin-bottom:35px;



    min-height: 400px ;



    margin-right: auto;



    margin-left: auto;



   margin-top: 55px;



    border-width: 2px;



    border-style: dashed;



    border-color: rgba(254, 175, 32, .80);



}











.bootstrap-wrapper .inner-upload .cloud



{



 color: rgba(254, 175, 32, .50);



}



.bootstrap-wrapper .inner-upload



{



    display: block;



    padding-top:80px;



    min-height: 200px ;



    margin-right: auto;



    margin-left: auto;



}







.bootstrap-wrapper .inner-upload .drag_drop



{



color: #bbb;



font-size: 1.875em;



}



.bootstrap-wrapper .exif-details-wrapper



{



    display: block;



    min-height: 450px ;



    margin-right: auto;



    margin-left: auto;







}



.bootstrap-wrapper .exif-details-wrapper {







  content: "";







  background: url("../images/background/background-exif.png");



/*  opacity: 0.25;*/



  background-repeat: no-repeat;



  background-position: center;







}



.bootstrap-wrapper .inner-exif-details



{



    display: block;







    min-height: 200px ;



    margin-right: auto;



    margin-left: auto;



}







.bootstrap-wrapper .upload-startseite



{







    display: block;



    min-height: 480px ;



    margin-right: auto;



    margin-left: auto;



}







.bootstrap-wrapper .upload-startseite {







  content: "";







  background: url("../images/background/file-upload-background.png");



/*  opacity: 0.25;*/



  background-repeat: no-repeat;



  background-position: center;







}







.bootstrap-wrapper .inner-uploads-startseite



{



    display: block;







    min-height: 200px ;



    margin-right: auto;



    margin-left: auto;



    color:#777;



}







.bootstrap-wrapper #exifDetailsModal .modal-footer



{



padding: 15px;



    text-align: right;



    border-top: 1px solid #ffb341;



}



.bootstrap-wrapper #exifDetailsModal .modal-content



{



border: 1px solid rgba(240, 173, 78, 0.92);



}







.bootstrap-wrapper  #exifDetailsModal .table tr td{



  padding: 6px !important;



  margin: 0 !important;







    border-top-width: 1px !important;



    border-top-style: solid !important;



    border-top-color: rgba(249, 162, 11, 0.15)!important;



   color: #757575 !important;



    line-height: 1.12857143 !important;



}



  .bootstrap-wrapper .exif-details-wrapper tr td {



    font-size: 12px;



  }







    .bootstrap-wrapper .exif-details-wrapper i



  {



    color:#feaf20;



  }



.bootstrap-wrapper .table-responsive



{



@-moz-document url-prefix() {



  fieldset { display: table-cell; }



}



}



.bootstrap-wrapper .table-details



{







    color: #444;



    font-size: 12px;







}



.bootstrap-wrapper .details



{







    color: #7d7d7d;



    font-size: 14px;



    font-weight: 600;







}



.bootstrap-wrapper .details td



{



 color:  #545454 !important;



}



.bootstrap-wrapper .details-no td



{



 color:  #bbb !important;



}



.bootstrap-wrapper .details-new td



{



 color:  #2d7b4f !important;



}



.bootstrap-wrapper .table-details  h4



{



     font-family: Open-Sans, sans-serif!important;



    color:#777;



    font-size: 15px;



   margin-bottom: 0px;



   font-weight: 600;



   text-align: left;



}







.bootstrap-wrapper .badge-details   {







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



    font-weight: 600;



    color: inherit;



    background-color: transparent;



    width: 60px;



    height: 30px;



    padding: 4px 0;



    margin: 10px 0;



    border-radius: 15px;



    text-align: center;







    line-height: 1.428571429;



    -webkit-transition: all .5s;



    -o-transition: all .5s;



       transition: all .5s;







}



.bootstrap-wrapper  .badge-details .badge-disabled



{



   border: 1px solid #bbb;



   color:  #bbb !important;



}



.bootstrap-wrapper  .badge-details .badge-suss



{



   border: 1px solid #2d7b4f;



   color:  #2d7b4f !important;



}



.bootstrap-wrapper .badge-details .badge-prem



{



   border: 1px solid #337ab7;



   color:  #337ab7 !important;



}



.bootstrap-wrapper .badge-details .badge-warn



{



   border: 1px solid #f0ad4e;



   color:  #f0ad4e !important;



}







.bootstrap-wrapper  .badge-details .badge-dan



{



   border: 1px solid #d9534f;



   color:  #d9534f !important;



}



.bootstrap-wrapper .badge-details .badge-disabled:hover{







  background-color: #bbb;



  color:#fff!important;



  border: 1px solid #bbb;



}







.bootstrap-wrapper .badge-details .badge-suss:hover{







  background-color: #2d7b4f;



  color:#fff!important;



  border: 1px solid #fff;



}



.bootstrap-wrapper .badge-details.badge-warn:hover{







  background-color: #f0ad4e;



  color:#fff!important;



  border: 1px solid #fff;



}



.bootstrap-wrapper .badge-details .badge-dan:hover{



   background-color: #d9534f;



  color:#fff!important;



  border: 1px solid #fff;



}



.bootstrap-wrapper .badge-details .badge-prem:hover{



   background-color: #337ab7;



  color:#fff!important;



  border: 1px solid #fff;



}



.bootstrap-wrapper .displaystyle .gps_details



{



color: #3274ad;



 font-weight: 400;



 font-size: 13px;



}



.bootstrap-wrapper *:focus{







  background: transparent !important;



  outline: 0 !important;



}



/* The snackbar - position it at the bottom and in the middle of the screen */



.bootstrap-wrapper #snackbar {



    visibility: hidden; /* Hidden by default. Visible on click */



    min-width: 300px; /* Set a default minimum width */



    margin-left: -125px; /* Divide value of min-width by 2 */



    background-color: #333; /* Black background color */



    color: #fff; /* White text color */



    text-align: center; /* Centered text */



    border-radius: 2px; /* Rounded borders */



    padding: 16px; /* Padding */



    position: fixed; /* Sit on top of the screen */



    z-index: 1; /* Add a z-index if needed */



    left: 50%; /* Center the snackbar */



    bottom: 30px; /* 30px from the bottom */



}











.bootstrap-wrapper #snackbar-success {



    visibility: hidden; /* Hidden by default. Visible on click */



    min-width: 300px; /* Set a default minimum width */



    margin-left: -125px; /* Divide value of min-width by 2 */



    background-color: rgba(55, 132, 55, 1); /* Black background color */



    border: 2px solid #fff;



    color: #fff; /* White text color */



    text-align: center; /* Centered text */



    border-radius: 2px; /* Rounded borders */



    padding: 16px; /* Padding */



    position: fixed; /* Sit on top of the screen */



    z-index: 1; /* Add a z-index if needed */



    left: 50%; /* Center the snackbar */



    bottom: 30px; /* 30px from the bottom */



}



.bootstrap-wrapper #snackbar-success.show {



    visibility: visible; /* Show the snackbar */







/* Add animation: Take 0.5 seconds to fade in and out the snackbar.



However, delay the fade out process for 2.5 seconds */



    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;



    animation: fadein 0.5s, fadeout 0.5s 2.5s;



}



.bootstrap-wrapper #snackbar-warning {



    visibility: hidden; /* Hidden by default. Visible on click */



    min-width: 300px; /* Set a default minimum width */



    margin-left: -125px; /* Divide value of min-width by 2 */



    background-color: #feaf20; /* Black background color */



    border: 2px solid #fff;



    color: #fff; /* White text color */



    text-align: center; /* Centered text */



    border-radius: 2px; /* Rounded borders */



    padding: 16px; /* Padding */



    position: fixed; /* Sit on top of the screen */



    z-index: 1; /* Add a z-index if needed */



    left: 50%; /* Center the snackbar */



    bottom: 30px; /* 30px from the bottom */



}



.bootstrap-wrapper #snackbar-warning.show {



    visibility: visible; /* Show the snackbar */







/* Add animation: Take 0.5 seconds to fade in and out the snackbar.



However, delay the fade out process for 2.5 seconds */



    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;



    animation: fadein 0.5s, fadeout 0.5s 2.5s;



}







/* Show the snackbar when clicking on a button (class added with JavaScript) */



.bootstrap-wrapper #snackbar.show {



    visibility: visible; /* Show the snackbar */







/* Add animation: Take 0.5 seconds to fade in and out the snackbar.



However, delay the fade out process for 2.5 seconds */



    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;



    animation: fadein 0.5s, fadeout 0.5s 2.5s;



}







/* Animations to fade the snackbar in and out */



@-webkit-keyframes fadein {



    from {bottom: 0; opacity: 0;}



    to {bottom: 30px; opacity: 1;}



}







@keyframes fadein {



    from {bottom: 0; opacity: 0;}



    to {bottom: 30px; opacity: 1;}



}







@-webkit-keyframes fadeout {



    from {bottom: 30px; opacity: 1;}



    to {bottom: 0; opacity: 0;}



}







@keyframes fadeout {



    from {bottom: 30px; opacity: 1;}



    to {bottom: 0; opacity: 0;}



}















.bootstrap-wrapper #snackbar_error {



    visibility: hidden; /* Hidden by default. Visible on click */



    min-width: 450px; /* Set a default minimum width */



    margin-left: -125px; /* Divide value of min-width by 2 */



    background-color: #f2dede; /* Black background color */



    color: #fff; /* White text color */



    text-align: center; /* Centered text */



    border-radius: 2px; /* Rounded borders */



    padding: 16px; /* Padding */



    position: fixed; /* Sit on top of the screen */



    z-index: 1; /* Add a z-index if needed */



    left: 50%; /* Center the snackbar */



    bottom: 30px; /* 30px from the bottom */



    border: 1px solid #d9534f;



}







/* Show the snackbar when clicking on a button (class added with JavaScript) */



.bootstrap-wrapper #snackbar_error.show {



    visibility: visible; /* Show the snackbar */







}















.bootstrap-wrapper .table-details.table>tbody>tr.active>td  {



  background: #337ab7;



  color: #fff;



}



.bootstrap-wrapper #map {



        height: 450px;



        width: 100%;



}







.switch {







  position: relative;



  display: inline-block;



  width: 48px;



  height: 20px;



}







.switch input {display:none;}







.slider {



  position: absolute;



  cursor: pointer;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  background-color: #ccc;



  -webkit-transition: .4s;



  transition: .4s;



}







.slider:before {



  position: absolute;



  content: "";



  height: 14px;



  width: 14px;



  left: 4px;



  bottom: 4px;



  background-color: white;



  -webkit-transition: .4s;



  transition: .4s;



}







input:checked + .slider {



  background-color:#337ab7;



}







input:focus + .slider {



  box-shadow: 0 0 1px #337ab7;



}







input:checked + .slider:before {



  -webkit-transform: translateX(26px);



  -ms-transform: translateX(26px);



  transform: translateX(26px);



}







/* Rounded sliders */



.slider.round {



  border-radius: 34px;



}







.slider.round:before {



  border-radius: 50%;



}











.bootstrap-wrapper .aktion_menue



{







    display: block;



    padding-top: 35px;



    min-height: 480px ;



    margin-right: auto;



    margin-left: auto;



}







.bootstrap-wrapper .aktion_menue {







  content: "";







  background: url("../images/background/background-art-picture.png");



/*  opacity: 0.25;*/



  background-repeat: no-repeat;



  background-position: center;







}



.bootstrap-wrapper .aktion_menue .table > tbody > tr > td {



    border-top:0px !important;



    }







.bootstrap-wrapper .inner-aktion_menue



{



    display: block;



    border: 1px dashed #d73814;



    min-height: 200px ;



    padding-top: 10px;



    margin-right: auto;



    margin-left: auto;



  }



 .bootstrap-wrapper .neue_freigabe



{



     min-height: 260px ;



    border: 1px dashed orange;



    }







 .bootstrap-wrapper .user_login



{



     min-height: 260px ;



    border: 1px dashed gray;



}



 .bootstrap-wrapper .header-font1



{



font-family: 'Raleway', sans-serif;



    font-weight: 600;



    line-height: 1.5em;



    font-size: 2.5em;







}



.bootstrap-wrapper  .divVerdana {font-family: verdana;}



.bootstrap-wrapper  .divTimes {font-family: 'times new roman';}







.bootstrap-wrapper  #div1 {font-size-adjust: 0.58;}



.bootstrap-wrapper  #div2 {font-size-adjust: 0.58;}



 .bootstrap-wrapper .header-font2



{



font-family: 'Raleway', sans-serif;



    font-weight: 800;



    line-height: 1.5em;



}



 .bootstrap-wrapper .header-font1



{



font-family: 'Raleway', sans-serif;



    font-weight: 700;



    line-height: 1.5em;



}



.bootstrap-wrapper .columns {



    float: left;



    width: 33.3%;



   /* padding: 8px;*/



}







.bootstrap-wrapper .user {



    list-style-type: none;



    border: 1px solid orange;



    margin: 0;



    padding: 0;



    -webkit-transition: 0.3s;



    transition: 0.3s;



}







.bootstrap-wrapper .user:hover {



    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)



}







.bootstrap-wrapper .user .header {



 background-color: #e0e0e0;



 font-size: 22px;







}



.bootstrap-wrapper .user li {



    border-bottom: 1px solid #eee;



    padding-left: 20px;



    padding-top: 10px;



    padding-bottom: 10px;



    text-align: left;



}



.bootstrap-wrapper .user .username  {



    padding-left: 25px;



}



.bootstrap-wrapper  .user .grey-top{



    border-top: 1px solid orange;



}



.bootstrap-wrapper .user .grey {







    background-color: #e9e9e9;



    font-size: 16px;



}



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



    .bootstrap-wrapper .user .username {



         padding-left: 0px;



         font-size: 14px;



          width: 100%;



    }



}











@media only screen and (max-width



        : 600px) {



    .bootstrap-wrapper .columns {



        width: 100%;



    }



}



.bootstrap-wrapper .benutzer-response{







    background-color: #fff;



}



.bootstrap-wrapper .user-response {



    background-color: #fefefe;



   width: 90%;



   min-height: 100px;



   margin: 5px 10px 20px 10px;



   border: 1px solid #eee;



    padding:5px;



   text-align: left;







}



.bootstrap-wrapper .kommentar{



    font-family: 'Raleway', sans-serif;



    font-weight: 400;



    font-size: 16px;



    color: #7b7b7b !important;



    text-align: left;















}



.bootstrap-wrapper .benutzer-response img {



    max-width: 100%;



    margin-top: 100px;







    border: 1px solid #fff;



}



.bootstrap-wrapper .grey{



   color:grey;



}







.bootstrap-wrapper .type2{



    background-color:#f9f9f9;



    padding-top:10px;







}



.bootstrap-wrapper .type2-header {







  padding-left: 15px;



}



.bootstrap-wrapper .usr-details{



    font-weight: 600;



    font-size: 14px;



    color: grey !important;



}



.bootstrap-wrapper .galerie-start{



    min-height: 150px;



    border:   1px solid #cecece;



    color:grey;



}



.bootstrap-wrapper .galerie-start:hover {



    background-color: #fff;



    border:   1px solid orange;



    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);







}



.bootstrap-wrapper .selected-image{



    background-color: #fcfcfc;



    border:1px solid #cecece;







}



.bootstrap-wrapper .selected-image:hover{



    background-color: #fff;



    box-shadow: 0 5px 12px 0 rgba(0,0,0,0.2);



     border:1px solid #feaf20;















}



.bootstrap-wrapper .selected-image > a{



    text-decoration: none !important;



    }



.bootstrap-wrapper .user-help-freigaben{



      content: "";







  background: url("../../help/images/img-start/freigaben.png");



  height: 125px;



  width: 125px;



  background-repeat: no-repeat;



  background-position: center;



}



.bootstrap-wrapper .user-help-freigaben:hover{



      content: "";







  background: url("../../help/images/img-start/freigaben-hover.png");



  height: 125px;



  width: 125px;



  background-repeat: no-repeat;



  background-position: center;



}



.bootstrap-wrapper .user-help-auswahl{



      content: "";







  background: url("../../help/images/img-start/auswahl.png");



  height: 125px;



  width: 125px;



  margin-left:65px;



  background-repeat: no-repeat;



  background-position: center;



}



.bootstrap-wrapper .user-help-auswahl:hover{



      content: "";







  background: url("../../help/images/img-start/auswahl-hover.png");



  height: 125px;



  width: 125px;



  margin-left:65px;



  background-repeat: no-repeat;



  background-position: center;



}



.bootstrap-wrapper .user-help-typ{



      content: "";







  background: url("../../help/images/img-start/typ.png");



  height: 125px;



  width: 125px;



  background-repeat: no-repeat;



  background-position: center;



}



.bootstrap-wrapper .user-help-typ:hover{



      content: "";







  background: url("../../help/images/img-start/typ-hover.png");



  height: 125px;



  width: 125px;



  background-repeat: no-repeat;



  background-position: center;



}







.bootstrap-wrapper .agenda {  }







/* Dates */



.bootstrap-wrapper .agenda .agenda-date {



width: 150px;







 }



.bootstrap-wrapper .agenda .agenda-date .dayofmonth {



  width: 40px;



  font-size: 36px;



   line-height: 36px;



  float: left;



  text-align: right;



  margin-right: 10px;



}



.bootstrap-wrapper .agenda .agenda-date .shortdate {



  font-size: 0.75em;



}











/* Times */



.bootstrap-wrapper .agenda .agenda-time { width: 140px; }











/* Events */



.bootstrap-wrapper .agenda .agenda-events {  }



.bootstrap-wrapper .agenda .agenda-events .agenda-event {  }







@media (max-width: 767px) {







}



.bootstrap-wrapper .table_msg



{



 min-width: 55px;



}



.bootstrap-wrapper .table_msg_benutzer{



 min-width: 35px;



}



.bootstrap-wrapper .table_datum



{



 min-width: 65px;



}



.bootstrap-wrapper .table_msg_name



{



 min-width: 65px;



}



.bootstrap-wrapper .chip {



    display: inline-block;



    padding-bottom: 15px;



    padding-right: 25px;



    height: 50px;



    font-size: 16px;



    line-height: 50px;



    border-radius: 25px;



     border: 0.1em solid #eee;



  background-color:transparent;



 }



.bootstrap-wrapper .btn-user:hover  {



   background-color:#eee;



 color:#fff;



  border: 0.04em solid #feaf20;



}



.bootstrap-wrapper .chip .menue {



    float: left;



    margin: -10px 10px 0 0px;



    padding:12px 17px ;



    height: 50px;



    width: 50px;











    border-radius: 50%;



}







#adminmenu .wp-submenu li .art_submenue{







color:#adff2f;







}



.bootstrap-wrapper #grids {



background:transparent;



}



#grids:after {



content: \'\';



display: block;



clear: both;



}



#grids-sizer,



#grids-item {



width: 33.333%;



}



#grids-item {



border: 0.2em solid transparent;



float: left;



}



#grids-item img {



display: block;



max-width: 100%;



} 



#grid-items {



border: 0.2em solid #ddd;



float: left;



}



#grid-items img {



display: block;



max-width: 100%;



} 



.bootstrap-wrapper .help-select{



 



margin-left: 70px;



}



.bootstrap-wrapper .help-list .list-group-item {



 background-color: transparent !important ;



 min-height: 130px;



}



.bootstrap-wrapper .help-list .list-group-item:hover {



border: 1px solid #337ab7;



background-color: #e6e6e6;



-webkit-box-shadow: 5px 7px 7px 5px rgba(0, 0, 0, .19), 10px 12px 20px 10px rgba(0, 0, 0, .1);



box-shadow: 5px 7px 7px 5px rgba(0, 0, 0, .19), 10px 12px 20px 10px rgba(0, 0, 0, .1);



}



.bootstrap-wrapper .help-list .list-group-item-heading{



color: #313131;



}



.bootstrap-wrapper .galerie_help_font{



font-size: 18px;



font-weight: 700;



 }