/*-----------------------------------------------------------------------------

KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet

version:   	1.0
date:      	07/27/11
author:		themepunch
email:     	support@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/
/*body {padding-top: 143px;}*/

@charset "utf-8";

body {
    /*padding-top: 143px;*/
    /*overflow: hidden;*/
}

a {
   outline: 0;
}

a:hover, a:active, a:focus {
  outline: 0;
}



table.comp {
   
    font-size: 13px;
    font-family: 'robotoregular';
     color: #4f6169;
         border-radius: 10px;
         overflow:hidden;
             border: 1px solid #ededed;
}


table.comp thead td{
  padding: 10px;
      padding-left: 20px;
}

table.comp thead tr{
  padding: 10px;
  background-color:#35BFC0;
  color:#fff;
      font-size: 20px;
}


table.comp tbody td{
  padding: 8px;
      padding-left: 20px;
}

table.comp tbody td a{
 float:left;
}

table.comp tbody tr:nth-child(even){
  background-color: #EDEEEF !important;
  color: #4f6169;
}



 
 .front-port .portfolioContainer { height: 400px !important; overflow: hidden;}
 .front-port .isotope { height: 400px !important; overflow: hidden;}
 .mapheight { height: 360px !important;}








.topsign { /* background:url('../images/signtop1.png') no-repeat 15% center #fff;*/
    font-size: 14px;
    border: none !important;
    padding: 0px !important;
    font-family: 'robotoregular';
    text-transform: uppercase;
}

    .topsign:hover { /* background:url('../images/signtop.png') no-repeat 15% center #35BFC0; */
        background: #fff;
        color: #a5aaaa !important;
    }

.modal-open {
    padding-right: 0px !important;
}

#approach-left > .active {
    background: red;
}

/*#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9999;
} 


#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%; 
    top: 50%; 
    background-image: url(../images/status.gif); 
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}
*/

a, button {
    transition: all ease 0.5s;
}


.boxedcontainer {
    max-width: 1170px;
    margin: auto;
    padding: 0px 30px;
    position: relative;
}
/*********************************************
	-	SETTINGS FOR BANNER CONTAINERS	-
**********************************************/

.tp-banner-container {
    width: 100%;
    position: relative;
    padding: 0;
}

.tp-banner {
    width: 100%;
    position: relative;
}

.tp-banner-fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0;
}

.boxedcontainer-form {
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 7777;
    max-width: 1170px;
    margin: 0px auto;
    top: 0px;
}

.boxedcontainer-form-inner {
    float: right;
    padding: 25px 0px 0px;
    width: 300px;
}

body {
    width: 100%;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-weight: 300;
    background-color: #fff;
}

html {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
    text-transform: capitalize;
    font-weight: 400;
    color: #333;
    text-align: left;
    letter-spacing: 1px;
}

p {
    margin: 0px;
    font-size: 14px;
    line-height: 18px;
    padding: 1% 0px;
    color: #333;
    text-align: left;
}

.pckg { padding-left:15px !important;}

/*nav css*/
.navtop-strip {
    height: 70px;
    float: right;
}

.navtop-social {
    float: right;
    padding: 10px 0px;
    text-align: center;
}

    .navtop-social a {
        display: inline-block;
        padding: 0px 2px;
    }

.navtop-callact {
    float: right;
    text-align: center;
    margin: 4px 0 0 0px;
}

.ornage0 {
    color: #eb4e5a;
}

.green0 {
    color: #b2d234;
}

.blue0 {
    color: #73a4f6;
}

.top-pkg h3 {
    font-size: 22px;
    text-align: left;
    font-weight: normal;
    margin: 0px;
    line-height: 14px;
    font-family: 'bebas_neueregular';
}

.top-pkg span {
    font-size: 15px;
    display: block;
    font-family: 'bebas_neueregular';
    letter-spacing: 1px;
    color: #6d6d6d;
}

.top-pkg img {
    float: left;
    margin: 0 10px 0 0px;
}

.top-pkg {
    display: inline;
    padding: 0px 0px;
    position: relative;
    z-index: 77;
    width: 170px;
}

.top-txt {
    float: left;
    margin: 20px 0 0 0px;
}

.nav-back {
    background-color: #0e3656;
    width: 100%;
}

.call-num {
    text-align: right;
    font-size: 18px;
    color: #000;
    float: right;
    text-align: left;
    letter-spacing: 1px;
    font-family: 'bebas_kairegular';
    margin: -5px 10px 0 0;
}

    .call-num span {
        display: block;
        font-size: 14px;
        line-height: 16px;
        padding-top: 2px;
    }

    .call-num img {
        vertical-align: middle;
        margin-right: 5px;
        letter-spacing: 1px;
    }

.top-email {
    color: #697f89 !important;
    font-family: 'bebas_kairegular';
    font-size: 13px;
    font-weight: normal;
    clear: both;
    display: block;
    letter-spacing: 1px;
}

.call-tell {
    color: #2e2e2e;
    font-family: 'bebas_kairegular';
    font-size: 24px;
    font-weight: normal;
}

.nav-pos {
    position: relative;
}

#navbar-collapse-1 {
    background: #35bfc0 !important;
}

.navbar {
    margin-bottom: 0px;
    border: none !important;
    top: 0px;
    width: 100%;
}

.navbar-default {
    background-color: #fff;
    border-bottom: #ccc solid 1px;
}

.navbar-brand {
    height: auto;
    padding: 10px 15px;
    margin: 0 0 0 0px !important;
}

    .navbar-brand img {
    }

.ap {
    opacity: 0;
    transition: all 4.8s ease;
}

.top-pkg {
    
    transition: all 4.8s ease;
}

.call-num {
    transition: all 4.8s ease;
}

.navbar-nav {
    float: none;
    margin: 0px 0px;
    clear: both;
    background-color: #0e3656;
}




.inner-cat {
    padding-bottom: 10px;
    padding-top: 50px;
}

    .inner-cat li {
        font-family: 'robotoregular';
        font-size: 13px;
        padding: 7px 0 7px 20px;
        background: url(../images/subli-bg.jpg) no-repeat left center;
    }

        .inner-cat li a {
            color: #88939c;
        }

            .inner-cat li a:hover {
                color: #000;
            }


.navbar-default .navbar-nav > li > a {
    color: #fff;
    transition: all 0.4s ease-out 0s;
    font-weight: 300;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'robotoregular';
    text-transform: uppercase;
    font-size: 14px;
}

.nav > li {
    background: url(../images/li-bg.jpg) no-repeat right center;
}

    .nav > li > a {
        padding: 21px 18px;
        font-weight: 400;
    }

        .nav > li > a:focus {
            background: none !important;
        }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #35bfc0;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #fff;
    background-color: #35bfc0;
}

.navbar-toggle {
    margin-top: 20px;
    background-color: #e53727;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #e53727;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #e53727;
}

.nav-back .dropdown-menu > li > a {
    padding: 10px 10px;
}

.nav-back .dropdown-menu > li {
    border-bottom: 1px solid #7e7e7e;
}

    .nav-back .dropdown-menu > li:last-child {
        border-bottom: none;
    }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background: #35BFC0;
}



.bgnav {
    background-color: #35bfc0 !important;
}

    .bgnav .dropdown-menu {
        background: #f9f9f9 !important;
        padding-bottom: 10px;
        padding-top: 10px;
    }

        .bgnav .dropdown-menu li {
            font-family: 'robotoregular';
            font-size: 13px;
            padding: 7px 0 7px 20px;
            background: url(../images/subli-bg.jpg) no-repeat left center;
        }

            .bgnav .dropdown-menu li a {
                color: #88939c;
            }

                .bgnav .dropdown-menu li a:hover {
                    color: #000;
                }





.dropdown-menu {
    min-width: 160px;
    padding: 0px 0;
    /*background-color: #8bc53f;*/
}

    .dropdown-menu > li > a {
        color: #fff;
    }

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            color: #35bfc0;
            /*background-color: #000;*/
        }

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
    background-color: #8bc53f;
}

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #fff;
        background-color: #000;
    }
/*nav css end*/

.dropdown:hover .dropdown-menu {
    display: block;
}
/*use 767 to 420*/

/*bootstrap carousel css*/

/*.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    width: 100%;
    height: auto;
}*/
.carousel-control.right {
    background-image: none;
}

.carousel-control.left {
    background-image: none;
}

.carousel-caption {
    position: absolute;
    right: 0px;
    bottom: 15%;
    left: 0px;
    width: 100%;
    z-index: 10;
    background: rgba(0,0,0,0.5);
}

    .carousel-caption h1 {
        text-align: center;
        color: #fff;
        font-size: 35px;
        line-height: 34px;
        font-weight: bold;
        padding: 10px;
        text-shadow: black 0.1em 0.1em 0.2em;
    }

    .carousel-caption p {
        text-align: center;
        color: #fff;
        font-size: 16px;
        line-height: 20px;
        padding: 10px;
        text-shadow: black 0.1em 0.1em 0.2em;
    }
/*bootstrap carousel css end*/




/* Globel css  */
.wrp {
    padding-top: 20px;
    padding-bottom: 20px;
}

.wrp_marg{
	margin-bottom:30px;
}

.sld {
    margin: 0 0 10px 0px;
}
/*.wrp h1::after {
	bottom: 5px;
	content: url("../images/h1-bg.jpg");
	display: block;
	left: 0;
	margin: 0 auto;
	position: relative;
	right: 0;
	width: 120px;
}*/

.wrp h1:before {
    content: url("../images/h1-line.png");
    height: 20px;
    margin: 0 25px 0 0;
    position: relative;
    top: -12px;
}

.wrp h1:after {
    content: url("../images/h1-line.png");
    margin: 0 0 0 25px;
    position: relative;
    top: -12px;
}

.wrp h1 {
    padding: 1.2% 0px;
    text-align: center;
    text-transform: uppercase;
    color: #4f6169;
    font-size: 36px;
    line-height: 28px;
    font-family: 'robotolight';
}

    .wrp h1 i {
        padding: 0px 20px;
        font-style: inherit;
    }

    .wrp h1 span {
        color: #35bfc0;
        font-size: 36px;
        font-family: 'robotobold';
        padding-top: 1%;
        line-height: 20px;
    }

.wrp h2 {
	margin:10px 0 10px 0;
    font-weight: lighter;
    text-align: center;
    text-transform: capitalize;
    color: #697f89;
    font-size: 26px;
    line-height:normal;
    font-family: 'robotolight';
}





.wrp h3 {
    
    font-weight: normal;
    text-align: center;
    text-transform: capitalize;
    color: #88a1ac;
    font-size: 22px;
	line-height:normal;
    font-family: 'robotolight';
}

.graywrap {
    /*	background-color: #FAFAFA;*/
    float: left;
    width: 100%;
    margin: 0 0 15px;
}

    .graywrap h1 {
        padding: 2% 0px;
        text-align: center;
        font-family: 'Roboto Slab', serif;
        color: #313030;
        font-weight: 300;
        font-size: 40px;
        line-height: 42px;
    }

        .graywrap h1 span {
            font-size: 30px;
            line-height: 32px;
            padding-top: 1%;
        }

    .graywrap h2 {
        padding: 2% 0px;
        text-align: center;
        font-family: 'Roboto Slab', serif;
        color: #666666;
        font-weight: 300;
        font-size: 18px;
        line-height: 20px;
    }

ul.style1 {
    margin: 0px;
    padding: 0px;
    text-align: center;
    display: block;
}

    ul.style1 li {
        margin: 0px;
        padding: 4% 1%;
        text-align: left;
        display: block;
        font-size: 14px;
        line-height: 16px;
        border: 1px solid #f3f3f3;
    }

        ul.style1 li img {
            vertical-align: middle;
            margin: 0 15px;
        }
/*packg style*/
.packg-box1 {
    display: block;
    background-color: #fff;
    margin: 120px 0px 20px 0;
    border: 1px solid #ededed;
    border-radius: 10px;
    min-height: 450px;
}

.packg-box1-top {
    display: block;
    margin: -120px 0 0 0px;
}

    .packg-box1-top img {
        width: 100%;
    }

/*.top2{
  background-color:#e58917 !important;
}
.top3{
  background-color:#cf5126 !important;
}
.top4{
  background-color:#18a1ce !important;
}*/



/* Video  */

.wrp2 {
    background: url(../images/video-bg.jpg) no-repeat fixed top center;
    background-size: cover;
    padding: 15px 0 0 0;
    position: relative;
    top: 12px;
}


    .wrp2 h1 {
        padding: 1.2% 0px;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        font-size: 36px;
        line-height: 28px;
        font-family: 'robotolight';
    }

        .wrp2 h1 i {
            padding: 0px 20px;
            font-style: inherit;
        }

        .wrp2 h1 span {
            color: #fff;
            font-size: 36px;
            font-family: 'robotobold';
            padding-top: 1%;
            line-height: 20px;
        }

    .wrp2 h2 {
        padding: 0px 0px;
        font-weight: lighter;
        text-align: center;
        text-transform: capitalize;
        color: #070707;
        font-size: 34px;
        line-height: 42px;
        font-family: 'robotothin';
    }

.mac {
    width: 64%;
    margin: 0px auto;
}

    .mac::after {
        content: url("../images/mac-pot.png");
        margin: 0;
        position: relative;
        margin: 0px auto;
        display: block;
        left: 0px;
        right: 0px;
        bottom: 5px;
        width: 120px;
    }

.mac-border {
}

    .mac-border img {
        border: 30px solid #000;
        border-radius: 50px;
    }

.packg-box1-top h3 {
    padding: 10% 3% 0px;
    color: #fff;
    float: left;
    font-size: 84px;
    line-height: 16px;
    text-align: left;
    font-family: 'bebas_neuebold';
}

    .packg-box1-top h3 span {
        display: block;
        padding-top: 1%;
        font-weight: lighter;
        font-size: 12px;
        line-height: 14px;
    }

.packg-box1-top h4 {
    padding: 5% 2%;
    color: #fff;
    float: right;
    font-weight: lighter;
    font-size: 30px;
    line-height: 32px;
    text-align: right;
    font-family: 'bebas_neuebold';
}

    .packg-box1-top h4 span {
        display: block;
        padding-bottom: 1%;
        color: #e30654;
        text-decoration: line-through;
        font-size: 46px;
        line-height: 20px;
    }

