@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap');

/*
font-family: 'Racing Sans One', cursive;
*/
 


body{margin: 0; padding: 0; font-family: 'Open Sans', sans-serif !important;}
a{ -webkit-transition: all 0.5s ease-out; text-decoration: none !important; }
a:hover{ -webkit-transition: all 0.5s ease-out; text-decoration: none !important; }

audio {
    display: none !important;
}

ul{margin: 0; padding: 0;}

.py-6{padding-top: 60px !important; padding-bottom: 60px !important;}
.pt-6{padding-top: 60px !important;}


.text-theme{color: #a3eeff !important;}
/*.text-blue{color: #00003c !important;}*/
.bg-theme{background: #00003c !important;}
/*.bg-gradient{background-image: linear-gradient(to left, #36c7cb, #011dff) !important;}
.bg-gradient-hover:hover{background-image: linear-gradient(to left, #b76e79 , #00008b) !important; color: #fff !important;}
*/



.pagebgvideomin {
    width: 100%;
    height: 700px;
    overflow: hidden;
    position: relative;
}
.pagebgvideomin video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
}
.pagebgvideomin iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
}

/*
.sidebtnlft { 
    position: absolute;
    left: 0;

    background-image: linear-gradient(to right, #36c7cb, #011dff);
    font-family: 'Racing Sans One', cursive;
}
.sidebtnlft:before {
    content: "";
    position: absolute;
    right: -45px;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 64px solid transparent;
    border-left: 45px solid #081cff;
}
.sidebtnlft a{color: #fff;
    font-size: 34px;
    display: block;
    text-transform: uppercase;
    font-weight: normal; padding: 8px 26px; }
.sidebtnlft a:hover{color: #fff;}

.sidebtnrght.top, .sidebtnlft.top{top: 80px; animation-delay: .7s;}
.sidebtnrght.mdl, .sidebtnlft.mdl{top: 180px; animation-delay: 1.2s;}
.sidebtnrght.btm, .sidebtnlft.btm{top: 280px; animation-delay: 1.7s;}

.sidebtnrght.chat{top: 440px; animation-delay: 2.2s;}
*/

/*

.sidebtnrght { 
    position: absolute;
    right:  0;
        background-image: linear-gradient(to left, rgba(25,193,194,0.85), rgba(237,249,251,0.85));

    font-family: 'Racing Sans One', cursive;
}
.sidebtnrght:before {
    content: "";
    position: absolute;
    left: -45px;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 64px solid transparent;
    border-right: 45px solid rgba(237,249,251,0.85);
}
.sidebtnrght a{color: #fff;
    font-size: 34px;
    display: block;
    text-transform: uppercase;
    font-weight: normal; padding: 8px 26px; }
.sidebtnrght a:hover{color: #fff;}

*/


