@import url("component.css");

@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold.eot');
    src: url('../fonts/raleway-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-bold.woff2') format('woff2'),
         url('../fonts/raleway-bold.woff') format('woff'),
         url('../fonts/raleway-bold.ttf') format('truetype'),
         url('../fonts/raleway-bold.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaymedium';
    src: url('../fonts/raleway-medium.eot');
    src: url('../fonts/raleway-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-medium.woff2') format('woff2'),
         url('../fonts/raleway-medium.woff') format('woff'),
         url('../fonts/raleway-medium.ttf') format('truetype'),
         url('../fonts/raleway-medium.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular.eot');
    src: url('../fonts/raleway-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular.woff2') format('woff2'),
         url('../fonts/raleway-regular.woff') format('woff'),
         url('../fonts/raleway-regular.ttf') format('truetype'),
         url('../fonts/raleway-regular.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaysemibold';
    src: url('../fonts/raleway-semibold-webfont.eot');
    src: url('../fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-semibold-webfont.woff') format('woff'),
         url('../fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ralewaylight';
    src: url('../fonts/raleway-light-webfont.eot');
    src: url('../fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-light-webfont.woff2') format('woff2'),
         url('../fonts/raleway-light-webfont.woff') format('woff'),
         url('../fonts/raleway-light-webfont.ttf') format('truetype'),
         url('../fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
.btn-default.focus, .btn-default:focus { background:none!important; outline:none;} 


body { font-family: 'ralewayregular'; color:#1c1c1c; background:#fff; }
.section-1 { background:url(../images/header_bg.jpg) center top no-repeat; background-size:cover;
	-ms-behavior: url(backgroundsize.min.htc);
	behavior: url(backgroundsize.min.htc);
} 

.navbar-custom .navbar-nav > li > a,
.read-more-btn,
.download-btn-col .btn-default,
ul.be-social li a img,
.contact-us-btn,
ul.footer-nav li a,
.download-btn {
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s  ease-in-out;
-o-transition: all .8s  ease-in-out;
-ms-transition: all .8s  ease-in-out;
transition: all .8s ease-in-out; 
}




.header-group { background: url(../images/slider_img01.jpg) center top no-repeat; background-size:cover; 
-ms-behavior: url(backgroundsize.min.htc);
behavior: url(backgroundsize.min.htc);
}
.tech-support-grid { font-size:14px; color:#ffc000; text-align:right; padding-top:14px; padding-bottom:14px;} 
.header { position:relative;}
.header-fixed { position:fixed; width:100%; background:#FFF; z-index:999; top:0; left:0; z-index: 1000;
-o-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25); 
}

.navbar-custom { margin:0; padding:0; border:none; background:#fff;}
.navbar-default .navbar-brand { height:inherit; padding:13px; font-size:24px; color:#000000;}
.navbar-default .navbar-brand img { float:left; }
.navbar-default .navbar-brand span { display:block; margin-left:72px; padding-top:15px; padding-bottom:15px;}
.navbar-default .navbar-brand:hover { color:#000;}

.navbar-custom .navbar-nav { margin-top:17px;   } 
.navbar-custom .navbar-nav > li { float:none; display:inline-block;}
.navbar-custom .navbar-nav > li > a { font-size:14px; color:#000; padding-left:19px; padding-right:19px; padding-top:12px; padding-bottom:12px; text-transform:uppercase; 
/*-o-border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;*/
}
.navbar-custom .navbar-nav > li + li { margin-left:5px;margin-right: 5px;}
.navbar-custom .navbar-nav > .active > a, 
.navbar-custom .navbar-nav > .active > a:focus, 
.navbar-custom .navbar-nav > .active > a:hover { background:none; color:#2d8ae4;  }
.navbar-custom .navbar-nav > li > a:hover { background:none; color:#2d8ae4;  }
.navbar-custom .navbar-nav > .active > a { background:none; color:#2d8ae4; }
 
.banner-caption { text-align:center; color:#FFF; padding-top:260px; }
.banner-caption h2 {  font-family: 'ralewaylight'; font-size:44px/*60px*/; margin-top:25px;} 
.banner-caption p { font-size:18px/*14px*/;  padding-bottom:50px;}
.app-store-btn { background:none !important; border:none !important; } 
.app-store-btn:hover { background:none;}

.section-grid { background:#FFF; color:#303030; padding-top:50px; padding-bottom:50px; clear:left; width:100%; }
.section-grid h3 { font-size:46px; margin-bottom:40px;}
.section-grid p { font-size:14px; line-height:24px;}
 
.features-col { text-align:center; margin-top:10px;}
.features-icon { background:#2d3239; padding-top:23px; height:95px; width:98px; text-align:center; margin:0 auto;
 -o-border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
 }
.features-col h4 { font-family: 'ralewaybold'; font-size:24px;}
.features-col hr { height:2px; background:#ffac00; max-width:110px;}

.drag-drop-section { background:#2d3239; margin-top:50px;}

.carousel-img {}
.carousel-article {   font-family: 'ralewaymedium';}
.carousel-article h5 { color:#ffa800; font-size:24px;}
.carousel-article p { color:#FFF; line-height:22px;}
.carousel-article ul { display:block; width:100%; padding:0; margin:25px 0 0 0;}
.carousel-article ul li { display:block; background:url(../images/award_icon.png) left top no-repeat; padding-left:30px; color:#FFF; padding-bottom:20px;}
.read-more-btn { color:#ffa800;  font-size:16px; line-height:20px; text-transform:uppercase; display:block; border:#ffa800 solid 1px; float:left; padding:25px 56px; margin-top:25px;}
.read-more-btn:hover { background:#3b424a; color:#ffa800; text-decoration:none;}
.drag-drop-section .carousel-control.right,
.drag-drop-section .carousel-control.left { background:none; }
.drag-drop-section .carousel-control .arrow-chevron-left, 
.drag-drop-section .carousel-control .arrow-chevron-right { top:208px;}
.drag-drop-section .carousel-control { width:32px;}

.testimonials-col { background:#f1f1f1 url(../images/testimonials.jpg) center bottom no-repeat; min-height:330px; margin-top:50px; margin-bottom:50px;
background-size:cover; 
-ms-behavior: url(backgroundsize.min.htc);
behavior: url(backgroundsize.min.htc);
}

.testimonials-col p { color:3343a41; font-size:14px; text-align:center; padding-top:105px; }
.testimonials-name { text-align: right;} 

.testimonials-name { color:#FFF; padding-top:60px;}
.testimonials-name span { display:block; font-size:16px;}


 
.footer-col { background:#2d3239; padding-top:30px; padding-bottom:30px;}
.footer-col h6 { color:#ffa800; font-size:16px; text-transform:uppercase; border-left:#ffa800 solid 2px; padding-left:22px; padding-top:5px; padding-bottom:5px; margin-bottom:25px;}
.footer-col p { color:#c3c3c3; line-height:24px; margin-bottom:30px;}
.about-company a { color:#ffa800; font-size:14px; text-transform:uppercase;}
ul.get-in-touch { display:block; float:left; width:100%; padding:0px;}
ul.get-in-touch li { display:block; float:left; width:100%; padding-top:0px; padding-bottom:16px;}
ul.get-in-touch span { display:block; float:left;}
ul.get-in-touch p { margin-left:25px; margin-bottom:0;}
ul.get-in-touch p a { color:#c3c3c3;}
ul.get-in-touch p a:hover { color:#fff;}
ul.be-social { display: block; float:left; width:100%; padding:0px;}
ul.be-social li { display:block; float:left; width:20%; }
ul.be-social li a { display:block; height:19px; overflow:hidden;}
ul.be-social li a:hover img { margin-top:-75px;}
.contact-us-btn { color:#ff9734; text-transform:uppercase; width:174px; height:52px; border:#ffa800 solid 1px; background:none; margin-top:30px;
-o-border-radius:26px;
-webkit-border-radius: 26px;
-moz-border-radius: 26px;
border-radius: 26px;
padding-top: 15px;
}
.copy-right { background:#24282e; padding-top:50px; padding-bottom:50px; }
.copy-right p { color:#fff; margin:0;}
ul.footer-nav { display:block; float:right; padding:0px; margin:0px;}
ul.footer-nav li { display:block; float:left; margin-left:32px;} 
ul.footer-nav li a { color:#fff; text-transform:uppercase;}
ul.footer-nav li a:hover { color:#ffa800; text-decoration:none;}
.welcome-img { margin-top:35px; text-align:center;}




/* support Page **/

.spport-bg { background:url(../images/support_bg.jpg) center top no-repeat;
background-size:cover; 
-ms-behavior: url(backgroundsize.min.htc);
behavior: url(backgroundsize.min.htc);
}


 .banner-caption { padding-top:160px;}
 .banner-caption h2 { font-size:44px;}
.banner-caption p { padding-bottom:80px; font-size:24px; 	}


.support {}
.support h3 { font-family: 'ralewaylight'; line-height:65px;}

.support-duplicate-finder { background:#f6f5f5; text-align:center; padding:20px 20px 30px 20px; margin-bottom:35px; margin-top:40px;
 -o-border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

.support-duplicate-finder-title { text-align:center;}
.support-duplicate-finder-title img  { float:left;}
.support-duplicate-finder-title h5 { color:#1b1f3b; font-size:36px; text-align:left;}
.support-duplicate-finder-title p { color:#1b1f3b; font-size:16px; text-align:left;}
.support-duplicate-finder-article { margin-left:130px;}

.download-btn { color:#0078d7; height:61px; width:250px; font-size:20px; float:left; margin-left:110px; margin-top:25px; border-color:#0078d7;}
.download-btn:hover {  border-color:#0078d7; background:#0078d7; color:#FFF;}


.download-col { background:#f1f1f1;}
.download-section { border:#e0e0e0 solid 1px; background:#FFF; padding-bottom:15px;
 -o-border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}
.testimonials-col { margin-top:0; margin-bottom:0;}

/* Features Page **/

.features_bg { background:url(../images/features_bg.jpg) center top no-repeat;
background-size:cover; 
-ms-behavior: url(backgroundsize.min.htc);
behavior: url(backgroundsize.min.htc);
}

.features { background:#fcfcfc; border-bottom:#e5e9ea solid 1px; padding-bottom:200px;}

.features h3 { font-family: 'ralewaylight'; font-size:48px; margin-bottom:0; }
.features-section-title hr { height:4px; background:#ffa800; max-width:290px;}
.awesome-feature-section { margin-top:80px;}
.awesome-feature-col { border:#ffa800 solid 1px; position:relative; margin-top:20px;}
.awesome-feature-icon {  background:#fcfcfc; position:absolute; top:-44px; width:150px; left:50%; margin-left:-75px; text-align:center;}
.awesome-feature-article { padding:60px 20px 20px 20px; text-align:center; min-height:250px;}
.awesome-feature-article h4 { color:#2d3239; font-size:24px; font-family: 'ralewaybold'; margin-top:30px; padding-bottom:15px;}
.awesome-feature-article p {}

.features-deatils {}