.packg-box1 h5 {
    display: block;
    background-color: #e30654;
    color: #fff;
    font-size: 34px;
    line-height: 28px;
    padding: 5px 15px;
    margin: 20px 10px 10px;
    float: left;
    border-radius: 20px 5px 5px 20px;
    -webkit-transform: rotate(-13deg);
    /* Firefox */
    -moz-transform: rotate(-13deg);
    /* IE */
    -ms-transform: rotate(-13deg);
    /* Opera */
    -o-transform: rotate(-13deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    font-family: 'bebas_neuebold';
}

.packg-box1 ul {
    display: block;
    margin: 0px;
    clear: both;
    padding: 0px;
}

    .packg-box1 ul li {
        background-repeat: no-repeat;
        padding-left: 28px !important;
        background-position: 4px center;
        border-bottom: 1px solid #eee;
        color: #697f89;
        display: block;
         font-family: 'robotoregular';
        font-size: 13px;
        line-height: 16px;
        padding: 9px;
        text-align: left;
    }

        .packg-box1 ul li img {
            vertical-align: middle;
            margin-right: 17px;
        }

        .packg-box1 ul li h1 {
            display: block;
            margin: 0px;
            font-family: 'Open Sans', sans-serif;
            padding: 2% 0px;
            font-weight: bold;
            color: #000;
            text-align: left;
            border-bottom: #cac8c8 solid 1px;
            font-size: 12px;
            line-height: 14px;
        }

        .packg-box1 ul li h2 {
            display: block;
            margin: 0px;
            text-align: left;
            background: url(../images/bullet1.png) left no-repeat;
            font-family: 'robotolight';
            padding: 2.7% 0px 2.7% 10%;
            color: #696969;
            font-size: 14px;
            line-height: 14px;
        }

        .packg-box1 ul li span {
            display: block;
            margin: 0px;
            text-align: left;
            background: url(../images/bullet1.png) left no-repeat;
            font-family: 'robotolight';
            padding: 2.7% 0px 2.7% 10%;
            color: #696969;
            font-size: 14px;
            line-height: 14px;
        }

            .packg-box1 ul li span:hover {
                color: red;
            }

        .packg-box1 ul li ruby {
            font-size: 12px !important;
        }


.middle-main1 {
    margin: 15px 0 0 0px;
}

.packg-box1 ul li:nth-child(1) h2 {
    background: url(../images/icon-1.jpg) no-repeat left center;
}

.packg-box1 ul li:nth-child(2) h2 {
    background: url(../images/icon-2.jpg) no-repeat left center;
}

.packg-box1 ul li:nth-child(3) h2 {
    background: url(../images/icon-3.jpg) no-repeat left center;
}

.packg-box1 ul li:nth-child(4) h2 {
    background: url(../images/icon-4.jpg) no-repeat left center;
}

.packg-box1 ul li:nth-child(5) h2 {
    background: url(../images/icon-5.jpg) no-repeat left center;
}

.packg-box1 ul li:nth-child(6) h2 {
    background: url(../images/icon-6.jpg) no-repeat left center;
}


.packg-box1 ul li:nth-child(1) span {
    background: url(../images/mobi-ico1.png) no-repeat left center;
}

.packg-box1 ul li:nth-child(2) span {
    background: url(../images/mobi-ico2.png) no-repeat left center;
}

.packg-box1 ul li:nth-child(3) span {
    background: url(../images/mobi-ico3.png) no-repeat left center;
}

.packg-box1 ul li:nth-child(4) span {
    background: url(../images/mobi-ico4.png) no-repeat left center;
}

.packg-box1 ul li:nth-child(5) span {
    background: url(../images/mobi-ico5.png) no-repeat left center;
}

.packg-box1 ul li:nth-child(6) span {
    background: url(../images/mobi-ico6.png) no-repeat left center;
}

.packg-box1 ul li:nth-child(8) span {
    background: url(../images/mobi-ico7.png) no-repeat left center;
}

.packg-box1 ul li:nth-child(9) span {
    background: url(../images/icon-4.jpg) no-repeat left center;
}

.packg-box1 ul li:nth-child(10) span {
    background: url(../images/mobi-ico8.png) no-repeat left center;
}

.packg-box1 ul li:nth-child(11) span {
    background: url(../images/mobi-ico9.png) no-repeat left center;
}

.packg-box1 ul li:nth-child(12) span {
    background: url(../images/icon-5.jpg) no-repeat left center;
}




.packg-box1 h4 {
    font-family: 'bebas_neueregular';
    font-size: 22px;
    color: #fff;
    padding: 10px 20px;
}

.specialofer {
    background: #35bcbe;
}

.specialofer2 {
    background: #b3d236;
}

.specialofer3 {
    background: #eb4e5a;
}

.specialofer4 {
    background: #e9693c;
}

.specialofer5 {
    background: #17c1a4;
}

.specialofer6 {
    background: #30bae8;
}

.specialofer7 {
    background: #f4d30c;
}




.packg-box1-ordernow {
    background-color: #eb4e5a;
    color: #fff !important;
    display: block;
    text-align: center;
    font-size: 15px;
    line-height: 22px;
    padding: 10px;
    margin: 20px auto;
    width: 86%;
    border-radius: 20px;
    text-transform: uppercase;
    font-family: 'robotoregular';
}

    .packg-box1-ordernow:hover {
        color: #fff !important;
        background: #35bfc0;
    }

.packg-box1 div {
    display: block;
    text-align: center;
}

    .packg-box1 div a {
        display: inline-block;
        padding: 5%;
        text-align: center;
        color: #fff;
        font-size: 20px;
        line-height: 22px;
    }
/*packg style end*/










.topspace {
    background: #fff;
    padding: 20px 0px 0px 0;
    position: relative;
    top: -35px;
    z-index: -1;
}

.darkgraywrap {
    background: #0e3656;
    padding: 20px 0px;
}

    .darkgraywrap h1 {
        padding: 1.2% 0px;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        font-size: 36px;
        line-height: 28px;
        font-family: 'robotolight';
    }

        .darkgraywrap h1 span {
            color: #fff;
            font-size: 36px;
            font-family: 'robotobold';
            padding-top: 1%;
            line-height: 20px;
        }

    .darkgraywrap h3 {
        padding: 0px 0px;
        font-weight: lighter;
        text-align: center;
        text-transform: capitalize;
        color: #fff;
        font-size: 20px;
        line-height: 32px;
        font-family: 'robotothin';
    }
/*Our Work Award Wining Logos css*/
.inner-award {
    margin: 0px 0 0 0px;
}

.award-log {
    margin: 15px 0 0 0px;
}

.call-bg {
    background: #f1f4f7;
    background-size: cover;
    text-align: center;
}

    .call-bg a {
        display: inline-block;
        padding: 1.1% 1%;
    }

.call-bg2 {
    background: url(../images/packge-bg.png) no-repeat center;
    background-size: cover;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

    .call-bg2 a {
        display: inline-block;
        padding: 1.1% 0.2%;
    }


/*portfolio css*/
.portf {
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    margin: 25px auto;
    border-radius: 210px;
    padding: 15px 110px;
    background: #eb4e5a;
    color: #fff;
    text-align: center;
    display: table;
    text-transform: uppercase;
    font-size: 22px;
    font-family: 'robotoregular';
}

    .portf:hover {
        -moz-transition: all 0.6s;
        -o-transition: all 0.6s;
        -webkit-transition: all 0.6s;
        transition: all 0.6s;
        background: #35bfc0;
        color: #fff;
    }

.port-style1 {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 4% 0px;
}

    .port-style1 img {
        width: 100%;
        display: block;
    }

.port-overlay {
    background-color: rgba(00, 00, 00,0.75);
    top: 0;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;
    text-align: center;
    padding-top: 25%;
}

    .port-overlay h4 {
        font-size: 12px;
        letter-spacing: 5px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 400;
        color: #fff;
    }

    .port-overlay a {
        border: 2px solid #FFF;
        background: transparent;
        text-transform: uppercase;
        letter-spacing: 3px;
        display: inline-block;
        padding: 5px;
        margin: 10px auto;
        color: #FFF;
        font-size: 12px;
    }

        .port-overlay a:hover {
            background: #FFF;
            border-color: #FFF;
            color: #333;
        }

.port-style1 .port-overlay {
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
}

.port-style1:hover .port-overlay {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    cursor: pointer;
}
/*portfolio css end*/










/* Tooltip  */

.s-bg2 {
    color: #b2d234;
    padding: 10px;
    min-height: 135px;
}

.in_h3 {
    margin: -10px 0 20px 0px !important;
}

.success-tooltip {
    border: 1px solid #efefef;
    background: #fff;
    border-radius: 10px;
    width: 370px;
    padding: 25px;
    position: absolute;
    z-index:999999;
    margin: 0 0 0 -10px;
}

    .success-tooltip::before {
        content: url('../images/tooltip-arrow.png');
        top: -17px;
        width: 20px;
        position: absolute;
        margin: 0px 0 0 30px;
    }

.main-info .row h1 {
    text-transform: capitalize !important;
}

    .main-info .row h1::before {
        content: none !important;
    }

    .main-info .row h1::after {
        content: none !important;
    }

.success-tooltip2 {
    border: 1px solid #efefef;
    background: #fff;
    border-radius: 10px;
    width: 370px;
    padding: 25px;
    position: absolute;
    z-index: 9;
    margin: 0 0 0 -10px;
    right: 0px;
    top: 100px;
}

    .success-tooltip2::before {
        content: url('../images/tooltip-arrow.png');
        top: -17px;
        left: 30px;
        width: 20px;
        position: absolute;
        margin: 0px 0 0 0px;
    }

.success-tooltip3 {
    border: 1px solid #efefef;
    background: #fff;
    border-radius: 10px;
    width: 370px;
    padding: 25px;
    position: absolute;
    z-index: 8;
    margin: 0 0 0 -10px;
    left: 30px;
}

    .success-tooltip3::before {
        content: url('../images/tooltip-arrow.png');
        top: -17px;
        left: 30px;
        width: 20px;
        position: absolute;
        margin: 0px 0 0 0px;
    }

.success-tooltip4 {
    border: 1px solid #efefef;
    background: #fff;
    border-radius: 10px;
    width: 370px;
    padding: 25px;
    position: absolute;
    z-index: 9999;
    margin: 0 0 0 -10px;
    top: 170px;
    right: 0px;
    left: 0px;
}

    .success-tooltip4::before {
        content: url('../images/tooltip-arrow.png');
        top: -17px;
        right: 170px;
        width: 20px;
        position: absolute;
        margin: 0px 0 0 0px;
    }

.success-tooltip5 {
    border: 1px solid #efefef;
    background: #fff;
    border-radius: 10px;
    width: 370px;
    padding: 25px;
    top: 110px;
    right: -10px;
    position: absolute;
    z-index: 8;
    margin: 0 0 0 0px;
}

    .success-tooltip5::before {
        content: url('../images/tooltip-arrow.png');
        top: -17px;
        right: 170px;
        width: 20px;
        position: absolute;
        margin: 0px 0 0 0px;
    }

    .success-tooltip h1, .success-tooltip2 h1, .success-tooltip3 h1, .success-tooltip4 h1, .success-tooltip5 h1 {
        color: #b2d234;
        font-family: 'robotobold' !important;
        font-size: 20px !important;
    }

    .success-tooltip p, .success-tooltip2 p, .success-tooltip3 p, .success-tooltip4 p, .success-tooltip5 p {
        text-align: justify;
        line-height: 20px !important;
        color: #878888 !important;
        font-family: 'robotoregular' !important;
        margin: 10px 0 !important;
        font-size: 14px !important;
    }

.order {
    margin: 10px 10px 10px 0;
    color: #eb4e5a;
    border: 1px solid #eb4e5a;
    padding: 10px 30px;
    text-transform: uppercase;
    text-align: center;
    font-size: 15px;
    border-radius: 20px;
    padding: 10px 30px;
    display: inline-block;
}

.live {
    color: #73a3f6;
    border: 1px solid #73a3f6;
    padding: 10px 30px;
    text-transform: uppercase;
    text-align: center;
    font-size: 15px;
    border-radius: 20px;
    padding: 10px 30px;
    margin: 10px 0 5px 0;
    display: inline-block;
}

.our-client {
    padding: 0px 0;
}

.our-main {
    padding: 20px 0;
}

.s-bg2 p, .s-bg2 h1 {
    color: #b2d234;
    cursor: context-menu;
}

.s-bg3 p, .s-bg3 h1 {
    color: #db4753;
}

.s-bg4 p, .s-bg4 h1 {
    color: #35bfc0;
}

.s-bg5 p, .s-bg5 h1 {
    color: #73a3f6;
    text-align: center !important;
}

.s-bg6 p, .s-bg6 h1 {
    color: #f1d527;
}

.s-bg5 img {
    margin: 0px auto !important;
    display: block;
    float: none !important;
}

.s-bg6 {
    padding: 0px 0 0 90px;
}

.s-bg3 {
    padding: 10px 10px 0px 55px;
}

.work_space {
    margin: 20px 0;
}

.main-info {
    width: 80%;
    position: relative;
    margin: 0px auto;
    background: url(../images/info-graphy.png) no-repeat center;
    min-height: 300px;
}

.p-out {
    padding: 0px 0 35px 0 !important;
}

.signup_img {
    width: 100%;
    background: url(../images/sign_bg.jpg) no-repeat;
    background-size: cover;
    height: auto;
    line-height: 11px;
    text-align: center;
    margin: 0px 0 0px 0;
}

    .signup_img img, .signup_img2 img {
        display: block;
        margin: 0px auto;
        text-align: center;
    }



.signup_img2 {
    width: 100%;
    background: url(../images/sign_bg2.jpg) no-repeat;
    background-size: cover;
    height: auto;
    line-height: 11px;
    text-align: center;
    margin: 0px 0 0px 0;
}

.success1 h1 {
    font-size: 14px;
    font-family: 'robotoregular';
    text-align: left;
    margin: 0px 0 3px 0;
    line-height: 18px;
    padding: 0px;
}

.s-bg2 span, .s-bg3 span, .s-bg4 span, .s-bg5 span , .s-bg6 span  {  clear: both;
        float: right;
        padding: 10px;
        position: absolute;
        right: -17px;
        top: -11px;
        background: url("../images/x.png") no-repeat center center;
        cursor: pointer;
        z-index: 9999999000009;
        width: 28px;
        height: 28px;
        font-size: 0px;
    }



    .success1 h1::before {
        content: none !important;
    }

    .success1 h1::after {
        content: none !important;
    }

.success1 p {
    font-size: 13px;
    font-family: 'robotolight';
    line-height: 16px;
}

.success1 img {
    float: left;
    margin: 4px 10px 50px 0px;
}

.call-bg img {
    padding: 7px 0 0 0;
    width: 100%;
}

.how-style ul {
    margin: 0px;
    padding: 2% 0px 2%;
    display: block;
}

    .how-style ul li {
        margin: 0px;
        padding: 0px;
        display: block;
        width: 20%;
        float: left;
    }

        .how-style ul li h2 {
            padding: 2% 0px;
            display: block;
            font-family: 'Open Sans', sans-serif;
            text-align: center;
            color: #000;
            font-size: 18px;
            line-height: 20px;
        }

        .how-style ul li p {
            padding: 2% 0px;
            display: block;
            font-family: 'Open Sans', sans-serif;
            text-align: center;
            color: #898989;
            width: 65%;
            margin: 0px auto;
            font-size: 12px;
            line-height: 14px;
        }

.whybox {
    display: block;
    margin: 1% 0px;
    min-height: 150px;
}

    .whybox img {
        float: left;
        margin-right: 10px;
    }

    .whybox h1 {
        display: block;
        color: #333333;
        font-size: 18px;
        line-height: 20px;
        text-align: left;
        padding: 2% 0px;
        font-family: 'Open Sans', sans-serif;
    }

    .whybox p {
        display: block;
        clear: both;
        color: #898989;
        font-size: 12px;
        font-weight: normal;
        line-height: 16px;
        text-align: left;
        padding: 2% 0px;
        font-family: 'Open Sans', sans-serif;
    }

.bbottom-wrap {
    display: block;
    text-align: center;
    clear: both;
}

    .bbottom-wrap a {
        display: inline-block;
        padding: 2% 1%;
    }

.footer-main {
    background: #083254;
    padding: 20px 0px;
}

    .footer-main h6 {
        font-size: 24px;
        font-weight: 400;
        color: #fff;
        text-transform: uppercase;
        padding: 2% 0px;
        display: block;
        font-family: 'bebas_neueregular';
    }

    .footer-main ul {
        margin: 0px;
        padding: 1% 0px;
        display: block;
    }

        .footer-main ul li {
            margin: 0px;
            padding: 0px;
            display: block;
            text-align: left;
            font-family: 'robotoregular';
        }

            .footer-main ul li a {
                color: #547d9f;
                font-size: 13px;
                display: block;
                line-height: 14px;
                padding: 3% 0px;
                transition: all 0.1s linear;
                font-family: 'robotoregular';
            }

                .footer-main ul li a:hover {
                    color: #35bfc0;
                }

.cust-svc {
    font-size: 14px;
    color: #fff;
    display: block;
    text-transform: uppercase;
    margin-top: 0px;
    line-height: 20px;
}

    .cust-svc span {
        font-size: 18px;
        color: #35bfc0;
        display: block;
        font-family: 'robotoregular';
    }

.copy {
    clear: both;
    color: #547d9f;
    font-size: 12px;
    padding: 1% 0px 0px;
}

.secure {
    margin: 20px 0 0 0px;
}

.social-box {
    display: block;
    padding: 2% 0px;
}

    .social-box a {
        width: 30px;
        height: 29px;
        float: left;
        margin: 0px 5px;
        padding: 0px;
        background-position: top center;
        background-repeat: no-repeat;
        text-indent: -9999px;
    }

        .social-box a:hover {
            background-position: bottom center;
            transition: all 0.15s ease-in-out 0.2s;
        }

    .social-box .f {
        background-image: url(../images/f.png);
    }

    .social-box .t {
        background-image: url(../images/t.png);
    }

    .social-box .g {
        background-image: url(../images/g.png);
    }

    .social-box .i {
        background-image: url(../images/i.png);
    }

.hless {
    font-size: 30px !important;
    line-height: 32px;
}

.hform {
    width: 90%;
    margin: 20px auto 0 auto;
    display: block;
}

.form-control {
    height: 44px;
    border: none;
    font-family: 'robotoregular';
    color: #697f89;
}

.textarea1 {
    font-family: 'robotoregular';
}

.input1 {
    margin: 1% 0px;
    background: url(../images/name.png) left no-repeat #fff;
    padding-left: 50px;
}

.input2 {
    background: url(../images/email1.png) left no-repeat #fff;
}

.emailx {  background: url(../images/email1.png) left no-repeat #fff !important; }

.input3 {
    background: url(../images/country.png) left no-repeat #fff;
}

.input4 {
    background: url(../images/cell1.png) left no-repeat #fff;
}

.textarea1 {
    margin: 1% 0px 2%;
    height: 110px !important;
    resize: none;
}

.btn3 {
    font-size: 16px;
    background: #35bfc0;
    color: #fff;
    border: none;
    padding: 10px 11%;
    border-radius: 2px;
    margin: 0px 15px 0 10px;
    float: right;
    text-transform: uppercase;
    font-family: 'robotobold';
}

    .btn3:hover {
        background: #eb4e5a;
    }

.btn2 {
    font-size: 16px;
    background: #e53727;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 0px;
    margin: 10px 10px;
    font-family: 'Roboto Slab', serif;
    float: right;
    text-transform: capitalize;
}

    .btn2:hover {
        background: #e53727;
        color: #fff;
    }

.center-strip {
    background: url(../images/caal-strip.jpg) center no-repeat;
    background-size: 100%;
    display: block;
    margin: 20px 0px;
    min-height: 118px;
}

    .center-strip h2 {
        color: #fff;
        font-size: 38px;
        line-height: 40px;
        text-align: left;
        font-family: 'Roboto Slab', serif;
        padding: 5% 0px;
        display: block;
        font-weight: 300;
    }

        .center-strip h2 a {
            padding-left: 80px;
            color: #fff;
            font-size: 34px;
            line-height: 36px;
            font-weight: bold;
        }

.signup-main {
    max-width: 965px;
    display: block;
    background-color: #fff;
    margin: 20px auto;
}

    .signup-main h1 span {
        font-size: 18px;
        line-height: 24px;
    }

.step {
    display: block;
    margin-bottom: 10px;
}

.lable1 {
    background-color: #e7e7e7;
    color: #000;
    margin: 2% 0px;
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    padding: 12px 10px;
    text-align: left;
    display: block;
}

.signinput1 {
    background-color: #f7f7f7;
    padding: 2.9% 10px;
    margin: 0.6% 0px 2%;
    border-bottom: #e7e7e7 solid 4px;
    box-shadow: none;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0px;
}









.signup-main p {
    color: #000;
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    padding: 1% 0px;
    text-align: left;
    display: block;
    clear: both;
}

.in1 {
    padding: 4.3% 2%;
    margin-top: 1%;
}

.in2 {
    padding: 3.2%;
    margin: 0.9% 0px 0px;
}

.btn1 {
    background-color: #333333;
    color: #fff;
    border-radius: 0px;
    padding: 10px;
    border: none;
    font-family: 'Roboto Slab', serif;
    text-transform: capitalize;
    font-size: 16px;
    margin: 1% 0px;
    float: right;
}

    .btn1:hover {
        background-color: #333333;
        color: #fff;
    }

.sign-detail-box1 {
    border: #e5e5e5 solid 1px;
    margin: 1% 0px;
    display: block;
}

    .sign-detail-box1 h1 {
        padding: 2%;
        text-align: left;
        font-family: 'Roboto Slab', serif;
        color: #e53727;
        font-weight: bold;
        font-size: 26px;
        line-height: 28px;
    }

    .sign-detail-box1 h2 {
        padding: 2% 1%;
        text-align: left;
        font-family: 'Open Sans', sans-serif;
        color: #e53727;
        font-weight: 100;
        font-weight: bold;
        font-size: 20px;
        line-height: 22px;
    }

    .sign-detail-box1 ul {
        display: block;
        margin: 0px;
        padding: 2% 0px 5%;
        clear: both;
    }

        .sign-detail-box1 ul li {
            display: block;
            margin: 0px;
            padding: 0px;
        }

            .sign-detail-box1 ul li h1 {
                display: block;
                margin: 0px;
                font-family: 'Open Sans', sans-serif;
                padding: 2% 0px;
                font-weight: bold;
                color: #000000;
                text-align: left;
                border-bottom: #cac8c8 solid 1px;
                font-size: 14px;
                line-height: 16px;
            }

            .sign-detail-box1 ul li h2 {
                display: block;
                margin: 0px;
                text-align: left;
                background: url(../images/bullet1.png) left no-repeat;
                font-family: 'Open Sans', sans-serif;
                padding: 2% 0px 2% 6%;
                color: #7a7a7a;
                border-bottom: #cac8c8 solid 1px;
                font-size: 14px;
                line-height: 16px;
            }

.signup-main h3 {
    padding: 2% 1%;
    text-align: left;
    font-family: 'Roboto Slab', serif;
    color: #e53727;
    display: block;
    font-weight: 100;
    font-weight: bold;
    font-size: 24px;
    line-height: 26px;
}

.addon-style {
    display: block;
    padding: 2% 0px;
    color: #000;
    width: 80%;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    line-height: 20px;
    text-align: left;
}

    .addon-style span {
        display: block;
        padding: 1% 0px 0px 3%;
        color: #929090;
        font-size: 12px;
        line-height: 14px;
    }

    .addon-style i {
        float: right;
        color: #F30;
        margin-top: -40px;
        font-size: 16px;
        line-height: 18px;
        font-style: normal;
    }

.total-box {
    background-color: #f3f3f3;
    margin: 10px auto;
    display: block;
    padding: 2%;
    border-top: #e5e5e5 solid 10px;
}

    .total-box div {
        background-color: #fff;
        float: left;
        width: 60%;
        border: #ccc solid 1px;
        font-size: 14px;
        box-sizing: border-box;
        line-height: 16px;
        padding: 10px 5px;
    }

    .total-box span {
        background-color: #f5f5f5;
        float: right;
        width: 40%;
        text-align: right;
        border: #ccc solid 1px;
        border-left: none;
        font-size: 14px;
        box-sizing: border-box;
        line-height: 16px;
        padding: 10px 5px;
    }

.total {
    background-color: #6b7b85 !important;
    color: #fff;
}

.price {
    background-color: #e53727 !important;
    color: #fff;
}

.signup-main h4 {
    padding: 2% 0px;
    text-align: center;
    font-family: 'Roboto Slab', serif;
    color: #e53727;
    display: block;
    clear: both;
    font-weight: 100;
    font-weight: 300;
    font-size: 28px;
    line-height: 30px;
}

.conf-details-box {
    background-color: #f3f3f3;
    margin: 1% 0px;
}

    .conf-details-box h4 {
        padding: 2%;
        text-align: left;
        font-family: 'Roboto Slab', serif;
        color: #e53727;
        display: block;
        clear: both;
        font-weight: 100;
        font-weight: 300;
        font-size: 28px;
        line-height: 30px;
    }

    .conf-details-box div {
        display: block;
        padding: 2%;
        color: #000;
        font-size: 18px;
        font-family: 'Open Sans', sans-serif;
        line-height: 20px;
        text-align: left;
        border-bottom: #ccc solid 1px;
    }

        .conf-details-box div span {
            float: right;
            color: #000;
            font-size: 18px;
            line-height: 20px;
        }

.editreco {
    color: #666;
    padding: 6px 0px;
    font-size: 14px;
    font-family: Arial;
    line-height: 16px;
    text-align: left;
    margin: 0px -15px;
}

.inner-final {
    margin: 10px auto;
    display: block;
    width: 50%;
}

.phone {
    width: 50px;
    height: 55px;
    position: absolute;
    position: fixed;
    right: 0%;
    z-index: 20;
    top: 215px;
    border-radius: 0px;
    transition-property: width;
    transition-duration: 1s;
    -webkit-transition-property: width;
    -webkit-transition-duration: 0.3s;
}

    .phone img {
        vertical-align: middle;
        margin-right: 5px;
    }

    .phone div {
        float: right;
        width: 200px;
        color: #fff;
        font-size: 18px;
        display: none;
    }

        .phone div span {
            color: #fff;
            font-size: 15px;
            display: block;
            line-height: 16px;
        }

    .phone:hover {
        width: 200px;
        display: block;
    }

        .phone:hover div {
            display: block;
            position: absolute;
            left: 50px;
            top: 0px;
            padding: 5px 5px 3px;
            background-color: #232323;
        }

.chate1 {
    width: 50px;
    height: 55px;
    position: absolute;
    position: fixed;
    z-index: 20;
    right: 0%;
    top: 280px;
    border-radius: 0px;
    transition-property: width;
    transition-duration: 1s;
    -webkit-transition-property: width;
    -webkit-transition-duration: 0.3s;
}

    .chate1 img {
        vertical-align: middle;
        margin-right: 5px;
    }

    .chate1 div {
        float: right;
        width: 250px;
        color: #fff;
        font-size: 18px;
        display: none;
    }

        .chate1 div span {
            color: #fff;
            font-size: 16px;
            display: block;
        }

    .chate1:hover {
        width: 250px;
        display: block;
    }

        .chate1:hover div {
            display: block;
            position: absolute;
            left: 50px;
            top: 0px;
            padding: 5px 5px 3px;
            background-color: #232323;
        }

.bxportfolio {
    position: relative;
    max-width: 1170px;
    margin: 0px auto;
    margin-left: -40px;
}

.mask {
    display: none;
    background: url(../images/overlay.png) repeat;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0.8;
    z-index: 20;
    width: 100%;
    height: 100%;
}

.right1 {
    float: right;
    margin: 9px 15px 0 0px;
}

.modal-header {
    border: none;
    padding: 0px;
}

.slide-out-div, .formtop {
    padding: 25px 15px 15px 15px;
    width: 580px;
    min-height: 344px;
    background: #0e3656;
    box-sizing: border-box;
    z-index: 20;
}

    .slide-out-div h2, .formtop h2 {
        font-size: 32px;
        color: #fff;
        text-align: left;
        padding: 1% 0px 0px 12px;
        text-align: left;
        text-transform: uppercase;
        font-family: 'bebas_neueregular';
    }

    .slide-out-div h3, .formtop h3 {
        font-size: 23px;
        color: #fff;
        text-align: left;
        padding: 0% 0px 10px 12px;
        text-align: left;
        text-transform: uppercase;
        font-weight: normal !important;
        line-height: 26px !important;
        font-family: 'bebas_neueregular';
    }

        .slide-out-div h3 span, .formtop h3 span {
            font-size: 25px;
            color: #b3d236 !important;
            text-align: left;
            padding: 1% 0px;
            text-align: left;
            text-transform: uppercase;
            font-family: 'bebas_neueregular';
        }

.sod-input1 {
    border-radius: 0px;
    margin: 2% -15px;
    padding-left: 40px;
    background: url(../images/s1.png) left no-repeat #fff;
}

.sod-input2 {
    background: url(../images/s2.png) left no-repeat #fff;
}

.sod-input3 {
    background: url(../images/s3.png) left no-repeat #fff;
}

.sod-input4 {
    background: url(../images/s4.png) left no-repeat #fff;
}


.spacex {
    padding: 0 0 0 50px !important;
    margin-left: 0px !important;
    margin-bottom: 10px !important;
}

.sod-textarea1 {
    border-radius: 3px;
    margin: 0% 0px;
    resize: none;
    height: 100px !important;
}

.slide-out-div p, .formtop p {
    margin-top: 15px;
    margin-left: 15px;
    line-height: 18px;
    padding: 1% 0px;
    float: left;
    color: #78a3c6;
}

.sod-sumit {
    background: #35bfc0;
    color: #fff;
    float: right;
    border: none;
    text-transform: uppercase;
    margin: 1.5% 15px 1% 1%;
    padding: 10px;
    border-radius: 5px;
    font-family: 'robotobold';
    font-size: 16px;
}

    .sod-sumit:hover {
        background: #b3d236;
    }

.container {
    max-width: 1120px;
}


.close {
    float: right;
    font-size: 24px;
    color: #fff;
    opacity: 1;
}



.modal-body p {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
}

.modal-footer {
    border-top: none;
}

.modal-input1 {
    border-radius: 0px;
    margin: 2% 0px;
    padding-left: 40px;
    background: url(../images/s1.png) left no-repeat #fff;
}

.modal-input2 {
    background: url(../images/s2.png) left no-repeat #fff;
}

.modal-input3 {
    background: url(../images/s3.png) left no-repeat #fff;
}

.modal-input4 {
    background: url(../images/s4.png) left no-repeat #fff;
}

.modal-textarea1 {
    border-radius: 0px;
    margin: 2% 0px;
    resize: none;
    height: 100px !important;
}

.modal-sumit {
    background: #841600;
    color: #fff;
    display: block;
    font-weight: 800;
    border: none;
    text-transform: uppercase;
    margin: 4% auto 2%;
    padding: 10px;
}

    .modal-sumit:hover {
        background: #841600;
    }
/*inner page css*/
.bi-box1 {
    background-color: #fff;
    margin: 10px 0px;
    padding-bottom: 10px;
    border: #F7F7F7 solid 1px;
}

.bi-2 {
    background-color: #cc5026 !important;
}

.bi-3 {
    background-color: #179fcb !important;
}

.bi-box1 h1 {
    background-color: #9bc624;
    padding: 2% 2% 15%;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    color: #fff;
    display: block;
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
}

    .bi-box1 h1 span {
        display: block;
        font-weight: lighter;
        font-size: 18px;
        line-height: 20px;
    }

.bi-box1 h2 {
    background-color: #9bc624;
    padding: 10% 0px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    color: #fff;
    display: block;
    margin: -35px auto 5px;
    border: #fff solid 5px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
}

    .bi-box1 h2 span {
        display: block;
        color: #fff;
        padding-top: 1%;
        text-decoration: line-through;
        font-size: 18px;
        line-height: 20px;
    }

.bi-box1 h3 {
    background-color: #9bc624;
    padding: 2%;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    color: #fff;
    display: block;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
}

.bi-box1 ul {
    display: block;
    margin: 2% 0px;
    padding: 2% 5% 5%;
    clear: both;
}

    .bi-box1 ul li {
        display: block;
        margin: 0px;
        padding: 0px;
    }

        .bi-box1 ul li h4 {
            display: block;
            margin: 0px;
            font-family: 'Open Sans', sans-serif;
            padding: 2% 0px;
            font-weight: bold;
            color: #000000;
            text-align: left;
            border-bottom: #cac8c8 solid 1px;
            font-size: 14px;
            line-height: 16px;
        }

        .bi-box1 ul li h5 {
            display: block;
            margin: 0px;
            text-align: left;
            background: url(../images/bullet1.png) left no-repeat;
            font-family: 'Open Sans', sans-serif;
            padding: 2% 0px 2% 8%;
            color: #7a7a7a;
            border-bottom: #cac8c8 solid 1px;
            font-size: 14px;
            line-height: 16px;
        }

.bi-box1-ordernow {
    background-color: #9cc624;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 22px;
    padding: 10px;
    margin: 10px auto;
    width: 86%;
}

h1 {
    padding: 2% 0px;
    text-transform: uppercase;
    color: #6d6e6e;
    font-size: 36px;
    line-height: 42px;
    font-family: 'robotolight';
}

    h1 span {
        color: #35bfc0;
        font-size: 36px;
        font-family: 'robotobold';
        padding-top: 1%;
        line-height: 20px;
    }

h3 {
    padding: 2% 0px;
    text-align: center;
    font-family: 'Roboto Slab', serif;
    color: #313030;
    font-weight: bold;
    font-size: 40px;
    line-height: 42px;
}

h5 {
    padding: 2% 0px;
    text-align: left;
    font-family: 'Roboto Slab', serif;
    color: #e53727;
    display: block;
    clear: both;
    font-weight: 100;
    font-weight: 300;
    font-size: 28px;
    line-height: 30px;
}
/*
.input1::-webkit-input-placeholder {
	color:#fff;
}
.input1::-moz-placeholder { 
   color:#fff;  
}
.input1::-moz-placeholder { 
  color:#fff;  
}
.input1::-ms-input-placeholder {  
  color:#fff;  
}*/





.content-whyus:nth-child(1) h2 {
    color: #35bfc0;
}

.content-whyus:nth-child(2) h2 {
    color: #b1d234;
}

.content-whyus:nth-child(3) h2 {
    color: #ec5a66;
}

.content-whyus:nth-child(4) h2 {
    color: #eb7d4b;
}

.content-whyus:nth-child(5) h2 {
    color: #73a3f6;
}

.content-whyus:nth-child(6) h2 {
    color: #17c2a4;
}

.content-whyus:nth-child(7) h2 {
    color: #25b7e6;
}

.content-whyus:nth-child(8) h2 {
    color: #d74680;
}



.content-whyus:nth-child(2) {
    background: #fff;
}

.content-whyus:nth-child(3) {
    background: #fff;
}

.content-whyus:nth-child(6) {
    background: #fff;
}

.content-whyus:nth-child(7) {
    background: #fff;
}


.content-whyus {
    background: #f2f7fb;
    padding: 20px;
    margin: 0px;
}

    .content-whyus p {
        color: #69727d;
        font-size: 15px;
        font-family: 'robotoregular';
    }

    .content-whyus img {
        float: left;
        margin: 0 20px 57px 0px;
    }

    .content-whyus h2 {
        font-size: 22px;
        font-family: 'robotoregular';
        text-align: left;
    }







/*************************** PORTFOLIO CSS ************************/

.port-content {
    max-width: 1100px;
}

.content-portfolio {
    padding: 0px;
}

    .content-portfolio img {
        width: 100%;
    }

.left-title h2 {
    text-align: left;
    font-family: 'robotolight';
    font-size: 36px;
    text-transform: uppercase;
    padding: 0px;
}

    .left-title h2 span {
        font-family: 'robotobold';
        color: #35bfc0;
    }

.tabs-side {
}

    .tabs-side ul {
        margin: 10px 0;
        padding: 0px;
    }

        .tabs-side ul li {
            display: inline-block;
            list-style: none;
        }

            .tabs-side ul li a {
                font-size: 15px;
                text-transform: uppercase;
                font-weight: bold;
                color: #999;
            }

                .tabs-side ul li a:hover {
                    color: #0e3656;
                }

.activebread a {
    color: #35bfc0 !important;
}

.portdesign {
    padding: 0px;
    text-align: center;
}

    .portdesign img {
        width: 80%;
        display: inline;
        border: 5px solid #ccc;
        margin: 12px 0;
    }

.webanim-portfolio {
    margin: 0 0 25px;
}

    .webanim-portfolio img {
        width: 100%;
    }


/******************* Contact Us Page ************************/
.socialarea {
    margin: 0 0 20px 0px;
}

.contactsec {
    background: #f9fbfd;
}

    .contactsec h3 {
        color: 6d6e6e;
        font-size: 26px;
        font-family: 'robotobold';
        text-transform: uppercase;
        padding-bottom: 10px;
    }

    .contactsec p {
        color: 6d6e6e;
        font-size: 22px;
        font-family: 'robotolight';
        text-align: center;
        margin-bottom: 20px;
    }

.contactusform {
    width: 100%;
}

.coninput1 {
    width: 65%;
    padding: 2% 8% 2% 2%;
    height: 42px;
}

.coninput2 {
    width: 55%;
    padding: 2% 8% 2% 2%;
    height: 42px;
}

.coninput3 {
    width: 74%;
    padding: 2% 8% 2% 2%;
    height: 42px;
}

.coninput4 {
    float: left;
    width: 70%;
    padding: 2% 6% 2% 2%;
    height: 42px;
}

.contactusform label {
    background: #edf5fb;
    padding: 10.2px 16px;
    float: left;
    border-left: 2px solid #deecf8;
    border-top: 2px solid #deecf8;
    border-bottom: 2px solid #deecf8;
    border-right: none;
    font-size: 13px;
    color: #9ba4b4;
}

.conform {
    border-right: 2px solid #deecf8;
    border-top: 2px solid #deecf8;
    border-bottom: 2px solid #deecf8;
    border-left: none;
    margin-bottom: 20px;
    background: url(../images/fieldre.jpg) 95% 50% no-repeat #fff;
}

.bgm {background-image:none !important;}

.conform2 {
    border-right: 2px solid #deecf8;
    border-top: 2px solid #deecf8;
    border-bottom: 2px solid #deecf8;
    border-left: none;
    margin-bottom: 20px;
    background: #fff;
}

.contextarea {
    float: left;
    border-right: 2px solid #deecf8;
    border-top: 2px solid #deecf8;
    border-bottom: 2px solid #deecf8;
    border-left: 1px solid #deecf8;
    width: 85%;
    height: 140px;
    resize: none;
    margin-bottom: 20px;
    background: url(../images/fieldre.jpg) 98% 8% no-repeat #fff;
}



.contactusform span {
    display: block;
    margin-bottom: 10px;
}

.capimg {
    float: left;
    margin-left: 15px;
}

.contactsubmit {
    background: #eb4e5a;
    border: none;
    border-radius: 50px;
    color: #fff;
    float: left;
    font-family: 'robotobold';
    font-size: 16px;
    padding: 14px 10%;
    text-transform: uppercase;
	margin:10px 0px;
	letter-spacing:2px;
}
.contactsubmit:hover{
	background: #17c1a4;
}

.left-addres {
}

    .left-addres h4 {
        color: #eb4e5a;
        font-family: 'robotobold';
        text-align: left;
        padding: 0 0 15px;
    }

    .left-addres ul {
        margin: 0 0 20px 0;
        padding: 0px;
    }

        .left-addres ul li {
            list-style: none;
            color: #697281;
            border-top: 1px solid #ccc;
            margin: 0;
            padding: 15px 0 13px 50px;
        }

            .left-addres ul li:last-child {
                border-bottom: 1px solid #ccc;
            }

            .left-addres ul li img {
                float: left;
            }

            .left-addres ul li strong {
                color: #697281;
                font-size: 14px;
            }

            .left-addres ul li p {
                margin: 0px;
                font-size: 13px;
                text-align: left;
            }

.add-ico {
    background: url(../images/add-ico.png) left center no-repeat;
}

.email-ico {
    background: url(../images/email-ico.png) left center no-repeat;
    margin: 20px 0;
}

.phone-ico {
    background: url(../images/phone-ico.png) left center no-repeat;
}



.socialarea a {
    display: inline-block;
    margin: 0 5px;
}

.order-sec ul {
    margin: 0px;
}

    .order-sec ul li {
        margin: 0px 8px;
        border: none !important;
        padding: 0px;
        float: left;
        text-align: center;
    }

        .order-sec ul li:first-child {
            margin: 0px 8px 0 0;
        }


.lightbluebg {
    background: #f6fafd;
    text-align: center;
    padding-bottom: 20px;
}

    .lightbluebg p {
        text-align: center;
        font-size: 26px;
        color: #6d6e6e;
        font-family: 'robotolight';
        padding: 0 0 20px 0;
    }


/******************* Resource-Article ************************/



.resourceart p {
    text-align: center;
    font-size: 26px;
    color: #6d6e6e;
    font-family: 'robotolight';
    padding: 0 0 20px 0;
}

.articlebox { /*border-bottom: 2px solid #f2f7fb;*/
    padding-bottom: 15px;
    margin-bottom: 25px;
}

    .articlebox h3 {
        text-align: left;
        color: #69717c;
        font-size: 19px;
        line-height: 23px;
        padding-bottom: 10px;
        padding-top: 10px;
        text-transform: uppercase;
        font-family: 'robotobold';
    }

    .articlebox p {
        text-align: left;
        font-size: 14px;
        color: #69717c;
        padding-bottom: 10px;
    }

    .articlebox a {
        color: #eb4e5a;
        text-decoration: underline;
        font-size: 13px;
    }


/********************* Signup Page *************************/


#approach-left {
}

    #approach-left ul {
        background: #2d5270;
        min-height: 980px;
        padding-left: 0px;
    }

        #approach-left ul li {
            list-style: none;
            text-align: center;
            border-bottom: 1px solid #294a65;
        }

            #approach-left ul li a {
                padding: 28px 0;
                display: block;
                color: #7a9fbd;
                font-size: 12px;
            }


                #approach-left ul li a:hover {
                    background: rgba(235, 78, 90, 1);
                    color: #fff;
                }

                    #approach-left ul li a:hover span {
                        background: #fff;
                        color: #000;
                    }

            #approach-left ul li span {
                display: block;
                border-radius: 50%;
                background: #6285a1;
                padding: 5px;
                color: #fff;
                width: 26%;
                margin: 10px auto;
                font-size: 23px;
            }