.mtebtn{position: absolute;
    left: 30px;
    top: 30px;
    border-radius: 50%;
    background-image: radial-gradient(#000000, #01adffc2);
    border: solid 2px #34dee3;
    box-shadow: 0px 0px 8px 1px #36c7cbe8;
    text-align: center;
    color: #fff;
    font-size: 16px;
    z-index: 9;}
.mtebtn i{    width: 40px;
    height: 40px;
    line-height: 38px;
    display: block;}
.mtebtn:hover, .mtebtn:focus{color: #fff;}

.btmenubar {
    width: 85%;
    bottom: 12px;
    left: 0;
    right: 0; padding: 0 30px;
    position: absolute;
    margin: 0 auto;
    height: auto;
    /*background-image: linear-gradient(to left, rgb(54 199 203 / 84%), rgb(1 29 255 / 84%));*/
    color: #fff; /*clip-path: polygon(2% 0, 100% 0%, 98% 100%, 0% 100%);*/
}
.btmenubar .owl-stage{padding:8px 0;}
.btmenubar ul{margin: 0; padding: 0;}
.btmenubar .cmenu ul li {
list-style: none;
    display: block;
    line-height: 54px;
    position: relative;
    padding: 0px;
    margin: 0 4px;
    font-size: 16px;
    background-image: linear-gradient(to bottom, #01adffab, #00000073, #01adffab);
    box-shadow: 0px 0px 8px 1px #36c7cbe8;
    border-radius: 6px;
    /* background: #01adffab; */
    border: solid 2px #34dee3;
    overflow: hidden;
}
/* .btmenubar .cmenu ul li:after{content: "";
    position: absolute;
    background: #34dee3;
    width: 12px;
    height: 29px;
    left: -2px;
    bottom: -2px;
    z-index: 99;
    transform: skewY(35deg);}
.btmenubar .cmenu ul li::before{    content: "" !important;
    position: absolute;
    background: #34dee3;
    width: 30px;
    height: 7px;
    right: -2px;
    top: 0;
    z-index: 99;} */
/* .btmenubar .cmenu ul li:hover{border-bottom: solid 0px #001963;} */
.btmenubar .cmenu ul li span.text {
        text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    -webkit-backface-visibility: hidden;
    -moz-transition: all 0.3s;
    -moz-backface-visibility: hidden;
    transition: all 0.3s;
    backface-visibility: hidden;
}
.btmenubar .cmenu ul li span.icon{position: absolute;
    height: 100%;
    width: 100%; left: 0; top: -100%; font-size: 30px; text-align: center; -webkit-transition: all 0.3s ease-out; }

.btmenubar .cmenu ul li:hover span.icon{top: 0; -webkit-transition: all 0.3s ease-out; }
.btmenubar .cmenu ul li:hover span.text {
    -webkit-transform: translateY(300%);
    -moz-transform: translateY(300%);
    -ms-transform: translateY(300%);
    transform: translateY(300%);
}
.btmenubar .cmenu ul li:last-child:before{display: none;}
.btmenubar .cmenu ul li a{color: #fff; display: block;}

.btmenubar .socialicon {
    padding-bottom: 0px; margin-top: 8px; position: relative;
    z-index: 999;
}
.btmenubar .socialicon ul li {
    list-style: none;
    display: inline-block; padding: 0 5px;
    font-size: 16px; }
.btmenubar .socialicon ul li a {
    color: #fff;
    width: 45px;
    height: 45px;
    /*border: solid 1px #fff;*/
    display: block;
    line-height: 45px;
    border-radius: 50%; 
	background-image: radial-gradient(#000000, #01adffc2);
    border: solid 2px #34dee3;
    box-shadow: 0px 0px 8px 1px #36c7cbe8;
}
.btmenubar .socialicon ul li a:hover{background: #fff; color: #011dff;}



    .rmenubar {
        position: absolute;
        left: 25px;
        top: 25px;
        z-index: 99;
        display: block;
        font-size: 32px;
        background-image: linear-gradient(to left bottom, rgba(25,193,194,0.85), rgba(237,249,251,0.85));
        padding: 6px 17px;
        border-radius: 0;
        -webkit-transition: all 0.5s ease-out;
    }
    .rmenubar a{color:#fff !important;}
    .rmenubar a:hover, .rmenubar a:focus{color:#fff !important;}
    

    .mysidenav{
        display: block;
        position: fixed;
        left: -260px;
        top: 0;
        width: 250px;
        height: 100%;
        z-index: 9999;
        background: rgba(0, 0, 0, 0.8);
        padding-bottom: 55px;
        box-shadow: 1px 2px 9px 2px #5a5a5a;
         -webkit-transition: all 0.5s ease-out;
     }
     .mysidenav.navopen{
         left: 0;
          -webkit-transition: all 0.5s ease-out;
     }
    .mynavlayr{display:block; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background:rgba(0, 0, 0, 0.36); display:none;}
    
    .mysidenav .sitename {
        width: 100%;
        background-image: linear-gradient(to right, #36c7cb, #011dff);
        text-align: center;
        font-size: 22px;
        color: #fff;
        padding: 11px 0; font-family: 'Racing Sans One', cursive;
    }
    .mysidenav a.mloginbtn {
        background: #043b51;
        padding: 11px 5px;
        display: block;
        text-align: center;
        color: #ff4800;
    }
    .mysidenav ul.btnmenu{
        width: 100%;
        display: flex;
        margin: 0px 0;
        padding: 0;
        position: absolute;
        bottom: 0;  
    }
    .mysidenav ul.btnmenu li{    flex: 1;
    display: inline-block;
     text-align: center;
    font-size: 20px;
    background: #043b51;}
    .mysidenav ul.btnmenu li:last-child{background: #ff4800;}
    .mysidenav ul.btnmenu li a{display:block; color:#fff; padding: 8px 0 4px;}
    
    .sidemenu {
        height: 100%;
       /* overflow-y: scroll;*/
        padding: 0;
    }
    .sidemenu ul {margin: 0; padding: 0 15px;}
    .sidemenu ul li{list-style:none; position:relative;}
    .sidemenu ul li a {color: #fff;
    padding: 12px 10px;
    display: block;
    border-bottom: solid 1px #ccc;
    font-size: 17px;}
    .sidemenu ul li a:hover{color: #f400ff; }
    .sidemenu ul li.rqstbtn a{background:#4f9200; text-align:center; color:#fff;}
    .sidemenu ul li ul{}





/*=================== Inner Pages Style Start ==========================*/

/*=================== scrollbar ==================== */

#style-3::-webkit-scrollbar-track
{
/*     -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); */
    background-color: transparent;
}

#style-3::-webkit-scrollbar
{
    width: 10px;
    background-color: transparent;
}

#style-3::-webkit-scrollbar-thumb
{
/*     background-color: #000000; */
    background-image: linear-gradient(to bottom, transparent, transparent, #34dee3, transparent, transparent);
/* 	background-image: -webkit-linear-gradient(90deg, transparent 75%, transparent, rgba(0, 0, 0, .9) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(0, 0, 0, .2) 75%, transparent 75%, transparent) */
}


#sync1 .item{height: 605px;}
#sync3 .item{height: 790px;}

.content-bg{
/* 	background: #005d728c; */
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    border-radius: 40px;
    box-shadow: 0px 0px 23px 4px #36c7cbe8;
    border: solid 2px #34dee3;}

.minheading .title-bg {
font-size: 80px;
    left: 0;
    letter-spacing: 4px;
    line-height: 0.7;
    position: absolute;
    right: 0;
    top: 50%;
    text-transform: uppercase;
    font-weight: 800;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.07);
    -webkit-text-stroke: 1px #34dee32e;
    z-index: -1;
}



.aboutpg, .srvcpage, .portfopage, .teampage, .blogpage, .testimopage, .contactpage {margin-top: 30px !important;}

.mobileprt{
	
}
.mobileprt .aboutpg,
.mobileprt .srvcpage,
.mobileprt .portfopage,
.mobileprt .teampage,
.mobileprt .blogpage,
.mobileprt .testimopage,
.mobileprt .contactpage{
    margin-top: 30px !important;
}


/*=================== About Page ==================== */


.aboutpg h1 span{font-weight: 700; color: #a3eeff;}
.aboutpg ul{margin-left: 20px;}
.aboutpg .countngbox {border-color: #ffffff59 !important; background: #0000001f; margin-bottom: 30px;}
.aboutpg .countngbox .icon{/*font-size: 38px;*/
    margin-right: 10px;
    color: #a3eeff;}
/*.aboutpg .countngbox h3{    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500; margin-bottom: 16px;}*/
.aboutpg .countngbox p{    position: relative;
    padding-left: 44px;
    margin-bottom: 0; font-size: 20px;}
.aboutpg .countngbox p:before{position: absolute; content: ""; width: 30px; height: 1px; background: #fff; left: 0; top: 12px;}
.aboutpg .countngbox:hover{box-shadow: 0px 0px 8px -2px black; background: #0000007a;}

.abutimg {
    box-shadow: 0px 0px 15px 2px #36c7cbe8;
    border: solid 2px #34dee3;
    border-radius: 4px;
}
.abutimg img{width:100%;}


/*=================== Services Page ==================== */

.servicethumn {border-color: #ffffff59 !important; background: #0000001f; margin-bottom: 30px;}
.servicethumn .icon{font-size: 38px;
    margin-right: 10px;
    color: #a3eeff;}
.servicethumn h3{    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500; margin-bottom: 16px;}
.servicethumn p{    position: relative;
    padding-left: 44px;
    margin-bottom: 0;}
.servicethumn p:before{position: absolute; content: ""; width: 30px; height: 1px; background: #fff; left: 0; top: 12px;}
.servicethumn:hover{box-shadow: 0px 0px 8px -2px black; background: #0000007a;}


/*=================== Portfolio Page ==================== */

.portfothumn {border-color: #ffffff59 !important; background: #0000001f; margin-bottom: 30px; position: relative; overflow: hidden;}
.portfothumn .image{width: 100%; height: 200px; overflow: hidden;}
.portfothumn .image img{width: 100%; height: 100%; object-fit: cover;}
.portfothumn:before{width: 90%;
    height: 85%;
    background: #00000000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: ''; -webkit-transition: all 0.5s ease-out;}

.portfothumn .magnfybtn{position: absolute;
    right: 0;
    top: -36px;
    border-radius: 50%;
    background-image: linear-gradient(to left, #36c7cb, #011dff);
    text-align: center;
    color: #fff;
    font-size: 20px;
    z-index: 9;
    margin: 0 auto;
    width: 50px;
    left: 0; box-shadow: 0px 3px 5px -1px black; -webkit-transition: all 0.3s ease-out;}
.portfothumn .magnfybtn i{width: 50px; height: 50px; line-height: 50px; display: block;}

.portfothumn:hover:before{background: #000000a8; -webkit-transition: all 0.5s ease-out;}
.portfothumn:hover .magnfybtn{    top: 50%;
    transform: translateY(-50%); -webkit-transition: all 0.3s ease-out;}



/*=================== Team Page ==================== */

.teampage .card{margin-bottom: 30px; padding: 0 15px; margin-top: 60px;}
.teampage .card .image{    width: 100%;
    height: 185px; position: relative;
    overflow: hidden; border:dashed 1px #3c52fb;}
.teampage .card .image img{width: 100%; height: 100%; object-fit: cover;}

.teampage .card .tmsocil{position: absolute; bottom: 0; text-align: center; width: 100%;}
.teampage .card .tmsocil li{list-style: none; display: inline-block; margin: 0 5px;}
.teampage .card .tmsocil li a{    width: 27px;
    color: #fff;
    height: 27px;
    font-size: 14px;
    display: inline-block;
    box-shadow: 0 0 4px -1px #202151;
    border-radius: 50%;
    line-height: 27px; text-align: center;
    background-image: linear-gradient(to left, #36c7cb, #011dff);}


/*======================= Blog Page =======================*/

/*.blogpage h1{font-weight: 500;}
.blogpage h4{background: linear-gradient(90deg,#36c7cb 30%,#011dff 70%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; display: inline-block;}*/
.blogpage .card{border-color: #ffffff59 !important;
    background: #0000001f; color: #fff;}
.blogpage .card .image{height: 190px; overflow: hidden;}
.blogpage .card .image img{object-fit: cover;
    -webkit-transition: all .7s;
    transition: all .7s;
}
.blogpage .card h5 a{color: #f3f3f3; font-size: 15px;}
.blogpage .card:hover h5 a{color: #a3eeff ;}
.blogpage .card .adminimg{width: 28px; height: 28px; overflow: hidden; position: absolute;}
.blogpage .card .adminimg img{object-fit: cover;}
.blogpage .card .card-footer {border-top: 1px solid rgb(255 255 255 / 13%);}
.blogpage .card:hover{box-shadow: 0px 0px 8px -2px black; background: #0000007a;}
.blogpage .card:hover .image img{-webkit-transition: all .7s;
    transition: all .7s; -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);}
    
.cbmodal{z-index:99999;}
.cbmodal .modal-content {
    border-radius: 0 !important;
    background: #004fa5f5 !important;
    color: #fff;
}
.cbmodal .modal-footer{}
.cbmodal .close{color:#fff !important; opacity:1;}

/*======================= Testimonials page =======================*/

.testimopage .creviwbox {
    border-color: #ffffff59 !important;
    background: #0000001f; color: #fff;
    border: solid 1px;
    padding: 15px;
    margin-bottom: 30px; line-height: 24px; position: relative; box-shadow: 0px 5px 8px -3px #686868;
}
.testimopage .creviwbox:before {    content: "\efce";
    position: absolute;
    font-size: 7em;
    font-family: IcoFont;
    color: #e9e9e9;
    right: 0;
    bottom: 31px;
    text-align: center;
    z-index: -1;}
.testimopage .creviwbox .clintinfo {margin-top: 0px; margin-bottom: 10px;}
.testimopage .creviwbox .clintinfo h4 {
    font-size: 24px;
    font-weight: bold;
    padding-top: 5px;
}

.testimopage .box h3 {
    color: #ff6000;
    font-weight: bold;
    font-size: 20px;
}
.testimopage span{color: #ff6000}

.testimopage .box {height: 475px;}
.testimopage .creviwbox .clintinfo img {
    float: left;
    margin-right: 15px;
}
.testimopage .creviwbox .star{color: #ff6000; font-size: 16px;}
.testimopage .creviwbox:hover{box-shadow: 0px 0px 8px -2px black; background: #0000007a;}



/*============================== contact page =========================*/

.contactpage .custom-span-contact {
    font-weight: 600;
    padding-left: 50px;
    line-height: 21px;
    padding-top: 5px;
}
.contactpage .custom-span-contact i {
    left: 0;
    top: 10px;
    font-size: 33px;
}
.contfrm input {
    display: block;
    width: 100%;
    height: auto;
    padding: 14px 19px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    background-color: rgb(255 255 255 / 36%);
    border: none;
    border-radius: 50px;
    outline: none;
}
.contfrm textarea.form-control{height: 150px; background-color: rgb(255 255 255 / 36%);
    border: none; color: #fff; padding: 16px;
    border-radius: 18px; outline: none; resize: none;}
.contfrm input:focus, .contfrm textarea:focus{box-shadow: none; }

.contfrm input::placeholder {color: #fff;}
.contfrm input:-ms-input-placeholder {color: #fff;}
.contfrm input::-ms-input-placeholder {color: #fff;}

.contfrm textarea::placeholder {color: #fff;}
.contfrm textarea:-ms-input-placeholder {color: #fff;}
.contfrm textarea::-ms-input-placeholder {color: #fff;}



.contfrm input[type=submit] {
    border: solid 2px #fff;
    font-size: 17px;
    padding: 15px 35px;
    border-radius: 14px;
    background: no-repeat;
    color: #fff;
    text-transform: uppercase; display: inline-block;
    width: auto;
}
.contfrm input[type=submit]:hover{background: #fff; color: #012a3a;}











/*=========================== Old Css =========================*/


.topheader{font-size: 13px; background: #0012a5; position: relative;}
.topheader p{font-size: 13px !important;}
.topheader ul li{list-style: none; display: inline-block;} 
.topsocilicon li{margin: 0 5px; font-size: 16px;}
.topheader a{color: #fff;}


.header {
    width: 100%;
    height: auto;
    padding: 10px 0; position: absolute; left: 0; z-index: 9;
}

.header a.headerbtn {
    font-size: 15px;
    padding: 8px 14px;
    border-radius: 4px;
}
.header a.headerbtn:hover{}


.logo {}
.logo img{height: 90px !important;}

.incmenu {
    font-size: 15px;
    text-align: right;
    display: inline-block;
    font-weight: normal; text-transform: uppercase;
    -webkit-transition: all 0.5s ease-out;
}
.incmenu ul{margin:0; padding: 0;}
.incmenu ul li{list-style: none; display: inline-block;  position: relative;}
.incmenu ul li a {
    color: #fff;
    position: relative;
    padding: 12px 16px;
    display: block;
    margin: 0px;
    font-weight: normal;
    border-radius: 0px;
}
.incmenu ul li a:hover, .incmenu ul li.active a{color: #fff;  text-decoration: none; background-image: linear-gradient(to left, #36c7cb, #011dff);}
/*.incmenu ul li a:before{content: ""; position: absolute; bottom: 0; left: 0; right:0; margin:0 auto; width:0; height: 2px; background: #ff497c; z-index: 1; -webkit-transition: all 0.4s ease-out;}
.incmenu ul li a:hover:before, .incmenu ul li.active a:before{width: 100%; -webkit-transition: all 0.4s ease-out;}
*/
.incmenu ul li ul{margin:50px 0 0; padding: 0; position: absolute; z-index: 999; background: #000; border-bottom: solid 5px #cc3628; box-shadow: 0px 6px 11px -2px #000; opacity: 0; visibility: hidden;  -webkit-transition: all 0.5s ease-out;}
.incmenu ul li ul li{width: 230px; padding: 0 15px; text-align: left; text-transform: capitalize; list-style: none; border-bottom: solid 1px #333; position: relative;}
.incmenu ul li ul li:last-child{border-bottom:none;}
.incmenu ul li ul li a{color: #fff; display: block; padding:0px;}
.incmenu ul li ul li a i{color: #cc3628;}
.incmenu ul li ul li a:before{display: none;}
.incmenu ul li ul li a:hover{color: #fff; background: none;}
.incmenu ul li ul li:hover{background: #cc3628;}
.incmenu ul li:hover ul{margin:0px 0 0; opacity: 1; visibility: visible; line-height: 25px;  -webkit-transition: all 0.5s ease-out;}
.incmenu ul li:hover ul li ul{opacity:0; visibility: hidden;}
.incmenu ul li:hover ul li{line-height: 25px; padding: 8px 15px 8px;}

.incmenu ul li ul li ul {margin:50px 0 0; padding: 0;  width: 270px;  position: absolute; top: 0; right: -270px; z-index: 999; background: #000; border-bottom: solid 5px #103163; box-shadow: 0px 6px 11px -2px #000; opacity: 0; visibility: hidden;  -webkit-transition: all 0.5s ease-out;}
.incmenu ul li ul li:hover ul{opacity:1; visibility: visible; -webkit-transition: all 0.5s ease-out;}
.incmenu ul li ul li:hover ul li ul {opacity:0; visibility: hidden;}


.innerbanner{height: 350px; position: relative;}
.innerbanner video{width: 100%; height: 100%; object-fit: cover;}
.innerbanner:before{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.innerbanner h2 {width: 100%;
    padding: 0;
    font-size: 50px;
    position: absolute;
    bottom: 30%;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    font-weight: 700;
}







.footer{background: #000; font-size: 14px;}
.footer ul{margin: 0; padding: 0;}
.footer ul li{    list-style: none;
    font-size: 14px;
    font-weight: normal;
    margin-top: 12px;
    padding: 0 0 0 25px;
    position: relative;}
.footer ul li:before{color: #3acbcd;  left: 0; position: absolute; content: "\f046"; font-family: 'FontAwesome';}
.footer ul li a{ text-decoration: none; color: #fff;}
.footer ul li a:hover{color: #3acbcd; text-decoration: none;}
.footer ul.address li{padding: 0;}
.footer ul.address li i{color: #3acbcd;}
.footer ul.address li:before{display: none;}

.footer .nwsfrm{display:flex; width: 100%; margin-top: 15px;}

.footer .nwsfrm .form-group{flex:auto; display: inline-block; width:80%;}
.footer .nwsfrm input[type=submit] {
    flex: auto;
    display: inline-block;
    width: 37%;
    color: #fff;
        background-image: linear-gradient(to left, #36c7cb, #011dff);
    border: none;
    padding: 1px 3px !important;
    font-size: 13px;
    text-transform: uppercase;
    height: 45px;
    border-radius: 0 50px 50px 0;
}
.footer .nwsfrm .form-control {
    height: 45px;
    padding: 6px 12px;
    color: #fff;
    border: 1px solid #fff;
    font-weight: normal;
    background: none;
    border-radius: 50px 0 0 50px;
    border-right: none;}



.footer .socilicon {display: block; margin-bottom: 15px;}
.footer .socilicon a{list-style: none; display: inline-block; margin:0 12px;}
.footer .socilicon a i {line-height: 38px; text-align: center; font-size: 24px; border-radius: 50%; color: #fff;}
.footer .socilicon a:hover i{color: #3acbcd;}


.copyright{background: #000;  font-size: 14px;}
.copyright a{color: #3acbcd;}


/*======================= Services =======================*/

.servicthumb{width: 100%; height: auto; margin-bottom: 30px; -webkit-transition: all 0.4s ease-out;}
.servicthumb .image{width: 100%; height: 300px; overflow: hidden;}
.servicthumb .image img{width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.4s ease-out;}
.servicthumb .srvingo{width: 100%; height: 300px; background: #f5f5f5; color: #7f7f7f; font-size: 16px; overflow: hidden; padding:50px 30px 40px; text-align: center;}
.servicthumb .srvingo h3{    margin: 0 0 25px;
    padding: 0;
    font-size: 24px;}
.servicthumb .srvingo h3 a{color: #1f2732;}

.servicthumb .srvingo a.rdmorbtn{font-size: 15px;
    border: solid 2px #959595;
    padding: 12px 40px;
    color: #000;
    margin-top: 10px;
    display: inline-block;
    position: relative;
    font-weight: normal;
    border-radius: 50px;
    overflow: hidden; z-index: 1;}
.servicthumb .srvingo a.rdmorbtn:before{content: ""; position: absolute; width: 0%; height: 100%; background: #00b4ff; left: 0; right: 0; margin: 0 auto; top: 0; z-index: -1; border-radius: 50px; -webkit-transition: all 0.4s ease-out;}
.servicthumb .srvingo a.rdmorbtn:hover{color: #fff; border-color: #124994;}
.servicthumb .srvingo a.rdmorbtn:hover:before {width: 100%; background: #00b4ff; color: #fff; -webkit-transition: all 0.1s ease-out;}


.servicthumb:hover{box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.5); -webkit-transition: all 0.4s ease-out;}
.servicthumb:hover .image img{    -webkit-transform: scale(1.1);
    transform: scale(1.1);}


/*======================= Portfolio =======================*/

.prtfliopg ul.prtfliomenu {margin: 0 0 40px; padding: 0; text-align: center;}
.prtfliopg ul li{list-style: none;
    display: inline-block;
    line-height: 3em;
    
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    
     -webkit-transition: all 0.4s ease-out;}
.prtfliopg ul li a{display: block; color: #000; padding: 0 33px; background: #f1f1f1; border-radius: 50px 0;}
.prtfliopg ul li a:hover{color: #fff; background: #124994;}
.prtfliopg ul li.active a{color: #fff; background: #124994;}


.portfothumb{width: 100%; height: auto; margin-bottom: 30px; border-radius: 7px; overflow: hidden; -webkit-transition: all 0.4s ease-out;}
.portfothumb .image{width: 100%; height: 250px; overflow: hidden; border-radius: 7px 7px 0 0;}
.portfothumb .image img{width: 100%; height: auto; -webkit-transition: all 0.4s ease-out;}
.portfothumb .srvingo{width: 100%;
    height: auto;
    background: #f5f5f5;
    color: #7f7f7f !important;
    font-size: 14px;
    overflow: hidden;
    padding: 24px 20px 20px; font-weight: bold; letter-spacing: 0.2em;
    text-align: center; text-transform: uppercase; border-radius: 0 0 7px 7px;}
.portfothumb .srvingo a{color: #124994 !important; display: block;} 
.portfothumb .srvingo h3{    margin: 0 0 10px;
    padding: 0; text-transform: none;
    font-size: 24px; color: #000 !important; letter-spacing: 0;}

.portfothumb:hover{box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.5); -webkit-transition: all 0.4s ease-out;}
.portfothumb:hover .image img{    -webkit-transform: scale(1.1);
    transform: scale(1.1);}



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


.mtebtn {
    right: auto;
    left: 3px;
    top: 3px;
    font-size: 17px;
}
.mtebtn i {
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.minheading .title-bg {
    font-size: 60px;
    line-height: 0.8;}


.mobileprt .btmenubar{width: 100%; padding: 0 0; bottom: 8px;}
.mobileprt .btmenubar .cmenu ul li {
    line-height: 42px;
    padding: 0px;
    margin: 0 2px;
    font-size: 20px;
    border-radius: 3px;
}


.mobileprt .teampage .card .image {height: 220px;}
.btmenubar .socialicon {margin-top: 0px;}

	.btmenubar .socialicon ul li {font-size: 13px;}

	.btmenubar .socialicon ul li a {width: 35px; height: 35px; line-height: 31px;}

	.teampage .card {margin-top: 0;}
	
	#sync3 .item {
    height: 675px;
}

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

	.btmenubar .cmenu ul li {font-size: 10px;} 
	.teampage .card {margin-top: 0;}
	
	
	
}