@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,900');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:200,300,400,500,600,700');



/*Fonts*/

.montserrat{font-family:Montserrat;}
.Source{font-family: 'Source Sans Pro', sans-serif;}
.PT{font-family: 'PT Serif', serif;}



/*Common*/
body {font-family: 'Montserrat', sans-serif;font-size: 14px;line-height: 1.42857143;color: #000;background-color: #fff;}
a{text-decoration:none;}
a:hover{text-decoration:none;}


p{
	margin-bottom:0px;
}
 ul{
	padding:0px;
	list-style:none;
	margin:0px;
}
.ls1{letter-spacing:1px;}
.ls2{letter-spacing:2px;}
.ls-02{letter-spacing:-0.2px;}
.ls-1{letter-spacing:-0.5px;}
.ls-2{letter-spacing:-1px;}
.ls-3{letter-spacing:-3px;}

.padding0 {padding: 0;}

@media (min-width:240px) {
.absimage{position:static; top:20px; width:100%;}
.xs8 {font-size: 8px;}.xs9 {font-size: 9px;}.xs10 {font-size: 10px;}.xs11 {font-size: 11px;}.xs12 {font-size: 12px;}.xs13 {font-size: 13px;}.xs14 {font-size: 14px;}.xs15 {font-size: 15px;}.xs16 {font-size: 16px;}.xs17 {font-size: 17px;}.xs18 {font-size: 18px;}.xs19 {font-size: 19px;}.xs20 {font-size: 20px;}.xs21 {font-size: 21px;}.xs22 {font-size: 22px;}.xs23 {font-size: 23px;}.xs24 {font-size: 24px;}.xs25 {font-size: 25px;}.xs27 {font-size: 27px;}.xs28 {font-size: 28px;}.xs29 {font-size: 29px;}.xs30 {font-size: 30px;}.xs31 {font-size: 31px;}.xs33 {font-size: 33px;}.xs35 {font-size: 35px;}.xs37 {font-size: 37px;}.xs39 {font-size: 39px;}.xs40 {font-size: 40px;}.xs41 {font-size: 41px;}.xs43 {font-size: 43px;}.xs45 {font-size: 45px;}.xs47 {font-size: 47px;}.xs49 {font-size: 49px;}.xs51 {font-size: 51px;}.xs60 {font-size: 60px;}.xs70 {font-size: 70px;}.xs80 {font-size: 80px;}

.xsmt1{margin-top:1%;}.xsmt2{margin-top:2%;}.xsmt3{margin-top:3%;}.xsmt4{margin-top:4%;}.xsmt5{margin-top:5%;}.xsmt6{margin-top:6%;}.{margin-top:8%;}.xsmt13{margin-top:13%;}.xsmt15{margin-top:15%;}.xsmt24{margin-top:24%;}
.xsmb1{margin-bottom:1%;}
.xsmb2{margin-bottom:2%;}
.xsmb4{margin-bottom:4%;}
.xsmb7{margin-bottom:7%;}
.xsmb10{margin-bottom:10%;}
.xsmb0{margin-bottom:0%;}

.mycontainer{width:100%;}
.rectangle{background: none; border:2px solid #a5cf46; background-size: contain; padding: 1% 1%;}	
}

@media (min-width:768px) {
.rectangle{background: url(../images/rectangle.png) no-repeat center center; border:0; background-size: contain; padding: 1% 1%;}	
	
.sm8 {font-size: 8px;}.sm9 {font-size: 9px;}.sm10 {font-size: 10px;}.sm11 {font-size: 11px;}.sm12 {font-size: 12px;}.sm13 {font-size: 13px;}.sm14 {font-size: 14px;}.sm15 {font-size: 15px;}.sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}.sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.sm23 {font-size: 23px;}.sm24 {font-size: 24px;}.sm25 {font-size: 25px;}.sm27 {font-size: 27px;}.sm28 {font-size: 28px;}.sm29 {font-size: 29px;}.sm30 {font-size: 30px;}.sm31 {font-size: 31px;}.sm32 {font-size: 32px;}.sm33 {font-size: 33px;}.sm35 {font-size: 35px;}.sm37 {font-size: 37px;}.sm39 {font-size: 39px;}.sm40 {font-size: 40px;}.sm41 {font-size: 41px;}.sm43 {font-size: 43px;}.sm44 {font-size: 44px;}.sm45 {font-size: 45px;}.sm47 {font-size: 47px;}.sm49 {font-size: 49px;}.sm51 {font-size: 51px;}.sm55 {font-size: 55px;}.sm60 {font-size: 60px;}.sm70 {font-size: 70px;}.sm100 {font-size: 100px;}.sm130 {font-size: 130px;}

.lmt0{margin-top:0%;}.lmt1{margin-top:1%;}.lmt2{margin-top:2%;}.lmt3{margin-top:3%;}.lmt4{margin-top:4%;}.lmt5{margin-top:5%;}.lmt10{margin-top:10%;}.lmt13{margin-top:13%;}.lmt6{margin-top:6%;}.lmt7{margin-top:7%;}.lmt8{margin-top:8%;}.lmt9{margin-top:9%;}.lmt11{margin-top:11%;}.lmt16{margin-top:16%;}.lmt18{margin-top:18%;}.lmt12{margin-top:12%;}.lmt13{margin-top:13.5%;}.lmt15{margin-top:15%;}.lmt18{margin-top:18%;}.lmt20{margin-top:20%;}.lmt25{margin-top:25%;}
.lmt-15{margin-top:-14%;}
.lmt-25{margin-top:-25%;}
.lmt-3{margin-top:-3%;}
.lmt-1{margin-top:-1%;}
.lmt-2{margin-top:-2%;}
.lmt-3{margin-top:-3%;}
.lmt-4{margin-top:-4%;}
.lmt-5{margin-top:-5%;}
.lmt-6{margin-top:-6%;}
.lmt-7{margin-top:-7%;}
.lmt-8{margin-top:-8%;}
.lmt-9{margin-top:-9%;}
.lmt-11{margin-top:-11%;}
.lmt-13{margin-top:-13%;}
.lmt-20{margin-top:-20%;}
.lmt-24{margin-top:-24%;}
.lmb0{margin-bottom:0%;}
.lmb1{margin-bottom:1%;}
.lmb2{margin-bottom:2%;}
.lmb10{margin-bottom:10%;}
.lmb30{margin-bottom:30%;}

.lml-2{margin-left:-2%;}

.mobile-center {
    text-align: left;
}

.image{display:block;}



}

@media (min-width:992px) {
.md8 {font-size: 8px;}.md9 {font-size: 9px;}.md10 {font-size: 10px;}.md11 {font-size: 11px;}.md12 {font-size: 12px;}.md13 {font-size: 13px;}.md14 {font-size: 14px;}.md15 {font-size: 15px;}.md16 {font-size: 16px;}.md17 {font-size: 17px;}.md18 {font-size: 18px;}.md19 {font-size: 19px;}.md20 {font-size: 20px;}.md21 {font-size: 21px;}.md22 {font-size: 22px;}.md23 {font-size: 23px;}.md24 {font-size: 24px;}.md25 {font-size: 25px;}.md26 {font-size: 26px;}.md27 {font-size: 27px;}.md29 {font-size: 29px;}.md30 {font-size: 30px;}.md31 {font-size: 31px;}.md32 {font-size: 32px;}.md33 {font-size: 33px;}.md34 {font-size: 34px;}.md35 {font-size: 35px;}.md36 {font-size: 36px;}.md37 {font-size: 37px;}.md38 {font-size: 38px;}.md39 {font-size: 39px;}.md40{font-size: 40px;}.md41 {font-size: 41px;}.md42 {font-size: 42px;}.md44 {font-size: 44px;}.md45 {font-size: 45px;}.md46 {font-size: 46px;}.md47 {font-size: 47px;}.md48 {font-size: 48px;}.md49 {font-size: 49px;}.md50 {font-size: 50px;}.md51 {font-size: 51px;}.md52 {font-size: 52px;}.md53 {font-size: 53px;}.md55 {font-size: 55px;}.md56 {font-size: 56px;}.md58 {font-size: 58px;}.md65 {font-size: 65px;}.md60{font-size: 60px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md80 {font-size: 80px;}.md87 {font-size: 87px;}.md100 {font-size: 100px;}.md120 {font-size: 120px;}.md170 {font-size: 170px;}.md210 {font-size: 240px;}

.mmb0{margin-bottom:0%;}
.mmt0{margin-top:0%;}
.mmt1{margin-top:1%;}
.mmt2{margin-top:2%;}
.mmt3{margin-top:3%;}
.mmt4{margin-top:4%;}
.mmt5{margin-top:5%;}
.mmt6{margin-top:6%;}
.mmt8{margin-top:8%;}
.mmt10{margin-top:10%;}
.mmt11{margin-top:11%;}
.mmt12{margin-top:12%;}
.mmt14{margin-top:14%;}
.mmt16{margin-top:16%;}
.mmt20{margin-top:20%;}
.mmt25{margin-top:25%;}
.mmt-2{margin-top:-2%;}
.mmt-3{margin-top:-3%;}
.mmt-4{margin-top:-4%;}
.mmt-8{margin-top:-8%;}
.mmt-9{margin-top:-9%;}
.mmt-10{margin-top:-10%;}
.mmt-12{margin-top:-12%;}
.mmt-18{margin-top:-18%;}

.mml-4{margin-left:-4%;}



}

@media (min-width:1200px){
.lg8 {font-size: 8px;}.lg9 {font-size: 9px;}.lg10 {font-size: 10px;}.lg11 {font-size: 11px;}.lg12 {font-size: 12px;}.lg13 {font-size: 13px;}.lg14 {font-size: 14px;}.lg15 {font-size: 15px;}.lg16 {font-size: 16px;}.lg17 {font-size: 17px;}.lg18 {font-size: 18px;}.lg19 {font-size: 19px;}.lg20 {font-size: 20px;}.lg21 {font-size: 21px;}.lg22 {font-size: 22px;}.lg23 {font-size: 23px;}.lg24 {font-size: 24px;}.lg25 {font-size: 25px;}.lg26 {font-size: 26px;}.lg27 {font-size: 27px;}.lg29 {font-size: 29px;}.lg30 {font-size: 30px;}.lg31 {font-size: 31px;}.lg32 {font-size: 32px;}.lg33 {font-size: 33px;}.lg34 {font-size: 34px;}.lg35 {font-size: 35px;}.lg36 {font-size: 36px;}.lg37 {font-size: 37px;}.lg38 {font-size: 38px;}.lg39 {font-size: 39px;}.lg40{font-size: 40px;}.lg41 {font-size: 41px;}.lg42 {font-size: 42px;}.lg44 {font-size: 43px;}.lg45 {font-size: 45px;}.lg46 {font-size: 46px;}.lg47 {font-size: 47px;}.lg48 {font-size: 48px;}.lg49 {font-size: 49px;}.lg50 {font-size: 50px;}.lg51 {font-size: 51px;}.lg52 {font-size: 52px;}.lg53 {font-size: 53px;}.lg55 {font-size: 55px;}.lg56 {font-size: 56px;}.lg58 {font-size: 58px;}.lg65 {font-size: 65px;}.lg60{font-size: 60px;}.lg75 {font-size: 75px;}.lg70 {font-size: 70px;}.lg80 {font-size: 80px;}.lg87 {font-size: 87px;}.lg170 {font-size: 170px;}.lg210 {font-size: 240px;}

.lappysection {position: relative;bottom: -150px;margin-top: -90px !important;}
}

@media (min-width:1500px){
.xl8 {font-size: 8px;}.xl9 {font-size: 9px;}.xl10 {font-size: 10px;}.xl11 {font-size: 11px;}.xl12 {font-size: 12px;}.xl13 {font-size: 13px;}.xl14 {font-size: 14px;}.xl15 {font-size: 15px;}.xl16 {font-size: 16px;}.xl17 {font-size: 17px;}.xl18 {font-size: 18px;}.xl19 {font-size: 19px;}.xl20 {font-size: 20px;}.xl21 {font-size: 21px;}.xl22 {font-size: 22px;}.xl23 {font-size: 23px;}.xl24 {font-size: 24px;}.xl25 {font-size: 25px;}.xl26 {font-size: 26px;}.xl27 {font-size: 27px;}.xl29 {font-size: 29px;}.xl30 {font-size: 30px;}.xl31 {font-size: 31px;}.xl32 {font-size: 32px;}.xl33 {font-size: 33px;}.xl34 {font-size: 34px;}.xl35 {font-size: 35px;}.xl36 {font-size: 36px;}.xl37 {font-size: 37px;}.xl38 {font-size: 38px;}.xl39 {font-size: 39px;}.xl40{font-size: 40px;}.xl41 {font-size: 41px;}.xl42 {font-size: 42px;}.xl44 {font-size: 43px;}.xl45 {font-size: 45px;}.xl46 {font-size: 46px;}.xl47 {font-size: 47px;}.xl48 {font-size: 48px;}.xl49 {font-size: 49px;}.xl50 {font-size: 50px;}.xl51 {font-size: 51px;}.xl52 {font-size: 52px;}.xl53 {font-size: 53px;}.xl55 {font-size: 55px;}.xl56 {font-size: 56px;}.xl58 {font-size: 58px;}.xl65 {font-size: 65px;}.xl60{font-size: 60px;}.xl75 {font-size: 75px;}.xl70 {font-size: 70px;}.xl80 {font-size: 80px;}.xl87 {font-size: 87px;}.xl170 {font-size: 170px;}.xl210 {font-size: 240px;}
}

.responsive-video {
    padding-bottom: 63.21%;
    overflow: hidden;
    position: relative;
}
.responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video1 iframe, .responsive-video1 object, .responsive-video1 embed, .responsive-demo-video embed, .responsive-demo-video object, .responsive-demo-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.white{color:#fff;}

.gray{color:#b1bac2;}

.blue{color:#3c3950;}

.blue2{color:#130d27;}

.blue3{color:#00bcd4;}

.blue4{color:#00bcd4;}

.gray2{color:#5f727f;}

.gray3{color:#99a9b5;}

.gray4{color:#4c5867;}

.gray5{color:#c5cfd6;}

.yellow{color:#e9ff85;}

.italic {
    font-style: italic;
}

.upper{text-transform:uppercase}

.underline {text-decoration: underline;}


img.zoomin:hover {
    transform: scale(1.2,1.2);
    transition: all 0.5s ease;
}

/*font-weight*/
.w100{font-weight:100;} .w200{font-weight:200;} .w300{font-weight:300;} .w400{font-weight:400;} .w500{font-weight:500;} .w600{font-weight:600;} .w700{font-weight:700;}
.w800{font-weight:800;} .w900{font-weight:900;}
.lh0 {line-height: 0%;}.lh50 {line-height: 50%;}.lh60 {line-height: 60%;}.lh70 {line-height: 70%;}.lh80 {line-height: 80%;}.lh90 {line-height: 90%;}.lh100 {line-height: 100%;}.lh110 {line-height: 110%;}.lh120 {line-height: 120%;}.lh130 {line-height: 130%;}.lh140 {line-height: 140%;}.lh145 {line-height: 145%;}.lh150 {line-height: 150%;}.lh160 {line-height: 160%;}.lh170 {line-height: 170%;}.lh180 {line-height: 180%;}.lh190 {line-height: 190%;}.lh200 {line-height: 200%;}.lh230 {line-height: 230%;}



#myBtn {
    display: none;
    position: fixed;
    bottom: 45px;
    right: 45px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #0000004d;
    color: white;
    cursor: pointer;
    padding: 16px 20px;
}

#myBtn:hover {
  background-color: #555;
}



.mybutton a {
    border-radius: 50px;
    border: 4px solid #00bcd4;
    color: rgb(0, 188, 212);
    line-height: 80px;
    padding: 25px 45px;
	transition:0.5s;
}
.mybutton a:hover{background-color:#00bcd4;color:#fff;transition:0.5s;}

.mybutton1 a {
    border-radius: 50px;
    border: 2px solid rgb(70, 72, 92);
    color: rgb(70, 72, 92);
    line-height: 80px;
    padding: 10px 20px;
	transition:0.5s;
}
.mybutton1 a:hover{background-color:rgb(70, 72, 92);color:#fff;transition:0.5s;}

.mybutton3 a {
    line-height: 80px;
    padding: 10px 20px;
	transition:0.5s;
	border-radius: 20px;
    background-color: rgb(182, 198, 201);
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
}

.mybutton4 a {
    border-radius: 50px;
    border: 2px solid rgb(0, 188, 212);
    color: rgb(0, 188, 212);
    line-height: 80px;
    padding: 10px 20px;
	transition:0.5s;
}
.mybutton4 a:hover{background-color:rgb(0, 188, 212);color:#fff;transition:0.5s;}

.mybutton5 a {
    border-radius: 50px;
    border: 2px solid rgb(95, 114, 127);
    color: rgb(95, 114, 127);
    line-height: 80px;
    padding: 10px 20px;
	transition:0.5s;
}

.mybutton6{padding-bottom: 9%;}
.mybutton6 a {
    border-radius: 4px;
    border: 1px solid rgb(40, 150, 248);
    color: rgb(40, 150, 248);
    line-height: 80px;
    padding: 15px 30px;
    transition: 0.5s;
}
.mybutton6 a:hover {
    background-color: rgb(40, 150, 248);
    color: #fff;
    transition: 0.5s;
}

.mybutton7{padding-bottom: 9%;}
.mybutton7 a {
    border-radius: 4px;
    border: 1px solid rgb(215, 69, 152);
    color: rgb(215, 69, 152);
    line-height: 80px;
    padding: 15px 30px;
    transition: 0.5s;
}
.mybutton7 a:hover {
    background-color: rgb(215, 69, 152);
    color: #fff;
    transition: 0.5s;
}

.mybutton8{padding-bottom: 9%;}
.mybutton8 a {
    border-radius: 4px;
    border: 1px solid rgb(47, 180, 27);
    color: rgb(47, 180, 27);
    line-height: 80px;
    padding: 15px 30px;
    transition: 0.5s;
}
.mybutton8 a:hover {
    background-color: rgb(47, 180, 27);
    color: #fff;
    transition: 0.5s;
}

.mybutton9 a {
    border-radius: 4px;
	background-color:rgb(0, 188, 212);
    color: #fff;
    line-height: 80px;
    padding: 15px 30px;
    transition: 0.5s;
}
.mybutton9 a:hover {
    background-color: #3c3950;
    transition: 0.5s;
}

.mybutton10 a {
	border:2px solid #fff;
    color: #fff;
    line-height: 80px;
    padding: 13px 24px;
    transition: 0.5s;
}
.mybutton10 a:hover {
    background-color: #fff;
	color:rgb(0, 191, 165);
    transition: 0.5s;
}

.responsive-demo-video {
    overflow: hidden;
}


ul.checklist1 {
    padding-left: 18px;
}
.checklist1 li {
    background: url(../images/checkmark1.png) no-repeat left top;
    padding-left: 22px;
    line-height: 22px;
    list-style: none;
    margin-left: -19px;
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 8px;
}
.padding{padding:0% 4%}

.padding2{padding:0% 3%}

.navbar{padding:0px;}
.navbar-light .navbar-nav .nav-link {
    color: #fff;
}
.navbar-toggler {
    background-color: white;
}

li.nav-item{    
	position: relative;
	flex: 1;   
    text-align: center;
    float: left;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color: #fff;}
button.btn.btn-outline-dark {
    border-radius: 50px;
    padding: 6px 24px;
    color: #fff;
    border-color: #959595;
}
.carousel-inner img {
      width: 100%;
      height: 100%;
  }
  
nav.navbar.shrink {
	background-color:#000;
	padding: .6% 0;
	transition:0.5s;
}

button.navbar-toggler.collapsed{background-color:#fff;}

/*.about-box {
    padding-left: 140px !important;
}
.dline-4:before {
    content: '';
    position: absolute;
    width: 130px;
    height: 1px;
    background: #89c0ca;
    left: -22px;
    top: 53px;
}*/

.about hr{border-color: #89c0ca;}

.gem-wrapbox-inner.gem-ratio-style .gem-wrapbox-element, .gem-wrapbox-inner.gem-ratio-style .shadow-wrap, .gem-wrapbox-inner.gem-ratio-style .preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sevices-innerbox{background:url(../images/sevices1.jpg) no-repeat center center; background-size: cover; padding: 15% 6% 13% 6%;}

.sevices-innerbox.inn1{background:url(../images/sevices1.jpg) no-repeat center center;}
.sevices-innerbox.inn2{background:url(../images/sevices2.jpg) no-repeat center center;}
.sevices-innerbox.inn3{background:url(../images/sevices3.jpg) no-repeat center center;}

.gem-divider hr {
    position: relative;
    border-top: 1px solid #ffffffc7;
    height: 0;
    font-size: 0;
    line-height: 0;
    width: 100px;
}

ul.list{}
ul.list li {
    display: inline-block;
    padding: 0px 2%;
}

.choose hr{border-color: #5f727f;}

.choose-box{
    padding: 4% 1.5%;
}
.choose-box:hover{background-color:#fff;cursor: pointer;}

.choose-box:hover h1{color:#29bed4;}
.choose-box .choose-box-inner :before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 10px solid;
    position: absolute;
    left: 14px;
    top: -15px;
    border-left-color: #f44336;
}

.first{background:url(../images/first.png) no-repeat top left;padding: 3% 0 0 3%;}
.second{background:url(../images/second.png) no-repeat top left;padding: 3% 0 0 3%;}
.third{background:url(../images/third.png) no-repeat top left;padding: 3% 0 0 3%;}

.process-box hr {
    border-color: #24afd4;
    width: 37%;
    margin: 0px;
    margin-top: 6%;
}

.us hr{
    border-color: #5f727f;
}
.us #demo  img{width: 128px;height: 128px;border-radius:50%;}

.us #demo{background-color: #fff;padding: 4% 8%;border-radius: 50px;}

.us #demo .fa {
    color: #000;
    font-size: 26px;
    background-color: #b6c6c9;
    padding: 25% 35%;
}
.us #demo .fa:hover {    background-color: #00bcd4; color:#fff;}

.us #demo .carousel-control-next, .us #demo .carousel-control-prev{width: 3%;}

.us li{display: inline-block;padding-right:22px;}
.us li.last-logo{padding-right:0px;}

.minds-box-inner{
    border-bottom: 6px solid #00bcd4 !important;
    padding-bottom: 10px;
    border: 1px solid #414351;
    padding: 50px 0px 50px 40px;	
}

.minds  img{width: 130px;height: 130px;border-radius:50%;}
.minds ul {}
.minds li {
    display: inline-block;
    margin-right: 3px;
    background-color: #b6c6c9;
    color: #000;
    padding: 4px 6px;
    border-radius: 50%;
}
.minds .mail {
    float: right;    
}
.minds .mail li {
    background-color: transparent;
    color: #b6c6c9;
    font-size: 30px;
    padding: 0px 15px 0 0;
    margin-top: -4px;
}

.newsletter label {width:69%;padding-right: 3%;}
.newsletter input {
    width: 100%;
    background: #f0f3f2;
    height: 45px;
    border-radius: 3px;
    border: none;
    padding-left: 20px;
}
.newsletter button {
    background: #212331;
    color: #fff;
    height: 45px;
    border: none;
    border-radius: 3px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 1% 6%;
    position: relative;
    font-size: 18px;
}
.newsletter button .fa{}

.contact .fa {
    padding: 6% 8%;
    font-size: 20px;
    border-radius: 5px;
}
.contact i.fa.fa-map-marker {
    background-color: #00d4aa;
}
.contact i.fa.fa-phone {
    background-color: #11c0d7;
}
.contact i.fa.fa-envelope-o {
    background-color: #3f70ca;
}
.contact i.fa.fa-clock-o{
    background-color: #a576c9;
}

.contact input{
    border: 1px solid #394050;
    background-color: #181828;
    width: 100%;
    padding: 4% 5%;
}
.contact textarea {
	border: 1px solid #394050;
    background-color: #181828;
    width: 100%;
	padding: 1% 2%;
}

/*
.contact .name:after {
    content: '\e643'; 
}
.contact .email:after {
    content: '\e643';
}
.contact .website:after {
    content: '\e623';
}

.contact .website:after, .contact .email:after, .contact .name:after {
    position: absolute;
    font-family: thegem-icons;
    right: 12px;
    top: 12px;
    font-size: 24px;
}
*/
 
.contact button{
	width:100%;
	border-radius:0px;
    height: 50px;
    line-height: 30px;
    padding: 10px 40px;
    font-size: 20px;
	font-weight:700;
	position: relative;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
	transition: all 0.3s;
    border-radius: 3px;
	background-color:#00bcd4;
    margin: 0px;	
} 
.contact button:hover{border-color: #5f727f;background-color: #5f727f;}
 
 

.footer .footer-box-inner.inn2 p:before {
    right: 122px;
}
.footer .footer-box-inner.inn3 p:before {
    right: 28px;
}
.footer .footer-box-inner p:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 8px solid;
    position: absolute;
    right: 62px;
    top: 12px;
    border-left-color: #f44336;
}
.footer hr {
    border-color: #393d50;
    margin: 6% 0%;
}
.footer button{
	width:100%;
    height: 40px;
    padding: 4px 40px;
    font-size: 15px;
	font-weight:700;
	position: relative;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
	transition: all 0.3s;
    border-radius: 3px;
	background-color:#394050;
    margin: 0px;	
	margin-top:5%;
	border-color:transparent;
	color:#99a9b5;
} 

.footer button:hover{border-color: #5f727f;background-color: #5f727f;}
.footer  input {
    border: 1px solid #181828;
    background-color: #181828;
    width: 100%;
    padding: 4% 5%;
}
.footer textarea {
    border: 1px solid #181828;
    background-color: #181828;
    width: 100%;
    padding: 1% 2%;
	margin-top:4%;
}
ul.Projects{margin-top:12%}
ul.Projects li {
    display: inline-block;
    margin: 4% 1% 0 0;
    cursor: pointer;	
}
.overlay-box {
  position: relative;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #00bcd496;
}

.overlay-box:hover .overlay {
  opacity: 1;
}




.copyright .info a{color:#00bcd4}
.copyright .footer-menu ul{text-align: center;}
.copyright .footer-menu li {
    display: inline-block;
    border-right: 1px solid #99a9b5;
    padding: 0 4%;	
}
.copyright .footer-menu li a{color: #99a9b5;}
.copyright .footer-menu li a:hover{color: #00bcd4;}
.copyright .footer-menu li.last{ border-right: 0px solid #99a9b5;}

.copyright .social ul{text-align:center}
.copyright .social li {
    display: inline-block;
    padding: 1% 2%;
}
.copyright .social li a {
    color: #fff;
    font-size: 16px;
}
.copyright .social li a:hover{color: #00bcd4;}

.work  .owl-dots{display:none;}

.work  .owl-carousel:hover .owl-nav{visibility:visible; }
.work .owl-nav{visibility:hidden; transition:0.5s;}
.work button.owl-prev, .work button.owl-next{    
	background-color: #b6c6c9 !important;
    padding: 5px 15px !important;
    border-radius: 0px !important; 
    margin: 0 !important;
    font-size: 25px !important;
    font-weight: 600 !important;
	transition:0.5s;
}
.work button.owl-prev:hover, .work button.owl-next:hover{background-color: #00bcd4 !important;}
.work button.owl-prev{float:left}
.work button.owl-next{float:right}
.work .owl-nav{position: relative;top: -156px;}

.item {
	text-align:center;
	float:left;
	position:relative;			
}

.item-hover,
.item-hover .mask,
.item-img,
.item-type-move 
.item-info {
	width: 100%;
	height: 100%;						
}

.item-hover,
.item-hover .mask,
.item-img { 
	position:absolute;
	top:0;
	left:0;			
}			
		
.item-type-move .item-hover {	
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;	
	opacity:0;
	cursor:pointer;		
	z-index:100;
}
			
.item-type-move .item-info {
	z-index:10;
	color:#ffffff;
	position:relative;
	z-index:5;			
	overflow:hidden;			
}
			
.item-type-move .item-info .headline,
.item-type-move .item-info .date {
	width: 100%;
	position:absolute;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;		
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;	
	padding:0 10px;															
}				

.item-type-move .item-info .headline {		
	top:10px;							
}
				
.item-type-move .item-info .date {
	font-style:italic;
	bottom:10px;																		
}
								
.item-type-move .item-info .line {
	height:1px;
	width:85%;
	margin:10px auto 0 auto;
	background-color:#ffffff;		 
}				
				
.item-type-move .item-hover .mask {
	background: linear-gradient(to bottom right, rgba(0, 188, 212,0.75) 0%,rgba(53, 64, 147,0.75) 100%) !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);					
	z-index:0;
}
				
.item-type-move .item-hover:hover {
	opacity:1;
}				

.item-type-move .item-hover:hover .item-info .headline {
	top:35%;
}				

.item-type-move .item-hover:hover .item-info .date {
	bottom:28%;
}
.date .fa {
    font-size: 28px;
    margin: 0% 4%;
}

.item-img {			
	background-color:#7a548f;
	z-index:0;			
}


/*about-us*/
.about-text{padding: 0 6%;}

.Reviews{background-color:#429ae2;padding: 10% 4% 10% 4%!important }
.Likes{background-color:#00bcd4;padding:10% 4% 10% 4%; }
.Raiting{background-color:#4cd2b1;padding: 10% 4% 10% 4%; }

.graph a:hover .fa{border: 2px solid #000;transition:.5e}
.graph a:hover h1{color:#000;transition:.5e}



.graph .fa{
    background-color: rgb(255, 255, 255);
    opacity: 1;
    position: relative;
    font-weight: normal;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid transparent;
    font-size: 35px;
    padding: 10%;
	color:#000;
}

.testimonials-img img{border-radius:50%;}


.about-section2 #demo .carousel-control-next, .carousel-control-prev{    }
.about-section2 #demo span.fa {
    font-size: 50px;
    color: #000;
    background-color: transparent;
    padding: 1% 7%;	
}
.about-section2 #demo span.fa:hover{background-color: #00bcd4;color: #fff;}

.section4-box {
    padding: 1% 3%;
	cursor:pointer;
	border-bottom:1px solid transparent;
}
.section4-box .laptop .fa{   
    background-color: #2591e9;
    border-radius: 50px;
    padding: 4% 4%;
	border: 3px solid transparent;
}

.btn {
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 3px solid transparent;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-self: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  margin: 20px;
  padding: 4% 4%;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}
.btn:hover, .btn:focus {
  color: #fff;
  outline: 0;
}
.laptop {
  border-color: #3498db;
  color: #fff;
  box-shadow: 0 0 40px 40px #3498db inset, 0 0 0 0 #3498db;
  transition: all 150ms ease-in-out;
}
.section4-box:hover .laptop {
  box-shadow: 0 0 0px 0 #3498db inset, 0 0 0px 0px #3498db;color:#3498db;
}
.section4-box:hover .title1{color:#3498db;} 

.section4-box .btn.clock {
    padding: 4% 5%;
}
.clock {
  border-color: #00bcd4;
  color: #fff;
  box-shadow: 0 0 40px 40px #00bcd4 inset, 0 0 0 0 #00bcd4;
  transition: all 150ms ease-in-out;
}
.section4-box:hover .clock {
  box-shadow: 0 0 0px 0 #00bcd4 inset, 0 0 0px 0px #00bcd4;color:#00bcd4;
}
.section4-box:hover .title2{color:#00bcd4;} 

.section4-box .btn.trophy {
    padding: 4% 5%;
}
.trophy {
  border-color: #35d5ad;
  color: #fff;
  box-shadow: 0 0 40px 40px #35d5ad inset, 0 0 0 0 #35d5ad;
  transition: all 150ms ease-in-out;
}
.section4-box:hover .trophy {
  box-shadow: 0 0 0px 0 #35d5ad inset, 0 0 0px 0px #35d5ad;color:#35d5ad;
}
.section4-box:hover .title3{color:#35d5ad;} 


.retweet {
  border-color: #5d60d2;
  color: #fff;
  box-shadow: 0 0 40px 40px #5d60d2 inset, 0 0 0 0 #5d60d2;
  transition: all 150ms ease-in-out;
}
.section4-box:hover .retweet {
  box-shadow: 0 0 0px 0 #5d60d2 inset, 0 0 0px 0px #5d60d2;color:#5d60d2;
}
.section4-box:hover .title4{color:#5d60d2;} 

.about-section5 iframe, .about-section5 video {
    width: 100%;
    height: 100%;
}
.section5-box{    position: absolute;
    z-index: 3;width:100%; } 

.section5-box .circle{
    border-radius: 50%;
    padding: 1%;
    border: 4px solid rgba(255,255,255,0.25);
}	
.section5-box .circle .circle-inner{background-color:#0f9db4;border-radius:50%;padding: 33% 0;}	
 
.section7-box {padding: 4% 2%;border-top:3px solid transparent;}
.section7-box:hover {
	background-color:#fff;
	border-color:#0f9db4;
}
.section7-box:hover .s7img{background-color:#0f9db4;border-color:#0f9db4;       -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;}
.section7-box .s7img{    
	border: 2px solid #dce1e4;
    border-radius: 50%;
    padding: 3%;
	    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.section7-box .s7img img {
    border-radius: 50%;
}
.section7-box a{color:#0f9db4;}

.marker {
    border-color: #4cd2b1;
	color: #fff;
	box-shadow: 0 0 40px 40px #4cd2b1 inset, 0 0 0 0 #4cd2b1;
	transition: all 150ms ease-in-out;
    padding: 4% 7%;
	background-color:#fff;
}
.section9-box:hover .marker {
	box-shadow: 0 0 0px 0 #4cd2b1 inset, 0 0 0px 0px #4cd2b1;color:#4cd2b1;
}

.envelope {
    border-color: #7954a2;
	color: #fff;
	box-shadow: 0 0 40px 40px #7954a2 inset, 0 0 0 0 #7954a2;
	transition: all 150ms ease-in-out;
    padding: 4% 4%;
	background-color:#fff;
}
.section9-box:hover .envelope {
	box-shadow: 0 0 0px 0 #7954a2 inset, 0 0 0px 0px #7954a2;color:#7954a2;
}

.headphones {
    border-color: #f85d52;
	color: #fff;
	box-shadow: 0 0 40px 40px #f85d52 inset, 0 0 0 0 #f85d52;
	transition: all 150ms ease-in-out;
    padding: 4% 4%;
	background-color:#fff;
}
.section9-box:hover .headphones {
	box-shadow: 0 0 0px 0 #f85d52 inset, 0 0 0px 0px #f85d52;color:#f85d52;
}


.about-sbox{background-color:#fff;box-shadow:
  0 4px 8px 0 rgba(0,0,0,0.12),
  0 2px 4px 0 rgba(0,0,0,0.08);
}
.section9-box{
    box-shadow:none;
}
  
/*services*/
  
.services-header  {}


.services-header  span.star {
 overflow: hidden;
 text-align: center;
}
.services-header  span.star:before,
.services-header  span.star:after {
 background-color: #fff;
 content: "";
 display: inline-block;
 height: 2px;
 position: relative;
 vertical-align: middle;
    width: 32%;
}
.services-header  span.star:before {
 right: 0.5em;
 margin-left: -50%;
}
.services-header  span.star:after {
 left: 0.5em;
 margin-right: -50%;
}


.services-header  p.line {
 overflow: hidden;
 text-align: center;
}
.services-header  p.line:before,
.services-header  p.line:after {
 background-color: #fff;
 content: "";
 display: inline-block;
 height: 2px;
 position: relative;
 vertical-align: middle;
    width: 23%;
}
.services-header  p.line:before {
 right: 0.5em;
 margin-left: -50%;
}
.services-header  p.line:after {
 left: 0.5em;
 margin-right: -50%;
}

.s1box{background-color:#f0f3f2;padding: 8% 11% 7% 11%;cursor: pointer;}
.s1box:hover{background-color:#fff;}
.s1box:hover h1{color:rgb(83, 39, 187);}
.s1box:hover span{color:rgb(48, 21, 113);}
.s1box:hover .mybutton3 a{background-color:rgb(83, 39, 187);}

.featured-box{cursor: pointer;background-color: rgb(240, 243, 242);border:1px solid rgb(182, 198, 201);padding:18% 7%;}
.featured-box:hover{background-color: #fff;}
.featured-box .power {
    border-color: #464c5c;
    color: #fff;
    box-shadow: 0 0 40px 40px #464c5c inset, 0 0 0 0 #464c5c;
    transition: all 150ms ease-in-out;
    padding: 5%;
    margin-bottom: 0;
}
.featured-box:hover .power {
  box-shadow: 0 0 0px 0 #464c5c inset, 0 0 0px 0px #464c5c;color:#464c5c;
}

.featured-box .check {
    border-color: #00bcd4;
    color: #fff;
    box-shadow: 0 0 40px 40px #00bcd4 inset, 0 0 0 0 #00bcd4;
    transition: all 150ms ease-in-out;
    padding: 5%;
    margin-bottom: 0;
}
.featured-box:hover .check {
  box-shadow: 0 0 0px 0 #00bcd4 inset, 0 0 0px 0px #00bcd4;color:#00bcd4;
}

.featured-box .link {
    border-color: #f44336;
    color: #fff;
    box-shadow: 0 0 40px 40px #f44336 inset, 0 0 0 0 #f44336;
    transition: all 150ms ease-in-out;
    padding: 5%;
    margin-bottom: 0;
}
.featured-box:hover .link {
  box-shadow: 0 0 0px 0 #f44336 inset, 0 0 0px 0px #f44336;color:#f44336;
}

.featured-box .search {
    border-color: #7954a2;
    color: #fff;
    box-shadow: 0 0 40px 40px #7954a2 inset, 0 0 0 0 #7954a2;
    transition: all 150ms ease-in-out;
    padding: 5%;
    margin-bottom: 0;
}
.featured-box:hover .search {
  box-shadow: 0 0 0px 0 #7954a2 inset, 0 0 0px 0px #7954a2;color:#7954a2;
}
.borderR{border-right-color: rgb(182, 198, 201);}

.best-services .best-box{background-color:#fff;padding: 0 7% 9% 7%;cursor:pointer;}

.laptop2 {
    margin-top: -39px;
    border-color: transparent;
    color: #fff;
    box-shadow: 0 0 40px 40px #f85d52 inset, 0 0 0 0 #f85d52;
    transition: all 150ms ease-in-out;
    background-color: #fff;
	padding:5%;
}
.best-box:hover .laptop2 {
  box-shadow: 0 0 0px 0 #f85d52 inset, 0 0 0px 0px #f85d52;color:#f85d52;
  border-color: #f85d52;
}

.camera {
    margin-top: -39px;
    border-color: transparent;
    color: #fff;
    box-shadow: 0 0 40px 40px #00bcd4 inset, 0 0 0 0 #00bcd4;
    transition: all 150ms ease-in-out;
    background-color: #fff;
	padding:5%;
}
.best-box:hover .camera {
  box-shadow: 0 0 0px 0 #00bcd4 inset, 0 0 0px 0px #00bcd4;color:#00bcd4;
  border-color: #00bcd4;
}

.bag {
    margin-top: -39px;
    border-color: transparent;
    color: #fff;
    box-shadow: 0 0 40px 40px #7954a2 inset, 0 0 0 0 #7954a2;
    transition: all 150ms ease-in-out;
    background-color: #fff;
	padding:5%;
}
.best-box:hover .bag {
  box-shadow: 0 0 0px 0 #7954a2 inset, 0 0 0px 0px #7954a2;color:#7954a2;
  border-color: #7954a2;
}

.best-box:hover .mybutton5 a.orange-button{border-color:#f85d52;}
.best-box:hover .mybutton5 a.blue-button{border-color:#00bcd4;}
.best-box:hover .mybutton5 a.purple-button{border-color:#7954a2;}

/* Style the tab */
.tab {
    width: 100%;
}

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 8% 1%;
    width: 100%;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
    border: 1px solid #b6c6c9;
    background-color: #f4f6f7;
	margin-bottom:8%;
	font-weight:300;
}

/* Change background color of buttons on hover */
.tab button:hover {
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-color: #fff;
	font-weight:500;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding:4% 2%;
    border: 1px solid #ccc;
    width: 100%;
}

.tab-box{cursor:pointer;}

.cog {
    border-color: #7d59a5;
    box-shadow: 0 0 0px 0 #7d59a5 inset, 0 0 0px 0px #7d59a5;
    color: #7d59a5;
    transition: all 150ms ease-in-out;
    padding: 15% 20%;
    margin: 0px;
    border: 2px solid #7d59a5;	
}
.tab-box:hover .cog {
    color: #fff;
    box-shadow: 0 0 40px 40px #7d59a5 inset, 0 0 0 0 #7d59a5;
}

.area {
    box-shadow: 0 0 0px 0 #00d4a0 inset, 0 0 0px 0px #00d4a0;
    color: #00d4a0;
    border-color: #00d4a0;
    transition: all 150ms ease-in-out;
    padding: 20% 18%;
    margin: 0px;
    border: 2px solid #00d4a0;	
}
.tab-box:hover .area {
    color: #fff;
    box-shadow: 0 0 40px 40px #00d4a0 inset, 0 0 0 0 #00d4a0;
}

.pie {
    border-color: #00bcd4;box-shadow: 0 0 0px 0 #00bcd4 inset, 0 0 0px 0px #00bcd4;
    color: #00bcd4;    
    transition: all 150ms ease-in-out;
    padding: 20% 18%;
    margin: 0px;
    border: 2px solid #00bcd4;	
}
.tab-box:hover .pie {
    color: #fff;
    box-shadow: 0 0 40px 40px #00bcd4 inset, 0 0 0 0 #00bcd4;
}

.pencil {
    border-color: #f44336;
    box-shadow: 0 0 0px 0 #f44336 inset, 0 0 0px 0px #f44336;
    transition: all 150ms ease-in-out;
    padding: 20% 18%;
    margin: 0px;
    border: 2px solid #f44336;
    color: #f44336;	
}
.tab-box:hover .pencil {
    box-shadow: 0 0 40px 40px #f44336 inset, 0 0 0 0 #f44336;
    color: #fff;
}

.th {
    border-color: #ff9069;
    box-shadow: 0 0 0px 0 #ff9069 inset, 0 0 0px 0px #ff9069;
    transition: all 150ms ease-in-out;
    padding: 20% 18%;
    margin: 0px;
    border: 2px solid #ff9069;
    color: #ff9069;	
}
.tab-box:hover .th {
    box-shadow: 0 0 40px 40px #ff9069 inset, 0 0 0 0 #ff9069;
    color: #fff;
}

.ring {
    border-color: #f3c725;
    box-shadow: 0 0 0px 0 #f3c725 inset, 0 0 0px 0px #f3c725;
    transition: all 150ms ease-in-out;
    padding: 20% 18%;
    margin: 0px;
    border: 2px solid #f3c725;
    color: #f3c725;	
}
.tab-box:hover .ring {
    box-shadow: 0 0 40px 40px #f3c725 inset, 0 0 0 0 #f3c725;
    color: #fff;
}

.concepts-box {
	border: 1px solid #dfe5e8;
    border-bottom: 6px solid #a3e7f0;
    padding: 15% 8% 15% 8%;	
}
.concepts-box img{border-radius:50%;}

.coding-list li {
    margin-bottom: 5%;
}

.testimonial #demo span.fa {
    font-size: 50px;
    color: #000;
    background-color: transparent;
    padding: 1% 7%;
}

.testimonial li{display: inline-block;padding-right:22px;}
.testimonial li.last-logo{padding-right:0px;}

.pricing-box{background:url(../images/OCEAN.jpg) no-repeat center center; background-size: cover;padding: 15% 0 20% 0;}
.pricing-box2{background:url(../images/mountains.jpg) no-repeat center center; background-size: cover;padding: 15% 0 20% 0;}
.pricing-box3{background:url(../images/forest.jpg) no-repeat center center; background-size: cover;padding: 15% 0 20% 0;}

.pricing-price-wrapper {
    display: table-cell;
    vertical-align: middle;
}
.pricing-price-wrapper {
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: -60px;
}
.pricing-price {
    background-color: #fff;
    border-radius: 50%;
    height: 120px;
    width: 120px;
    vertical-align: middle;
    display: table-cell;
}

.pricing-table{background-color:#fff;}
.pricing-table ul{}
.pricing-table li{padding: 3% 0;}
.bg-ofwhite{background-color:#f4f6f7}

/*contact-page*/

.cont-box{padding: 20% 0%;}
.cont-box.box1{background-color:#8781bd;}
.cont-box.box2{background-color:#42abd6;}
.cont-box.box3{background-color:#6fc8bf;}
.cont-box.box4{background-color:#a3d070;}

.cont-box.box1:hover{background-color:#3c3950}
.cont-box.box2:hover{background-color:#3c3950}
.cont-box.box3:hover{background-color:#3c3950}
.cont-box.box4:hover{background-color:#3c3950}

.contact-section3 h1.line:before {
    right: 0.5em;
    margin-left: -65%;
}
.contact-section3 h1.line:after {
    left: 0.5em;
    margin-right: -65%;
}
.contact-section3 h1.line:before, .contact-section3 h1.line:after {
    background-color: transparent;
    content: "";
    display: inline-block;
    height: 7px;
    position: relative;
    vertical-align: middle;
    width: 30%;
    border-bottom: 1px solid #EBEBEB;
    border-top: 1px solid #EBEBEB;
}

.contact-section4 .sec4-box{padding: 20% 0;background-color:#f4f6f7;border-top: 5px solid #00bcd4;}
.contact-section4 .sec4-box  hr{width: 40%;border: 1px solid #00bcd4;}

.contact-support img{ border-radius:50%; }

.contact-mail ul{}
.contact-mail li{    
	display: inline-block;
    background-color: #b6c6c9;
    padding: 2% 3%;
    border-radius: 50%;
    margin-right: 1%;	
}
.contact-mail li a{color:#fff;}
.contact-mail li:hover{background-color:#00bcd4;}

.mail-box input{    
	width: 100%;
    padding: 2.5% 3%;
    background-color: #f4f6f7;
    border: 1px solid #dfe5e8;
}
.mail-box textarea{
	width: 100%;
    padding: 3%;
    background-color: #f4f6f7;
    border: 1px solid #dfe5e8;
}

.mail-box button {
    width: 100%;
    height: 58px;
    padding: 4px 40px;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    transition: all 0.3s;
    border-radius: 3px;
    background-color: #00bcd4;
    margin: 0px;
    margin-top: 5%;
    border-color: transparent;
    color: #fff;
}

.contact-subscribe ul{}
.contact-subscribe li{
	display: inline-block;
    background-color: #456988;
    padding: .7% 1%;
    border-radius: 50%;
    margin-right: 2%;
	border:2px solid #456988;
}
.contact-subscribe li a{color:#fff;}

.contact-subscribe li:hover {border-color:#456988;background-color:transparent;}
.contact-subscribe li:hover a.fa.fa-facebook{color:#4e64b5;}
.contact-subscribe li:hover a.fa.fa-linkedin{color:#0077B5;}
.contact-subscribe li:hover a.fa.fa-twitter{color:#00aced;}
.contact-subscribe li:hover a.fa.fa-instagram{color:#e4405f;}
.contact-subscribe li:hover a.fa.fa-google{color:#dd4b39;}
.contact-subscribe li:hover a.fa.fa-pinterest-p{color:#ff5757;}

.contact-subscribe .subscribe-box{background-color:#181828;padding: 4% 5%;}
.contact-subscribe .subscribe-box input[type='email'] {
    background-color: #181828;
    border: 1px solid #394050;
	padding: 3% 2%;
    width: 85%;	
}
.contact-subscribe .subscribe-box input[type='submit'] {
    background-color: #394050;
    border: 1px solid #394050;
	color:#fff;
    padding: 3% 4%;	
}

/*404-page*/
.text{
	background: -webkit-linear-gradient(#7684cf, #00bcd4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/*team*/
.team-box{border:1px solid #dfe5e8;padding: 15% 4%;}
.team-box img{border-radius:50%;}

.team-testimonial #demo .carousel-control-next, .carousel-control-prev{    }
.team-testimonial #demo span.fa {
    font-size: 50px;
    color: #000;
    background-color: transparent;
    padding: 1% 7%;	
}
.team-testimonial #demo span.fa:hover{background-color: #00bcd4;color: #fff;}

.designer-box{cursor:pointer;transition: all 0.5s ease;padding: 2% 2%;} 
.designer-box:hover{background-color:rgba(255, 255, 255, 0.3);transition: all 0.5s ease;}
.designer-box img{
	width:50px;
	height:50px;
	border-radius:50%;
}

.vacancies-box{padding: 5% 4%;}
.vacancies-list li{margin-bottom:1%;}

#demo2 .carousel-indicators li{background-color: #eee;}
#demo2 .carousel-indicators .active {
    background-color: #00bcd4;
}
#demo2 .carousel-item{padding-bottom:5%}


/*gallery-header*/
.gallery-section1 .profile-box{   
	border: 1px solid #dfe5e8;	
    padding: 10% 2%;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;	
}


.gallery-section1 .concepts-box li {
    display: inline-block;
    background-color: #b6c6c9;
    padding: 2% 3%;
    border-radius: 50%;
    margin-right: 1%;
}
.gallery-section1 .concepts-box li a {
    color: #fff;
}
.gallery-section1 .concepts-box li:hover {
    background-color: #00bcd4;
}

.gallery-box{background-color:#f4f6f7;padding: 10% 5%;}

.icon-box {
    padding: 4% 4%;
}
.icon-box.box1{
    background-color: #00bcd5;
}
.icon-box.box2{
    background-color: #607280;
}
.icon-box.box3{
    background-color: #46485d;
}
.icon-box .icon-bg{
	float:right;
    background-color: #fff;
    border-radius: 50%;
    padding: 2.5% 3%;	
}

.item {
  position: relative;
  overflow: hidden;
  padding:0px;
}
.item img { 
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


.item img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.item .middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.item:hover img {
  opacity: 0.5;
}

.item:hover .middle {
  opacity: 1;
}

.item .item-text .fa{
    background-color: #46485d;
    color: #fff;
    font-size: 25px;
    padding: 30%;
    border-radius: 50%;
}


/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1111;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #0000007a;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width:100%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}
.modal-body {
    padding: 5px;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}



.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}



/*home-header*/ 
.header {background-color: #0000008c;padding: 1.5% 0;}
.slider{background:url(../images/1.jpg) no-repeat center center; background-size: cover;}
.about{background:url(../images/about.jpg) no-repeat center center; background-size: cover;background-color:#181727;padding: 5% 0 9% 0;}
.sevices{background-color:#fff;}
.skill{background:url(../images/skills.jpg) no-repeat center center; background-size: cover;padding: 7% 0;}
.work{background:url(../images/work.jpg) no-repeat center center; background-size: cover;padding: 7% 0;}
.choose{background:url(../images/choose.jpg) no-repeat center center; background-size: cover;padding: 7% 0;}
.process{background:url(../images/process.jpg) no-repeat center center; background-size: cover;padding: 7% 0;}
.us{background:url(../images/us.jpg) no-repeat center center; background-size: cover;padding: 7% 0;}
.minds{background:url(../images/minds.jpg) no-repeat center center; background-size: cover;padding: 7% 0;}
.newsletter{background-color:#00bcd4;padding:3% 0;}
.contact{background:url(../images/contact.jpg) no-repeat center center; background-size: cover;padding: 7% 0;}
.footer{background-color:#212331; padding: 3% 0;}
.copyright{background-color:#181828; padding: 3% 0;}

/*about-us*/
.about-header{background:url(../images/about-us.jpg) no-repeat center center; background-size: cover;    background-attachment: fixed;padding: 7% 0;}
.about-section2{background:url(../images/about-section2.jpg) no-repeat center center; background-size: cover;    background-attachment: fixed;padding: 7% 0;}
.about-section3{background-color:#fff;padding:3% 0;}
.about-section4{background-color:rgb(240, 243, 242);padding:3% 0;}
.about-section5{padding:0%;background-color:#2d2d2d;}
.about-section6{background-color:#fff;padding:5% 0;}
.about-section7{background-color:#f4f6f7;padding:0;}
.about-section8{background:url(../images/about-section8.jpg) no-repeat center center;background-size: cover;padding:5% 0 12% 0;}
.about-section9{padding:0 0 5% 0 ;}

/*services*/
  
.services-header  {background:url(../images/services-header.jpg) no-repeat center center; background-size: cover;    background-attachment: fixed;padding: 7% 0;}
.services-section{background-color:#fff;}
.featured-services{background-color:#fff;padding:5% 0;}
.services-buy{background-color:rgb(33, 35, 49);padding:3% 0;}
.best-services{background:url(../images/best-services.jpg) no-repeat center center; background-size: cover;padding:7% 0;}
.things{background-color:#fff;padding:5% 0;}
.testimonial{background:url(../images/testimonial.jpg) no-repeat center center; background-size: cover;padding: 7% 0;}
.pricing{background:url(../images/pricing.jpg) no-repeat center center; background-size: cover;padding: 7% 0;}

/*contact-page*/

.contact-header {background:url(../images/contact-header.jpg) no-repeat center center; background-size: cover;background-attachment: fixed;padding:7% 0 5% 0;}

.contact-section{background-color:#fff;padding:5% 0 5% 0;}
.contact-section2{background-color:#fff;padding:0% 0 3% 0;}
.contact-section3{background-color:#fff;padding:5% 0 5% 0;}
.contact-section4{background-color:#fff;padding:3% 0 5% 0;}
.contact-support{background:url(../images/support.jpg) no-repeat center center; background-size: cover;padding:5% 0 5% 0;}
.contact-buy {background-color: rgb(0, 191, 165);padding: 4.5% 0;}
.contact-mail{background-color:#fff;padding:5% 0 5% 0;}
.contact-subscribe{background:url(../images/cont-subscribe.jpg) no-repeat center center; background-size: cover;padding:5% 0 5% 0;}

/*404-page*/
.not-found{background-color:#fff;padding:5% 0 5% 0;}

/*team*/
.team-header{background:url(../images/team-header.jpg) no-repeat center center; background-size: cover;padding:7% 0 5% 0;}
.team-section{background-color:#fff;padding:5% 0 0% 0;}
.team-testimonial{background:url(../images/team-testimonial.jpg) no-repeat center center; background-size: cover;    background-attachment: fixed;padding: 7% 0;}
.designers{background-color:#fff;padding:5% 0 5% 0;}
.designers-team{background-color:#31b69f;padding:5% 0 5% 0;}

/*gallery-header*/
.gallery-header{background:url(../images/gallery-header.jpg) no-repeat center center; background-size: cover;padding:7% 0 5% 0;}
.gallery-section1{background-color:#fff;padding:5% 0 5% 0;}

.image-gallery{background-color:#fff; padding:0% 0 2% 0;}
.alert-box{background-color:#fff;padding:7% 0 7% 0;}
.alert-inner{    
	background-color: #607280;
    padding: 5% 5%;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.28), 0 0px 20px 0 rgba(0, 0, 0, 0.38);
}

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

.about hr{    border-color: #89c0ca00;}

.modal-content {
    width: 80%;
}

.about-sbox{
  box-shadow:none;
}
.section9-box{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08);
}

.contact-section3 h1.line:before, .contact-section3 h1.line:after{display:none;}

.about-section5{padding: 7% 0;}
.section5-box {
    position: relative;
}

.section4-box {
	border-bottom:1px solid #e4e4e4;
}



.image{display:none;}

.padding0{padding:0 15px;}


.mobile-center {
    text-align: center;
}
}

@media (min-width: 240px){
	
}
@media only screen and (max-width: 600px) {
	.ex{
		background-color:red;
	}

}	
@media only screen and (min-width: 600px) {
	.ex{
		background-color:black;
	}

}
@media (min-width: 480px){
	
.ex{background-color:yellow}	
}
@media only screen and (min-width: 768px) {
	.ex{
		background-color:white;
	}
}



@media only screen and (min-width: 992px) {
	.ex{
		background-color:blue;
	}
	
	.navbar-nav>li>a {
		border-right: 1px solid #747474;
		padding: 0px 15px !important;
	}
	.navbar-nav>li>a.last {
		padding: 0px 15px;
		border-right: 0px solid #fff;
		border-radius: 0;
	}
	nav ul {
		width: 100%;
		margin-left: 10%;
	}

}

@media only screen and (min-width: 1200px) {
	.ex{
		background-color:pink;
	}
	
}


@media (min-width:1300px) {
	
.ex{background-color:blue}

	
}
@media (min-width:1400px) {
.ex{background-color:silver}

}
@media (min-width:1500px) {
.ex{background-color:pink}
}
@media (min-width:2000px){
.ex{background-color:black}
}

	
.mt0{margin-top:0%;}.mt1{margin-top:1%;}.mt2{margin-top:2%;}.mt3{margin-top:3%;}.mt4{margin-top:4%;}.mt5{margin-top:5%;}.mt6{margin-top:6%;}.mt7{margin-top:7%;}
.mt8{margin-top:8%;}.mt9{margin-top:9%;}.mt10{margin-top:10%;}.mt11{margin-top:11%;}.mt12{margin-top:12%;}.mt13{margin-top:13%;}.mt14{margin-top:14%;}.mt15{margin-top:15%;}.mt20{margin-top:20%;}.mt25{margin-top:25%;}.mtm14{margin-top:-14%;}.mtm4{margin-top:-4%;}.mtm1{margin-top:-1%;}.mtm2{margin-top:-2%;}.mtm3{margin-top:-3%;}.mtm6{margin-top:-6%;}.mtm8{margin-top:-8%;}.mtm9{margin-top:-9%;}.mtm20{margin-top:-20%;}.mtm12{margin-top:-12px;}.mtm40{margin-top:-40px;}
.mtm10{margin-top: -45px;border: 6px solid #fff;}


footer
{
	background:#f3f3f3;
	padding:1.4% 0;
}