.firsttab {
    background: url(../images/signupimg1.jpg) bottom center no-repeat;
}

.secndtab {
    background: url(../images/signupimg2.jpg) left center no-repeat;
}

.thrdtab {
    background: url(../images/signupimg3.jpg) left center no-repeat;
}

.fourtab {
    background: url(../images/signupimg4.jpg) left center no-repeat;
}

.fivetab {
    background: url(../images/signupimg5.jpg) left center no-repeat;
}



.signupsec {
}

.approach-right h1 {
    color: #6d6e6e;
    font-size: 36px;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .approach-right h1 span {
        color: #eb4e5a;
    }

.approach-right h2 {
    font-size: 26px;
    text-transform: uppercase;
    color: #eb4e5a;
    padding-top: 20px;
    padding-bottom: 20px;
}

.approach-right p {
    color: #6a8090;
    font-size: 22px;
    font-family: 'robotolight';
    line-height: 30px;
}



.signupboxs {
    border-bottom: 4px solid #deecf8;
    margin-bottom: 20px;
    float: left;
}

.signup-form {
    margin-top: 13px;
}

.signup-form label {
        background: #edf5fb;
        padding: 11px 16px;
        float: left;
        border-left: 2px solid #deecf8;
        border-top: 2px solid #deecf8;
        border-bottom: 2px solid #deecf8;
        border-right: none;
        font-size: 12px !important;
        color: #9ba4b4;
		width:30%;
    }

    .signup-form span {
        display: block;
        padding-bottom: 6px;
        font-size: 12px;
    }

.signinput1 {
    width: 65%;
    padding: 10px 20px;
    height: 43px;
}

.signinput2 {
    width: 65%;
    padding: 10px 20px;
    height: 43px;
}

.signinput3 {
    width: 65%;
    padding: 10px 20px;
    height: 43px;
}

.signinput4 {
    float: left;
    width: 31%;
    padding: 10px 20px;
    height: 43px;
}


.conform {
    border-right: 2px solid #deecf8;
    border-top: 2px solid #deecf8;
    border-bottom: 2px solid #deecf8;
    border-left: none;
    margin-bottom: 20px;
    margin-top: 0px;
}

.caplabel {
    width: 15% !important;
}

.signpakg img {
    margin-top: 20px;
}

.nopad {
    padding-left: 0px;
    padding-right: 0px;
}

.logodesignpkg {
    border: 1px solid #eef5fa;
}

    .logodesignpkg h3 {
        font-size: 20px;
        color: #6285a1;
        text-transform: uppercase;
        text-align: left;
        font-family: 'robotoregular';
        background: #f7fbff;
        padding: 20px;
    }

    .logodesignpkg ul {
        list-style: none;
    }

        .logodesignpkg ul li {
            border-bottom: 1px solid #eff6fb;
            margin: 0 15px;
            padding: 10px 0;
        }

            .logodesignpkg ul li:last-child {
                border-bottom: none;
            }

            .logodesignpkg ul li span {
                font-family: 'robotobold';
                font-size: 14px;
                color: #18c2a5;
            }

            .logodesignpkg ul li img {
                margin-right: 10px;
            }


.logodesignpkg2 {
    border: 1px solid #eef5fa;
}

    .logodesignpkg2 h3 {
        font-size: 20px;
        color: #6285a1;
        text-transform: uppercase;
        text-align: left;
        font-family: 'robotoregular';
        background: #f7fbff;
        padding: 20px;
    }

    .logodesignpkg2 ul {
        list-style: none;
    }

        .logodesignpkg2 ul li {
            border-bottom: 1px solid #eff6fb;
            margin: 0 15px;
            padding: 10px 0;
        }

            .logodesignpkg2 ul li:last-child {
                border-bottom: none;
            }

            .logodesignpkg2 ul li span {
                font-family: 'robotobold';
                font-size: 14px;
                color: #ff7000;
            }

            .logodesignpkg2 ul li img {
                margin-right: 10px;
            }

.pakgaddon {
    background: #f7fbff;
    float: left;
    width: 100%;
}

    .pakgaddon h3 {
        font-size: 20px;
        color: #eb4e5a;
        text-align: left;
        padding: 20px 0 20px 15px;
        font-family: 'robotobold';
        border-bottom: 3px solid #e9f2f9;
    }

.adon-pakgs {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 12px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #e5eff8;
    margin-bottom: 15px;
}

/************ on off css ********************/

.onoffswitch {
    position: relative;
    width: 60px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    float: right;
    margin-top: 10px;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #EBEBEB;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 30px;
        padding: 0;
        line-height: 30px;
        font-size: 10px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "ON";
        padding-left: 5px;
        background-color:;
        color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: "OFF";
        padding-right: 5px;
        background-color:;
        color:;
        text-align: right;
    }

.onoffswitch-switch {
    display: block;
    width: 27px;
    margin: 1.5px;
    background: #EB4E5A;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 28px;
    border: 2px solid #EBEBEB;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
    background-color: #18C2A5;
}

.detils {
    float: left;
    width: 65%;
}

    .detils p {
        margin-top: 15px;
        color: #67747d;
        font-size: 16px;
        line-height: 15px;
        font-family: 'robotobold';
    }

    .detils span {
        font-size: 12px;
        display: block;
    }

    .detils strong {
        display: block;
        font-size: 30px;
        color: #eb4e5a;
        font-family: 'bebas_neueregular';
    }


.lightbluebg2 {
    background: #eff6fb;
    border-right: 1px solid #dae5ed;
    padding-bottom: 20px;
    padding-top: 20px;
}

    .lightbluebg2 p {
        font-size: 15px;
    }

.extramarg {
    margin-top: 30px;
}


.extramarg3 {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .extramarg3 p {
        color: #fff;
        font-size: 16px;
        line-height: 20px;
        font-family: 'robotoregular';
    }

    .extramarg3 h4 {
        color: #B3D236;
        font-family: 'robotobold';
        font-size: 32px;
        padding-top: 1%;
        text-transform: uppercase;
        line-height: 30px;
    }


.darkbluebg {
    border-radius: 10px;
    margin-bottom: 10px;
    background: #26445d;
    padding-top: 11px;
    padding-bottom: 5px;
    width: 92%;
}

    .darkbluebg p {
        color: #fff;
        font-size: 20px;
        line-height: 20px;
    }

    .darkbluebg strong {
        color: #ffe543;
        font-size: 37px;
        font-family: 'bebas_neueregular';
    }

.maxwidth {
    width: 100%;
}

.ordrdetail {
    padding-left: 0px;
    padding-right: 0px;
}

    .ordrdetail h3 {
        text-align: left;
        font-size: 24px;
        color: #6285a1;
        font-family: 'robotobold';
        padding-top: 20px;
        text-transform: uppercase;
    }

.orderinput1 {
    height: 42px;
    padding: 10px 6px;
    width: 67.5%;
}

.labelset {
    width: 42% !important;
}

.labelset2 {
    width: 48% !important;
}

.signinput6 {
    height: 42px;
    padding: 10px 6px;
    width: 54%;
}

.signinput7 {
    padding: 7px 6px;
    width: 48%;
}

.signinput8 {
    height: 42px;
    padding: 7px 6px;
    width: 84%;
}


.signinput9 {
    height: 42px;
    padding: 7px 6px;
    width: 68%;
}

.signinput10 {
    height: 42px;
    padding: 7px 6px;
    width: 78%;
}

.labelset3 {
    width: 21% !important;
}


.selctpkg {
    background: #f1f7fc;
    padding: 0px 10px 20px;
    margin-top: 25px;
}

    .selctpkg h3 {
        border-bottom: 1px solid #ccc;
        padding-bottom: 15px;
    }

    .selctpkg ul {
        padding-left: 0px;
    }

        .selctpkg ul li {
            border-bottom: 1px solid #ccc;
            font-size: 16px;
            list-style: outside none none;
            margin: 10px 0;
            padding: 10px 0;
            text-transform: uppercase;
            width: 100%;
        }

            .selctpkg ul li strong {
                float: right;
                color: #eb505c;
                font-size: 20px;
            }

.pers-details {
    margin-top: 5px;
}

    .pers-details li {
        list-style: none;
        border-top: 1px solid #e3ecf3;
    }

    .pers-details ul {
        margin-top: 15px;
    }

    .pers-details li:last-child {
        border-bottom: 1px solid #e3ecf3;
    }

    .pers-details li label {
        border-right: 1px solid #e3ecf3;
        width: 31%;
        margin-right: 15px;
        padding: 10px;
        font-size: 14px;
        text-transform: uppercase;
        color: #6a8090;
    }

.personal_input {
    border: none;
    font-size: 14px;
    color: #4f606d;
    font-family: 'robotobold';
    width: 60%;
}

.sepecs-design {
    border-bottom: 4px solid #deecf8;
    padding-bottom: 20px;
}

    .sepecs-design ul {
        margin-top: 20px;
        padding-left: 0px;
    }

        .sepecs-design ul li {
            border-top: 1px solid #e3ecf3;
            list-style: none;
        }

            .sepecs-design ul li:last-child {
                border-bottom: 1px solid #e3ecf3;
            }

    .sepecs-design label {
        text-transform: uppercase;
        font-size: 14px;
        border-right: 1px solid #e3ecf3;
        margin-right: 15px;
        padding: 10px;
        color: #6a8090;
        width: 33%;
    }

.editbtn {
    float: right;
    background: #35bfc0;
    padding: 10px 60px;
    color: #fff;
    border: none;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'robotobold';
}

.extramarg2 {
    margin-top: 15px;
}


.selctpkg2 {
    background: #f1f7fc;
    float: left;
    margin-top: 25px;
    padding: 0 10px 20px;
    width: 100%;
}

    .selctpkg2 ul li {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc;
        float: left;
        font-size: 16px;
        list-style: none;
        margin: 20px 0;
        padding: 10px;
        text-transform: uppercase;
        width: 50%;
    }

        .selctpkg2 ul li:last-child {
            border-right: none;
        }

        .selctpkg2 ul li strong {
            color: #eb505c;
            float: right;
            font-size: 20px;
        }


.carddetails {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    float: left;
}

    .carddetails label {
        background: #edf5fb;
        color: #9ba4b4;
        float: left;
        font-size: 13px;
        padding: 10.2px 16px;
        width: 34%;
    }

.card-input {
    height: 39px;
    padding: 10px 6px;
    width: 62%;
}


.billing-address {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    float: left;
    border-bottom: 4px solid #deecf8;
}

    .billing-address label {
        background: #edf5fb;
        color: #9ba4b4;
        float: left;
        font-size: 13px;
        padding: 10.2px 16px;
        width: 16%;
    }

.card-input2 {
    height: 39px;
    padding: 10px 6px;
    width: 81%;
}

.biling-select {
    width: 62%;
    height: 40px;
}

.labelset4 {
    width: 30% !important;
}




/******************* Website Design ************************/
.center_img {
    display: block;
    margin: 0px auto;
    text-align: center;
}

.design-logo {
    color: #35bec0;
    font-size: 16px;
    text-align: center;
    padding: 40px 0px;
}

    .design-logo h2 {
        margin: 0px 0 0px 0;
        line-height: 24px;
        font-family: 'robotobold';
        font-size: 16px;
        color: #35bec0;
        text-transform: uppercase;
        text-align: center;
    }

    .design-logo h3 {
        color: #6d6e6e;
        line-height: 16px;
        padding-bottom: 3px !important;
        font-size: 10px;
        font-family: 'robotobold';
        text-transform: uppercase;
        text-align: center;
    }

        .design-logo h3 span {
            color: #eb4e5a;
        }

    .design-logo h4 {
        color: #eb4e5a;
        font-size: 30px;
        text-align: center;
        font-family: 'bebas_neueregular';
    }

    .design-logo a {
        font-size: 13px;
        margin: 17px 0 0 0;
        clear: both;
        display: block;
        color: #fff;
        font-family: 'robotobold';
        text-transform: uppercase;
        text-align: center;
    }

    .design-logo:nth-child(1) {
        background: url(../images/design-logo1.png) no-repeat center center;
    }

    .design-logo:nth-child(2) {
        background: url(../images/design-logo2.png) no-repeat center center;
    }

    .design-logo:nth-child(3) {
        background: url(../images/design-logo3.png) no-repeat center center;
    }

    .design-logo:nth-child(4) {
        background: url(../images/design-logo4.png) no-repeat center center;
    }

.info-graphy {
    background: url(../images/arrow-repeat.jpg) repeat;
}


































/******************* Brand Collateral ************************/
.brand-btn {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.brand-corner {
    position: absolute;
    right: -12px;
    bottom: 0px;
}

.brand-coll {
    color: #35bec0;
    font-size: 16px;
    text-align: center;
    padding: 40px 30px;
    position: relative;
    min-height: 490px;
}

    .brand-coll h2, .brand-coll h4 {
        font-family: 'bebas_neuebold' !important;
        font-size: 34px !important;
    }

    .brand-coll:nth-child(1) {
        background: url(../images/brand-colbg-1.jpg) no-repeat left top #fafafa;
    }

    .brand-coll:nth-child(2) {
        background: url(../images/brand-colbg-2.jpg) no-repeat top center;
        background-size: cover;
    }

    .brand-coll:nth-child(3) {
        background: url(../images/brand-colbg-3.jpg) no-repeat left top #fafafa;
    }

    .brand-coll:nth-child(4) {
        background: url(../images/brand-colbg-4.jpg) no-repeat center center;
    }


    .brand-coll h2 {
        margin: 0px 0 0px 0;
        line-height: 24px;
        text-align: left;
    }

    .brand-coll:nth-child(1) h2 {
        color: #eb4e5a;
    }

    .brand-coll:nth-child(2) h2 {
        color: #ffe343;
    }

    .brand-coll:nth-child(3) h2 {
        color: #b3d236;
    }

    .brand-coll:nth-child(4) h2 {
        color: #eb7d4b;
    }

    .brand-coll:nth-child(4) h2 {
        color: #eb7d4b;
    }

    .brand-coll h3 {
        color: #505f6b;
        margin: 10px 0;
        text-transform: uppercase;
        text-align: left;
        line-height: 16px;
        font-size: 14px;
        font-family: 'robotobold';
    }

        .brand-coll h3 span {
            color: #eb4e5a;
        }

    .brand-coll h4 {
        color: #eb4e5a;
        font-size: 30px;
        text-align: center;
        font-family: 'bebas_neueregular';
    }

    .brand-coll a {
        font-size: 13px;
        margin: 17px 0 0 0;
        clear: both;
        display: block;
        color: #fff;
        font-family: 'robotobold';
        text-transform: uppercase;
        text-align: center;
    }

    .brand-coll ul {
        padding: 0px;
    }

        .brand-coll ul li {
            font-family: 'robotoregular';
            list-style: none;
            text-align: left;
            font-size: 13px;
            padding: 6px 0 6px 40px;
            color: #505f6b;
        }

            .brand-coll ul li:nth-child(1) {
                background: url(../images/bc-icon-1.png) left center no-repeat;
            }

            .brand-coll ul li:nth-child(2) {
                background: url(../images/bc-icon-2.png) left center no-repeat;
            }

            .brand-coll ul li:nth-child(3) {
                background: url(../images/bc-icon-3.png) left center no-repeat;
            }

            .brand-coll ul li:nth-child(4) {
                background: url(../images/bc-icon-4.png) left center no-repeat;
            }

            .brand-coll ul li:nth-child(5) {
                background: url(../images/bc-icon-5.png) left center no-repeat;
            }

            .brand-coll ul li:nth-child(6) {
                background: url(../images/bc-icon-6.png) left center no-repeat;
            }

            .brand-coll ul li:nth-child(7) {
                background: url(../images/bc-icon-7.png) left center no-repeat;
            }

            .brand-coll ul li:nth-child(8) {
                background: url(../images/bc-icon-8.png) left center no-repeat;
            }

.brandcol-2 h3 {
    color: #ffffff !important;
    font-family: 'bebas_neueregular' !important;
    font-size: 34px !important;
    line-height: 30px !important;
}

.brandcol-2 ul li {
    color: #fff !important;
}

    .brandcol-2 ul li:nth-child(1) {
        background: url(../images/bc-icon-9.png) left center no-repeat;
    }

    .brandcol-2 ul li:nth-child(2) {
        background: url(../images/bc-icon-10.png) left center no-repeat;
    }

    .brandcol-2 ul li:nth-child(3) {
        background: url(../images/bc-icon-11.png) left center no-repeat;
    }

    .brandcol-2 ul li:nth-child(4) {
        background: url(../images/bc-icon-12.png) left center no-repeat;
    }

    .brandcol-2 ul li:nth-child(5) {
        background: url(../images/bc-icon-13.png) left center no-repeat;
    }

    .brandcol-2 ul li:nth-child(6) {
        background: url(../images/bc-icon-14.png) left center no-repeat;
    }

.brandcol-3 h3 {
    color: #505f6b;
    font-size: 34px;
    line-height: 30px !important;
    font-family: 'bebas_neueregular' !important;
}

.brandcol-3 ul li:nth-child(1) {
    background: url(../images/bc-icon-14.png) left center no-repeat;
}

.brandcol-3 ul li:nth-child(2) {
    background: url(../images/bc-icon-15.png) left center no-repeat;
}

.brandcol-3 ul li:nth-child(3) {
    background: url(../images/bc-icon-16.png) left center no-repeat;
}

.brandcol-3 ul li:nth-child(4) {
    background: url(../images/bc-icon-17.png) left center no-repeat;
}

.brandcol-3 ul li:nth-child(5) {
    background: url(../images/bc-icon-18.png) left center no-repeat;
}













/******************* Brand Collateral ************************/

.social-col {
    color: #35bec0;
    font-size: 16px;
    text-align: center;
    padding: 40px 30px;
    position: relative;
    min-height: 428px;
}

    .social-col h2, .brand-coll h4 {
        font-family: 'bebas_neuebold' !important;
        font-size: 34px !important;
    }

    .social-col:nth-child(1) {
        background: url(../images/social-col-bg-1.jpg) no-repeat left top;
    }

    .social-col:nth-child(2) {
        background: url(../images/social-col-bg-2.jpg) no-repeat top center;
        background-size: cover;
    }

    .social-col:nth-child(3) {
        background: url(../images/social-col-bg-3.jpg) no-repeat left top;
        background-size: cover;
    }




    .social-col h2 {
        margin: 0px 0 0px 0;
        line-height: 24px;
        text-align: left;
    }

    .social-col:nth-child(1) h2 {
        color: #eb4e5a;
    }

    .social-col:nth-child(2) h2 {
        color: #ffe343;
    }

    .social-col:nth-child(3) h2 {
        color: #b3d236;
    }

    .social-col:nth-child(4) h2 {
        color: #eb7d4b;
    }

    .social-col:nth-child(4) h2 {
        color: #eb7d4b;
    }

    .social-col h3 {
        color: #505f6b;
        margin: 0;
        text-transform: uppercase;
        text-align: left;
        line-height: 16px;
        font-size: 14px;
        font-family: 'robotobold';
    }

        .social-col h3 span {
            color: #eb4e5a;
        }

    .social-col h4 {
        color: #eb4e5a;
        font-size: 30px;
        text-align: center;
        font-family: 'bebas_neueregular';
    }

    .social-col a {
        font-size: 13px;
        margin: 17px 0 0 0;
        clear: both;
        display: block;
        color: #fff;
        font-family: 'robotobold';
        text-transform: uppercase;
        text-align: center;
    }

    .social-col ul {
    }

        .social-col ul li {
            font-family: 'robotoregular';
            list-style: none;
            text-align: left;
            font-size: 13px;
            padding: 6px 0 6px 40px;
            color: #505f6b;
        }

            .social-col ul li:nth-child(1) {
                background: url(../images/bc-icon-1.png) left center no-repeat;
            }

            .social-col ul li:nth-child(2) {
                background: url(../images/bc-icon-2.png) left center no-repeat;
            }

            .social-col ul li:nth-child(3) {
                background: url(../images/bc-icon-3.png) left center no-repeat;
            }

            .social-col ul li:nth-child(4) {
                background: url(../images/bc-icon-4.png) left center no-repeat;
            }

            .social-col ul li:nth-child(5) {
                background: url(../images/bc-icon-5.png) left center no-repeat;
            }

            .social-col ul li:nth-child(6) {
                background: url(../images/bc-icon-6.png) left center no-repeat;
            }

            .social-col ul li:nth-child(7) {
                background: url(../images/bc-icon-7.png) left center no-repeat;
            }

            .social-col ul li:nth-child(8) {
                background: url(../images/bc-icon-8.png) left center no-repeat;
            }

.social-2 h3 {
    color: #ffffff !important;
    font-family: 'bebas_neueregular' !important;
    font-size: 34px !important;
    line-height: 30px !important;
}

.social-2 ul li {
    color: #fff !important;
}

    .social-2 ul li:nth-child(1) {
        background: url(../images/bc-icon-9.png) left center no-repeat;
    }

    .social-2 ul li:nth-child(2) {
        background: url(../images/bc-icon-10.png) left center no-repeat;
    }

    .social-2 ul li:nth-child(3) {
        background: url(../images/bc-icon-11.png) left center no-repeat;
    }

    .social-2 ul li:nth-child(4) {
        background: url(../images/bc-icon-12.png) left center no-repeat;
    }

    .social-2 ul li:nth-child(5) {
        background: url(../images/bc-icon-13.png) left center no-repeat;
    }

    .social-2 ul li:nth-child(6) {
        background: url(../images/bc-icon-14.png) left center no-repeat;
    }

.social-3 h3 {
    color: #505f6b;
    font-size: 34px;
    line-height: 30px !important;
    font-family: 'bebas_neueregular' !important;
}

.social-3 ul li:nth-child(1) {
    background: url(../images/bc-icon-14.png) left center no-repeat;
}

.social-3 ul li:nth-child(2) {
    background: url(../images/bc-icon-15.png) left center no-repeat;
}

.social-3 ul li:nth-child(3) {
    background: url(../images/bc-icon-16.png) left center no-repeat;
}

.social-3 ul li:nth-child(4) {
    background: url(../images/bc-icon-17.png) left center no-repeat;
}

.social-3 ul li:nth-child(5) {
    background: url(../images/bc-icon-18.png) left center no-repeat;
}













/******************* Brand Collateral ************************/

.animation-col {
    color: #35bec0;
    font-size: 16px;
    text-align: center;
    padding: 40px 30px;
    position: relative;
    min-height: 450px;
}

    .animation-col h2, .brand-coll h4 {
        font-family: 'bebas_neuebold' !important;
        font-size: 34px !important;
    }

    .animation-col:nth-child(1) {
        background: url(../images/social-col-bg-1.jpg) no-repeat left top #fafafa;
    }

    .animation-col:nth-child(2) {
        background: url(../images/social-col-bg-2.jpg) no-repeat top center;
        background-size: cover;
    }

    .animation-col:nth-child(3) {
        background: url(../images/social-col-bg-3.jpg) no-repeat left top;
        background-size: cover;
    }




    .animation-col h2 {
        margin: 0px 0 0px 0;
        line-height: 30px;
        text-align: left;
    }

    .animation-col:nth-child(1) h2 {
        color: #eb4e5a;
    }

    .animation-col:nth-child(2) h2 {
        color: #ffe343;
    }

    .animation-col:nth-child(3) h2 {
        color: #b3d236;
    }

    .animation-col:nth-child(4) h2 {
        color: #eb7d4b;
    }

    .animation-col:nth-child(4) h2 {
        color: #eb7d4b;
    }

    .animation-col h3 {
        color: #505f6b;
        margin: 10px 0;
        text-transform: uppercase;
        text-align: left;
        line-height: 16px;
        font-size: 14px;
        font-family: 'robotobold';
    }

        .animation-col h3 span {
            color: #eb4e5a;
        }

    .animation-col h4 {
        color: #eb4e5a;
        font-size: 30px;
        text-align: center;
        font-family: 'bebas_neueregular';
    }

    .animation-col a {
        font-size: 13px;
        margin: 17px 0 0 0;
        clear: both;
        display: block;
        color: #fff;
        font-family: 'robotobold';
        text-transform: uppercase;
        text-align: center;
    }

    .animation-col ul {
        padding-left: 0px;
    }

        .animation-col ul li {
            font-family: 'robotoregular';
            list-style: none;
            text-align: left;
            font-size: 13px;
            padding: 6px 0 6px 40px;
            color: #505f6b;
        }

            .animation-col ul li:nth-child(1) {
                background: url(../images/bc-icon-1.png) left center no-repeat;
            }

            .animation-col ul li:nth-child(2) {
                background: url(../images/bc-icon-2.png) left center no-repeat;
            }

            .animation-col ul li:nth-child(3) {
                background: url(../images/bc-icon-3.png) left center no-repeat;
            }

            .animation-col ul li:nth-child(4) {
                background: url(../images/bc-icon-4.png) left center no-repeat;
            }

            .animation-col ul li:nth-child(5) {
                background: url(../images/bc-icon-5.png) left center no-repeat;
            }

            .animation-col ul li:nth-child(6) {
                background: url(../images/bc-icon-6.png) left center no-repeat;
            }

            .animation-col ul li:nth-child(7) {
                background: url(../images/bc-icon-7.png) left center no-repeat;
            }

            .animation-col ul li:nth-child(8) {
                background: url(../images/bc-icon-8.png) left center no-repeat;
            }


.animation-2 h3 {
    color: #ffffff !important;
    font-family: 'bebas_neueregular' !important;
    font-size: 34px !important;
    line-height: 30px !important;
}

.animation-2 h4 {
    text-align: left;
    margin: 15px 0 0 0;
    color: #ffffff !important;
    font-family: 'bebas_neueregular' !important;
    font-size: 26px !important;
    line-height: 24px !important;
}

.animation-2 ul li {
    color: #fff !important;
}

    .animation-2 ul li:nth-child(1) {
        background: url(../images/bc-icon-9.png) left center no-repeat;
    }

    .animation-2 ul li:nth-child(2) {
        background: url(../images/bc-icon-10.png) left center no-repeat;
    }

    .animation-2 ul li:nth-child(3) {
        background: url(../images/bc-icon-11.png) left center no-repeat;
    }

    .animation-2 ul li:nth-child(4) {
        background: url(../images/bc-icon-12.png) left center no-repeat;
    }

    .animation-2 ul li:nth-child(5) {
        background: url(../images/bc-icon-13.png) left center no-repeat;
    }

    .animation-2 ul li:nth-child(6) {
        background: url(../images/bc-icon-14.png) left center no-repeat;
    }

.animation-3 h3 {
    color: #505f6b;
    font-size: 34px;
    line-height: 30px !important;
    font-family: 'bebas_neueregular' !important;
}

.animation-3 ul li:nth-child(100) {
    background: url(../images/bc-icon-14.png) left center no-repeat;
}

.animation-3 ul li:nth-child(2) {
    background: url(../images/bc-icon-15.png) left center no-repeat;
}

.animation-3 ul li:nth-child(3) {
    background: url(../images/bc-icon-16.png) left center no-repeat;
}

.animation-3 ul li:nth-child(4) {
    background: url(../images/bc-icon-17.png) left center no-repeat;
}

.animation-3 ul li:nth-child(5) {
    background: url(../images/bc-icon-18.png) left center no-repeat;
}

.anim-content {
    padding-bottom: 20px;
}

    .anim-content h3 {
        line-height: 22px !important;
        color: #0e3655;
        font-size: 22px;
        font-family: 'robotoregular';
        text-transform: uppercase;
        text-align: left;
    }

        .anim-content h3 span {
            font-family: "robotolight";
        }

    .anim-content p {
        color: #515151;
        font-size: 14px;
        font-family: "robotolight";
        margin-top: 0px;
    }

.anim-quote {
    padding-bottom: 20px;
}

    .anim-quote h4 {
        font-size: 15px;
        color: #0e3655;
        font-family: "robotolight";
        font-style: italic;
        line-height: 23px;
    }

        .anim-quote h4::before {
            content: url("../images/quoteimg.png");
            margin: 0;
            position: relative;
        }

        .anim-quote h4::after {
            content: url("../images/quoteimg2.png");
            height: 20px;
            margin: 0 0 0 10px;
            position: relative;
            top: 10px;
            right: 5px;
        }



    .anim-quote p {
        color: #515151;
        font-size: 14px;
        font-family: "robotolight";
        margin-top: 10px;
    }

.anim-sec {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .anim-sec img {
        width: 100%;
    }


/******************  Thankyou Page **************************/

.thankspage {
    background: url(../images/thanks-bg.jpg) top center no-repeat;
    text-align: center;
    background-size: cover;
}

.thanks-sec {
    max-width: 900px;
    margin: 0px auto;
    padding-right: 40px 0;
    text-align: center;
}

    .thanks-sec h2 {
        font-size: 70px;
        color: #ffe543;
        font-family: 'bebas_neueregular';
        padding-top: 30px;
        padding-bottom: 10px;
        line-height: 70px;
    }

    .thanks-sec p {
        color: #3a424c;
        font-size: 21px;
        line-height: 23px;
        text-align: center;
        font-family: "robotolight";
        margin-bottom: 30px;
    }


.thanks-title{
        color: #3a424c;
        font-size: 21px;
        line-height: 23px;
        text-align: center;
        font-family: "robotolight";
        margin-bottom: 30px;
    }

.gohome {
    background: #eb4e5a;
    padding: 10px 40px;
    color: #fff;
    font-size: 14px;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 100px;
}

.thanks-sec ul {
    padding-left: 0px;
    margin-bottom: 40px;
}

    .thanks-sec ul li {
        display: inline-block;
        margin: 0 5px;
        list-style: none;
    }

.logo-thank {
    padding-top: 60px;
    padding-bottom: 10px;
}




/******************* Content Reviews  ************************/

.top {
    bottom: 100px;
    display: none;
    position: fixed;
    right: 50px;
    z-index: 3;
}


.review-inner {
    margin: 0 20px;
}

.content-review {
    background: #f2f7fb;
    padding: 20px;
    margin: 0px;
    min-height: 255px;
}

    .content-review p {
        color: #69727d;
        font-size: 15px;
        font-family: 'robotoregular';
        clear: both;
        display: block;
    }

        .content-review p::before {
            content: url("../images/quotes-01.png");
            height: 20px;
            margin: 0 0px 0 0;
            position: relative;
            top: -12px;
        }

        .content-review p::after {
            content: url("../images/quotes-02.png");
            height: 20px;
            margin: 0px 0px 0 10px;
            position: relative;
            top: 10px;
        }

    .content-review img {
        float: left;
        margin: 10px 20px 0 0px;
    }

    .content-review h2 {
        font-size: 16px;
        font-family: 'robotoregular';
        text-align: left;
        color: #0e3656;
        line-height: 24px;
        margin: 20px 0 45px !important;
        float: left;
    }

        .content-review h2 span {
            color: #505f6b;
        }


    .content-review:nth-child(2) {
        background: #fff;
    }

    .content-review:nth-child(3) {
        background: #fff;
    }

    .content-review:nth-child(6) {
        background: #fff;
    }

    .content-review:nth-child(7) {
        background: #fff;
    }

    .content-review:nth-child(10) {
        background: #fff;
    }

.inner-small {
    font-size: 26px !important;
}












/******************* Content process  ************************/

.content-process:nth-child(1) h2 {
    color: #35bfc0;
}

.content-process:nth-child(2) h2 {
    color: #b1d234;
}

.content-process:nth-child(3) h2 {
    color: #ec5a66;
}

.content-process:nth-child(4) h2 {
    color: #eb7d4b;
}

.content-process:nth-child(5) h2 {
    color: #73a3f6;
}

.content-process:nth-child(6) h2 {
    color: #17c2a4;
}

.content-process:nth-child(7) h2 {
    color: #25b7e6;
}

.content-process:nth-child(8) h2 {
    color: #d74680;
}


.content-process:nth-child(2) {
    background: #fff;
}

.content-process:nth-child(4) {
    background: #fff;
}

.content-process:nth-child(6) {
    background: #fff;
}

.content-process:nth-child(7) {
    background: #fff;
}

.content-process h2 {
    text-transform: uppercase;
}

.content-process {
    background: #f6fafd;
    padding: 20px;
    margin: 0px;
}

    .content-process p {
        color: #69727d;
        font-size: 15px;
        font-family: 'robotoregular';
    }

     .content-process ul{
        color: #69727d;
        font-size: 15px;
        font-family: 'robotoregular';
    }

    .content-process img {
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .content-process:nth-child(1) img {
        float: left;
        margin-right: 20px;
    }

    .content-process:nth-child(2) img {
        float: right;
        margin-right: 20px;
    }

    .content-process:nth-child(3) img {
        float: left;
        margin-right: 20px;
    }

    .content-process:nth-child(4) img {
        float: right;
        margin-right: 20px;
    }

    .content-process:nth-child(5) img {
        float: left;
        margin-right: 20px;
    }

    .content-process:nth-child(6) img {
        float: right;
        margin-right: 20px;
    }

.inner-pra p {
    text-align: left !important;
}






.content-process h2 {
    font-size: 22px;
    font-family: 'robotoregular';
    text-align: left;
    margin: 10px 0 0 0;
}



/*****************Ecommerce Package*******************/

.ecomerce-list {
}

    .ecomerce-list img {
        width: auto !important;
    }

    .ecomerce-list ul li {
        padding: 2% 0 2% 4%;
    }

.ecomerce-limited {
    text-align: left !important;
    color: #fc0112 !important;
    margin-top: 25px;
    display: block !important;
    font-family: "robotolight";
}

.greybg {
    background: #f9f9f9;
    margin-top: 20px;
    margin-bottom: 20px;
}

.key-features-sec {
    max-width: 1170px;
    margin: 0px auto;
    text-align: center;
    padding-bottom: 30px;
}

    .key-features-sec ul {
        padding: 0px;
    }

    .key-features-sec p {
        text-align: center;
        font-family: 'robotobold';
        font-size: 13px;
        color: #878787;
    }

    .key-features-sec ul li {
        display: inline-block;
        margin: 0 12px;
        vertical-align: top;
    }

        .key-features-sec ul li img {
            vertical-align: top;
        }

.bottom-pakges {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
}

    .bottom-pakges h3 {
        color: #35bcbf;
        font-size: 20px;
        font-family: 'robotobold';
        padding-top: 20px;
        padding-bottom: 5px;
    }

    .bottom-pakges p {
        font-size: 14px;
        text-align: center;
        font-family: 'robotoregular';
        color: #697f89;
    }


/******************Brand Collaratel********************/

.brandlastsec {
    background: url("../images/brand-colbg-3.jpg") no-repeat center top #fafafa !important;
}

    .brandlastsec h5 {
        text-transform: uppercase;
        font-size: 38px;
        color: #b3d236;
        font-family: 'bebas_neueregular';
        padding-bottom: 20px;
    }

.happycust {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
    margin-bottom: 4px;
    margin-top: 4px;
    width: 100%;
    float: left;
}

.brandoferleft {
    width: 56%;
    margin-left: 14px;
}

    .brandoferleft p strong {
        color: #b3d236;
        font-size: 13px;
        font-family: 'robotoregular';
    }

    .brandoferleft p {
        color: #878888;
        font-size: 13px;
        font-family: 'robotoregular';
    }

.rdmr {
    color: #eb4e5a !important;
    font-size: 11px !important;
    margin-top: 0px !important;
    text-align: left !important;
}

.imgset img {
    width: 100%;
    height: 490px;
}




/******************privacy Policy********************/

.privacy-heading {
    background: #23435c;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 20px;
}

    .privacy-heading h1 {
        text-align: center;
        font-size: 80px;
        color: #fff;
        font-family: 'robotobold';
    }


.policy-content {
    border-bottom: 1px dashed #c0e4ff;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .policy-content h3 {
        font-size: 26px;
        text-transform: uppercase;
        color: #0e3656;
        font-family: 'robotobold';
        text-align: left;
    }

    .policy-content p {
        font-size: 15px;
        color: #969fab;
        font-family: 'robotoregular';
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .policy-content strong {
        font-size: 16px;
        color: #969fab;
        font-family: 'robotobold';
    }

.privacy-policy-sec {
    max-width: 1170px;
    margin: 0px auto;
}

.leftmarg {
    margin-right: 10px;
}


/******************Terms and Conditions********************/

.terms-heading {
    background: #2c999a;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 20px;
}

    .terms-heading h1 {
        text-align: center;
        font-size: 80px;
        color: #fff;
        font-family: 'robotobold';
    }


.terms-content {
    border-bottom: 1px dashed #c0e4ff;
    padding-bottom: 20px;
    margin-bottom: 20px;
    width: 100%;
    float: left;
}

    .terms-content ul {
        padding: 0px;
        float: left;
        width: 100%;
    }

    .terms-content h3 {
        font-size: 26px;
        text-transform: uppercase;
        color: #35bfc0;
        font-family: 'robotobold';
        text-align: left;
        margin-bottom: 12px;
    }

    .terms-content p {
        font-size: 15px;
        color: #969fab;
        font-family: 'robotoregular';
    }

    .terms-content strong {
        font-size: 16px;
        color: #969fab;
        font-family: 'robotobold';
    }

    .terms-content ul li {
        list-style: inside none lower-alpha;
        font-size: 14px;
        color: #969fab;
        margin-bottom: 15px;
    }

        .terms-content ul li span {
            color: #eb4e5a;
        }

.terms-sec {
    max-width: 1170px;
    margin: 0px auto;
}

.leftmarg {
    margin-right: 10px;
}

.temsleft {
    width: 90%;
}



/*********************Resource Infographic************************/

.infographic-style {
    overflow: hidden;
    position: relative;
}

    .infographic-style img {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .infographic-style > div {
        background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
        bottom: -100%;
        color: #fff;
        height: 100%;
        left: 0;
        position: absolute;
        text-transform: uppercase;
        transition: all 0.5s ease 0s;
        width: 100%;
    }

    .infographic-style:hover > div {
        bottom: 0;
        padding: 0;
    }

    .infographic-style > div:hover {
        text-decoration: none;
    }

.ie8 .infographic-style > div {
    background: #83b441 none repeat scroll 0 0;
}

.infographic-style div {
    text-align: center;
}

    .infographic-style div img {
        width: auto;
    }

    .infographic-style div ul {
        margin-top: 20%;
        margin-bottom: 15px;
        padding: 0px;
    }

        .infographic-style div ul li {
            display: inline-block;
            margin: 0 6px;
        }

.dwnld {
    background: #eb4e5a;
    color: #fff !important;
    border-radius: 20px;
    padding: 5px 20px;
    text-decoration: none !important;
    font-size: 12px !important;
}


.infograph {
    margin-bottom: 20px;
}

    .infograph p {
        background: #0a273e;
        text-align: left;
        color: #fff;
        font-family: 'robotobold';
        font-size: 13px;
        padding: 10px 0 10px 10px;
    }




/********************** FAQ's***************************/


.faq-heading {
    background: #ba0609;
    padding: 5% 0;
}

    .faq-heading h1 {
        opacity: 0;
        transition: all ease 0.8s;
        font-size: 90px;
        font-family: 'robotobold';
        color: #fff;
        text-align: center;
    }


.tabcontainer {
    max-width: 1170px;
    margin: 30px auto 70px;
}

.iner-content:first-of-type {
    border-top: 2px dashed #c0e4ff;
    padding-left: 30px;
}





#tabs {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

    #tabs ul {
        padding: 0px;
    }

    #tabs li {
        font-size: 13px;
        width: 16%;
        background: #f1f4f7;
        color: #222;
        display: inline-block;
        cursor: pointer;
        text-align: center;
        margin-right: 3px;
    }

    #tabs a {
        display: block;
        background: #f1f4f7;
        padding: 15px 7%;
        text-decoration: none;
        color: #68707b;
        font-size: 13px;
        font-weight: bold;
    }

        #tabs a:hover, #tabs a:hover::after, #tabs a:focus, #tabs a:focus::after {
            background: #35bfc0;
            color: #fff;
        }

        #tabs a:focus {
            outline: 0;
        }

        #tabs a::after {
        }

    #tabs #current a {
        background: #eb4e5a;
        color: #fff;
        z-index: 3;
    }

        #tabs #current a::after {
        }

