@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
body{
	font-size:16px;
	color: #696868;
}
nav ul a{
    font-size:18px
}
.tabs .tab a,aside,nav,nav a,nav ul a{
    color:#000
}
#stats,.fancybox-inner{
    overflow:hidden
}
@font-face{
    font-family:et-line;
    src:url(../fonts/et-line.eot);
    src:url(../fonts/et-lined41d.eot?#iefix) format('embedded-opentype'),url(../fonts/et-line.woff) format('woff'),url(../fonts/et-line.ttf) format('truetype'),url(../fonts/et-line.svg#et-line) format('svg');
    font-weight:400;
    font-style:normal
}
[data-icon]:before{
    font-family:et-line;
    content:attr(data-icon);
    speak:none;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    display:inline-block
}
.icon-adjustments,.icon-alarmclock,.icon-anchor,.icon-aperture,.icon-attachment,.icon-bargraph,.icon-basket,.icon-beaker,.icon-bike,.icon-book-open,.icon-briefcase,.icon-browser,.icon-calendar,.icon-camera,.icon-caution,.icon-chat,.icon-circle-compass,.icon-clipboard,.icon-clock,.icon-cloud,.icon-compass,.icon-desktop,.icon-dial,.icon-document,.icon-documents,.icon-download,.icon-dribbble,.icon-edit,.icon-envelope,.icon-expand,.icon-facebook,.icon-flag,.icon-focus,.icon-gears,.icon-genius,.icon-gift,.icon-global,.icon-globe,.icon-googleplus,.icon-grid,.icon-happy,.icon-hazardous,.icon-heart,.icon-hotairballoon,.icon-hourglass,.icon-key,.icon-laptop,.icon-layers,.icon-lifesaver,.icon-lightbulb,.icon-linegraph,.icon-linkedin,.icon-lock,.icon-magnifying-glass,.icon-map,.icon-map-pin,.icon-megaphone,.icon-mic,.icon-mobile,.icon-newspaper,.icon-notebook,.icon-paintbrush,.icon-paperclip,.icon-pencil,.icon-phone,.icon-picture,.icon-pictures,.icon-piechart,.icon-presentation,.icon-pricetags,.icon-printer,.icon-profile-female,.icon-profile-male,.icon-puzzle,.icon-quote,.icon-recycle,.icon-refresh,.icon-ribbon,.icon-rss,.icon-sad,.icon-scissors,.icon-scope,.icon-search,.icon-shield,.icon-speedometer,.icon-strategy,.icon-streetsign,.icon-tablet,.icon-target,.icon-telescope,.icon-toolbox,.icon-tools,.icon-tools-2,.icon-trophy,.icon-tumblr,.icon-twitter,.icon-upload,.icon-video,.icon-wallet,.icon-wine{
    font-family:et-line;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    display:inline-block
}
.h3,.service_info h3{
    text-transform:uppercase
}
.icon-mobile:before{
    content:"\e000"
}
.icon-laptop:before{
    content:"\e001"
}
.icon-desktop:before{
    content:"\e002"
}
.icon-tablet:before{
    content:"\e003"
}
.icon-phone:before{
    content:"\e004"
}
.icon-document:before{
    content:"\e005"
}
.icon-documents:before{
    content:"\e006"
}
.icon-search:before{
    content:"\e007"
}
.icon-clipboard:before{
    content:"\e008"
}
.icon-newspaper:before{
    content:"\e009"
}
.icon-notebook:before{
    content:"\e00a"
}
.icon-book-open:before{
    content:"\e00b"
}
.icon-browser:before{
    content:"\e00c"
}
.icon-calendar:before{
    content:"\e00d"
}
.icon-presentation:before{
    content:"\e00e"
}
.icon-picture:before{
    content:"\e00f"
}
.icon-pictures:before{
    content:"\e010"
}
.icon-video:before{
    content:"\e011"
}
.icon-camera:before{
    content:"\e012"
}
.icon-printer:before{
    content:"\e013"
}
.icon-toolbox:before{
    content:"\e014"
}
.icon-briefcase:before{
    content:"\e015"
}
.icon-wallet:before{
    content:"\e016"
}
.icon-gift:before{
    content:"\e017"
}
.icon-bargraph:before{
    content:"\e018"
}
.icon-grid:before{
    content:"\e019"
}
.icon-expand:before{
    content:"\e01a"
}
.icon-focus:before{
    content:"\e01b"
}
.icon-edit:before{
    content:"\e01c"
}
.icon-adjustments:before{
    content:"\e01d"
}
.icon-ribbon:before{
    content:"\e01e"
}
.icon-hourglass:before{
    content:"\e01f"
}
.icon-lock:before{
    content:"\e020"
}
.icon-megaphone:before{
    content:"\e021"
}
.icon-shield:before{
    content:"\e022"
}
.icon-trophy:before{
    content:"\e023"
}
.icon-flag:before{
    content:"\e024"
}
.icon-map:before{
    content:"\e025"
}
.icon-puzzle:before{
    content:"\e026"
}
.icon-basket:before{
    content:"\e027"
}
.icon-envelope:before{
    content:"\e028"
}
.icon-streetsign:before{
    content:"\e029"
}
.icon-telescope:before{
    content:"\e02a"
}
.icon-gears:before{
    content:"\e02b"
}
.icon-key:before{
    content:"\e02c"
}
.icon-paperclip:before{
    content:"\e02d"
}
.icon-attachment:before{
    content:"\e02e"
}
.icon-pricetags:before{
    content:"\e02f"
}
.icon-lightbulb:before{
    content:"\e030"
}
.icon-layers:before{
    content:"\e031"
}
.icon-pencil:before{
    content:"\e032"
}
.icon-tools:before{
    content:"\e033"
}
.icon-tools-2:before{
    content:"\e034"
}
.icon-scissors:before{
    content:"\e035"
}
.icon-paintbrush:before{
    content:"\e036"
}
.icon-magnifying-glass:before{
    content:"\e037"
}
.icon-circle-compass:before{
    content:"\e038"
}
.icon-linegraph:before{
    content:"\e039"
}
.icon-mic:before{
    content:"\e03a"
}
.icon-strategy:before{
    content:"\e03b"
}
.icon-beaker:before{
    content:"\e03c"
}
.icon-caution:before{
    content:"\e03d"
}
.icon-recycle:before{
    content:"\e03e"
}
.icon-anchor:before{
    content:"\e03f"
}
.icon-profile-male:before{
    content:"\e040"
}
.icon-profile-female:before{
    content:"\e041"
}
.icon-bike:before{
    content:"\e042"
}
.icon-wine:before{
    content:"\e043"
}
.icon-hotairballoon:before{
    content:"\e044"
}
.icon-globe:before{
    content:"\e045"
}
.icon-genius:before{
    content:"\e046"
}
.icon-map-pin:before{
    content:"\e047"
}
.icon-dial:before{
    content:"\e048"
}
.icon-chat:before{
    content:"\e049"
}
.icon-heart:before{
    content:"\e04a"
}
.icon-cloud:before{
    content:"\e04b"
}
.icon-upload:before{
    content:"\e04c"
}
.icon-download:before{
    content:"\e04d"
}
.icon-target:before{
    content:"\e04e"
}
.icon-hazardous:before{
    content:"\e04f"
}
.icon-piechart:before{
    content:"\e050"
}
.icon-speedometer:before{
    content:"\e051"
}
.icon-global:before{
    content:"\e052"
}
.icon-compass:before{
    content:"\e053"
}
.icon-lifesaver:before{
    content:"\e054"
}
.icon-clock:before{
    content:"\e055"
}
.icon-aperture:before{
    content:"\e056"
}
.icon-quote:before{
    content:"\e057"
}
.icon-scope:before{
    content:"\e058"
}
.icon-alarmclock:before{
    content:"\e059"
}
.icon-refresh:before{
    content:"\e05a"
}
.icon-happy:before{
    content:"\e05b"
}
.icon-sad:before{
    content:"\e05c"
}
.icon-facebook:before{
    content:"\e05d"
}
.icon-twitter:before{
    content:"\e05e"
}
.icon-googleplus:before{
    content:"\e05f"
}
.icon-rss:before{
    content:"\e060"
}
.icon-tumblr:before{
    content:"\e061"
}
.icon-linkedin:before{
    content:"\e062"
}
.icon-dribbble:before{
    content:"\e063"
}
body{
    font-family:'Open Sans',sans-serif;
    font-weight:300;
    background:#fff
}
a{
    outline:0
}
.container{
    width:90%;
    margin:0 auto
}
footer p.mail,footer p.phone{
    float:left;
    margin-left:20px
}
footer p.mail i,footer p.phone i{
    text-align:center;
    margin-top:0;
    font-size:19px
}
.soc{
    width:100%;
    float:right;
    padding-bottom: 10px;
}
.about-pad-1{
	width: 100%;
	padding: 30px 0px;
}
.soc ul li:first-child a i,.soc ul li:nth-child(3) a i,.soc ul li:nth-child(4) a i,.soc ul li:nth-of-type(2) a i{
    color:#fff;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    border-radius:5px
}
.seo-main-cloud .equal-text article{
    padding: 0px 40px;
}
.seo-main-cloud .equal-text h3{
    margin-top: 0px;
    text-transform: uppercase;
    text-decoration: underline;
}
.seo-main-cloud ul li{
    list-style: disc;
    padding: 5px 5px 5px 0px;
    margin-left: 10px;
}
.scc-1 h4{
    color: #fff;
    font-size: 28px;
}

.blog-img h1{
    font-size:25px
}
.blog-nav{
    width:100%;
    margin:35px 0
}
.blog-nav ul{
    margin:0;
    padding:0
}
.blog-nav ul li{
    float:left;
    list-style:none;
    padding:4px 0 4px 15px;
    position:relative
}
.blog-nav ul li:before{
    content:"\f111";
    font-family:FontAwesome;
    position:absolute;
    left:1px;
    top:12px;
    font-size:10px
}
.logo,nav{
    position:relative
}
.blog-nav ul li a{
    color:#000
}
.blog-nav ul li a:hover{
    color:#3399fe
}
.logo,.logo a{
    color:#6DDB07
}
.comm p .span-1{
    margin:0 10px
}
.blog-text{
    width:100%;
    text-align:justify;
    margin-bottom:30px;
    border-bottom:1px solid #ccc;
    padding-bottom:15px
}
.blog-text h2{
    font-size:25px
}
.blog-text ul{
    margin-top:10px;
    padding-left:30px
}
.blog-text ul li{
    list-style:decimal
}
.soc p{
    width:auto;
    float:left;
    font-size:20px;
    font-weight:400
}
footer,header,nav{
    width:100%
}
header{
    position:absolute
}
.logo{
    z-index:123;
    font:18px;
    float:left;
    width:250px
}
#cssmenu,nav{
    width:100%
}
nav{
    background-color:transparent;
    height:76px;
    box-shadow:none;
    margin:0 auto
}
#cssmenu,#cssmenu #head-mobile,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{
    border:0;
    list-style:none;
    line-height:1;
    display:block;
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
#cssmenu:after,#cssmenu>ul:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
#cssmenu>ul{
    float:right
}
#cssmenu #head-mobile{
    display:none
}
#cssmenu>ul>li.has-sub>a:after,#cssmenu>ul>li.has-sub>a:before{
    display:block;
    content:'';
    position:absolute
}
#cssmenu>ul>li{
    float:left
}
#cssmenu>ul>li>a{
    font-family:'Open Sans',sans-serif;
    padding:29px 17px;
    font-size:18px;
    letter-spacing:1px;
    text-decoration:none;
    color:#000
}
#cssmenu ul li.active a,#cssmenu>ul>li:hover>a{
    color:#000
}
#cssmenu ul li.active,#cssmenu ul li.active:hover,#cssmenu ul li.has-sub.active:hover,#cssmenu>ul>li:hover{
    background:#ccc!important;
    -webkit-transition:background .3s ease;
    -ms-transition:background .3s ease;
    transition:background .3s ease
}
#cssmenu ul ul li,#cssmenu>ul>li.has-sub>a:before{
    -webkit-transition:all .25s ease;
    -ms-transition:all .25s ease
}
#cssmenu>ul>li.has-sub>a{
    padding-right:30px
}
#cssmenu>ul>li.has-sub>a:after{
    top:22px;
    right:11px;
    width:8px;
    height:2px;
    background:#ccc
}
#cssmenu>ul>li.has-sub>a:before{
    top:19px;
    right:14px;
    width:2px;
    height:8px;
    background:#000;
    transition:all .25s ease
}
#cssmenu>ul>li.has-sub:hover>a:before{
    top:23px;
    height:0
}
#cssmenu ul ul{
    position:absolute;
    left:-9999px;
    z-index:99999
}
#cssmenu ul ul li{
    height:0;
    background:#ccc;
    transition:all .25s ease
}
#cssmenu ul ul li.has-sub>a:after,#cssmenu ul ul li.has-sub>a:before{
    position:absolute;
    display:block;
    background:#ddd;
    content:''
}
#cssmenu li:hover>ul{
    left:auto
}
#cssmenu li:hover>ul>li{
    height:35px
}
#cssmenu ul ul ul{
    margin-left:100%;
    top:0
}
#cssmenu ul ul li a{
    border-bottom:1px solid rgba(150,150,150,.15);
    padding:11px 15px;
    width:265px;
    font-size:18px;
    text-decoration:none;
    color:#000
}
#cssmenu ul ul li.last-item>a,#cssmenu ul ul li:last-child>a{
    border-bottom:0
}
#cssmenu ul ul li a:hover,#cssmenu ul ul li:hover>a{
    color:#fff
}
#cssmenu ul ul li.has-sub>a:after{
    top:16px;
    right:11px;
    width:8px;
    height:2px
}
#cssmenu ul ul li.has-sub>a:before{
    top:13px;
    right:14px;
    width:2px;
    height:8px;
    -webkit-transition:all .25s ease;
    -ms-transition:all .25s ease;
    transition:all .25s ease
}
#cssmenu ul ul>li.has-sub:hover>a:before{
    top:17px;
    height:0
}
#cssmenu ul li.has-sub ul li.has-sub ul li:hover,#cssmenu ul ul li.has-sub:hover{
    background:#363636
}
#cssmenu ul ul ul li.active a{
    border-left:1px solid #333
}
#cssmenu>ul ul>li.has-sub>ul>li.active>a,#cssmenu>ul>li.has-sub>ul>li.active>a{
    border-top:1px solid #333
}
#cssmenu>ul>li.has-sub>a::after,#cssmenu>ul>li.has-sub>a::before{
    display:none
}
@media screen and (max-width:1000px){
    .button,.logo{
        position:absolute
    }
    #cssmenu>ul>li,.logo{
        float:none
    }
    #cssmenu>ul>li.has-sub>a::after,#cssmenu>ul>li.has-sub>a::before{
        display:block
    }
    #cssmenu ul,#cssmenu ul ul>li.has-sub>a:after,#cssmenu ul ul>li.has-sub>a:before,#cssmenu>ul>li.has-sub>a:after,#cssmenu>ul>li.has-sub>a:before,.logo2{
        display:none
    }
    .logo{
        top:0;
        left:0;
        width:100%;
        height:46px;
        text-align:center;
        padding:10px 0 0
    }
    #cssmenu,nav{
        width:100%
    }
    #cssmenu>ul>li>a{
        padding:14px 17px
    }
    #cssmenu ul{
        width:100%;
        z-index:9999999;
        background:#fff;
        border:1px solid #000;
        border-top:0
    }
    #cssmenu ul li{
        width:100%;
        border-top:1px solid #444
    }
    #cssmenu ul li:hover{
        background:#363636
    }
    #cssmenu li:hover>ul>li,#cssmenu ul ul li{
        height:auto
    }
    #cssmenu ul li a,#cssmenu ul ul li a{
        width:100%;
        border-bottom:0
    }
    #cssmenu ul ul li a{
        padding-left:25px;
        color:#ddd;
        background:0 0
    }
    #cssmenu ul ul li{
        background:#333!important
    }
    #cssmenu ul ul li:hover{
        background:#363636!important
    }
    #cssmenu ul ul ul li a{
        padding-left:35px
    }
    #cssmenu ul ul li.active>a,#cssmenu ul ul li:hover>a{
        color:#fff
    }
    #cssmenu ul ul,#cssmenu ul ul ul{
        position:relative;
        left:0;
        width:100%;
        margin:0;
        text-align:left
    }
    #cssmenu #head-mobile{
        display:block;
        padding:23px;
        color:#ddd;
        font-size:12px;
        font-weight:700
    }
    .button{
        width:55px;
        height:46px;
        right:0;
        top:10px;
        cursor:pointer;
        z-index:12399994
    }
    .button:after,.button:before{
        right:20px;
        width:20px;
        position:absolute;
        display:block;
        content:''
    }
    .button:after{
        top:22px;
        height:8px;
        border-top:2px solid #000;
        border-bottom:2px solid #000
    }
    .button:before{
        -webkit-transition:all .3s ease;
        -ms-transition:all .3s ease;
        transition:all .3s ease;
        top:16px;
        height:2px;
        background:#000
    }
    .button.menu-opened:after{
        -webkit-transition:all .3s ease;
        -ms-transition:all .3s ease;
        transition:all .3s ease;
        top:23px;
        border:0;
        height:2px;
        width:19px;
        background:#000;
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        transform:rotate(45deg)
    }
    .button.menu-opened:before{
        top:23px;
        background:#000;
        width:19px;
        -webkit-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    #cssmenu .submenu-button{
        position:absolute;
        z-index:99;
        right:0;
        top:0;
        display:block;
        border-left:1px solid #444;
        height:46px;
        width:46px;
        cursor:pointer
    }
    #cssmenu .submenu-button.submenu-opened{
        background:#262626
    }
    #cssmenu ul ul .submenu-button{
        height:34px;
        width:34px
    }
    #cssmenu .submenu-button:after{
        position:absolute;
        top:22px;
        right:19px;
        width:8px;
        height:2px;
        display:block;
        background:#000;
        content:''
    }
    #cssmenu ul ul .submenu-button:after{
        top:15px;
        right:13px
    }
    #cssmenu .submenu-button.submenu-opened:after{
        background:#fff
    }
    #cssmenu .submenu-button:before{
        position:absolute;
        top:19px;
        right:22px;
        display:block;
        width:2px;
        height:8px;
        background:#000;
        content:''
    }
    #cssmenu ul ul .submenu-button:before{
        top:12px;
        right:16px
    }
    #cssmenu .submenu-button.submenu-opened:before{
        display:none
    }
    #cssmenu ul ul ul li.active a{
        border-left:none
    }
    #cssmenu>ul ul>li.has-sub>ul>li.active>a,#cssmenu>ul>li.has-sub>ul>li.active>a{
        border-top:none
    }
}
header{
    background:#fcfcfc
}
nav .logo img{
    width:250px
}
.fixed-header nav .logo img{
    width:200px
}
.fixed-header nav{
    background-color:transparent;
    height:auto;
    box-shadow:none
}
.side-nav{
    z-index:9999!important
}
.h3{
    font-size:25px;
    text-align:center
}
.fixed-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:rgba(255,255,255,1);
    z-index:9999999
}
.button-collapse i{
    font-size:35px
}
.clearfix{
    clear:both
}
.tabs .tab a{
    font-weight:700;
    font-size:18px
}
aside{
    padding:10px;
    min-height:300px
}
.tabs .indicator{
    background-color:#666
}
footer .row{
    margin:0
}
footer{
 	background: #000000;
    padding-top:50px;
    
}
.col-1f{
	float: left;
	width: 18%;
	padding: 10px;
}
.col-1f2{
	float: left;
	width: 24%;
	padding: 10px;
}
.col-1f2 h3{
	font-size: 19px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
}
.subs{
	width: 100%;
	margin-top: 50px;
	border:1px solid #fff;
}
.subs input{
	    width: 70%;
    border: 0px;
    height: 35px;
    padding: 4px 5%;
    margin: 0px;
}
.subs button{
	width: 20%;
	float: right;
	background: transparent;
border: 0;
height: 35px;
}
.subs button img{
	padding-top: 12px;
}
.col-1f h3{
	font-size: 19px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
}
.col-1f li{
	list-style: none;
	width: 100%;
	font-size: 15px;
}
.col-1f li a{
	text-decoration: none;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
}
.soc ul,footer p{
    padding:0;
    margin:0
}
footer p{
    font-size:17px;
   color: #fff;
}
.soc ul{
    float:right
}
.soc ul li{
    float:left
}
.soc ul li a{
    text-decoration:none;
    padding:0 5px
}
.soc ul li a i{
    color:#fff;
    font-size:20px;
    line-height:20px
}
canvas{
    display:block;
    vertical-align:bottom;
    background:rgba(0,0,0,.01)
}
.count-particles{
    background:#002;
    position:absolute;
    top:48px;
    left:0;
    width:80px;
    color:#13E8E9;
    font-size:.8em;
    text-align:left;
    text-indent:4px;
    line-height:14px;
    padding-bottom:2px
}
.box-baaner .span-1 a,.span-2 a,.span-4 a,.span-5 a{
    color:#fff
}
.js-count-particles{
    font-size:1.1em
}
#stats,.count-particles{
    -webkit-user-select:none;
    margin-top:5px;
    margin-left:5px
}
#stats{
    border-radius:3px 3px 0 0
}
.count-particles{
    border-radius:0 0 3px 3px
}
#particles-js{
    width:100%;
    height:100%;
    background-color:#fefefe;
    background-size:100%;
    background-repeat:no-repeat
}
.box-baaner,.box-baaner-6,.box-baaner-7{
    background:#3399fe;
    border-radius:50%;
    cursor:pointer;
    float:left
}
.box-baaner-7{
    background:#77ae00 !important;}
 .box-baaner-6{
    background:#da185a !important;}
.banner{
    max-height:660px;
    width:100%;
    height:660px
}
.banner-fix{
    position:absolute;
    width:100%;
    top:150px;
    left:0
}
.box-baaner{
    width:130px;
    margin-top:70px;
    height:130px;
    margin-left:20px;
    z-index:9;
    transition:box-shadow .3s
}
.box-baaner-6,.box-baaner-7{
    margin-top:235px;
    margin-left:-63px
}
.box-baaner-6,.box-baaner-7,.box-baaner:hover{
    z-index:9999;
    position:relative
}
.box-baaner:hover{
    box-shadow:0 0 20px rgba(0,0,0,.4)
}
.box-baaner-6{
    width:100px;
    height:100px
}
.box-baaner-7{
    width:130px;
    height:130px
}
.box-baaner-1{
    width:160px;
    margin-top:80px;
    height:160px;
    background:#fff;
    border-radius:50%;
    float:left;
    border:10px solid #f6f6f6;
    margin-left:-10px;
    z-index:11;
    transition:box-shadow .6s
}
.box-baaner-2,.box-baaner-3,.box-baaner-4{
    border-radius:50%;
    transition:box-shadow .6s
}
.box-baaner-3,.box-baaner-4{
    border:10px solid #fff
}
.box-baaner-1:hover,.box-baaner-2:hover{
    box-shadow:0 0 20px rgba(0,0,0,.4);
    position:relative;
    z-index:9999;
    cursor:pointer
}
.box-baaner-2{
    width:130px;
    margin-top:190px;
    height:130px;
    background:#f25022;
    float:left;
    margin-left:-50px;
    z-index:99;
    cursor:pointer;
    position:relative
}
.box-baaner-3,.box-baaner-4,.box-baaner-5{
    width:190px;
    height:190px;
    background-color:none;
    float:left;
    position:relative
}
.box-baaner-3{
    margin-top:130px;
    box-shadow:0 0 0 3px #f6f6f6;
    margin-left:-12px;
    z-index:7
}
.box-baaner-3:hover{
    box-shadow:0 0 20px #ea4335;
    position:relative;
    cursor:pointer;
    z-index:9999
}
.box-baaner-4:hover,.box-baaner-5:hover,.box-baaner-6:hover{
    box-shadow:0 0 20px rgba(0,0,0,.4);
    position:relative;
    cursor:pointer
}
.box-baaner-4:hover{
    z-index:99999
}
.box-baaner-5:hover,.box-baaner-6:hover{
    z-index:999999;
    transition:box-shadow .6s
}
.box-baaner-4,.box-baaner-5{
    margin-top:116px;
    box-shadow:0 0 0 3px #f6f6f6;
    z-index:7
}
.box-baaner-4{
    margin-left:70px
}
.box-baaner-3 .box-baaner-3-in{
    border-color:#fbbc05
}
.box-baaner-5{
    margin-left:0;
    border-radius:50%;
    border:10px solid #fff
}
.box-baaner-3::after,.box-baaner-4::after{
    left:181px;
    border-bottom:2px solid #e1e0e0;
    width:68px;
    content:""
}
.box-baaner-4::after{
    position:absolute;
    top:83px
}
.box-baaner-3::after{
    position:absolute;
    top:68px
}
.box-baaner-3-in{
    width:170px;
    margin:0 auto;
    background:#fff;
    border:10px solid #f6f6f6;
    height:170px;
    border-radius:50%;
    z-index:999;
    position:absolute
}
.box-baaner .span-1,.span-2,.span-4{
    width:80%;
    display:block;
    text-align:center;
    font-weight:300;
    color:#fff
}
.box-baaner .span-1{
    margin:40px auto 0;
    font-size:17px
}
.span-2,.span-4,.span-5{
    font-size:16px
}
.span-2{
    margin:26px auto 0
}
.span-4{
    margin:27px auto 0
}
.span-5{
    margin:35px auto 0
}
.span-5 a{
    padding-top:38px;
    display:block;
    text-align:center
}
.box-baaner-1 .span-1,.span-3,.span-3-1{
    width:80%;
    display:block;
    font-size:18px;
    font-weight:300;
    color:#000;
    text-align:center
}
.span-3-1{
    margin:0 auto;
    padding-top:45px
}
.equal-text p{
    text-align:justify
}
.add-1 ul li i,.b_bg h1,.b_bg_3 h1,.banner p,.box-baaner p,.box-baaner-1 p,.client h2,.com-h4,.fancybox-title-float-wrap,.filter-container,.filter-section h1,.h1_1,.portfolio-section .article-title,.portfolio-section figure .inner-overlay-content.with-icons,.r-tabs .r-tabs-nav,.service_icon span,th{
    text-align:center
}
.box-baaner-1 .span-1,.span-3{
    margin:40px auto 0
}
.box-baaner-4 .box-baaner-3-in .span-3-1{
    margin-top:-15px
}
.banner p,.box-baaner p{
    color:#fff
}
.banner p{
    margin:0;
    font-size:13px
}
.box-baaner p,.box-baaner-1 p{
    font-size:14px;
    margin:0
}
.box-baaner-1 p{
    color:#000
}
.logo-nav{
    padding:15px
}
.gray-bg{
	background: #f1f1f1;
	padding: 50px 0px;
	position: relative;
}
.port-f{
	position: absolute;
top: 40%;
left: -1%;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}
.port-f p {
	float: left;
	color: #868686;
	position: relative;
	margin: 0px;
	padding: 0px;
}
.port-f p a{
	float: left;
	color: #868686;
	position: relative;
}
.gray-bg .container{
	position: relative;
}
.tab-11{
	width: 100%;
	padding: 50px 0px;
}
.scc-1{
	width: 100%;
	padding: 50px 0px;
	background: url('../images/bg1.jpg') 0 0 no-repeat;
	text-transform: uppercase;
}
.col-1q1{
	width: 60%;
	border-right: 1px solid #fff;
	float: left;
}
.col-1q1 p{
	font-size: 15px;
	color: #fff;
	text-align: justify;
	padding-right: 35px;
}
.col-1q1 h1{
	font-size: 20px;
	color: #fbbc05;
	font-weight: 600;
}
.col-1q2{
	width:39%;
	float: right;
}
.col-1q2 h4{
	font-size: 20px;
color: #fbbc05;
font-weight: 600;
margin-top: 115px;
margin-left: 40px;
}
.col-1q2 h1{
	font-size: 34px;
color: #fff;
font-weight: 600;
margin-left: 40px;
}
.blog-more{
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
}
ul.tabs {
	margin: 0;
	padding: 0;
	float: none;
	list-style: none;
	text-align: center;
	width: 100%;
	height: auto;
}

ul.tabs li {
	float: none;
	margin: 0;
	cursor: pointer;
	padding: 0px 21px;
	
	text-transform: uppercase;
	color: #949494;
	font-weight: 500;
	overflow: hidden;
	display: inline-block;
	position: relative;
}
ul.tabs li span{
	width: 100%;
	display: block;
	font-size: 35px;
}
.tab_last {  }

ul.tabs li:hover {
	background-color: #fff;
	color: #165eaa;
}

ul.tabs li.active {
	background-color: #fff;
	color: #165eaa;
	
	display: inline-block;
}

.tab_container {
	
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	overflow: auto;
}

.tab_content {
	padding: 0px;
	display: none;
}
.tab_content p{
	text-align: center;
	font-size: 16px;
}
.more-11{
	padding: 7px 18px;
	color: #696868;
	border: 1px solid #696868;
	display: inline-block;
	border-radius: 5px;
}
.tab_drawer_heading { display: none; }

@media screen and (max-width: 480px) {
	.tabs {
		display: none;
	}
	.tab_drawer_heading {
		background-color: #fff;
		color: #165eaa;
		border: 1px solid #165eaa;
		margin:3px 0;
		font-size: 20px;
		text-transform: uppercase;
		text-align: center;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.d_active {
		background-color: #165eaa;
color: #fff;
font-size: 20px;
text-align: center;
border: 0px;
	}
}
.line{
    border-top: 1px solid #868686;
    width: 64px;
    height: 1px;
    position: relative;
    float: left;
    margin-top: 12px;
    margin-right: 9px;
}
.port-s{
	width: 90%;
	float: right;
	
}
.r-tabs .r-tabs-nav{
    margin:0;
    padding:0
}
.r-tabs .r-tabs-tab{
    display:inline-block;
    margin:0;
    list-style:none
}
.r-tabs .r-tabs-panel{
    padding:15px;
    display:none
}
.r-tabs .r-tabs-accordion-title{
    display:none
}
.r-tabs .r-tabs-panel.r-tabs-state-active{
    display:block
}
@media only screen and (max-width:768px){
    .r-tabs .r-tabs-nav{
        display:none
    }
    .r-tabs .r-tabs-accordion-title{
        display:block
    }
}
.r-tabs .r-tabs-nav .r-tabs-tab{
    position:relative;
    top:1px;
    padding:5px;
    font-size:16px;
    list-style:none;
    float:none;
    display:inline-block
}
.r-tabs .r-tabs-nav .r-tabs-anchor{
    background:#0ad;
    margin-bottom:3px;
    padding:10px 12px;
    display:inline-block;
    text-decoration:none;
    color:#fff;
    font-size:19px;
    text-transform:uppercase;
    border-radius:5px
}
.r-tabs .r-tabs-nav .r-tabs-state-active{
    background-color:#fff;
    margin-bottom:-1px
}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor{
    color:#0ad;
    background-color:#fff
}
.r-tabs .r-tabs-panel{
    margin-bottom:3px;
    background:#fff
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor{
    display:block;
    padding:10px;
    background-color:#0ad;
    color:#fff;
    font-weight:700;
    text-decoration:none;
    margin-bottom:3px
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{
    background-color:#fff;
    color:#0ad;
    margin-bottom:0
}
.add-1{
    width:100%;
    margin-top:40px
}
.add-1 ul{
    margin:0;
    padding:0
}
.add-1 ul li{
    float:left;
    width:100%;
    padding:10px 0
}
.add-1 ul li i{
    font-size:30px;
    float:left;
    width:60px;
    background:#0ad;
    height:60px;
    border-radius:50%;
    line-height:60px;
    color:#fff
}
.b_bg,.b_bg_3{
    background-color:#f5f5f5
}
.b_bg h1,.client h2{
    color:#000
}
.add-1 ul li p{
    font-size:18px;
    float:right;
    width:89%;
    margin-top:10px;
    padding:0
}
.b_bg,.b_bg_3,.carr{
    width:100%
}
#horizontalTab h3,.b_bg h1,.client h2{
    font-size:30px
}
.b_bg{
    padding:30px 0
}
.b_bg_3{
    padding-top:0;
    height:200px
}
.carr{
    margin:40px auto;
    display:block;
    padding:20px
}
.file_input_div{
    width:100%;
    height:40px;
    margin-bottom:30px
}
label.mdl-textfield__label{
    left:56px
}
.file_input{
    float:left
}
#file_input_text_div{
    width:96.6%;
    margin-top:0;
    margin-left:5px;
    float:right
}
.equal-img{
    width:50%;
    float:left;
    position:relative;
    height:100%
}
.equal-text h3{
    margin:10px 0;
    font-size:25px
}
.equal-text article{
    padding:20px 40px
}
.equal-text{
    width:50%;
    float:left;
    padding:0
}
.none{
    display:none
}
.b_bg_3 h1{
    font-size:30px;
    position:absolute;
    width:100%;
    top:70px
}
.h1_1{
    font-size:30px;
    margin-top:0
}
.b_bg h1{
    margin-top:60px
}
.mar-top{
    margin-top:30px
}
#horizontalTab{
    padding:0;
    width:100%
}
.btn{
    background-color:#0ad
}
.client{
    padding:30px 0;
    width:100%;
    background-color:#f5f5f5
}
.client h2{
    margin-bottom:30px
}
.client .owl-next,.client .owl-prev{
    position:absolute;
    top:52%;
    background:#0ad;
    width:50px;
    height:50px;
    line-height:65px;
    color:#fff;
    text-align:center
}
.client .owl-prev{
    left:5%
}
.client .owl-next{
    right:5%
}
.service_area{
    border-bottom:none;
    padding:110px 0 80px;
    background:0 0
}
.service_content{
    margin:0 0 110px;
    padding:0
}
.service_content:last-child{
    margin-bottom:0
}
.service_info h3{
    color:#333;
    font-size:30px
}
.service_info p{
    margin:28px 0 25px;
    font-size:17px
}
.service_info span{
    color:#333;
    font-size:18px
}
.service_info ul li{
    color:#333;
    font-size:17px;
    line-height:20px;
    position:relative;
    padding-left:18px;
    margin:18px 0
}
.service_info ul li:after{
    position:absolute;
    content:"";
    left:0;
    top:12px;
    border-radius:50%;
    border:3px solid #333
}
.service_info ul li:last-child{
    margin-bottom:38px
}
.service_icon span{
    font-size:60px;
    border-radius:50%;
    background:-webkit-linear-gradient(#a8da4a,#91c52f);
    background:linear-gradient(#a8da4a,#91c52f);
    color:#fff;
    height:200px;
    width:200px;
    line-height:200px;
    box-shadow:0 3px 6px rgba(0,0,0,.2)
}
.service_content:nth-child(2) .service_icon span{
    background:-webkit-linear-gradient(#43a2f7,#0e76e6);
    background:linear-gradient(#43a2f7,#0e76e6)
}
.service_content:nth-child(3) .service_icon span{
    background:-webkit-linear-gradient(#fb7c67,#f34225);
    background:linear-gradient(#fb7c67,#f34225)
}
.service_content:nth-child(4) .service_icon span{
    background:-webkit-linear-gradient(#4e6277,#243445);
    background:linear-gradient(#4e6277,#243445)
}
.service_content:nth-child(5) .service_icon span{
    background:-webkit-linear-gradient(#7ed082,#57b35c);
    background:linear-gradient(#7ed082,#57b35c)
}
.service_content:nth-child(6) .service_icon span{
    background:-webkit-linear-gradient(#aedf50,#8ec22b);
    background:linear-gradient(#aedf50,#8ec22b)
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{
    padding:0;
    margin:0;
    border:0;
    outline:0;
    vertical-align:top
}
.fancybox-wrap{
    position:absolute;
    top:0;
    left:0;
    z-index:8020
}
.fancybox-inner,.fancybox-outer,.fancybox-skin{
    position:relative
}
.fancybox-skin{
    background:#f9f9f9;
    color:#444;
    text-shadow:none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.fancybox-opened{
    z-index:8030
}
.fancybox-opened .fancybox-skin{
    -webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);
    -moz-box-shadow:0 10px 25px rgba(0,0,0,.5);
    box-shadow:0 10px 25px rgba(0,0,0,.5)
}
.fancybox-type-iframe .fancybox-inner{
    -webkit-overflow-scrolling:touch
}
.fancybox-error{
    color:#444;
    margin:0;
    padding:15px;
    white-space:nowrap
}
.fancybox-iframe,.fancybox-image{
    display:block;
    width:100%;
    height:100%
}
.fancybox-image{
    max-width:100%;
    max-height:100%
}
#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{
    background-image:url(../images/fancybox_sprite.png)
}
#fancybox-loading{
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-22px;
    margin-left:-22px;
    background-position:0 -108px;
    opacity:.8;
    cursor:pointer;
    z-index:8060
}
.fancybox-close,.fancybox-nav,.fancybox-nav span{
    cursor:pointer;
    z-index:8040;
    position:absolute
}
#fancybox-loading div{
    width:44px;
    height:44px;
    background:url(../images/fancybox_loading.gif) center center no-repeat
}
.fancybox-close{
    top:-18px;
    right:-18px;
    width:36px;
    height:36px
}
.fancybox-nav{
    top:0;
    width:40%;
    height:100%;
    text-decoration:none;
    background:url(../images/blank.gif);
    -webkit-tap-highlight-color:transparent
}
.fancybox-prev{
    left:0
}
.fancybox-next{
    right:0
}
.fancybox-nav span{
    top:50%;
    width:36px;
    height:34px;
    margin-top:-18px;
    visibility:hidden
}
.fancybox-prev span{
    left:10px;
    background-position:0 -36px
}
.fancybox-next span{
    right:10px;
    background-position:0 -72px
}
.fancybox-nav:hover span{
    visibility:visible
}
.fancybox-tmp{
    position:absolute;
    top:-99999px;
    left:-99999px;
    visibility:hidden;
    max-width:99999px;
    max-height:99999px;
    overflow:visible!important
}
.fancybox-lock,.fancybox-lock body{
    overflow:hidden!important
}
.fancybox-lock{
    width:auto
}
.fancybox-lock-test{
    overflow-y:hidden!important
}
.fancybox-overlay{
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    display:none;
    z-index:9999999;
    background:rgba(0,0,0,.9)
}
.fancybox-overlay-fixed{
    position:fixed;
    bottom:0;
    right:0
}
.fancybox-lock .fancybox-overlay{
    overflow:auto;
    overflow-y:scroll
}
.fancybox-title{
    visibility:hidden;
    position:relative;
    text-shadow:none;
    z-index:8050
}
.fancybox-opened .fancybox-title{
    visibility:visible
}
.fancybox-title-float-wrap{
    position:absolute;
    bottom:0;
    right:50%;
    margin-bottom:-35px;
    z-index:8050
}
.fancybox-title-float-wrap .child{
    display:inline-block;
    margin-right:-100%;
    padding:2px 20px;
    background:0 0;
    background:rgba(0,0,0,.8);
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    text-shadow:0 1px 2px #222;
    color:#FFF;
    font-weight:700;
    line-height:24px;
    white-space:nowrap
}
.fancybox-title-outside-wrap{
    position:relative;
    margin-top:10px;
    color:#fff
}
.fancybox-title-inside-wrap{
    padding-top:10px
}
.fancybox-title-over-wrap{
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    padding:10px;
    background:#000;
    background:rgba(0,0,0,.8)
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){
    #fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{
        background-image:url(../images/fancybox_sprite@2x.png);
        background-size:44px 152px
    }
    #fancybox-loading div{
        background-image:url(../images/fancybox_loading@2x.gif);
        background-size:24px 24px
    }
}
.portfolio-section{
    padding-bottom:40px
}
.filter-section{
    padding-top:40px
}
.filter-container{
    padding:20px
}
ul.filter>li>a{
    color:#1abc9c;
    font-size:20px;
    line-height:40px
}
ul.filter>li>a:focus,ul.filter>li>a:hover{
    text-decoration:none;
    color:#16a085;
    outline:0
}
ul.filter>li.active a{
    color:#111
}
ul.filter>li span{
    color:#ddd;
    font-size:20px;
    display:inline-block;
    margin:0 5px
}
.filter-section .filter-container .filter>li{
    padding:0;
    list-style:none;
    float:none;
    display:inline-block;
    margin:10px 5px 0 0
}
.filter-section .filter-container .filter>li a{
    display:block;
    padding:10px
}
.portfolio-section.port-col figure .overlay-background{
    background-color:#000;
    background-color:rgba(0,0,0,.4)
}
.portfolio-section figure{
    float:left;
    width:100%;
    position:relative
}
.portfolio-section figure img{
    width:100%;
    height:auto
}
.portfolio-section .article-title{
    float:left;
    width:100%;
    font-size:18px;
    line-height:24px;
    padding:10px 0 30px
}
.portfolio-section .article-title a{
    color:#aaa
}
.portfolio-section figure:hover .overlay{
    opacity:1;
    visibility:visible
}
.portfolio-section figure:hover .overlay-background{
    opacity:.8;
    visibility:visible
}
.portfolio-section figure .overlay,.portfolio-section figure .overlay-background{
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    visibility:hidden;
    height:100%;
    width:100%
}
.portfolio-section figure .overlay-background{
    z-index:1;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.portfolio-section figure .overlay-background .inner{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    margin:11px;
    background-color:#c8e9c8;
    background-color:rgba(194,231,194,.9)
}
.portfolio-section figure .overlay{
    z-index:2;
    transition:all .2s ease-in-out
}
.portfolio-section figure .inner-overlay{
    display:table;
    width:100%;
    height:100%
}
.portfolio-section figure .inner-overlay-content{
    display:table-cell;
    vertical-align:middle;
    width:100%;
    padding:20px 40px
}
.portfolio-section figure .inner-overlay-content.with-icons a{
    width:40px;
    height:40px;
    line-height:42px;
    display:inline-block;
    margin:0 10px;
    text-decoration:none;
    font-size:20px;
    background:rgba(0,0,0,.9);
    color:#fff;
    border-radius:0
}
.isotopeSelector img{
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    -ms-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease
}
.isotopeSelector:hover img{
    -moz-transform:scale(1.5) rotate(2deg);
    -webkit-transform:scale(1.5) rotate(2deg);
    -o-transform:scale(1.5) rotate(2deg);
    -ms-transform:scale(1.5) rotate(2deg);
    transform:scale(1.5) rotate(2deg);
    -webkit-transition:all .8s ease;
    -moz-transition:all .8s ease;
    -ms-transition:all .8s ease;
    -o-transition:all .8s ease;
    transition:all .8s ease
}
.isotopeSelector figure{
    overflow:hidden;
    box-shadow:0 0 2px rgba(0,0,0,.2)
}
.table{
    margin:20px 0
}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){
    table,tbody,td,th,thead,tr{
        display:block
    }
    thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    tr{
        border:1px solid #ccc
    }
    td{
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%
    }
    td:before{
        position:absolute;
        top:6px;
        left:6px;
        width:45%;
        padding-right:10px;
        white-space:nowrap
    }
    td:nth-of-type(1):before{
        content:"Post"
    }
    td:nth-of-type(2):before{
        content:"Location"
    }
    td:nth-of-type(3):before{
        content:"Qualification"
    }
    td:nth-of-type(4):before{
        content:"Experience"
    }
    td:nth-of-type(5):before{
        content:"Skill Required"
    }
    td:nth-of-type(6):before{
        content:"Apply Here"
    }
}
@media only screen and (min-device-width:320px) and (max-device-width:480px){
    body{
        padding:0;
        margin:0;
        width:320px
    }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){
    body{
        width:495px
    }
}
tr:nth-of-type(2n+1){
    background:#eee
}
th{
    background:#333;
    color:#fff;
    padding:10px 5px;
    border-radius:0;
    font-weight:600;
    font-size:16px
}
.h2{
    font-size:25px
}
figure{
    margin:0
}
.link11 li{
	background: url('../images/se-line.png') center left no-repeat;
	padding-left: 35px;
}
@media only screen and (min-width:768px) and (max-width:1024px){
    body{
        width:100%!important
    }
    figure{
        margin:0
    }
}
.com-h4{
    font-size:28px
}
@media only screen and (min-width:220px) and (max-width:767px){
    #horizontalTab h3,.add-1 ul li i,.com-h4,footer p{
        text-align:center
    }
    iframe{
    width: 100% !important;
}
    .seo-main-cloud .equal-text article {
    padding: 0px 8px;
}
    .seo-main-cloud .equal-text h3 {
    margin-top: 0px;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 19px;
        padding-top: 20px;
}
  .seo-main-cloud  .col-md-6{
        float: left !important;
    }
    body{
        width:100%!important
    }
    .com-h4{
        font-size:20px
    }
    .add-1 ul li i{
        font-size:30px;
        float:left;
        width:10%;
        background:#0ad;
        height:60px;
        border-radius:50%;
        line-height:60px;
        color:#fff;
        min-width:60px
    }
    footer p{
        font-size:17px
    }
    #horizontalTab h3{
        font-size:25px
    }
    #horizontalTab p{
        text-align:justify
    }
    .filter-container,.service_icon,.service_info h3{
        text-align:center
    }
    .service_info h3{
        color:#333;
        font-size:25px;
        text-transform:uppercase
    }
    .filter-section{
        padding-top:0
    }
    .filter-container{
        padding:0
    }
    .filter-section .filter-container .filter>li a{
        display:block;
        padding:0;
        line-height:25px
    }
    figure{
        margin:0
    }
    p{
        text-align:justify
    }
    .soc ul,.soc ul li{
        text-align:center;
        float:none
    }
    .soc ul li{
        display:inline-block
    }
    .soc ul li a{
        display:block
    }
}
@media only screen and (min-width:1024px) and (max-width:1279px){
    .box-baaner{
        width:130px;
        margin-top:70px;
        height:130px;
        margin-left:0
    }
    .box-baaner-4{
        margin-top:116px;
        box-shadow:0 0 0 3px #f6f6f6;
        margin-left:25px;
        z-index:7
    }
    .box-baaner-6,.box-baaner-7{
        z-index:9999;
        position:relative
    }
    .banner-fix .container{
        width:96%
    }
    .box-baaner-7{
        width:130px;
        margin-top:253px;
        height:130px;
        margin-left:-110px
    }
    .box-baaner-6{
        width:100px;
        margin-top:251px;
        height:100px;
        margin-left:-84px
    }
    .logo{
        position:relative;
        z-index:123;
        font:18px;
        color:#6DDB07;
        float:left;
        width:203px
    }
    nav .logo img{
        width:212px
    }
    .slide-fix p {
    width: 100%;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
}
}
@media only screen and (min-width:980px) and (max-width:1023px){
    .box-baaner,.box-baaner-6{
        float:left;
        cursor:pointer
    }
    .slide-fix p {
    width: 100%;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
}
.slide-fix {
    position: absolute;
    top: 0px;
    left: 0px;
    widows: 50%;
    padding: 25px 41px;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 35px;
    width: 100px;
    left: 60px;
}
.port-f {
    position: absolute;
    top: 40%;
    left: -3%;}
    .banner-fix{
        position:absolute;
        width:100%;
        top:81px;
        left:0
    }
    .btn-mob-rohit {
    padding: 10px 20px;
    margin-bottom: 10px;}
    .box-baaner{
        width:120px;
        margin-top:70px;
        height:120px;
        background:#3399fe;
        border-radius:50%;
        margin-left:-20px;
        z-index:9;
        transition:box-shadow .3s
    }
    .box-baaner-3::after,.box-baaner-4::after{
        content:"";
        position:absolute;
        left:151px;
        border-bottom:2px solid #e1e0e0;
        width:30px
    }
    .box-baaner-3::after{
        top:68px
    }
    .box-baaner-4{
        margin-left:33px
    }
    .box-baaner-4::after{
        top:78px
    }
    .box-baaner-3{
        transition:box-shadow .6s;
        width:160px;
        height:160px
    }
    .box-baaner-3-in{
        width:140px;
        margin:0 auto;
        background:#fff;
        border:10px solid #f6f6f6;
        height:140px
    }
    .span-3-1{
        margin:0 auto;
        width:90%;
        display:block;
        text-align:center;
        font-size:20px;
        font-weight:300;
        color:#000;
        padding-top:25px;
        border-bottom:1px solid #000
    }
    .box-baaner-4,.box-baaner-5{
        transition:box-shadow .6s;
        width:160px;
        height:160px
    }
    .banner p{
        margin:0;
        text-align:center;
        font-size:11px;
        color:#fff
    }
    .box-baaner-5{
        margin-left:29px
    }
    .box-baaner-6{
        width:100px;
        margin-top:223px;
        height:100px;
        background:#3399fe;
        border-radius:50%;
        margin-left:-79px;
        z-index:9999;
        position:relative
    }
    .banner{
        max-height:580px;
        width:100%;
        height:500px
    }
}
@media only screen and (min-width:768px) and (max-width:989px){
    .add-1 ul li i,.span-5 a,footer p{
        text-align:center
    }
      .col-1f {
    float: left;
    width: 50%;
    padding: 10px;
}
.col-1f h3 {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}
.col-1f2 h3{
    text-align: center;
}
.col-1f li {
    list-style: none;
    width: 100%;
    font-size: 15px;
    text-align: center;
}
.col-1f2 {
    float: left;
    width: 100%;
    padding: 10px;
}
    
    header{
        background:#fcfcfc;
        height:75px
    }
    footer p.mail,footer p.phone{
        float:none;
        margin-left:20px;
        text-align:center;
        display:block
    }
    footer p{
        font-size:17px
    }
    .equal-img,.equal-text{
        width:100%
    }
    .box-baaner-7{
        width:180px;
        margin-top:20px;
        height:180px;
        margin-left:18px;
        z-index:9999;
        position:relative;
        float:left;
        margin-bottom:22px
    }
    .span-5 a{
        color:#fff;
        padding-top:60px;
        display:block
    }
    .banner-fix-container{
        width:600px;
        margin:0 auto
    }
    .add-1 ul li p{
        font-size:18px;
        float:right;
        width:87%;
        margin-top:10px;
        padding:0
    }
    .add-1 ul li i,.box-baaner-4{
        border-radius:50%;
        float:left
    }
    .add-1 ul li i{
        font-size:30px;
        background:#0ad;
        height:60px;
        line-height:60px;
        color:#fff;
        width:60px
    }
    .box-baaner{
        width:140px;
        margin-top:0;
        height:140px;
        position:relative
    }
    .box-baaner-1{
        width:160px;
        height:160px;
        margin-left:54px;
        margin-top:-8px;
        position:relative
    }
    .box-baaner-2{
        transition:box-shadow .6s;
        width:140px;
        margin-top:3px;
        height:140px;
        margin-left:54px;
        margin-bottom:18px
    }
    .banner-fix{
        position:absolute;
        width:100%;
        top:90px;
        left:0
    }
    .box-baaner-3,.box-baaner-4,.box-baaner-5{
        width:190px;
        height:190px
    }
    .box-baaner-3{
        transition:box-shadow .6s;
        margin-top:10px
    }
    .box-baaner-4{
        margin-top:17px;
        background-color:none;
        border:10px solid #fff;
        box-shadow:0 0 0 3px #f6f6f6;
        margin-left:20px;
        margin-bottom:15px
    }
    .box-baaner-1::after,.box-baaner-3::after,.box-baaner-4::after,.box-baaner::after{
        content:"";
        position:absolute;
        border-bottom:2px solid #e1e0e0
    }
    .span-4{
        margin:0 auto;
        padding-top:30px
    }
    .box-baaner-5{
        margin-left:0;
        margin-top:20px;
        float:left
    }
    .box-baaner-3::after{
        left:181px;
        top:85px;
        width:19px
    }
    .box-baaner-1 .span-1{
        margin:40px auto 0
    }
    .span-4 a{
        color:#fff;
        font-size:20px;
        padding-top:50px;
        display:block
    }
    .banner{
        max-height:720px;
        width:100%;
        height:720px
    }
    .box-baaner-6{
        width:180px;
        height:180px;
        background:#3399fe;
        border-radius:50%;
        float:right;
        margin-left:20px;
        display:block;
        clear:none;
        margin-top:13px;
        margin-bottom:20px
    }
    .box-baaner-1::after,.box-baaner::after{
        top:74px;
        width:54px
    }
    .box-baaner::after{
        left:140px
    }
    .box-baaner-1::after{
        left:150px
    }
    .box-baaner-4::after{
        left:180px;
        top:83px;
        width:18px
    }
    #particles-js{
        background-position:bottom
    }
    .box-baaner .span-1{
        padding-top:15px;
        display:block
    }
    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 10px;}
.slide-fix {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 14px 35px;
}
.slide-fix h1 {
    color: #fff;
    font-size: 28px;
    margin: 15px 0px;
}
.btn-mob-rohit {
    padding: 6px 20px;
    margin-bottom: 10px;}
    .slide-fix p {
    width: 100%;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
}
.readmome1 {
    text-decoration: none;
    margin: 4px 0px;
    display: inline-block;
}
.port-f {
    position: absolute;
    top: 40%;
    left: -8%;}
}
@media only screen and (min-width:640px) and (max-width:767px){
	  .col-1f {
    float: left;
    width: 50%;
    padding: 10px;
}
    .col-1q1 {
    width: 100%;
    border-right: none;
    float: left;
}
.col-1q1 p {
    font-size: 15px;
    color: #fff;
    text-align: justify;
    padding-right: 0px;
}
.col-1q1 h1 {
    font-size: 20px;
    color: #fbbc05;
    font-weight: 600;
    text-align: center;
}
.col-1q2 {
    width: 100%;
    float: right;
}
.port-s {
    width: 100%;
    float: right;
}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { float: none;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 10px;}
.slide-fix {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 14px 35px;
}
.slide-fix h1 {
    color: #fff;
    font-size: 29px;
    padding: 0px 0px;
}
.btn-mob-rohit {
    padding: 4px 20px;
    margin-bottom: 10px;}
    .slide-fix p {
    width: 100%;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
}
.readmome1 {
    text-decoration: none;
    margin: 0px 0px;
    display: inline-block;
}
.col-1f h3 {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}
.col-1f2 h3{
    text-align: center;
}
.col-1f li {
    list-style: none;
    width: 100%;
    font-size: 15px;
    text-align: center;
}
.col-1f2 {
    float: left;
    width: 100%;
    padding: 10px;
}
    .span-4 a,.span-5 a{
        color:#fff;
        display:block
    }
    nav .logo img{
        width:200px;
        margin-top:-10px;
        margin-left:-74px
    }
    .equal-img,.equal-text{
        width:100%
    }
    .box-baaner-7{
        width:180px;
        margin-top:15px;
        height:180px;
        margin-left:17px;
        z-index:9999;
        position:relative;
        margin-bottom:28px
    }
    .span-5 a{
        padding-top:65px;
        text-align:center
    }
    header{
        background:#fcfcfc;
        height:64px
    }
    .banner-fix-container{
        width:600px;
        margin:0 auto
    }
    .add-1 ul li p{
        font-size:18px;
        float:right;
        width:86%;
        margin-top:10px;
        padding:0
    }
    .box-baaner{
        width:140px;
        margin-top:0;
        height:140px;
        position:relative
    }
    .box-baaner-1{
        width:160px;
        height:160px;
        margin-left:54px;
        margin-top:-8px;
        position:relative
    }
    .box-baaner-2{
        transition:box-shadow .6s;
        width:140px;
        margin-top:3px;
        height:140px;
        margin-left:54px;
        margin-bottom:18px
    }
    .banner-fix{
        position:absolute;
        width:100%;
        top:90px;
        left:0
    }
    .box-baaner-3,.box-baaner-4,.box-baaner-5{
        width:190px;
        height:190px
    }
    .box-baaner-3{
        transition:box-shadow .6s;
        margin-top:10px
    }
    .box-baaner-4{
        margin-top:17px;
        border-radius:50%;
        background-color:none;
        border:10px solid #fff;
        box-shadow:0 0 0 3px #f6f6f6;
        float:left;
        margin-left:20px;
        margin-bottom:15px
    }
    .box-baaner-1::after,.box-baaner-3::after,.box-baaner-4::after,.box-baaner::after{
        content:"";
        position:absolute;
        border-bottom:2px solid #e1e0e0
    }
    .span-4{
        margin:0 auto;
        padding-top:30px
    }
    .box-baaner-5{
        margin-left:20px;
        margin-top:20px
    }
    .box-baaner-3::after{
        left:181px;
        top:85px;
        width:19px
    }
    .box-baaner-1 .span-1{
        margin:40px auto 0
    }
    .box-baaner-6{
        width:180px;
        height:180px;
        background:#3399fe;
        border-radius:50%;
        float:right;
        margin:20px 0;
        display:block;
        clear:none
    }
    .span-4 a{
        font-size:20px;
        padding-top:40px
    }
    .banner{
        max-height:700px;
        width:100%;
        height:700px
    }
    .box-baaner-1::after,.box-baaner::after{
        top:74px;
        width:54px
    }
    .box-baaner::after{
        left:140px
    }
    .box-baaner-1::after{
        left:150px
    }
    .box-baaner-4::after{
        left:180px;
        top:83px;
        width:18px
    }
    #particles-js{
        background-position:bottom
    }
    footer p.mail,footer p.phone{
        float:none;
        margin-left:20px;
        text-align:center;
        display:block
    }
    footer p{
        font-size:17px;
        text-align:center
    }
    .box-baaner .span-1{
        padding-top:15px;
        display:block
    }
}
@media only screen and (min-width:480px) and (max-width:639px){
    .span-4 a,.span-5 a{
        color:#fff;
        display:block
    }
        .col-1q1 {
    width: 100%;
    border-right: none;
    float: left;
}
.col-1q1 p {
    font-size: 15px;
    color: #fff;
    text-align: justify;
    padding-right: 0px;
}
.col-1q1 h1 {
    font-size: 20px;
    color: #fbbc05;
    font-weight: 600;
    text-align: center;
}
.col-1q2 {
    width: 100%;
    float: right;
}
.port-s {
    width: 100%;
    float: right;
}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { float: none;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -20px;}
.port-f { display: none;}
.slide-fix {display: none;}
    .col-1f {
    float: left;
    width: 100%;
    padding: 10px;
}
    .box-baaner-7{
        width:190px;
        margin-top:15px;
        height:190px;
        margin-left:19px;
        z-index:9999;
        position:relative;
        margin-bottom:22px
    }
    .equal-img,.equal-text{
        width:100%
    }
      .col-1f {
    float: left;
    width: 100%;
    padding: 10px;
}
.col-1f h3 {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}
.col-1f2 h3{
    text-align: center;
}
.col-1f li {
    list-style: none;
    width: 100%;
    font-size: 15px;
    text-align: center;
}
.col-1f2 {
    float: left;
    width: 100%;
    padding: 10px;
}
    nav .logo img{
        width:200px;
        margin-top:-10px;
        margin-left:-74px
    }
    header{
        background:#fcfcfc;
        height:64px
    }
    .banner-fix-container{
        width:400px;
        margin:0 auto
    }
    .add-1 ul li p{
        font-size:18px;
        float:right;
        width:77%;
        margin-top:10px;
        padding:0
    }
    .box-baaner{
        width:140px;
        margin-top:0;
        height:140px;
        position:relative
    }
    .box-baaner-1{
        width:160px;
        height:160px;
        margin-left:54px;
        margin-top:-8px;
        position:relative
    }
    .box-baaner-2{
        transition:box-shadow .6s;
        width:140px;
        margin-top:30px;
        height:140px;
        margin-left:10px;
        margin-bottom:18px
    }
    .banner-fix{
        position:absolute;
        width:100%;
        top:90px;
        left:0
    }
    .box-baaner-3,.box-baaner-4,.box-baaner-5{
        width:190px;
        height:190px
    }
    .box-baaner-3{
        transition:box-shadow .6s;
        margin-top:10px;
        margin-left:50px
    }
    .box-baaner-4{
        margin-top:17px;
        border-radius:50%;
        background-color:none;
        border:10px solid #fff;
        box-shadow:0 0 0 3px #f6f6f6;
        float:left;
        margin-left:0;
        margin-bottom:15px
    }
    .box-baaner-1::after,.box-baaner-2::after,.box-baaner-3::after,.box-baaner-4::after,.box-baaner::after{
        content:"";
        position:absolute;
        border-bottom:2px solid #e1e0e0
    }
    .span-4{
        margin:0 auto;
        padding-top:30px
    }
    .box-baaner-5{
        margin-left:10px;
        margin-top:20px
    }
    .box-baaner-3::after{
        left:181px;
        top:85px;
        width:19px;
        display:none
    }
    .box-baaner-2::after{
        left:140px;
        top:73px;
        width:48px
    }
    .box-baaner-1 .span-1{
        margin:40px auto 0
    }
    .box-baaner-6{
        width:190px;
        height:190px;
        background:#3399fe;
        border-radius:50%;
        float:right;
        margin:20px 0;
        display:block;
        clear:none
    }
    .span-5 a{
        padding-top:67px;
        text-align:center
    }
    .span-4 a{
        padding-top:48px
    }
    .box-baaner-1::after,.box-baaner::after{
        top:74px;
        width:54px
    }
    .box-baaner::after{
        left:140px
    }
    .box-baaner-1::after{
        left:150px;
        display:none
    }
    .box-baaner-4::after{
        left:180px;
        top:83px;
        width:18px
    }
    #particles-js{
        background-position:bottom
    }
    .banner{
        max-height:900px;
        width:100%;
        height:900px
    }
    footer p.mail,footer p.phone{
        float:none;
        margin-left:20px;
        text-align:center;
        display:block
    }
    .box-baaner .span-1{
        padding-top:17px;
        display:block
    }
}
@media only screen and (min-width:120px) and (max-width:479px){
    .box-baaner .span-1{
        padding-top:17px;
        display:block
    }
    .col-1q1 {
    width: 100%;
    border-right: none;
    float: left;
}
.col-1q1 p {
    font-size: 15px;
    color: #fff;
    text-align: justify;
    padding-right: 0px;
}
.col-1q1 h1 {
    font-size: 20px;
    color: #fbbc05;
    font-weight: 600;
    text-align: center;
}
.col-1q2 {
    width: 100%;
    float: right;
}
.port-s {
    width: 100%;
    float: right;
}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { float: none;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -20px;}
.port-f { display: none;}
.slide-fix {display: none;}
    .col-1f {
    float: left;
    width: 100%;
    padding: 10px;
}
.col-1f h3 {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}
.col-1f2 h3{
    text-align: center;
}
.col-1f li {
    list-style: none;
    width: 100%;
    font-size: 15px;
    text-align: center;
}
.col-1f2 {
    float: left;
    width: 100%;
    padding: 10px;
}
    nav .logo img{
        width:200px;
        margin-top:-10px;
        margin-left:-74px
    }
    .equal-img,.equal-text{
        width:100%
    }
    header{
        background:#fcfcfc;
        height:64px
    }
    .banner-fix-container{
        width:290px;
        margin:0 auto
    }
    .add-1 ul li p{
        font-size:18px;
        float:right;
        width:77%;
        margin-top:10px;
        padding:0
    }
    .box-baaner,.box-baaner-1,.box-baaner-2{
        width:140px;
        height:140px
    }
    .box-baaner{
        margin-top:0;
        position:relative;
        margin-left:0
    }
    .box-baaner-1{
        margin-left:9px;
        margin-top:1px;
        position:relative
    }
    .box-baaner-2,.box-baaner-3{
        transition:box-shadow .6s;
        margin-top:20px
    }
    .box-baaner-2{
        margin-left:0;
        margin-bottom:18px
    }
    .banner-fix{
        position:absolute;
        width:100%;
        top:90px;
        left:0
    }
    .box-baaner-3,.box-baaner-3-in,.box-baaner-4,.box-baaner-5{
        width:140px;
        height:140px
    }
    .box-baaner-3{
        margin-left:9px;
        border:0;
        box-shadow:none;
        margin-bottom:20px
    }
    .box-baaner-3-in{
        margin:0 auto;
        background:#fff;
        border:10px solid #f6f6f6;
        border-radius:50%;
        z-index:999;
        position:absolute
    }
    .box-baaner-4{
        margin-top:0;
        border-radius:50%;
        background-color:none;
        border:0;
        box-shadow:none;
        float:left;
        margin-left:0;
        margin-bottom:15px
    }
    .banner p{
        margin:0;
        text-align:center;
        font-size:12px;
        color:#fff
    }
    .span-4{
        margin:0 auto;
        padding-top:30px
    }
    .box-baaner-5{
        margin-left:10px;
        margin-top:0;
        border:0;
        box-shadow:none
    }
    .box-baaner-2::after,.box-baaner-3::after{
        content:"";
        position:absolute;
        border-bottom:2px solid #e1e0e0
    }
    .box-baaner-3::after{
        left:181px;
        top:85px;
        width:19px;
        display:none
    }
    .box-baaner-2::after{
        left:140px;
        top:73px;
        width:9px
    }
    .span-3-1{
        margin:0 auto;
        width:80%;
        display:block;
        text-align:center;
        font-size:15px;
        font-weight:300;
        color:#000;
        padding-top:31px
    }
    .box-baaner-7{
        width:130px;
        margin-top:5px;
        height:130px;
        margin-left:10px;
        z-index:9999;
        position:relative;
        float:left;
        margin-bottom:20px
    }
    .box-baaner-1 .span-1{
        margin:30px auto 0
    }
    .box-baaner-6{
        width:130px;
        height:130px;
        background:#3399fe;
        border-radius:50%;
        float:right;
        margin:20px 0;
        display:block;
        clear:none
    }
    .box-baaner-1::after,.box-baaner-4::after,.box-baaner::after{
        content:"";
        position:absolute;
        left:140px;
        top:74px;
        border-bottom:2px solid #e1e0e0;
        width:9px
    }
    .box-baaner-1::after{
        display:none
    }
    #particles-js{
        background-position:bottom
    }
    .banner{
        max-height:880px;
        width:100%;
        height:735px
    }
    footer p.mail,footer p.phone{
        float:none;
        margin-left:20px;
        text-align:center;
        display:block
    }
}