/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Oswald:wght@400;500;600;700&display=swap');

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
*, html, {margin: 0;padding: 0;}
::-moz-selection {background-color: #000000;color: #fff;}/* Mozilla based browsers */
::selection {background-color: #000000;color: #fff;}/* Works in Safari */
a {color: #300975;     -webkit-transition: all .5s ease;  -moz-transition: all .5s ease;  -o-transition: all .5s ease; transition: all .5s ease;}
a:hover, a:active, a:focus { color: #000; outline: none; text-decoration: none;}
body { margin:0; padding:0; font-family: 'Barlow', sans-serif; font-size:16px; font-weight: 400; color: #000; line-height:normal;}
p { font-size:112.5%; line-height:28px; }
img { max-width: 100%;}
h2 { margin-top: -5px; margin-bottom:70px; padding-top: 10px; font: 600 225.0% 'Oswald', sans-serif; color: #000; text-align: center; position: relative; text-transform: uppercase; letter-spacing: 2px;}
h2:before { content:""; position:absolute; left:0; right: 0;  top: 0; margin: 0 auto; width:25px; height:7px; background:#000; }
.owl-carousel { position:relative; }
.owl-nav button { position:absolute; top:0; }
.owl-nav button.owl-prev { left:0; }
.owl-nav button.owl-next { right:0; }
.owl-nav button span { font-size:62px; }
.owl-dots { text-align:center;}
.owl-dot { width:10px; height:10px; border-radius:50%; background:#fff !important; transition: 0.5s; margin:0 3px;}
.owl-dot:hover, .owl-dot.active { background:#1d79d5 !important; outline: none; }
.owl-carousel .owl-item img { width:auto; display:inline;}
.margin-none { margin:0 !important; }
.padding-none { padding:0 !important; }
.global-overlay { position: absolute; width: 100%; height: 100%; top: 0; }
.global-table { width: 100%; height: 100%; display: table;  }
.global-cell { display: table-cell; vertical-align: middle;  }
.btn-area { text-align:center; }
.btn-area a,
.btn-area button { display:inline-block; background:#ff3c00; padding:20px 50px; border-radius:50px; color:#fff; text-transform:uppercase; font: 700 100.0% 'Oswald', sans-serif; letter-spacing:2px; border:0; -webkit-transition: all .5s ease;  -moz-transition: all .5s ease;  -o-transition: all .5s ease; transition: all .5s ease;}
 .btn-area a:hover,
.btn-area button:hover { background:#000; }
.play-btn {text-align: center;}
.play-btn a { display: block; margin:0 auto; border-radius: 50%; width:62px; height:62px; background:#ff3c00; color:#fff; font-size:24px; line-height:62px; }
.play-btn a i { margin-left:7px; }
.play-btn a:hover { background:#000; }
.pl-30 { padding-left:30px !important; }
.pr-30 { padding-right:30px !important; }
.pl-60 { padding-left:60px !important; }
.pr-60 { padding-right:60px !important; }
.pb-60 { padding-bottom:60px !important; }
.pt-60 { padding-top:60px !important; }



/*-- Header --*/
header { padding:20px 0; }    
/* Main Navigation START */
@media (min-width: 992px) {
.fixed-top { background:#fff; padding:10px 0; border-bottom:1px solid #ccc; }
.navbar { padding:0; }
.navbar-nav .nav-item { padding: 0 0 0 70px; }
.navbar-expand-lg .navbar-nav .nav-link { padding:15px 0;}
.navbar-light .navbar-nav .nav-link{ color:#000; font:500 100.0% 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px;}
.dropdown:hover>.dropdown-menu { display: block;}
.dropdown-toggle::after { display:none;}
.dropdown-menu { top:100%; border:0; border:1px solid #787878; border-top:0; border-radius: 15px; border-top-left-radius:0; border-top-right-radius:0; padding: 0; margin: 0; }
.navbar .nav-link:hover, .navbar .dropdown:hover .nav-link { color: #ff3c00 !important;}
.dropdown-item { padding: 10px 15px; font-size:105.0%; border-top:1px solid #ccc; }
.dropdown-item:focus, .dropdown-item:hover { background: #f4f4f4; color: #1d79d5 !important;}
.dropdown-menu li { position: relative;}
.dropdown-menu li:last-child { border-bottom-left-radius:15px; border-bottom-right-radius:15px; overflow: hidden;}
.dropdown-menu li a.dd-menu:before { content:"\1F892"; position: absolute; right: 10px; top: -15px;  font-size: 42px; color:#000;  }
.dropdown-menu li a.dd-menu:hover:before { color:#1d79d5; }
.nav-item .submenu{ display: none; position: absolute; left:100%; top:-7px;}
.dropdown-menu > li:hover{ background-color: #f4f4f4; }
.dropdown-menu > li:hover a {color:#1d79d5;}
.dropdown-menu > li:hover a.dd-menu:before { color:#1d79d5; }
.dropdown-menu > li:hover > .submenu{ display: block;}
.dropdown-menu > li:hover ul li a { color:#000; }

}
@media (max-width: 991px) {
header { padding:10px 0; }
.navbar-toggler { position:absolute; top: -48px; right:0; border: 0;}
.navbar { padding:0; margin-top: 0px; background:#333;}
.navbar-light .navbar-nav .nav-link { color:#fff !important; font-size:112.5%; text-transform: uppercase;}
.navbar-collapse { padding:15px;}
.dropdown-menu { background:#444; border-radius:0;}
.dropdown-item { color:#fff;}
.navbar-light .navbar-toggler i { color:#000935; font-size: 32px;}
.navbar-light .navbar-toggler:focus { outline:none; }
.navbar-light .navbar-nav .current { color:#ff0000 !important;}
.dropdown-item { padding:7px 10px; white-space:normal; }
}

/* Main Navigation END */

/*-- Marketing Area --*/
.marketing-area { background: url('../images/bg-coverfold.jpg') no-repeat center center; background-size:cover; padding:90px 0; position:relative; }
.marketing-area:before {content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color:rgba(0, 0, 0, 0.5); }
.marketing-area-content { width:; }
.marketing-area-content h1 { margin:0 0 40px 0; font:700 375.0%/72px 'Oswald', sans-serif; color:#fff; text-align:left; text-transform:uppercase; }
.marketing-area-content .btn-area { text-align:left; }

/*-- Main Content --*/
.main-content { padding:90px 0 70px 0;  }
.content { text-align:center; }
.content h2 { margin-bottom:40px; }
.content p { margin: 0 0 20px 0;}

/*-- Image Section --*/
.image-section { text-align:center; }
@media (min-width: 1367px) {
.image-section img { width: 100%; height: 400px; object-fit:cover; }
}

/*-- Image Text Section --*/
.image-text-section { margin-bottom:90px; }
.image-text-section h2 { text-align:left; margin-bottom:20px; }
.image-text-section h2:before { margin:0; }
.image-text-section .it-content ul li { margin: 0 0 10px 0; font-size:125.0%; line-height:28px; }

/*-- Services Section --*/
.our-services { background:#f4f2f8; padding:90px 0 70px 0; }
.service-content h3 {margin: 15px 0 10px 0; font:600 150.0% 'Oswald', sans-serif; text-transform: uppercase;}
.service-content p { font-size:112.5%; }

/*-- Contact Section --*/
.contact-section { background-image: linear-gradient(to right, rgba(50,10,125,1), rgba(31,0,53,1)); padding:90px 0; margin-bottom:90px; }
.contact-section h2 { color:#fff; margin-bottom:40px; }
.contact-section h2:before { background:#fff; }
.antispam { visibility:hidden; position:absolute; z-index:1; top:0;}
.contact-section .form-group .form-control {font-size: 112.5%; border-radius: 10px; border: 0;}
.contact-section .form-group textarea { height:100px; }

/*-- Work Section --*/
.work-section { margin-bottom:90px; }
.video-thumbnail { position:relative; margin-bottom:20px; }
.video-thumbnail { border-radius:20px; overflow:hidden; }
.video-text h3 { margin:0; font:600 150.0% 'Barlow', sans-serif; text-align:center; }

/*-- Partners Section --*/
.partners-section { margin-bottom: 10px; background: #f7f7f7; padding:90px 0 0 0; text-align:center;  }
.partners-section img { margin-bottom:90px; }

/*-- Footer --*/
footer { background-image: linear-gradient(to right, rgba(50,10,125,1), rgba(31,0,53,1)); padding:90px 0; color:#fff; }
.logo-footer { margin-bottom:40px;}
.footlinks ul { margin:0; padding:0; list-style:none;}
.footlinks ul li { margin:0; padding:10px 0; }
.footlinks a { font-size: 137.5%; color:#fff;}
.footlinks a:hover { color:#ff3c00;}
address { font-size: 137.5%;}
address a { display: block; margin-bottom: 30px; color:#ff3c00; font:600 150.0% 'Oswald', sans-serif;}
address a:hover { color:#fff; }



/*-- Video Modal Box --*/
.modal-content { position:relative; }
.modal-header { position:absolute; right:0; top:-45px; padding:0; border:0;  }
.modal-header .close { padding:0; margin:0; color:#fff; opacity:1; font-size:52px; font-weight:normal; }
.modal-body { padding:0; }
.modal-dialog { margin-top:100px; }


/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {  }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 

}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 767.98px) {
    h1, h2 { font-size:212.5%; } 
    .top-bar { border:0; }
    p { font-size:112.5%; }
    .pl-30 { padding-left:0px !important; }
    .pr-30 { padding-right:0px !important; }
    .pl-60 { padding-left:0px !important; }
    .pr-60 { padding-right:0px !important; }
    .global-table { height:auto; }
    .video-thumbnail .global-table { height:100%; }
    .play-btn a { width:72px; height:72px; font-size:32px; line-height:70px; }
    header { position:relative; }    
    .marketing-area-content h1 { font-size:225.0%; line-height:normal; }
    .our-services { padding-bottom:0; }
    .service-item { margin-bottom:90px; text-align:center; }
    .work-section { margin-bottom:0; }
    .video-item { margin-bottom:90px; }
    .partners-section { padding-bottom:50px; }
    .partners-section img { margin-bottom:30px; }
    .partners-section .col-6:last-child img { height:62px; }
    footer {text-align: center;}
    .footlinks { margin-bottom:30px; }
    address {margin-bottom: 0;}
    
}