#content {
    background: #fff;
    padding: 0px;
    position: relative;
    z-index: 2;
}





.tab-content-faq {
    display: none;
    border-top: 2px dashed #c0e4ff;
}

    .tab-content-faq h4 {
        font-size: 16px;
        color: #eb4e5a;
        display: block;
        font-family: 'robotobold';
        padding: 10px 0;
    }

    .tab-content-faq strong {
        font-size: 14px;
        color: #68707b;
    }

    .tab-content-faq p {
        margin: 10px 0;
        font-size: 14px;
    }

.iner-content {
    border-bottom: 2px dashed #c0e4ff;
    border-right: 2px dashed #c0e4ff;
    border-left: 2px dashed #c0e4ff;
    padding: 15px;
}

    .iner-content h4 {
        font-size: 16px;
        color: #eb4e5a;
        display: block;
        font-family: 'robotobold';
        padding: 10px 0;
    }

    .iner-content strong {
        font-size: 14px;
        color: #68707b;
    }

    .iner-content p {
        margin: 10px 0;
        font-size: 14px;
    }

    .iner-content ul {
        margin: 20px 0;
    }

        .iner-content ul li {
            list-style: decimal inside;
            font-size: 14px;
            color: #969fab;
            margin: 6px 0;
        }


.tab-content-faq.selected {
    display: inherit;
}


