/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');
html, body {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 100%;
   
}

    body a, .grid_1, plan_1, plan_1.one, plan_1.two, i.icon1, i.icon2, i.icon3, i.icon4, i.icon5, i.icon6 {
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
        color:#1F4971;


    }

@font-face {
    font-family: 'Raleway-Regular';
    src: url(../fonts/Raleway-Regular.ttf)format('truetype');
}

a:hover {
    text-decoration: none;
}

.kockica{
    background-color:#1F4971; width:15px; height:15px; margin-left:15px;
}

.ocisti {
    clear: both;
}
.search-icon { color: white; padding: 10px 30px; }
    .search-icon:hover {background-color:#464646; cursor:pointer; }
.fl{float:left;}
.fr {
    float: right;
}
.ml20{margin-left:20px;}
.fontKaushan {
    font-family: 'Kaushan Script', cursive !Important;
}

input[type="button"], input[type="submit"], li.parallelogram {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
   
}

p {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

ul {
    margin: 0;
    padding: 0;
}

label {
    margin: 0;
}
.header-top-info {
    background-color: white;
    color: #24315E;
    padding: 10px 0px 6px 0px;
    font-size: 16px;
    
}
.info-contact { float:left;}
.header-top {
    background-color: #24315e;
}
.hdbackground { background-image: url("../tema/header-6.png"); background-repeat: no-repeat; height: 160px; }
.slogan {
    color: #f76d6d;    
}
/*--logo--*/
.logo-okvir { text-align: center;  }
.Logo-UIP {
    width: 590px;
    height: 140px;
    background-image: url("/_uizradi/Logo-UIP.png");
    margin-top: 10px;
}
.logo {
    padding: 15px;
    margin-top: 30px;
    background-color: white;
}

    .logo a {
        display: block;
    }

        .logo a h1 {
            font-size: 2em;
            font-weight: 700;
            color: #fff;
            background: #464646;
            padding: 0.2em 0.5em;
        }

            .logo a h1:hover {
                text-decoration: none;
            }
/*--logo--*/

/*--logo2--*/
.logo2 { padding: 15px; margin-top: 30px; background-color: white; }

    .logo2 a { display: block; }

        .logo2 a h1 { font-size: 2em; font-weight: 700; color: #fff; background: #464646; padding: 0.2em 0.5em; }

            .logo2 a h1:hover { text-decoration: none; }

/*--logo3--*/
.logo3 { padding: 15px; margin-top: 30px; background-color: white; }

    .logo3 a { display: block; }

        .logo3 a h1 { font-size: 2em; font-weight: 700; color: #fff; background: #464646; padding: 0.2em 0.5em; }

            .logo3 a h1:hover { text-decoration: none; }
/*--logo--*/


/*Partners*/
.partners{  padding:10px 60px; margin-top:15px; text-align:center;  margin:auto;}


    .partners h4 { color: #1F4971; font-family: 'Catamaran', sans-serif; font-weight: 500; }
/*--social--*/
.social-ikone { margin-top: 8px; }

.social-ikone ul { padding: 0; margin: 0px; text-align: left; }
.social-ikone ul li { display: inline-block; margin: 0; }
.social-ikone ul li a.facebook { background: url(../tema/facebook.png) no-repeat; width: 32px; height: 32px; display: block; }
    .social-ikone ul li a.twitter { background: url(../tema/twiter.png) no-repeat; width: 32px; height: 32px; display: block; margin-left:10px; }
.social-ikone ul li a.facebook:hover { opacity: .7; }
   .social-ikone ul li a.twitter:hover { opacity: .7; }

.social {
  
    width: 26.33%;
   float: right;
   margin-right:30px;
  
  
  
    /*padding: 0.32em 0;*/
}

    .social ul {
        padding: 0;
        margin: 0px;
        text-align: right;
    }

        .social ul li {
            display: inline-block;
            margin: 0;
        }

            .social ul li a.facebook {
                background: url(../images/social.png) no-repeat 0px 0px;
                width: 32px;
                height: 32px;
                display: block;
            }

            .social ul li a.twitter {
                background: url(../images/social.png) no-repeat -34px 0px;
            }

            .social ul li a.chrome {
                background: url(../images/social.png) no-repeat -68px 0px;
            }

            .social ul li a.in {
                background: url(../images/social.png) no-repeat -102px 0px;
            }

            .social ul li a.beh {
                background: url(../images/social.png) no-repeat -136px 0px;
            }

            .social ul li a.vem {
                background: url(../images/social.png) no-repeat -169px 0px;
            }

            .social ul li a.yout {
                background: url(../images/social.png) no-repeat -202px 0px;
            }

            .social ul li a.facebook:hover {
                opacity: .5;
            }

            .social ul li a.flag {
                width: 24px;
                height: 21px;
                display: block;
                margin: 0px 10px 0px 0px;
            }

                .social ul li a.flag.Hr {
                    background: url(../tema/hr.png) no-repeat 0px 0px;
                }

                .social ul li a.flag.En {
                    background: url(../tema/gb.png) no-repeat 0px 0px;
                }

                .social ul li a.flag.It {
                    background: url(../tema/it.png) no-repeat 0px 0px;
                }
                .social ul.topMen li a {
                    color:#fff;
                    text-transform:uppercase;
                    padding:0px 15px;
                }
/*--social--*/
/*--search--*/
.search { float: right; width: 25%; margin-right:20px; margin-top:40px; }

.search { position: relative; border: 2px solid #aeaeae; padding: 0.5em 0; background: #fff;  margin-top: 20px; }

    .search input[type="text"] {
        width: 100%;
        outline: none;
        padding: 0em 0.6em;
        font-size: 1em;
        color: #333333;
        position: relative;
        border: none;
    }

    .search input[type="submit"] {
        background: url(../images/search-icon.png) no-repeat 0px 2px #fff;
        border: none;
        height: 26px;
        width: 26px;
        display: inline-block;
        position: absolute;
        outline: none;
        cursor: pointer;
        top: 6px;
        right: 2px;
    }
/*--search--*/
.logo a span {
    font-size: 0.9em;
    margin-left: 5em;
    padding-top: 0.5em;
}

.head-bottom {
    background: #f76d6d;
  

}
/*--navigation--*/
ul.nav.navbar-nav li.active a { background: #2D67A3 !important; color: #fff !important; text-transform: uppercase !important; font-weight: 700; }

ul.nav.navbar-nav li a:hover {
    background: #2D67A3 !important;
    color: #fff !important;
}

ul.nav.navbar-nav li a {
    color: #fff !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    /*padding: 15px 23px !important;*/
    padding: 11px 12px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.32) !important;
    font-size: 0.9em;
}

.head-bottom ul.dropdown-menu li a {
    color: #000 !important;
    padding: 8px 15px !important;
    font-size: 0.9em !important;
}

.navbar-collapse {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.collapse {
    display: none;
}
/*--navigation--*/
/*--banner--*/
.banner {

  
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    /*min-height: 550px;*/
    color:white;
  
    display: block;
    position: relative;
}

.banner::after {
    content: "";
    
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

    .banner a { color: #1F4971; background: rgba(255, 255, 255, 0.4); padding: 10px 40px; }

        .banner a:hover {
           
        }

        .banner a.nobgr { }

            .banner a.nobgr:hover {
                
            }

    .banner h2 { padding: 0px; border: 0px; background: none; color: white; /*font-family: 'Kaushan Script', cursive;*/ font-family: 'Catamaran', sans-serif; font-size: 3em; margin-top: 100px; font-weight: 900;}

.banner {
    /*padding: 10em 0 0;*/
    text-align: center;
}

    .banner p {
     
    }
/*--banner--*/
/*--technology-left--*/
.blog-poast-info {
    border-top: 1px solid #aeaeae;
    padding: 1em 0;
    text-align: left;
}

    .blog-poast-info ul li {
        display: inline-table;
        margin-right: 1em;
    }

    .blog-poast-info ul li {
        color: #000;
        font-size: 0.8125em;
        vertical-align: middle;
    }

    .blog-poast-info li i {
        font-size: 1.5em;
        color: #1F4971;
        margin-right: 0.3em;
        margin-top: 0px;
        vertical-align: middle;
    }

i.glyphicon.glyphicon-comment {
    vertical-align: middle;
}

.blog-poast-info ul li a {
    color: #000;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    vertical-align: middle;
}

    .blog-poast-info ul li a:hover {
        text-decoration: none;
    }

    .blog-poast-info ul li a:hover {
        color: #1F4971;
    }

.blog-section {
    padding: 4em 0;
    position: relative;
}

.tc-ch h3 a { color: #1F4971; /*font-family: 'Roboto Condensed', sans-serif;*/ font-family: 'Catamaran', sans-serif; font-weight: 500; }

.tc-ch p {
    color: #777;
    font-size: 0.875em;
    line-height: 1.8em;
    margin: 1em 0;
}

.tc-ch h3 {
    margin: 0.5em 0 0;
    font-size: 1.3em;
}

.tc-ch {
    background: #fff;
   
    margin-top:20px;
    position: relative;
}

a.blog {
    position: absolute;
    top: 4em;
    background: #386ecf;
    padding: 0.3em 1.8em;
    color: #fff;
}

    a.blog.pink {
        background: #d43d7d;
    }

    a.blog.gren {
        background: #42d948;
    }

    a.blog.orn {
        background: #c75830;
    }

.tech-no {
    position: relative;
    top: 15px;
}

.technology {
    /*min-height: 203em;*/
    padding-bottom:20px;
   
}

.tc-ch { float: left; width: 100% /*92%*/; }

.soci {
    float: left;
    padding-top: 2.025em;
}

    .soci li {
        display: block;
    }

    .soci ul li a.facebook-1 {
        background: url(../images/111.png) no-repeat 0px 0px;
        width: 42px;
        height: 42px;
        display: block;
    }

    .soci ul li a.twitter {
        background: url(../images/111.png) no-repeat -42px 0px;
    }

    .soci ul li a.chrome {
        background: url(../images/111.png) no-repeat -84px 0px;
    }

i.glyphicon.glyphicon-envelope {
    background: #738a8d;
    width: 42px;
    height: 42px;
    top: -1px;
    text-align: center;
    padding: 0.5em 0;
    color: #fff;
    font-size: 1.3em;
}

i.glyphicon.glyphicon-print {
    background: #738a8d;
    width: 42px;
    height: 42px;
    top: -1px;
    text-align: center;
    padding: 0.5em 0;
    color: #fff;
    font-size: 1.3em;
}

i.glyphicon.glyphicon-plus {
    background: #f8694d;
    width: 42px;
    height: 42px;
    top: -1px;
    text-align: center;
    padding: 0.5em 0;
    color: #fff;
    font-size: 1.3em;
}
/*--technology-left--*/
/*--technology-right--*/
.blo-top form input[type="text"],
.blo-top form input[type="password"] {
    width: 100%;
    color: #333333 !important;
    outline: none;
    font-size: 16px;
    padding: .5em;
    border: 2px solid #333333;
    -webkit-appearance: none;
    
}

.blo-top form input[type="submit"] {
    background: #f53f1a;
    padding: .3em 1em;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    display: block;
    outline: none;
    border: none;
    width: 100%;
}

    .blo-top form input[type="submit"]:hover {
        background: #333333;
    }

.button {
    margin: 1em 0 0;
    float: left;
}

.blog-grid-left {
    float: left;
    width: 36%;
}

.blog-grid-right {
    float: left;
   
    margin-left: 0.5em;


}
    .blog-grid-right a { color: #1F4971; /*font-family: 'Roboto Condensed', sans-serif;*/ font-family: 'Catamaran', sans-serif; font-weight: 500; }
.tech-btm p {
    margin: 1em 0;
    font-size: 0.875em;
    color: #777;
    line-height: 1.8em;
}

.tech-btm h4 { /*font-family: 'Oswald', sans-serif; */font-size: 1.1em; color: white; font-weight: 700; background-color:#1F4971; padding:5px 15px;  }

.tech-btm h5 {
    font-size: 1.1em;
    line-height: 1.4em;
    font-weight: 700;
}

.blog-grid-right h5 a {
    color: #1F4971;

}
.blo-top-news { margin-bottom:10px;}
.blo-top { border-bottom: 1px solid #aeaeae; margin-top: 20px; }

.tech-btm {
    padding: 0.5em;
    background: #fff;
}

.technology-right {
    width: 30%;
}

.technology-right-1 {
    width: 30%;
}

.technology-left {
    width: 70%;
}

.blog-grids {
    border-bottom: 1px dotted #aeaeae;
    padding: 1em 0;
}
/*--technology-right--*/
/*Diclamer*/
.disclamer{ background-color:#333333; color:#aeaeae; font-size:0.8em; padding:10px; text-align:center; }
/*--footer--*/
.footer { background: #2D67A3; padding: 3em 0; background-image: url("../tema/header-6.png"); background-repeat: no-repeat; }

    .footer h6 {
        font-size: 1em;
        background: #082449;
        padding: 0.5em 1.7em;
        font-weight: 700;
        color: #fff;
    }

    .footer p {
        font-size: 0.875em;
        color: #fff;
        margin: 1em 0;
        line-height: 1.8em;
    }

.footer-middle p {
    margin: 0;
}

.footer-middle a {
    color: #082449;
}

.footer h4 {
    font-size: 1.7em;
    color: #fff;
    border-bottom: 1px solid #fff;
    width: 89%;
    margin-bottom: 1em;
}

.mid-btm {
    margin-bottom: 1em;
}

.footer-middle {
    padding-left: 10em;
}

.footer-right li a {
    color: #fff;
    font-size: 0.875em;
    line-height: 1.8em;
}

    .footer-right li a:hover {
        color: #1F4971;
    }

.footer-right li {
    display: block;
}

.footer-right {
    padding-left: 8em;
}
/*--footer--*/
/*--footer-bottom--*/
.foot-nav ul li {
    display: inline-block;
    float: left;
}

.foot-nav li a {
    color: #fff;
    font-size: 1em;
    padding: 0.5em 1em;
    text-decoration: none;
    font-weight: 700;
}

.foot-nav {
    background: #1F4971;
}

    .foot-nav ul {
        padding: 0.65em 0;
    }

    .foot-nav li a {
        color: #fff;
        font-size: 0.95em;
        padding: 0.7em 1.5em;
        text-decoration: none;
        font-weight: 500;
        text-transform: uppercase;
        border-right: 1px solid rgba(255, 255, 255, 0.32) !important;
    }
/*--footer-bottom--*/
.copyright {
    background: #fff;
    padding: 0.4em 0;
    text-align: center;
}

.banner1 {
    /*background: url(../images/banner.jpg) no-repeat 0px 0px;*/
    background: url(../images/Gospa_Sonne.jpg) no-repeat 0px -80px;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 200px;
}

.technology-1 {
    margin: 2em 0;
}

.vide {
    padding: 2em;
    background: #fff;
    margin-bottom: 1em;
}

.vide-1 {
    padding: 2em 2em 1.6em;
    background: #fff;
}

.rev-img {
    float: left;
    width: 30%;
    position:relative;
}
.date{position:absolute; top:10px; left:10px; padding:2px 5px; background-color:#1F4971; color:white; border-right:#f53f1a 3px solid;}
.date-small { padding: 2px 5px; background-color: #1F4971; color: white; border-right: #f53f1a 2px solid; font-size:11px; width:70px; margin-bottom:3px; }
.rev-info { float: right; width: 67%; }

.rev h3 {
    margin: 0 !important;
}

.rev {
    margin-bottom: 1.6em;
}

.technology-1 h3 {
    margin: 0.5em 0 0;
    font-size: 1.7em;
}

    .technology-1 h3 a { color: #1F4971; font-weight: 700; /* font-family: 'Roboto Condensed', sans-serif;*/ font-family: 'Oswald', sans-serif; }

.technology-1 p {
    color: #777;
    font-size: 0.875em;
    line-height: 1.8em;
    margin: 1em 0;
}
/*CSS -CUSTOM*/
.img-news-bt {
    border-bottom: 3px solid #f76d6d;
}
.mt20 {
    margin-top: 20px;
}
.silver {
    background-color: #F7F7F7;
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #cfcfcf;
}
.big3 {
    border: 1px solid #cfcfcf;
    height: 180px;
    text-align: center;
    padding-top: 40px;
    color: #596073;
    font-family: 'Catamaran';
}
    .big3 span {
        color: #596073;
        font-size: 40px;
      
    }
.big3 h4{
   
}
.img-top {
    border-bottom: 3px solid #f76d6d;
}
.naslov-izd {
    background-color: #f76d6d;
    color: white;
    position: absolute;
    bottom: 30px;
    left: 0px;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 700;
}
.date {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 2px 5px;
    background-color: #374785;
    color: white;
    border-right: #f76d6d 3px solid;
}

.date-small {
    padding: 2px 5px;
    background-color: #1F4971;
    color: white;
    border-right: #f53f1a 2px solid;
    font-size: 11px;
    width: 70px;
    margin-bottom: 3px;
}
.p0 {
    padding: 0px;
}
.board-sign {
    border-bottom: 2px solid #374785;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
   
}
.board-sign-in {
    background-color: #374785;
    color: white;
    padding: 7px 20px 5px 20px;
    width: 200px;
    font-weight: 700;
   
}

.top3-img {
    position: relative;
    padding: 0px;
}
/*--business--*/
.business {
    padding: 2em 2em 1.8em;
    background: #fff;
}

    .business li {
        display: block;
    }

        .business li a {
            color: #333333;
            font-size: 1em;
            line-height: 2em;
        }

    .business h3 {
        color: #f53f1a;
        font-size: 1.7em;
        font-weight: 700;
        margin: 0 0 0.5em;
    }

    .business h2 {
        color: #f53f1a;
        font-size: 1.7em;
        font-weight: 700;
        margin: 0.5em 0;
    }

        .business h2 a {
            color: #f53f1a;
        }

    .business h4 {
        color: #f53f1a;
        font-size: 1.7em;
        font-weight: 700;
        margin: 0.5em 0;
        text-align: center;
    }

.business-bottom {
    margin-top: 3em;
}

.business-top {
    padding-bottom: 3em;
    border-bottom: 1px solid #aeaeae;
}
/*--business--*/
.design-left {
    margin-top: 2em;
}

.design-top {
    margin-top: 3.7em;
}

.rev-1 {
    padding-bottom: 2em;
    margin-bottom: 1.55em;
    border-bottom: 1px solid #aeaeae;
}
/*--contact--*/
.map iframe {
    width: 100%;
    height: 400px;
}

.contact-grids h2 {
    color: #ed645c;
    font-weight: 600;
    margin-bottom: 0.5em;
    font-size: 2.1em;
    margin-top: 1.5em;
    font-family: 'Audiowide', cursive;
}

.contact-grids p.design {
    margin: .2em 0 0 0;
    color: #999999;
    font-size: 25px;
    text-align: center;
    font-weight: 300;
}

.contact-grid {
    float: left;
    width: 25%;
    text-align: center;
}

    .contact-grid p {
        color: #898888;
        font-size: 15px;
        margin: 1em 0 0;
    }

        .contact-grid p span {
            display: block;
            margin: .3em 0 0;
        }

.glyphicon-phone-alt:before, .glyphicon-map-marker:before {
    color: #C2C4C5;
    font-size: 22px;
}

.glyphicon-envelope2:before {
    content: "\2709";
    color: #C2C4C5;
    font-size: 22px;
}

.contact-grid p a {
    color: #898888;
    font-size: 15px;
}

    .contact-grid p a:hover {
        text-decoration: none;
        color: #7EC259;
    }

.contact-grid:nth-child(2) {
    margin: 0 4em;
}

.contact-grids input[type="text"], .contact-grids textarea {
    outline: none;
    border: 1px solid #a1a1a1;
    background: none;
    padding: 15px 10px;
    font-size: 15px;
}

.contact-grids input[type="text"] {
    width: 32%;
    float: left;
}

    .contact-grids input[type="text"]:nth-child(2) {
        margin: 0 0.8em;
    }

.contact-grids textarea {
    width: 100%;
    height: 285px;
    margin: 1.5em 0;
    resize: none;
}

.contact-grids input[type="submit"] {
    outline: none;
    border: none;
    background: #f53f1a;
    width: 16%;
    display: block;
    padding: 8px 0px;
    border: 2px solid #f53f1a;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
}

    .contact-grids input[type="submit"]:hover {
        background: #fff;
        color: #333333;
        border: 2px solid #333333;
    }

.contact-icons {
    padding: 3em 0 4em;
}

.map {
    margin-top: 3em;
}

span.glyphicon.glyphicon-download-alt, span.glyphicon.glyphicon-file, span.glyphicon.glyphicon-qrcode, span.glyphicon.glyphicon-globe, span.glyphicon.glyphicon-screenshot, span.glyphicon.glyphicon-link, span.glyphicon.glyphicon-share, span.glyphicon.glyphicon-record {
    font-size: 4em;
    padding-top: 0.25em;
}

.servc-grid-right h4 {
    text-align: left;
    margin: 0;
}

.servc-grid {
    margin-bottom: 2.22em;
}

.grid_3.grid_5 {
    margin-top: 2em;
}
/*--single--*/
h4.media-heading {
    font-size: 1.5em;
    color: #333333;
    text-align: left;
    margin: 0;
    font-weight: 400;
}

.media-body p {
    color: #9E9E9E;
    font-size: 0.875em;
    line-height: 1.8em;
}

.comment-bottom input[type="text"], .comment-bottom textarea {
    background: none;
    width: 100%;
    outline: none;
    border: 1px solid #e2e2e2;
    padding: 1em 0.8em;
    font-size: 1em;
    color: #e2e2e2;
    margin: 0 0 0.7em;
    float: left;
}

.comment-bottom textarea {
    resize: none;
    margin: 0em 0 0.5em;
    min-height: 180px;
    -webkit-appearance: none;
}

.comment-bottom input[type="submit"] {
    width: 11%;
    font-size: 1.1em;
    background: #1F4971;
    padding: 0.5em 1em;
    text-align: center;
    color: #fff;
    border: none;
    outline: none;
    margin: 0 auto;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
    cursor: pointer;
}

    .comment-bottom input[type="submit"]:hover {
        background: #333333;
    }

.comment h3, .comment-top h2 {
    color: #f53f1a;
    font-size: 2.5em;
    text-align: left;
    padding: 0 0 0.5em;
    font-weight: 400;
}

.comment {
    padding: 3em 0 0;
}

.blog-slike {
    margin-top: 20px;
}

.blog-text h5 {
    font-size: 1.7em;
    margin: 0.6em 0;
    color: #1F4971;
    font-weight: 700;
}
/*--//single--*/
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #464646 !important;
}

.copyright p {
    font-size: 0.875em;
    color: #000;
    line-height: 1.8em;
}

    .copyright p a {
        color: #000;
        font-weight: 700;
    }

        .copyright p a:hover {
            color: #1F4971;
        }
/*-- responsive-design --*/
@media (max-width: 1024px) {
    ul.nav.navbar-nav li a {
        padding: 15px 14px !important;
    }

    .banner {
        padding: 8em 0 0;
    }

        .banner h2 {
            font-size: 2em;
        }

        .banner p {
            font-size: 1em;
        }

    .banner {
        min-height: 500px;
    }

    .tech-btm h4 {
        font-size: 1.17em;
        margin-bottom: 0.5em;
        border-bottom: 1px dashed #1F4971;
    }

    .blog-grid-right {
        width: 59%;
       
    }

    .tech-btm h5 {
        font-size: 0.9em;
    }

    .footer h6 {
        font-size: 1.5em;
    }

    .footer-middle {
        padding-left: 7em;
    }

    .footer-right {
        padding-left: 6em;
    }

    .footer h4 {
        font-size: 1.6em;
    }

    .foot-nav li a {
        padding: 0.7em 1.15em;
    }

    .technology {
        min-height: 200em;
    }

    .comment-bottom input[type="submit"] {
        width: 16%;
        font-size: 1em;
        padding: 0.4em 1em;
    }

    .contact-grid p {
        font-size: 13px;
    }

    .contact-grids input[type="text"]:nth-child(2) {
        margin: 0 0.7em;
    }
}
/*-- responsive-design --*/
@media (max-width: 966px) {
    ul.nav.navbar-nav li a {
        padding: 12px 5px !important;
        font-size: 0.95em;
    }

    .search {
        width: 23%;
    }

    .social {
        width: 36.33%;
       
    }

    .logo a h1 {
        font-size: 1.8em;
    }

    .technology-left {
        width: 70%;
        float: left;
    }

    .technology-right {
        width: 30%;
        float: right;
    }

    .tc-ch {
        float: left;
        /*width: 91%;*/
        padding: 1em;
       
    }

    .tech-btm {
        padding: 1em;
    }

        .tech-btm h4 {
            text-align: center;
            line-height: 1.2em;
            border-bottom: 1px dashed #1F4971;
        }

        .tech-btm p {
            font-size: 0.8125em;
            line-height: 1.5em;
        }

    .tc-ch p {
        font-size: 0.8125em;
        line-height: 1.5em;
    }

    .blog-poast-info li i {
        font-size: 1.1em;
        margin-top: -3px;
    }

    .blog-poast-info ul li {
        margin-right: 0.3em;
    }

    .blog-grid-right {
        width: 58%;

    }

    .tech-btm h5 {
        font-size: 0.875em;
    }

    .technology {
        min-height: 164em;
    }

    .footer-left {
        float: left;
        width: 33.33%;
    }

    .footer-middle {
        padding-left: 3em;
        float: left;
        width: 33.33%;
    }

    .footer-right {
        padding-left: 3em;
        float: left;
        width: 33.33%;
    }

    .footer p {
        font-size: 0.8125em;
        line-height: 1.5em;
    }

    .footer-right li a {
        font-size: 0.825em;
    }

    .footer h6 {
        font-size: 1.3em;
        padding: 0.5em 1em;
    }

    .footer {
        padding: 3em 0 2em;
    }

    .foot-nav li a {
        padding: 0.7em 0.6em;
        font-size: 0.9em;
    }

    .technology-1 p {
        font-size: 0.8125em;
    }

    .technology-1 h3 {
        font-size: 1.5em;
    }

    .vide {
        padding: 1em;
    }

    .technology-right-1 {
        width: 30%;
        float: right;
      
    }

    .vide-1 {
        padding: 1em 1em;
    }

    .business {
        padding: 1em 1em 1em;
    }

    .comment h3, .comment-top h2 {
        font-size: 2em;
    }

    h4.media-heading {
        font-size: 1.3em;
    }

    .contact-grids input[type="text"]:nth-child(2) {
        margin: 0 0.5em;
    }

    .contact-grid {
        width: 31%;
    }

        .contact-grid:nth-child(2) {
            margin: 0 0em;
        }
}
/*-- responsive-design --*/
@media (max-width: 768px) {
    .banner {
        min-height: 440px;
        padding: 6em 0 0;
    }

    span.glyphicon.glyphicon-file, span.glyphicon.glyphicon-qrcode, span.glyphicon.glyphicon-globe, span.glyphicon.glyphicon-screenshot, span.glyphicon.glyphicon-link, span.glyphicon.glyphicon-share, span.glyphicon.glyphicon-record {
        font-size: 3em;
    }

    .business-left {
        margin-top: 2em;
    }
}
/*-- responsive-design --*/
@media (max-width: 736px) {
    .logo a h1 {
        font-size: 1.4em;
        margin-top: 0.2em;
    }

    .social {
        width: 42.33%;
    }

    .header-top {
        padding: 1em 0;
        
      
    }

        .header-top img {
            max-width: 100%;
        }

    .banner {
        min-height: 330px;
        padding: 4em 0 0;
    }

        .banner h2 {
            font-size: 1.7em;
        }

        .banner p {
            font-size: 0.875em;
            width: 100%;
        }

    .technology-left {
        width: 100%;
    }

    .technology-right {
        width: 100%;
        float: none;
    }

    .technology-right {
        width: 100%;
        float: none;
        margin: 183em 0 0;
    }

    .tech-btm {
        padding: 2em;
    }

    .footer {
        margin-top: 2em;
    }

        .footer h6 {
            font-size: 1.2em;
            padding: 0.5em 0.3em;
        }

        .footer h4 {
            font-size: 1.5em;
        }

    .blog-grid-left {
        float: left;
        width: 18%;
    }

    .tc-ch {
        float: left;
        /*width: 91.5%;*/
        padding: 1em;

    }

    .navbar-nav {
        margin: 7.5px 0px;
    }

    .technology-right-1 {
        width: 100%;
        float: right;
      

    }

    .banner1 {
        min-height: 150px;
    }

    .navbar-toggle .icon-bar {
        background: #fff !important;
    }

    .foot-nav li a {
        padding: 0.5em 0.6em;
        font-size: 0.85em;
    }
}
/*-- responsive-design --*/
@media (max-width: 667px) {
    .foot-nav li a {
        padding: 0.5em 0.4em;
    }
}
/*-- responsive-design --*/
@media (max-width: 600px) {
    .foot-nav li a {
        padding: 0.5em 0.2em;
    }
}
/*-- responsive-design --*/
@media (max-width: 568px) {
    .logo {
        float: left;
        width: 40%;
        text-align: center;
    }
    .logo2 { float: left; width: 40%; text-align: center; }
    .logo3 { float: left; width: 40%; text-align: center; }

    .social {
        width: 100%;
        float: right;
        text-align: right;
        margin-top: 1em;
        padding: 0;
    }

    .logo a h1 {
        margin-top: 0;
        padding: 0.35em 0.5em;
    }

    .search {
        width: 40%;
    }

    .banner {
        padding: 3em 0 0;
    }

    .rev-img {
        float: left;
        width: 100%;
    }

    .rev-info {
        float: right;
        width: 100%;
        margin-top: 1em;
    }

    .contact-grid {
        width: 100%;
        margin-bottom: 1em;
        text-align: left;
    }

    .contact-icons {
        padding: 1em 0 1em;
    }

    .contact-grids input[type="text"] {
        width: 100%;
        float: left;
        margin-bottom: 0.5em;
    }

        .contact-grids input[type="text"]:nth-child(2) {
            margin: 0 0 0.5em;
        }

    .contact-grids textarea {
        height: 200px;
    }

    .contact-grids input[type="submit"] {
        width: 31%;
        padding: 7px 0px;
    }

    .foot-nav li a {
        font-size: 0.8em;
    }
}
/*-- responsive-design --*/
@media (max-width: 480px) {
    .footer-left {
        float: none;
        width: 100%;
    }

    .footer-middle {
        float: none;
        width: 100%;
        margin: 1.5em 0;
        padding-left: 1em;
    }

    .footer-right {
        float: none;
        width: 100%;
        padding-left: 1em;
    }

    .technology-1 h3 {
        font-size: 1.2em;
    }

    .servc-grid-left {
        float: left;
        width: 100%;
        text-align: center;
        padding: 0;
        margin-bottom: 1em;
    }

    .servc-grid-right {
        float: left;
        width: 100%;
        padding: 0;
    }

    .servc-grid {
        margin-bottom: 1em;
    }

    .servc-grid-right h4 {
        font-size: 1.5em;
    }

    .blog-text h5 {
        font-size: 1.4em;
    }

    .business li a {
        font-size: 0.875em;
    }

    .map iframe {
        width: 100%;
        height: 210px;
    }

    .map {
        margin-top: 2em;
    }

    .foot-nav ul li {
        margin-bottom: 0.5em;
    }

    .foot-nav li a {
        padding: 0.5em 0.84em;
        border-right: none !important;
    }
}
/*-- responsive-design --*/
@media (max-width: 414px) {
    .tc-ch {
        float: left;
        /*width: 87.5%;*/
        padding: 1em;
    }

    .banner h2 {
        font-size: 1.2em;
    }

    .banner p {
        font-size: 0.8em;
        line-height: 1.4em;
    }

    .banner {
        min-height: 280px;
    }

        .banner a {
            font-size: 0.9em;
            padding: 0.5em 1em;
        }

    .tech-btm {
        padding: 1em;
    }

    .logo {
        width: 46%;
    }

        .logo a h1 {
            padding: 0.6em 0.5em;
            font-size: 1.2em;
        }

    .vide iframe {
        min-height: 150px !important;
    }

    .servc-grid-right h4 {
        font-size: 1.25em;
    }

    .media-left, .media-right, .media-body {
        float: left !important;
        width: 100% !important;
    }

    h4.media-heading {
        text-align: left;
        margin: 1em 0;
    }

    .comment-bottom input[type="submit"] {
        width: 25%;
    }

    .business h2 {
        font-size: 1.4em;
    }

    .design-top {
        margin-top: 1.7em;
    }
}
/*-- responsive-design --*/
@media (max-width: 384px) {
    .logo {
        width: 70%;
    }

        .logo a h1 {
            font-size: 1.2em;
            padding: 0.55em 0.5em;
          
        }

    .search {
        margin: 0;
    }

    .tc-ch {
        /*width: 86.5%;*/

    }

    .foot-nav li a {
        padding: 0.5em 0.55em;
    }
}
/*-- responsive-design --*/
@media (max-width: 320px) {
    .logo a h1 {
        font-size: 1em;
        padding: 0.5em 0.5em;
    }

    .search {
        width: 43%;
        border: 1px solid #333333;
        padding: 0.3em 0;
    }

    .social {
        text-align: center;
    }

    .header-top {
        padding: 0.8em 0 0;

    }

    .search input[type="submit"] {
        top: 2px;
    }

    .banner {
        padding: 2em 0 0;
    }

    .navbar-toggle {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .technology-left {
        padding: 0;
    }

    .tc-ch {
        /*width: 84.6%;*/

    }

    .tech-no { top: 20px; }

    .banner p {
        margin: 1em auto 1.5em;
    }

    .banner a {
        font-size: 0.85em;
        padding: 0.4em 0.8em;
    }

    .soci {
        padding-top: 1.42em;
        
    }

    .tc-ch h3 {
        font-size: 1.2em;
    }

    .technology-right {
        margin: 196em 0 0;
        padding: 0;
    }

    .blog-grid-left {
        width: 30%;
    }

    .blog-grid-right {
        width: 65%;

    }

    .footer-left, .footer-middle, .footer-right {
        padding: 0;
    }

    .footer {
        margin-top: 1em;
    }

    .footer {
        padding: 2em 0 2em;
    }

        .footer h4 {
            margin-bottom: 0.5em;
        }

    .copyright {
        padding: 0.5em 0;
    }

    .banner1 {
        min-height: 130px;
    }

    .technology-right-1 {
        padding: 0;
    
    }

    .blog-text h5 {
        font-size: 1.2em;
    }

    .business-left {
        margin-top: 1em;
        padding: 0;
    }

    .foot-nav li a {
        padding: 0.5em 0.35em;
        font-size: 0.75em;
    }
}

.entry-tags iframe {
    max-width: 100%;
    margin-top: 15px;
}

.columnGal {
    float: left;
    margin-bottom: 15px;
    /*width: 50%;*/
}

    .columnGal img {
        max-width: 100%;
    }

.rev-doc {
    float: left;
    width: 20%;
    position: relative;
}
.rev-info-doc {
    float: right;
    width: 77%;
    margin-top: 10px;
}
.rev h3 {
    margin: 0 !important;
}