/* ------------------------
    Table of Contents

  1. General
  2. Typography
  3. Helper class
  4. Text color
  5. Background color
  6. Border Radius
  7. Banner
  8. Background Position & Size
  9. Countdown
  10. Terms and Conditions
  11. Privacy Policy
  12. Cases
  13. How It Work
  14. Clients Logo
  15. Single Page Sidebar
  16. Single Page Meta
  17. Contact
  18. Video
  19. Side Background
  20. Error
  21. List Icon
  22. Bg Animated Image
  23. Round Animated Image


/* ------------------------
    General
------------------------*/



body {font-family: 'Poppins', sans-serif; font-weight: normal; font-style: normal; font-size: 15px; line-height: 1.7; color:#4f4e4e; letter-spacing: 1px;}


/* ------------------------
    Typography
------------------------*/
h1, h2, h3, h4, h5, h6{font-weight:normal; margin-top: 0px; margin-bottom: 0px; text-transform: capitalize; letter-spacing: 2px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 60px; font-style: normal; line-height: 70px; font-weight: 700; text-transform: capitalize; color: #1c2045; letter-spacing: 0;}
h2 { font-size: 38px; font-style: normal; line-height: 46px; font-weight: 600; color: #1c2045; text-transform: capitalize; margin-bottom: 10px; position: relative;}
h3 { font-size: 30px; font-style: normal; line-height: 36px; font-weight: 500;}
h4 { font-size: 24px; font-style: normal; margin-bottom: 10px; font-weight: 500; line-height: 30px; color: #1c2045;}
h5 { font-size: 19px; font-style: normal; margin-bottom: 10px; font-weight: 500; line-height: 26px; color: #1c2045;}
h6 { font-size: 18px; font-style: normal; line-height: 24px; margin-bottom: 10px; color: #1c2045;}
ul { margin: 0px; padding: 0px; }
u {text-decoration-style: wavy;}
p {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1.72222;
}


.workprocess p{height:184px; overflow:hidden;}
.wlink {
    background: #f47721;
    padding: 5px;
}
.wlink a{color:#fff;font-size:18px;}
.wlink a:hover{color:#000;}
/* ------------------------
    Helper class
------------------------*/
p{line-height: 1.9;}
.lead{font-weight: normal; font-size: 14px; line-height: 24px;}
.o-hidden{overflow: hidden;}
.img-center{display: inline-block !important; max-width: 100%;}
.pos-r{position: relative;}
.z-index-0{z-index: 0; position: relative;}
.z-index-1{z-index: 1; position: relative;}
h1 span{color: #ff7810;}
section{padding: 40px 0;}
.section-title{margin-bottom:50px;}
.section-title p{font-size: 16px;}
.align-item-middle{display: -webkit-flex; /* Safari */  -webkit-align-items: center; /* Safari 7.0+ */  display: flex; align-items: center;}
.align-item-middle > div{width: 100%;}

.font-w-3{font-weight: 300;}
.font-w-4{font-weight: 400;}
.font-w-5{font-weight: 500;}
.font-w-6{font-weight: 600;}
.font-w-7{font-weight: 700;}
.font-w-8{font-weight: 800;}
.font-w-9{font-weight: 900;}

.line-h-2{line-height: 1.6;}
.line-h-3{line-height: 1.7;}
.line-h-4{line-height: 1.8;}
.line-h-5{line-height: 1.9;}

.letter-space-1{letter-spacing: 5px;}
.letter-space-2{letter-spacing: 10px;}
.letter-space-3{letter-spacing: 15px;}


/* ------------------------
    Text color
------------------------*/
.text-theme{color: #ff7810;}
.text-black{color:#111121 !important;}
.text-grey{color:#999999;}
.text-rgba{color: rgba(255,255,255,0.8);}


/* ------------------------
    Background color
------------------------*/
.white-bg{background-color: #ffffff !important;}
.dark-bg{background-color: #141414;}
.grey-bg{background-color: #f3f6ff;}
.theme-bg{background-color: #ff7810;}
.transparent-bg{background-color: inherit !important;}


/* ------------------------
    Border Radius
------------------------*/
.radius{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.radius-0{-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
.radius-1{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.radius-2{-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
.radius-3{-webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;}
.radius-4{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}


/* ------------------------
    Banner
------------------------*/
.fullscreen-banner{position: relative;}
[data-bg-img]{background-size: cover; background-position: center center; background-repeat: no-repeat;}
.align-center{position: absolute; top: 50%; width: 100%; z-index: 9;}
.align-end{position: absolute; bottom: 0; width: 100%; z-index: 9;}
.bnr-img2 {position: absolute; top: 50%; left: 0;}
.banner-2 .mouse-parallax {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.fullscreen-banner .owl-carousel, .fullscreen-banner .owl-stage-outer, .fullscreen-banner .owl-stage, .fullscreen-banner .owl-item{height: 100%;}
.hero-bg {left: -50%; position: absolute; top: -45%;}
.banner-4 .mouse-parallax{z-index: 9;}

/* -------------------------------
   Background Position & Size
-------------------------------*/
.bg-cover{background-size: cover;}
.bg-contain{background-size: contain;}
.bg-pos-l{background-position: left;}
.bg-pos-r{background-position: right;}
.bg-pos-rt{background-position: right top;}
.bg-pos-lt{background-position: left top;}
.bg-pos-rb{background-position: right bottom;}
.bg-pos-lb{background-position: left bottom;}


/* ------------------------
    Countdown
------------------------*/
.countdown{margin:50px 0; display: table; width: 100%;}
.countdown > li{padding: 0 30px; font-weight: 700; text-align: center; border-right: 1px dashed rgba(0,0,0,0.1); list-style-type: none; display: table-cell; width: auto;}
.countdown > li:last-child{border-right: none;}
.countdown > li span{font-size:70px; font-weight:700; line-height:60px; margin-bottom: 20px; display: inline-block;}
.countdown > li p{font-size:20px; text-transform: uppercase; line-height:30px; margin-bottom: 0; color: #ff7810;}
.dark-bg .countdown > li{border-color:rgba(255,255,255,0.2);}
.coming-soon .subscribe-form{margin: 0 auto;}


/* ------------------------
    Terms and Conditions
------------------------*/
.terms-and-conditions p{margin-bottom:25px;}
.terms-and-conditions ul.list{margin-bottom:20px; display:block;}
.terms-and-conditions ul.list li i{padding-right:12px; font-size:15px;}


/* ------------------------
    Privacy Policy
------------------------*/
.privacy-policy p{margin-bottom:25px;}
.privacy-policy ul.list{margin-bottom:20px; display:block;}
.privacy-policy ul.list li i{padding-right:12px; font-size:15px;}


/* ------------------------
    Cases
------------------------*/
.cases-item{overflow: hidden; position: relative; text-align: center;}
.cases-item .cases-description {background: #ffffff; padding: 20px;}
.cases-item .cases-description h5{ margin: 0 0 15px; text-transform: capitalize; font-weight: 500;}
.cases-item img{width: 100%;}
.cases-item span{font-weight: 500; display: block;}
.owl-carousel .cases-item{margin: 30px 10px;}


/* ------------------------
    How It Work
------------------------*/
.work-process-inner{position: relative;}
.step-num {background: rgb(255,120,16); background: linear-gradient(90deg, rgba(255,120,16,1) 0%, rgba(255,94,44,1) 50%); border: 5px solid #fff; border-radius: 50%; color: #fff; font-size: 30px; font-weight: bold; height: 80px; line-height: 75px; position: absolute; right: -40px; top: -40px; width: 80px; text-align: center;}
.work-process-inner .work-img {border: 2px dashed #e2dfdf; border-radius: 10px; display: inline-block; width: 230px; height: 250px; line-height: 250px; margin: 40px 0; position: relative;}
.work-process.style-2 .work-process-inner{padding-left: 70px; margin-bottom:15px;}
.work-process.style-2 .step-num{right: inherit; left: 0; top: 0; border: none; width: 50px; height: 50px; line-height: 50px; font-size: 24px;}
.theme-bg .work-process-inner,
.theme-bg .work-process-inner h4{color: #ffffff;}

/* ------------------------
    Clients Logo
------------------------*/
.clients-logo {background: #fff; border: 1px solid #ebebeb; margin-right: -1px; margin-top: -1px; padding: 50px 10px; width: calc(100% / 4);}
.quotes{font-size:20px; text-align:center;padding:5px 10px;color: #ff7810;}
.video-testi{border: 10px solid #ff7810;
border-radius: 10px;}

/* ------------------------
    Single Page Sidebar
------------------------*/
.sidebar-links li a {color: #2c2c2c; border-bottom: 1px dashed #ddd; padding: 10px 0; display: block; font-size: 14px; font-weight: 600; position: relative; text-transform: uppercase;}
.sidebar-links li.active a, .sidebar-links li a:hover {color: #ff7810;}
.sidebar-links li:first-child a{padding-top: 0;}
.sidebar-links li:last-child a{padding-bottom: 0; border-bottom: none;}


/* ------------------------
    Single Page Meta
------------------------*/
.portfolio-meta li{position: relative; padding-left: 50px;}
.portfolio-meta li i{position: absolute; left: 0; top: 0; color: #ff7810; font-size: 30px;}
.portfolio-meta li span{color: #111121; display: block; font-weight: bold; text-transform: uppercase; margin-bottom: 7px;}
.theme-bg .portfolio-meta li, .theme-bg .portfolio-meta li i, .theme-bg .portfolio-meta li span{color: #ffffff;}


/* ------------------------
    Contact
------------------------*/
.contact-info li {padding-left: 50px; position: relative;}
.contact-info li i{position: absolute; left: 0; top: 0; line-height: 24px; font-size: 30px; color: #ff7810; text-align: center;}
.contact-info li span{font-size: 16px; color: #111121; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 8px;}
.contact-info li p{margin-bottom: 0; line-height: 24px;}
.contact-info li a{color: #111121;}
.contact-info li a:hover{color: #ff7810;}
.info-inner{background: #ffffff; padding: 50px 30px;}
.info-inner ul li{padding-left: 0;}
#md-form .form-group{margin-bottom: 10px;}
.form-group{margin-bottom: 20px; position: relative;}
 label{font-size: 14px; color: #333}
.form-control{height: 35px; border-radius: 5px; font-size: 13px; color: #111121; background: #ffffff; border: 1px solid transparent;box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1);}
.theme-bg .form-control .dark-bg .form-control{background: none; border:5px solid rgba(255,255,255,0.1);}
.dark-bg .form-control, .theme-bg .form-control{color: #ffffff;}
.grey-bg .form-control{background: #ffffff}
textarea.form-control{height: 150px; border-radius: 5px;}
.form-control:focus{box-shadow: none; background: none; border-color: #ff7810;}
.theme-bg .form-control:focus{border-color: #ff7810;}
select.form-control {-moz-appearance: none; -webkit-appearance: none; appearance: none; height: 35px !important;font-size: 13px;font-style: italic;font-family: Lato,Helvetica,Arial,sans-serif;letter-spacing: normal;padding-left: 7px;}
#map {width: 100%; height: 100%;}
iframe{width: 100%; border: none; pointer-events: auto;}
.iframe-h{height: 500px !important;}
.iframe-h-2{height: 600px !important;}
.help-block.with-errors {position: absolute; color: red; right: 15px; font-size: 10px; line-height: 14px;}

.form-control::-webkit-input-placeholder {color: #111121;}
.form-control::-moz-placeholder {color: #111121;}
.form-control:-ms-input-placeholder {color: #111121;}
.form-control:-moz-placeholder {color: #111121;}
.dark-bg .form-control::-webkit-input-placeholder,
.theme-bg .form-control::-webkit-input-placeholder {color: #ffffff;}

.dark-bg .form-control::-moz-placeholder, .theme-bg .form-control::-moz-placeholder{color: #ffffff;}
.dark-bg .form-control:-ms-input-placeholder, .theme-bg .form-control:-ms-input-placeholder{color: #ffffff;}
.dark-bg .form-control:-moz-placeholder, .theme-bg .form-control:-moz-placeholder{color: #ffffff;}
.list-icon-3{font-size: 14px;}

/* ------------------------
    Video
------------------------*/
.video-btn {position: relative; display: inline-block;}
.video-btn .btn-play {font-size: 30px; background: #ff7810; color: #fff; line-height: 50px; width: 70px; height: 70px; border: 10px solid rgba(0,0,0,0.1); -webkit-border-radius: 100%;
 border-radius: 100%; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out; -webkit-transition-property: color, background, border-color; transition-property: color, background, border-color; }
.video-btn-pos{position: absolute; position: absolute; left: 50%; top: 50%; width: auto !important; z-index: 99;}
.theme-bg .video-btn .btn-play, .dark-bg .video-btn .btn-play{background: #ffffff; border-color: #ddd; color: #ff7810;}
.html5-video {height: 100%; left: 0; opacity: 1; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: -2;}
.html5-video video {width: 100%;}
.play-btn span{position: relative; text-transform: uppercase; color: #111121; font-weight: 500; padding-right: 70px; margin-right: 20px;}
.play-btn span:before{background: #ff7810; width: 50px; height: 2px; content: ""; position: absolute; right: 0; top: 50%; margin-top: -1px;}

/* ---------------------
   Technology section
-----------------------*/
.Packages-flip.blue-bg {
    background: #f47621;
    padding: 55px 0 28px;
}
.Packages-flip .packages-colom {
    position: relative;
    z-index: 9;
}
.Packages-flip.blue-bg .icon-img {
    max-width: 156px;
    border-radius: 50%;
    border: 2px solid #fff;
    height: 156px;
    margin: 0 auto;
    line-height: 156px;
    overflow: hidden;
    transition: all ease-in-out .3s;
	position: relative;
}
.Packages-flip.blue-bg .icon-img img {
    max-width: 100px;
    height: auto;
    z-index: 1;
    transition: all ease-in-out .3s;
	position: relative;
}
.Packages-flip.blue-bg .icon-img::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #181e45;
    content: "";
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    border-radius: 50%;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}
.text-center {
    text-align: center !important;
}
.Packages-flip.blue-bg .packages-colom p {
    color: #fff;
	text-align:center;
	font-size:18px;
}
.Packages-flip .packages-colom p {
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    color: #444;
    font-family: var(--text-font);
}
.Packages-flip.blue-bg .icon-img:hover {
    border-color: #fff;
    -webkit-transition: border-color ease-in-out .3s;
    -o-transition: border-color ease-in-out .3s;
    transition: border-color ease-in-out .3s;
}
.Packages-flip.blue-bg .icon-img:hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity, -webkit-transform ease-in-out .3s;
    -o-transition: opacity, transform ease-in-out .3s;
    transition: opacity, transform ease-in-out .3s;
    transition: opacity, transform ease-in-out .3s, -webkit-transform ease-in-out .3s;
}
.Packages-flip.blue-bg .icon-img:hover img {
    -webkit-filter: brightness(100);
    filter: brightness(100);
    -webkit-transition: -webkit-filter ease-in-out .3s;
    -o-transition: filter ease-in-out .3s;
    transition: filter ease-in-out .3s;
    transition: filter ease-in-out .3s, -webkit-filter ease-in-out .3s;
}





@media screen and (min-device-width:1367px) and (max-device-width:1920px) {
    
    .Packages-flip .packages-colom img {
        width: 80%;
        left: 0
    }
    .Packages-flip .packages-colom .package-overlay {
        top: 0;
        left: 22px;
        border-color: #198be0
    }
  
}


/* End technology */

/* Pricing */

ul.price-style(display:inline;)
ul.price-style li{float:left; padding:10px;}
.videobg{border: 5px solid #fc5c2b;background:#000;}



/* contact bg */

.clients-bg{
	background:url(../images/clients-bg.jpg) no-repeat;
	width:100%;background-position: 0% 67%;text-align:center; }
.clients-bg .title{color:#fff;}
	
.contact-bg{
	background:url(../images/contact-bg.jpg) no-repeat;
	width:100%;background-position: 0% 67%;text-align:center; }
.contact-bg .getquote{padding:30px 0px 80px;margin:0px auto;}
.form-input{
	width:200px;
	height:62px; 
	color:#000; 
	background:#fff;
	border:1px solid #ddd;
	font-size:16px;
	padding-left: 1rem;
	margin-right: -5px;
	
}
.borderc{border-radius: 32.5px 0 0 32.5px;
border-right: 1px solid #d2d2d2;
padding-left: 1rem;}
.border-btn{border-radius: 0 32.5px 32.5px 0;}
.form-btn{background: #087aca;border: 1px solid #fff;font-size: 18px;color: #fff;width: 119px;height: 62px;text-transform: uppercase;}
.contact-bg textarea{vertical-align: top;padding: 1.1rem .75rem;margin-top: 1px;}
.form-input::-webkit-input-placeholder { /* Edge */
 color:#495057;font-size:14px;
}
.form-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#495057;font-size:14px;
}
.form-input::placeholder {
   color:#495057;font-size:14px;
}




/* End contact */


/* ------------------------
    Side Background
------------------------*/
.img-side img{max-width: 100%}
.img-side.img-right {right: 0;}
.img-side.img-left {left: 0;}
.img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 9;}
.image-column {position: absolute; left: 0px; top: 50%;}
.image-column.right{right: 0; left: inherit;}
b, strong {
    font-weight: 600;
}
ul, li, p{text-align: initial;}
.work-process-inner p{text-align:center;}

/* ------------------------
    Error
------------------------*/
.error-page h1{font-size: 120px; line-height: 120px; letter-spacing: 15px; color: #111121; margin-bottom: 20px;}
.ok-icon{text-align: center;color: green;font-size: 50px;}

/* ------------------------
    List Icon
------------------------*/
.list-icon li{position: relative; padding-left: 40px;}
.list-icon li i{position: absolute; left: 0; top: 0; color: #ff7810; font-size: 30px; line-height: 30px;}
.list-icon-2 li{padding-left: 20px; position: relative;}
.list-icon-2 li:before{content: "";background: #ff7810;position: absolute;top: 8px;left: 0px;width: 8px;height: 8px;
border-radius: 50%;}
.custom-li{display: inline-block;}
.custom-li li {float: left; margin-bottom: 15px; width: calc(100%);font-size: 14px;line-height: 24px;color: #111121;}
.list-icon-3 li i{color: #ff7810; height: 35px; width: 35px; line-height: 35px; border: 1px solid #ece9fa; text-align: center; border-radius: 50%;}


/* ------------------------
    Bg Animated Image
------------------------*/
.pattern-3{position: absolute; left: 50%; top: 60%;}
.info-img:before {position: absolute; left: 0; top: 0; height: 330px; width: 100%; content: ""; background-image: url(../images/pattern/07.png); z-index: -1;}

.navbar {margin-bottom: 0px!important;}
/* ------------------------
    Round Animated Image
------------------------*/
.round-animation{background-image: linear-gradient(120deg, #ff156a 0%, #631470 100%);
  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; width: 100%; height: 100%; animation: morph 10s linear infinite; transform-style: preserve-3d; outline: 1px solid transparent; will-change: border-radius;}
.round-animation:before,
.round-animation:after{content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; will-change: border-radius, transform, opacity; animation-delay: 200ms;
background-image: linear-gradient(120deg, rgba(255,94,44,.55) 0%, rgba(255,120,16,.89) 100%);}
.round-animation:before{animation: morph 3s linear infinite; opacity: .21; animation-duration: 1.5s;}
.round-animation img{position: relative; z-index: 99;}

.insideText {color: rgba(0,0,0,0.030); font-size: 200px; font-weight: 900; left: 50%; line-height: 200px; overflow: hidden; position: absolute; text-align: center; text-transform: uppercase; top: 50%; white-space: nowrap; width: 100%; z-index: 0;}

.boxed-view{padding: 20px 50px 50px;}

.seo-img img {position: relative; -webkit-animation: seo 2s linear infinite; animation: seo 2s linear infinite;}

section.contact-1{padding:25px;}
.adword{margin-left: 20px;}
footer{border-top: 2px solid #ddd;}
ul.ulstyle{display: inline-block;margin-bottom:10px;}
ul.ulstyle li{display: inline-block;float: none;width: auto;list-style: none;background: #ff7810;color: #fff;padding: 5px 20px;border-radius: 3px;}



/* request a quote */

::-webkit-input-placeholder {
  text-align: left;
  font-style: italic;
  color: #ff4081;
  font-size: 13px;
}

::-moz-placeholder {
  text-align: left;
  font-style: italic;
  color: #ff4081;
  font-size: 13px;
}
#whatsapp_box img {
  width: 100%;
}
#whatsapp_box a {
  display: block;
  width: 89%;
}
#whatsapp_box p {
  background: #25d366;
  color: #fff;
  padding: 10px;
  border-radius: 31px;
  text-align: center;
}
.fa-whatsapp:before {
  content: "\f232";
  font-family: 'Font Awesome 5 Brands';
  position: relative;
  font-size: 27px;
  left: -11px;
  top: 4px;
}
div#whatsapp_box {
  width: 290px;
  background-position: top;
  position: fixed;
  float: right;
  right: 0;
  bottom: 20px;
  z-index: 9;
}

svg {
	width: 100px;
	height: 110px;
	float: right;
	margin-top: -92px;
}

button::-moz-focus-inner {
  border: 0;
}
.video_section {
    display: flex;
}
.himanshu_customrow {
    display: block !important;
}
@media (max-width: 500px){
    .video_section {
    display: block;
}}
/***************************************Video1*************************************************/
#tv_container {
    background: url(https://admediatechnologies.com/images/desktop.png) no-repeat top left transparent;
    width: 32%;
    height: 400px;
    position: relative;
    background-size: cover;
    background-position: center;
}
@media (min-width: 768px){
#tv_container video {
   position: absolute;
    top: 53px;
    background: #000;
    left: 20px;
    width: 91%;
    height: 49%;
}}
@media (max-width: 768px){
#tv_container {
   width: 100%;
}
#tv_container video {
    width: 92%;
    background: #000;
    left: 20px;
    position: absolute;
    height: 191px;
    top: 50px;
}
}
/**************************************Video2**************************************************/
#tv_container_col2 {
    width: 32%;
    margin-left: 1%;
    background: url(https://admediatechnologies.com/images/desktop.png) no-repeat top left transparent;
    height: 400px;
    position: relative;
    background-size: cover;
    background-position: center;
}
@media (min-width: 768px){
#tv_container_col2 video {
    position: absolute;
    left: 21px;
    height: 188px;
    background: #000;
    top: 52px;
    width: 91%;
}}
@media (max-width: 500px){
#tv_container_col2 {
   width: 100%;
}
#tv_container_col2 video {
    width: 92%;
    background: #000;
    left: 20px;
    position: absolute;
    height: 191px;
    top: 50px;
}
}
/************************************Video3***************************************************/
#tv_container_col3 {
    width: 32%;
    margin-left: 1%;
    background: url(https://admediatechnologies.com/images/desktop.png) no-repeat top left transparent;
    height: 400px;
    position: relative;
    background-size: cover;
    background-position: center;
}
@media (min-width: 768px){
#tv_container_col3 video {
    position: absolute;
    left: 21px;
    height: 188px;
    background: #000;
    top: 52px;
    width: 91%;
}}
@media (max-width: 500px){
#tv_container_col3 {
   width: 100%;
}
#tv_container_col3 video {
    width: 92%;
    background: #000;
    left: 20px;
    position: absolute;
    height: 191px;
    top: 50px;
}
}
/**************************************Video 4**************************************************/

#tv_container_row2 {
  background: url(https://admediatechnologies.com/images/desktop.png) no-repeat top left transparent;
  width: 32%;
  height: 400px;
  position: relative;
  background-size: cover;
  background-position: center;
}
@media (min-width: 768px){
#tv_container_row2 video {
 position: absolute;
  top: 53px;
  background: #000;
  left: 20px;
  width: 91%;
  height: 49%;
}}
@media (max-width: 768px){
#tv_container_row2 {
 width: 100%;
}
#tv_container_row2 video {
  width: 92%;
  background: #000;
  left: 20px;
  position: absolute;
  height: 191px;
  top: 50px;
}
}

/**************************************Video5**************************************************/
#tv_container_col2_row2 {
  width: 32%;
  margin-left: 1%;
  background: url(https://admediatechnologies.com/images/desktop.png) no-repeat top left transparent;
  height: 400px;
  position: relative;
  background-size: cover;
  background-position: center;
}
@media (min-width: 768px){
#tv_container_col2_row2 video {
  position: absolute;
  left: 21px;
  height: 188px;
  background: #000;
  top: 52px;
  width: 91%;
}}
@media (max-width: 500px){
#tv_container_col2_row2 {
 width: 100%;
}
#tv_container_col2_row2 video {
  width: 92%;
  background: #000;
  left: 20px;
  position: absolute;
  height: 191px;
  top: 50px;
}
}

/************************************Video6***************************************************/
#tv_container_col3_row2 {
  width: 32%;
  margin-left: 1%;
  background: url(https://admediatechnologies.com/images/desktop.png) no-repeat top left transparent;
  height: 400px;
  position: relative;
  background-size: cover;
  background-position: center;
}
@media (min-width: 768px){
#tv_container_col3_row2 video {
  position: absolute;
  left: 21px;
  height: 188px;
  background: #000;
  top: 52px;
  width: 91%;
}}
@media (max-width: 500px){
#tv_container_col3_row2 {
 width: 100%;
}
#tv_container_col3_row2 video {
  width: 92%;
  background: #000;
  left: 20px;
  position: absolute;
  height: 191px;
  top: 50px;
}
}

/**************************************End**************************************************/
.quote-button {
  background: #ff7810;
  border: none;
  border-radius: 2px;
  color: #fff;
  height: 36px;
  padding: 0px 15px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  line-height: 36px;
  vertical-align: middle;
  font-family: 'Roboto', sans-serif;
}

.quote-button i {
  color: #fff;
}

.quote-button[disabled] {
  background: #ddd;
  color: #757575;
}

i.material-icons {
  font-size: 18px;
}
.blog-spacing {
  flex: 0 0 33%;
  max-width: 29%;
  margin: 0 20px 60px 20px;
}
.post_image_height{
  min-height: 200px;
}
.post_page {
  display: flex;
  flex-wrap: wrap;
}
.card {
  border-radius: 4px;
  margin: 20px auto;
  padding: 0 0 20px;
  background: #fff;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  width: 360px;
  overflow: hidden;
}

.header1 {
  height: 142px;
  background-image: linear-gradient(180deg, #FF9D4B, #FF6E6E);
  background-size: 100% 100%;
  margin-bottom: px;
  color: #fff;
  padding: 10px 15px;
  overflow: hidden;
}

.header1 h2 {
  font-size: 22px;
  font-weight: 500;
  color:#fff;
  margin-bottom: 0px;
}
.webview{display:block;}
.mobileview{display:none;}
.header1 p {
  padding-right: 80px;
}
.form-wrap{padding:20px;}
.card .ending {
  visibility: hidden;
  display: flex;
  height: 0;
  transition: visibility 0.8s linear;
}

.card.end .ending {
  height: 100%;
  min-height: 64px;
  visibility: visible;
  transition: visibility 0.8s linear;
}

.ending div:first-child {
  width: 0;
}

.end .ending div:first-child {
  background: #673AB7;
  width: 85px;
  transition: all 0.8s linear;
}

.ending h2 {
  font-size: 20px;
  text-align: center;
  font-weight: 300;
  padding-top: 10px;
}

.ending i {
  transform: scale(0) rotate(360deg);
  left: 5px;
  transition: all 0.8s ease;
}

.ending.showed i {
  color: #fff;
  font-size: 60px;
  top: 0;
  transform: scale(1) rotate(0deg);
  transition: all 0.8s ease;
}

@keyframes bord {
  0% {
    width: 0%;
  }
  100% {
    width: 101%;
  }
}

@keyframes bords {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}

@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* end quote*/





@-webkit-keyframes seo {
  0% {
    left: 20px;
    bottom: 20px;
  }
  25% {
    left: -20px;
    bottom: 20px;
  }
  50% {
    left: -20px;
    bottom: 0px;
  }
  75% {
    left: 0px;
    bottom: 0px;
  }
  100% {
    left: 20px;
    bottom: 20px;
  }
}

@keyframes seo {
  0% {
    left: 20px;
    bottom: 20px;
  }
  25% {
    left: -20px;
    bottom: 20px;
  }
  50% {
    left: -20px;
    bottom: 0px;
  }
  75% {
    left: 0px;
    bottom: 0px;
  }
  100% {
    left: 20px;
    bottom: 20px;
  }
}