/****************extra css*****************/

.inner-banner {
    position: relative;
}

    .inner-banner img {
        width: 100%;
        height: 360px;
    }

.banner-content {
    position: absolute;
    top: 30px;
    width: 37%;
    margin: 0 0 0 2%;
}

    .banner-content h2 {
        opacity: 0;
        transition: all ease 0.8s;
        font-size: 38px;
        color: #fff;
        font-family: 'bebas_neueregular';
        text-transform: uppercase;
    }

    .banner-content h3 span {
        color: #0e3656;
    }

    .banner-content h4 {
        padding: 15px 0;
        color: #49401e;
        font-size: 40px;
        font-family: 'bebas_neueregular';
    }

        .banner-content h4 span {
            color: #ec1728;
        }

    .banner-content strong {
        color: #ffe343;
    }

    .banner-content h3 {
        font-size: 35px;
        color: #fff;
        font-family: 'bebas_neueregular';
        text-transform: uppercase;
        text-align: left;
        font-weight: normal;
        padding: 0px;
    }

    .banner-content a {
        opacity: 0;
        transition: all ease 0.8s;
        background: #f92e3d;
        border-radius: 20px;
        color: #fff;
        font-family: "robotoregular";
        font-size: 15px;
        padding: 10px 20px;
        text-align: center;
        text-transform: uppercase;
        width: 50%;
        display: inline-block;
        margin: 15px 0 0;
    }

        .banner-content a:hover {
            background: #35bfc0;
        }

    .banner-content p {
        font-family: 'bebas_neueregular';
        font-size: 24px;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: 26px;
    }

    .banner-content ruby {
        color: #eb4e5a;
    }

    .banner-content ul {
        padding-left: 0px;
        width: 45%;
        margin: 20px 0 0;
    }

        .banner-content ul li {
            background: url(../images/banner-blt.png) no-repeat left 6px;
            list-style: none;
            padding: 0 0 0 20px;
            color: #fff;
        }

