/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
li{list-style:none}


/* =============================================================================
   My CSS
   ========================================================================== */

/* ---- base ---- */

html,body{ 
	width:100%;
	height:100%;

}

                                                                  
.newfont{   
    font-family: Geogrotesque-Rg !important;  
}
.newfontsize{
    font-size:18px !important;
}
.newfontsize1{
     font-size:20px !important;
}

.newfontsize2{
     font-size:16px !important;
}

html{
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


canvas{
  display:block;
  vertical-align:bottom;
}


/* ---- stats.js ---- */

.count-particles{
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles{
  font-size: 1.1em;
}

#stats,
.count-particles{
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats{
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles{
  border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */

#particles-js11{
  width: 100%; 
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  
  background: rgba(12,206,188,1);
/* Old Browsers */background: -moz-linear-gradient(-45deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(12,206,188,1)), color-stop(100%, rgba(49,93,183,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(-45deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(-45deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(-45deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);
 /* IE 10+ */background: linear-gradient(135deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ccebc', endColorstr='#315db7', GradientType=1 );
/* IE6-9 fallback on horizontal gradient */
}

.headeroverlay {
    background: rgba(0,0,0,0.2);
   
}


#particles-js{
  width: 100%; 
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  
  background: rgba(12,206,188,1);
/* Old Browsers */background: -moz-linear-gradient(-45deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(12,206,188,1)), color-stop(100%, rgba(49,93,183,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(-45deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(-45deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(-45deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);
 /* IE 10+ */background: linear-gradient(135deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ccebc', endColorstr='#315db7', GradientType=1 );
/* IE6-9 fallback on horizontal gradient */
}



.boxA:hover .inner-content1{
display : none;
}

    

    .boxA{
      background: rgba(12,206,188,1);
/* Old Browsers */background: -moz-linear-gradient(-45deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(12,206,188,1)), color-stop(100%, rgba(49,93,183,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(-45deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(-45deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(-45deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);
 /* IE 10+ */background: linear-gradient(135deg, rgba(12,206,188,1) 0%, rgba(49,93,183,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ccebc', endColorstr='#315db7', GradientType=1 );
/* IE6-9 fallback on horizontal gradient */      
   
    border-radius: 0px 0;
    position: relative;
    overflow: hidden;
    height:170px;
    cursor:pointer;
    width:105%;
   
}
.boxA:before,
.boxA:after,
.boxA .boxA-content:before,
.boxA .boxA-content:after{
    content: "";
    background: WHITE;
    color:red;
    width: 50%;
    height: 4px;
    transform: scaleX(0);
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
    transition: all 600ms ease;
}
.boxA:after{
    top: auto;
    bottom: 15px;
    left: auto;
    right: 15px;
}
.boxA .boxA-content:before,
.boxA .boxA-content:after{
    width: 4px;
    height: 50%;
    transform: scaleY(0);
}
.boxA .boxA-content:after{
    left: auto;
    right: 15px;
    top: auto;
    bottom: 15px;
}
.boxA:hover:before,
.boxA:hover:after,
.boxA:hover .boxA-content:before,
.boxA:hover .boxA-content:after{
    transform: scale(1);

}
.boxA img{
    width: 100%;
    height: auto;
    transform: scale3d(1.1, 1.1, 1);
    transition: all 0.25s linear;
}
.boxA:hover img{
    opacity:0;
    transform: scale(1.25);
}

.boxA .inner-content1{


    background:black; 
    color: white;
    text-align: center;
    width: 100%;
    height:100%;
    opacity: 0.70;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all 600ms ease;
    
}

.boxA-content1 .title1
{
    color:white;
    opacity:100;
    
}



.boxA .inner-content{
    color: white;
    text-align: center;
    width: 70%;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 70%;
    left: 50%;
    transition: all 600ms ease;

}

.spacspan
{
    height:200px;
}

.boxA:hover .inner-content{
    opacity: 1;
    top: 50%;
}
.boxA .title{
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 3px;
}

.boxA .title1{
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 3px;
}



.boxA .post{
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin: 0 0 12px;
    display: block;
}
.boxA .icon{
    padding: 0;
    margin: 0;
    list-style: none;
}
.boxA .icon li{
    display: inline-block;
    margin: 0 4px;
}
.boxA .icon li a{
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    height: 35px;
    width: 35px;
    border: 2px solid #fff;
    border-radius: 10px 0 10px 0;
    display: block;
    transition: all 0.3s;
}
.boxA .icon li a:hover{
    color: #b31217;
    background: #fff;
    border-radius: 0 10px 0 10px;
}







.clearfix:before,
        .clearfix:after {
            content: " ";
            display: table;
        }

        .clearfix:after {
            clear: both;
        }

        .clearfix {
            *zoom: 1;
        }

        .containerddh {
            position: relative;
            margin: 0px auto;
            padding: 50px 0;
            clear: both;
        }



        .site-logo img {          /*//change*/
    min-width: 110px;
}

        @media only screen and (min-width: 1200px) {
            .container {
                width: 1210px;
            }
        }

         @media only screen and (min-width:1199px) and (max-width: 1250px) {        /*//change*/
           
            .containerddh
            {
                display:none;
            }
        }



        @media only screen and (min-width: 960px) and (max-width: 1199px) {
            .container {
                width: 1030px;
            }


             /*.boxA{
       border-radius: 0px 0;
    position: relative;
    overflow: hidden;
    height:300px;
    cursor:pointer;
    width:300%;   
}*/

            .containerddh
            {
                display:none;
            }
        }

        @media only screen and (min-width: 768px) and (max-width: 959px) {
            .container {
                width: 682px;
            }
              .containerddh
            {
                display:none;
            }
        }

        @media only screen and (min-width: 480px) and (max-width: 767px) {
            .container {
                width: 428px;
                margin: 0 auto;
            }
              .containerddh
            {
                display:none;
            }
        }

        @media only screen and (max-width: 479px) {
            .container {
                width: 320px;
                margin: 0 auto;
            }
              .containerddh
            {
                display:none;
            }
        }


        .mcd-menu {
            list-style: none;
            padding: 0;
            margin: 0;
            background: rgba(255,255,255,0.5);
            height: 100px;
            border-radius: 2px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            color:black;
        }

            .mcd-menu li {
                float: left;
                position: relative;
            }

                .mcd-menu li a {
                    display: block;
                    text-decoration: none;
                    padding: 12px 20px;
                    text-align: center;
                    color: black;
                    border-right: 1px solid #E7E7E7;
                    font-weight: 200;
                }

                    .mcd-menu li a i {
                        display: block;
                        font-size: 25px;
                        margin-bottom: 10px;
                    }

                    .mcd-menu li a strong {
                        display: block;
                        text-transform: uppercase;
                        font-weight: normal;

                    }

                    .mcd-menu li a small {
                        display: block;
                        font-size: 10px;
                    }

                    .mcd-menu li a i, .mcd-menu li a strong, .mcd-menu li a small {
                        position: relative;
                        transition: all 300ms linear;
                        -o-transition: all 300ms linear;
                        -ms-transition: all 300ms linear;
                        -moz-transition: all 300ms linear;
                        -webkit-transition: all 300ms linear;
                    }

                .mcd-menu li:hover > a i {
                    opacity: 1;
                    -webkit-animation: moveFromTop 300ms ease-in-out;
                    -moz-animation: moveFromTop 300ms ease-in-out;
                    -ms-animation: moveFromTop 300ms ease-in-out;
                    -o-animation: moveFromTop 300ms ease-in-out;
                    animation: moveFromTop 300ms ease-in-out;
                }

                .mcd-menu li:hover a strong {
                    opacity: 1;
                    -webkit-animation: moveFromLeft 300ms ease-in-out;
                    -moz-animation: moveFromLeft 300ms ease-in-out;
                    -ms-animation: moveFromLeft 300ms ease-in-out;
                    -o-animation: moveFromLeft 300ms ease-in-out;
                    animation: moveFromLeft 300ms ease-in-out;
                }

                .mcd-menu li:hover a small {
                    opacity: 1;
                    -webkit-animation: moveFromRight 300ms ease-in-out;
                    -moz-animation: moveFromRight 300ms ease-in-out;
                    -ms-animation: moveFromRight 300ms ease-in-out;
                    -o-animation: moveFromRight 300ms ease-in-out;
                    animation: moveFromRight 300ms ease-in-out;
                }

                .mcd-menu li:hover > a {
                    /*color: blue;*/
                    color:#10c4bc;
                }

                .mcd-menu li a.active {
                    position: relative;
                    /*color: blue;*/
                    color:#10c4bc;
                    border: 0;
                    /*border-top: 4px solid blue;
                    border-bottom: 4px solid blue;*/
                    border-top: 4px solid #10c4bc;
                    border-bottom: 4px solid #10c4bc;
                    margin-top: -4px;
                    box-shadow: 0 0 5px #DDD;
                    -moz-box-shadow: 0 0 5px #DDD;
                    -webkit-box-shadow: 0 0 5px #DDD;
                }

                    .mcd-menu li a.active:before {
                        content: "";
                        position: absolute;
                        top: 0;
                        left: 45%;
                        /*border-top: 5px solid blue;*/
                        border-top: 5px solid #10c4bc;
                        border-left: 5px solid transparent;
                        border-right: 5px solid transparent;
                    }

        @-webkit-keyframes moveFromTop {
            from {
                opacity: 0;
                -webkit-transform: translateY(200%);
                -moz-transform: translateY(200%);
                -ms-transform: translateY(200%);
                -o-transform: translateY(200%);
                transform: translateY(200%);
            }

            to {
                opacity: 1;
                -webkit-transform: translateY(0%);
                -moz-transform: translateY(0%);
                -ms-transform: translateY(0%);
                -o-transform: translateY(0%);
                transform: translateY(0%);
            }
        }

        @-webkit-keyframes moveFromLeft {
            from {
                opacity: 0;
                -webkit-transform: translateX(200%);
                -moz-transform: translateX(200%);
                -ms-transform: translateX(200%);
                -o-transform: translateX(200%);
                transform: translateX(200%);
            }

            to {
                opacity: 1;
                -webkit-transform: translateX(0%);
                -moz-transform: translateX(0%);
                -ms-transform: translateX(0%);
                -o-transform: translateX(0%);
                transform: translateX(0%);
            }
        }

        @-webkit-keyframes moveFromRight {
            from {
                opacity: 0;
                -webkit-transform: translateX(-200%);
                -moz-transform: translateX(-200%);
                -ms-transform: translateX(-200%);
                -o-transform: translateX(-200%);
                transform: translateX(-200%);
            }

            to {
                opacity: 1;
                -webkit-transform: translateX(0%);
                -moz-transform: translateX(0%);
                -ms-transform: translateX(0%);
                -o-transform: translateX(0%);
                transform: translateX(0%);
            }
        }



        .mcd-menu li ul,
        .mcd-menu li ul li ul {
            position: absolute;
            height: auto;
            min-width: 200px;
            padding: 0;
            margin: 0;
            background: #FFF;
            border-top: 4px solid blue;
            opacity: 0;
            visibility: hidden;
            transition: all 300ms linear;
            -o-transition: all 300ms linear;
            -ms-transition: all 300ms linear;
            -moz-transition: all 300ms linear;
            -webkit-transition: all 300ms linear;
            top: 130px;
            z-index: 1000;
        }

            .mcd-menu li ul:before {
                content: "";
                position: absolute;
                top: -8px;
                left: 23%;
                border-bottom: 5px solid blue;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
            }

            .mcd-menu li:hover > ul,
            .mcd-menu li ul li:hover > ul {
                display: block;
                opacity: 1;
                visibility: visible;
                top: 100px;
            }

            .mcd-menu li ul li {
                float: none;
            }

                .mcd-menu li ul li a {
                    padding: 10px;
                    text-align: left;
                    border: 0;
                    border-bottom: 1px solid #EEE;
                }

                    .mcd-menu li ul li a i {
                        font-size: 16px;
                        display: inline-block;
                        margin: 0 10px 0 0;
                    }

                .mcd-menu li ul li ul {
                    left: 230px;
                    top: 0;
                    border: 0;
                    border-left: 4px solid blue;
                }

                    .mcd-menu li ul li ul:before {
                        content: "";
                        position: absolute;
                        top: 15px;
                        left: -14px;
                        border-right: 5px solid blue;
                        border-bottom: 5px solid transparent;
                        border-top: 5px solid transparent;
                    }

                .mcd-menu li ul li:hover > ul {
                    top: 0px;
                    left: 200px;
                }



        .mcd-menu li.float {
            float: right;
        }

        .mcd-menu li a.search {
            padding: 29px 20px 30px 10px;
        }

            .mcd-menu li a.search i {
                margin: 0;
                display: inline-block;
                font-size: 18px;
            }

            .mcd-menu li a.search input {
                border: 1px solid #EEE;
                padding: 10px;
                background: #FFF;
                outline: none;
                color: #777;
            }

            .mcd-menu li a.search button {
                border: 1px solid blue;
                padding: 10px;
                background: blue;
                outline: none;
                color: #FFF;
                margin-left: -4px;
            }

            .mcd-menu li a.search input:focus {
                border: 1px solid blue;
            }


        .search-mobile {
            display: none !important;
            background: blue;
            border-left: 1px solid blue;
            border-radius: 0 3px 3px 0;
        }

            .search-mobile i {
                color: #FFF;
                margin: 0 !important;
            }


        @media only screen and (min-width: 960px) and (max-width: 1199px) {
            .mcd-menu li a.search input {
                width: 100px;
            }
        }

        @media only screen and (min-width: 768px) and (max-width: 959px) {
            .mcd-menu {
                height: 85px;
            }

                .mcd-menu li a {
                    padding: 12px;
                }

                    .mcd-menu li a i {
                        font-size: 22px;
                    }

                    .mcd-menu li a strong {
                        font-size: 12px;
                    }

                    .mcd-menu li a small {
                        font-size: 10px;
                    }

                    .mcd-menu li a.search {
                        display: none;
                    }

            .search-mobile {
                display: block !important;
                margin: 20px;
                border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
            }

            .mcd-menu li:hover > ul {
                top: 85px;
                min-width: 180px;
            }

            .mcd-menu li ul li > ul {
                min-width: 150px;
                left: 200px;
                top: 0;
            }

            .mcd-menu li ul li:hover > ul {
                min-width: 150px;
                left: 180px;
                top: 0;
            }

            .mcd-menu li ul li ul li ul {
                min-width: 150px;
                left: 25px !important;
                top: 54px;
                border: 0;
                border-top: 3px solid blue;
            }

            .mcd-menu li ul li ul li:hover ul {
                top: 35px;
            }

            .mcd-menu li ul li ul li ul:before {
                border: 0;
                border-bottom: 5px solid blue;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                left: 10%;
                top: -8px;
            }

            .mcd-menu li:hover ul a {
                font-size: 12px;
            }

                .mcd-menu li:hover ul a i {
                    font-size: 14px;
                }
        }

        @media only screen and (min-width: 480px) and (max-width: 767px) {
            .mcd-menu {
                height: 42px;
                position: relative;
            }

                .mcd-menu li a {
                    padding: 12px 17.7px;
                }

                    .mcd-menu li a strong, .mcd-menu li a small, .mcd-menu li a.search {
                        display: none;
                    }

                    .mcd-menu li a i {
                        margin: 0;
                        font-size: 18px;
                    }

                .mcd-menu li {
                    position: static;
                }

                    .mcd-menu li ul {
                        min-width: 100%;
                        left: 0;
                        top: 50px;
                    }

                    .mcd-menu li:hover > ul {
                        top: 42px;
                    }

                    .mcd-menu li > ul:before {
                        border: 0;
                    }

                    .mcd-menu li ul > li {
                        position: relative;
                    }

                    .mcd-menu li ul li:hover > ul {
                        left: 34px;
                    }

                    .mcd-menu li a {
                        position: relative;
                        font-size: 12px;
                    }

                        .mcd-menu li a:hover strong, .mcd-menu li a.active strong {
                            display: block;
                            
                            padding: 3px 0;
                            position: absolute;
                            top: -20px;
                            left: 0;
                            background: blue;
                            color: #FFF;
                            min-width: 100%;
                            text-transform: lowercase;
                            font-weight: normal;
                        }

                        .mcd-menu li a.active:before {
                            left: 40%;
                        }

            .search-mobile {
                display: block !important;
            }

            .mcd-menu li ul li > ul {
                min-width: 200px;
                left: 200px;
            }

            .mcd-menu li ul li:hover ul {
                left: 180px;
            }

            .mcd-menu li ul li ul:before {
                left: -9px;
            }

            .mcd-menu li ul li ul li ul {
                min-width: 200px;
                border: 0;
                border-top: 3px solid blue;
                left: 25px !important;
                top: 45px;
            }

            .mcd-menu li ul li ul li:hover ul {
                top: 40px;
            }

            .mcd-menu li ul li ul li ul:before {
                border: 0;
                border-bottom: 5px solid blue;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                left: 10%;
                top: -8px;
            }
        }

        @media only screen and (max-width: 479px) {
            .mcd-menu {
                height: 42px;
                position: relative;
            }

                .mcd-menu li a strong, .mcd-menu li a small, .mcd-menu li a.search {
                    display: none;
                }

                .mcd-menu li a {
                    padding: 12px 13.8px;
                    font-size: 12px;
                }

                    .mcd-menu li a i {
                        margin: 0;
                        font-size: 18px;
                    }

                .mcd-menu li {
                    position: static;
                }

                    .mcd-menu li ul {
                        min-width: 100%;
                        left: 0;
                        top: 50px;
                    }

                    .mcd-menu li:hover > ul {
                        top: 42px;
                    }

                    .mcd-menu li > ul:before {
                        border: 0;
                    }

                    .mcd-menu li ul > li {
                        position: relative;
                    }

                    .mcd-menu li ul li:hover > ul {
                        left: 34px;
                    }

                    .mcd-menu li a {
                        position: relative;
                    }

                        .mcd-menu li a:hover strong, .mcd-menu li a.active strong {
                            display: block;
                            font-size: 10px;
                            padding: 3px 0;
                            position: absolute;
                            top: -20px;
                            left: 0;
                            background: blue;
                            color: #FFF;
                            min-width: 100%;
                            text-transform: lowercase;
                            font-weight: normal;
                        }

                        .mcd-menu li a.active:before {
                            left: 40%;
                        }

                    .mcd-menu li ul li > ul {
                        min-width: 150px;
                        left: 160px;
                    }

                    .mcd-menu li ul li:hover ul {
                        left: 120px;
                    }

                    .mcd-menu li ul li ul:before {
                        left: -9px;
                    }

                    .mcd-menu li ul li ul li ul {
                        min-width: 160px;
                        left: 25px !important;
                        top: 39px;
                        border: 0;
                        border-top: 3px solid blue;
                    }

                    .mcd-menu li ul li ul li:hover ul {
                        top: 39px;
                    }

                    .mcd-menu li ul li ul li ul:before {
                        border: 0;
                        border-bottom: 5px solid blue;
                        border-left: 5px solid transparent;
                        border-right: 5px solid transparent;
                        left: 10%;
                        top: -8px;
                    }
        }