.orangecolor {
    background: #eb4e5a !important;
}

.bluecolor {
    background: #0e3656 !important;
}

.changefont {
    font-family: 'bebas_neueregular' !important;
    font-size: 42px !important;
}

.banner-content2 {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 20%;
}

    .banner-content2 h2 {
        opacity: 0;
        transition: all ease 0.8s;
        font-family: "robotoregular";
        font-size: 40px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
    }

    .banner-content2 h3 {
        opacity: 0;
        transition: all ease 0.8s;
        font-size: 35px;
        color: #ffe543;
        text-transform: uppercase;
        font-family: 'robotobold';
        padding: 5px 0;
        text-align: center;
    }

    .banner-content2 h6 {
        text-align: center;
        margin: 90px 0 0 0;
        transition: all ease 0.8s;
        font-size: 50px;
        color: #ffe543;
        text-transform: uppercase;
        font-family: 'robotobold';
        padding: 5px 0;
    }

.small-title {
    font-size: 26px !important;
}

.banner-content2 a {
    opacity: 0;
    transition: all ease 0.8s;
    background: #f92e3d;
    border-radius: 20px;
    color: #fff;
    font-family: "robotoregular";
    font-size: 15px;
    padding: 10px 80px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    margin: 15px 0 0;
}

    .banner-content2 a:hover {
        background: #35bfc0;
    }

.banner-content2 h4 {
    font-size: 30px;
    color: #fff;
    text-align: center;
    font-family: 'robotobold';
    text-transform: uppercase;
}

.banner-content2 p {
    font-family: 'robotobold';
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 0px;
}


.webpakg ul {
    min-height: 540px;
}

.webpakg2 ul {
    min-height: 460px;
}

.webpakg ul li {
    /*padding-left: 5% !important;*/
}

.extramrg-1 {
    margin-top: 80px;
}

.webpakg3 ul {
    min-height: 750px;
}

.btn-info {
    background: #0e3656 !important;
}

    .btn-info:hover {
        background: #eb4e5a !important;
    }

.web-video {
    width: 25%;
}

    .web-video img {
        width: 100%;
        border: 1px solid #f0f0f0;
    }

.currenttab {
    background: rgba(235, 78, 90, 1);
}

    .currenttab a {
        color: #fff !important;
    }

    .currenttab span {
        background: #fff !important;
        color: #000 !important;
    }

.minhgtset {
    min-height: 650px;
}


#greybg {
    background: #fafafa;
    padding: 20px 15px 0;
}

@media (max-width:1024px) {

html {overflow: visible;}
#menu ul a
{

  font-size:13px;

  padding:10px 13%;

}

    .dropdown-menu li:hover .dropdown-menu {
        position: static;
    }


    .nav > li > a {
        padding: 5px 12px;
    }

    .packg-box1-top h3 {
        padding: 10% 2% 0px;
        font-size: 12px;
        line-height: 14px;
    }

    .packg-box1-top h4 {
        padding: 5% 2%;
        font-size: 20px;
        line-height: 22px;
    }
}

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

html {overflow: visible;}
#approach-left { display: none;}
 .nopad { display: block; clear: both; float: none;}
.signupboxs { display: block; clear: both; float: none !important;}
 .thumbnail .caption { display: none;}
    .dropdown-menu li:hover .dropdown-menu {
        position: static;
    }


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

    .dropdown-menu {
        position: relative;
        float: none;
    }

    .navbar-nav {
        float: none;
        margin: 0px;
    }

        .navbar-nav > li {
            float: none;
        }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

        .navbar-collapse.collapse.in {
            display: block !important;
        }

    .navbar-header .collapse, .navbar-toggle {
        display: block !important;
    }

    .navbar-header {
        float: none;
    }

    .cahide {
        display: none;
    }

    .call-num {
        left: 200px;
        width: 280px;
    }

    .whybox {
        min-height: 170px;
    }

    .hform {
        width: 90%;
    }

    .banner-content, .banner-content2 {
        display: none;
    }
    #tabs li {width: 30%;}
    #tabs ul {text-align: center;}
    .Flexible-container iframe {display: none;}
    .hidethis { display: none !important; }
}

@media (max-width: 767px) {
html {overflow: visible;}
.signupboxs { display: block; clear: both; float: none !important;}
#approach-left { display: none;}
 .thumbnail .caption { display: none;}
    .dropdown-menu li:hover .dropdown-menu {
        position: static;
    }

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

    .dropdown-menu {
        position: relative;
        float: none;
    }

    .navbar-nav {
        float: none;
        margin: 0px;
    }

    .nav-tabs > li {
        float: none;
        border-bottom: none;
        display: block;
    }

    .cahide {
        display: none;
    }

    .call-num {
        display: none;
    }

    .how-style ul li {
        width: 100%;
        float: none;
        display: block;
    }

    .hform {
        width: 90%;
    }

    .inner-final {
        width: 80%;
    }

    .slide-out-div, .formtop {
        width: 90%;
    }

    .thankslogo img {
        width: 100%;
    }

    .thanks-sec h2 {
        font-size: 50px;
    }

    .packg-box1-top img {
        width: auto;
    }

    .brandoferleft {
        width: 100%;
    }

    .imgset img {
        height: auto;
    }

    ul.tabs li {
        width: 100%;
    }

    .wrp h1::before {
        content: none;
    }

    .wrp h1::after {
        content: none;
    }

    .contactusform label {
        width: 100%;
        border-right: 2px solid #deecf8;
    }

    .coninput1, .coninput2, .coninput3, .contextarea, .coninput4 {
        width: 100%;
        border-left: 2px solid #deecf8;
    }

    .conform {
        margin-top: 5px;
    }

    .contactusform span {
        float: left;
    }

    .capimg {
        margin-left: 0px;
    }

    .contactsubmit {
        margin: 10px 15px 10px 10px;
        float: left;
    }

    .socialarea {
        text-align: center;
    }

    .order-sec {
        width: 100%;
        text-align: center;
        float: left;
    }

    .left-addres ul li img {
        float: none;
        display: inline-block;
    }

    .lightbluebg img {
        width: 100%;
    }

    .footer-main img {
        width: 100%;
    }


    #approach-left ul li span {
        width: 15%;
    }


    .signup-form label {
        width: 100%;
        border-right: 2px solid #deecf8;
    }

    .signinput1, .signinput2, .signinput3, .signinput4, .orderinput1, .signinput6, .signinput7, .signinput8, .signinput9, .signinput10 {
        width: 100%;
        border-left: 2px solid #deecf8;
    }

    .caplabel, .labelset, .labelset2, .labelset3 {
        width: 100% !important;
        border-right: 2px solid #deecf8 !important;
    }

    .sepecs-design label {
        width: 100%;
        border-bottom: 1px solid #e3ecf3;
        border-right: none;
    }

    .personal_input {
        width: 100%;
        padding: 10px 0;
    }

    .contactsubmit {
        margin-top: 0px;
    }

    .selctpkg2 ul li {
        width: 100%;
    }

    .carddetails label {
        width: 100%;
    }

    .billing-address label {
        width: 100%;
    }

    .labelset4 {
        width: 100% !important;
    }

    .card-input, .card-input2, .biling-select {
        width: 100%;
        border-left: 2px solid #deecf8;
    }

    .banner-content, .banner-content2 {
        display: none;
    }

    .wrp h1 i {
        padding: 0px;
    }

    .webpakg ul, .webpakg3 ul {
        min-height: auto;
    }

    .darkgraywrap h1, .darkgraywrap h1 span {
        font-size: 24px;
    }

    .packg-box1 ul li span {
        padding: 0.7% 0 0.7% 5%;
    }

    .packg-box1 ul li {
        padding: 2% 0 2% 5%;
    }

    .port-tabs {
        display: none;
    }

    .inner-award {
        text-align: center;
    }

    .signup_img {
        display: none;
    }

    .row {
        margin: 0px;
    }

    .hidethis {
        display: none !important;
    }

    .inner-banner {
        display: none;
    }
    #tabs li {width: 48%; margin: 0px;}
    #tabs ul {text-align: center;}

    .left-addres h4 {text-align: center;}
    .order-sec ul {text-align: center;}
    .order-sec ul li {display: inline-block; float: none;}
    .Flexible-container iframe {display: none;}
    .brand-coll h2, .social-col h2 {line-height: 32px !important;}
}


@media (max-width: 480px) {
    html {overflow: visible;}
    .signupboxs { display: block; clear: both; float: none !important;}
    .nopad { display: block; clear: both; float: none;}
    .innerpad { padding: 0px !important;}
    .portf{ padding: 15px 35px; display:block; width: 70%; margin:15px auto; }
    .bottomsig { padding: 0px !important;}


#approach-left { display: none;}
    /*body {padding-top: 182px;}*/
    .Flexible-container iframe {display: none;}
    .brand-coll h2, .social-col h2 {line-height: 32px !important;}


 .thumbnail .caption { display: none;}
    .header-wrap {
        height: 168px;
    }

    .leftside {
        float: left;
        width: 100%;
    }

    .navbar-brand img {
        width: 90%;
    }

    .logo-main {
        padding: 20px;
        text-align: center;
        width: 100%;
        transition: all ease-in-out 0.5s;
    }

    .dropdown-menu li:hover .dropdown-menu {
        position: static;
    }

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

    .dropdown-menu {
        position: relative;
        float: none;
    }

    .sld {
        margin: 0 0 10px 30px;
    }

    .navbar-nav {
        float: none;
        margin: 0px;
    }

    .nav-tabs > li {
        float: none;
        border-bottom: none;
        display: block;
    }

    .cahide {
        display: none;
    }

    .call-num {
        display: none;
    }

    .how-style ul li {
        width: 100%;
        float: none;
        display: block;
    }

    .hform {
        width: 90%;
    }

    .inner-final {
        width: 80%;
    }

    .slide-out-div, .formtop {
        width: 90%;
    }

    .thankslogo img {
        width: 100%;
    }

    .thanks-sec h2 {
        font-size: 50px;
    }

    .packg-box1-top img {
        width: 100%;
    }

    .brandoferleft {
        width: 100%;
    }

    .imgset img {
        height: auto;
    }

    ul.tabs li {
        width: 100%;
    }

    .wrp h1 {
        font-size: 32px;
        line-height: 32px;
    }

        .wrp h1::before {
            content: none;
        }

        .wrp h1::after {
            content: none;
        }

    .wrp h2 {
        font-size: 16px;
        line-height: 20px;
    }

    .contactusform label {
        width: 100%;
        border-right: 2px solid #deecf8;
    }

    .coninput1, .coninput2, .coninput3, .contextarea, .coninput4 {
        width: 100%;
        border-left: 2px solid #deecf8;
    }

    .conform {
        margin-top: 5px;
    }

    .contactusform span {
        float: left;
    }

    .capimg {
        margin-left: 0px;
    }

    .contactsubmit {
        margin: 10px 15px 10px 10px;
        float: left;
    }

    .socialarea {
        text-align: center;
    }

    .order-sec {
        width: 100%;
        text-align: center;
        float: left;
    }

    .left-addres ul li img {
        float: none;
        display: inline-block;
    }

    .lightbluebg img {
        width: 100%;
    }

    .footer-main img {
        width: 100%;
    }


    #approach-left ul li span {
        width: 15%;
    }


    .signup-form label {
        width: 100%;
        border-right: 2px solid #deecf8;
    }

    .signinput1, .signinput2, .signinput3, .signinput4, .orderinput1, .signinput6, .signinput7, .signinput8, .signinput9, .signinput10 {
        width: 100%;
        border-left: 2px solid #deecf8;
    }

    .caplabel, .labelset, .labelset2, .labelset3 {
        width: 100% !important;
        border-right: 2px solid #deecf8 !important;
    }

    .sepecs-design label {
        width: 100%;
        border-bottom: 1px solid #e3ecf3;
        border-right: none;
    }

    .personal_input {
        width: 100%;
        padding: 10px 0;
    }

    .contactsubmit {
        margin-top: 0px;
    }

    .selctpkg2 ul li {
        width: 100%;
    }

    .carddetails label {
        width: 100%;
    }

    .billing-address label {
        width: 100%;
    }

    .labelset4 {
        width: 100% !important;
    }

    .card-input, .card-input2, .biling-select {
        width: 100%;
        border-left: 2px solid #deecf8;
    }

    .packg-box1 ul li h2 {
        padding: 0% 0 0% 10%;
    }

    .portf {
        font-size: 13px;
    }

    .call-bg2 img {
        width: 100%;
    }

    .our-slide img {
        width: 100%;
    }

    .brand-coll {
        min-height: 450px;
        margin: 20px 0;
    }

    .minhgtset {
        min-height: 570px;
    }

    .ecomerce-list {
        min-height: inherit;
    }

    .extramrg-1 {
        margin: 0px;
    }

    .ecomerce-limited {
        text-align: center !important;
    }

    .packg-box1 ul li {
        padding-top: 2%;
    }

    .packg-box1 {
        min-height: 400px;
        padding: 0 20px;
    }

    .left-title h2 {
        text-align: center;
    }

    .tabs-side ul {
        padding: 0px;
    }

    .key-features-sec ul li {
        margin: 0px !important;
        width: 40%;
    }

    .tabs-side {
        width: 100%;
    }

    .terms-content {
        padding: 0 20px;
    }

    .terms-heading h1 {
        font-size: 40px;
    }

    .policy-content {
        padding: 0 20px;
    }

    .privacy-heading h1 {
        font-size: 40px;
    }

    .banner-content, .banner-content2 {
        display: none;
    }

    .wrp h1 i {
        padding: 0px;
    }

    .webpakg ul, .webpakg3 ul {
        min-height: auto;
    }

    .darkgraywrap h1, .darkgraywrap h1 span {
        font-size: 24px;
    }

    .main-info {
        display: none;
    }

    .packg-box1-top img {
        display: block;
        margin: 0px auto;
        width: 80%;
    }

    .webpakg .packg-box1-top img, .webpakg3 .packg-box1-top img {
        width: 100%;
    }

    .ecomerce-list .packg-box1-top img {
        width: 100% !important;
    }

    .webpakg2 ul {
        min-height: auto;
    }

    .front-port {
        display: none;
    }

    .inner-award {
        text-align: center;
    }

    .signup_img {
        display: none;
    }

    .sld {
        display: none;
    }

    .hidethis {
        display: none !important;
    }

    .inner-banner {
        display: none;
    }

    .row {
        margin: 0px;
    }

    .slicknav_menu {
        top: 110px;
    }

    #tabs li {width: 100%;}
    .left-addres h4 {text-align: center;}
    .order-sec ul {text-align: center;}
    .order-sec ul li {display: inline-block; float: none;}
}









#ctl00_ContentPlaceHolder1_RadCaptcha1_CaptchaTextBox {
    border-right: 2px solid #deecf8;
    border-top: 2px solid #deecf8;
    border-bottom: 2px solid #deecf8;
    border-left: none;
    /* background: url(../images/fieldre.jpg) 95% 50% no-repeat #fff; */
    height: 42px;
}

.capt02 {
    border-right: 2px solid #deecf8;
    border-top: 2px solid #deecf8;
    border-bottom: 2px solid #deecf8;
    border-left: none;
    margin-bottom: 15px;
    background: url(../images/fieldre.jpg) 95% 50% no-repeat #fff;
}

#ctl00_ContentPlaceHolder1_RadCaptcha1_CaptchaImageUP {
    border: 1px solid #deecf8 !important;
    height: 44px !important;
    position: relative;
    top: -24px;
}

.conformval2 { float: right;}
.price_01 {
	font-size:13px;
}

/* -- imtiaz coding --*/

.video_main{
	padding: 30px 0;
	background:#f1f4f7;
}
.animation_main{
	padding: 40px 0;
	background:#fff;

}


.vidcont p{
	font-size:16px;
	font-weight:800;
	text-transform:uppercase;
	color:#eb4e5a !important;
	margin-bottom:28px;
	margin-top:5px;
}




@media(max-width:480px) {
.vidcont iframe {
	height:130px !important;
}

.wrp{
	margin:20px 0 !important;
}

.video_main{
	
	padding:20px 0 !important;
}
.logo-main{
	padding: 10px 0 0 0;
}
.container{
	padding:0px;
}
.packg-box1-top {
    display: block;
    margin: -50px 0 0;
}
.clearfix{
	margin-top:0px !important;
	
}
.packg-box1 {
	margin-top:20px !important;
}


.packg-box1-top img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.pckg li{
	padding:14px 0 !important;
}
	

}
.col-centered{
float: none;
margin: 0 auto;
}

.select_boxy{
	margin:15px 0px 6px 0px;
}

.select_boxy select{
	border:1px solid #e0dcdc;
	border-radius:4px;
	color:#878888;
	padding:4px;
	margin:6px;
}
.select_boxy span{
	font-size:22px;
	color:#35bec0;
	padding:10px 20px 4px 4px;
	font-weight:bold;
	font-family: 'robotoregular';
}
.select_boxy select option{
	color:#333;
	padding:4px;
}

	
	.btn-primary:hover
{
background-color:#00CCCC !important;}
.butt
{
margin-top:28px;
margin-left:170px;
}
.button
{
display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	color:#FFFFFF;
}
.bt a:hover
{
background-color:#35bfc0;!important}
#mybtn{margin-top:3px;}
#mybtn a{padding:8px 33px; border:solid 2px;}

#mybtn a:hover{background:#b3d236 !important; 	color:#fff !important; border:solid 2px #b3d236; }

.mybut_crrunt{
    background:#b3d236 !important;  color:#fff !important; border:solid 2px #b3d236; padding:12px 33px
}

.btn.outlinetop {
    background: none !important;
 	color:#35bfc0 !important;
	    border: none;
}
.outline {
    background: none !important;
 	color:#35bfc0 !important;
	border:solid 2px;
	padding:15px 20px;
	width:200px;
	margin:0 auto;
	border-radius:2px;   
	    margin-bottom: 20px; 
}

.outline a{
text-decoration:none;
}
.row img{margin-bottom:0px;}
a.text-center {
    text-decoration: none;
}
.next{
    margin-top: 30px;
}

.capt-ico{
	left: 312px;
    margin-top: 8px;
    position: absolute;
    z-index: 999;
}


@media(max-width:375px) {
.container {
    padding: 0 20px !important;
}
.slicknav_menu {
    right: 15px;
    top: 15px;
}
.logo-main {
    padding: 10px 0 0;
    width: 60%;
}
.header-wrap {
    height: 97px;
}

}





.google_translate_element {
float: left;
    padding-right: 17px;
    padding-top: 12px;
}




.social-box {
    padding: 0px 0px 0px 20px;
}